Ανάπτυξη web application και διασύνδεση με υπάρχων API για σύγχρονη αξιολόγηση κυκλωματικής πολυπλοκότητας και διαδρομών ελέγχου

• Κύριος συγγραφέας: Κωστορρίζος, Δημήτριος
• Άλλοι συγγραφείς: Kostorrizos, Dimitrios
• Γλώσσα: Greek
• Έκδοση: 2022
• Θέματα: Διαδικτυακές εφαρμογές; Μαθησιακά περιβάλλοντα; Web API; C#; Razor pages; .NET; ASP .NET; Blazor web assembly

Αντικείμενο της ανά χείρας διπλωματική εργασία ήταν η ανάπτυξη μιας διαδικτυακή εφαρμογή για τον/την καθηγητή/καθηγήτρια και τους φοιτητές, η οποία αποτελεί μέρος του ήδη υπάρχον μαθησιακού περιβάλλοντος Diagram⊷atic. Η διαδικτυακή εφαρμογή επιτρέπει σε δύο ομάδες χρηστών, τους καθηγητές και τους φοιτητές, την αλληλεπίδραση με το περιβάλλον Diagram⊷atic Web API. Ο/Η καθηγητής/καθηγήτρια μπορεί να συνδεθεί μέσω της διαδικτυακής εφαρμογής, παρέχοντας το email του και έναν κωδικό, στο περιβάλλον Diagram⊷atic. Από εκεί του παρέχεται η δυνατότητα να δημιουργήσει μεμονωμένες ασκήσεις που να εξετάζουν τις γνώσεις με θέμα κυκλωματική πολυπλοκότητα και τις διαδρομές ελέγχου. Για κάθε άσκηση που δημιουργεί, παρέχεται η δυνατότητα, να σχεδιαστεί και το σχετικό διάγραμμα, μέσω της διαδικτυακής εφαρμογής. Έπειτα, έχοντας δημιουργήσει ένα πλήθος από ασκήσεις, ο/η καθηγητής/καθηγήτρια μπορεί να τις ομαδοποιήσει σε ένα σύνολο, το οποίο θα χρησιμοποιηθεί ως βάση για να δημιουργηθεί το αντίστοιχο διαδραστικό παιχνίδι. Πριν ξεκινήσει το παιχνίδι, επιτρέπεται η παραμετροποίηση των ασκήσεων, λόγου χάρη η αλλαγή της βαθμολογίας κάθε άσκησης και η διάρκειά της. Κατά την διάρκεια του παιχνιδιού, ο καθηγητής μπορεί να προσπεράσει κάποια άσκηση από το παιχνίδι ή/και να ξεκινήσει το παιχνίδι από την αρχή. Μετά την λήξη του παιχνιδιού, ο/η καθηγητής/καθηγήτρια μπορεί να δει τις απαντήσεις των φοιτητών και να τους βαθμολογήσει κατάλληλα. Οι φοιτητές μπορούν να εισέρθουν στην περιβάλλον Diagram⊷atic, μέσω της διαδικτυακής εφαρμογής, χρησιμοποιώντας τον κωδικό τους παιχνιδιού, τον οποίο τους δημοσιεύει ο/η καθηγητής/καθηγήτρια. Με την εισαγωγή ενός σωστού κωδικού, ο/η φοιτητής/φοιτήτρια εισέρχεται στο παιχνίδι. Έπειτα, μετά το έναυσμα του καθηγητή, οι φοιτητές βλέπουν μία προ μία τις ερωτήσεις του καθηγητή και απαντούν σε αυτές. Με την λήξη του παιχνιδιού, ο/η καθηγητής/καθηγήτρια βλέπει τις απαντήσεις των χρηστών, ανακοινώνει την βαθμολογία των φοιτητών και μπορεί να εξηγήσει τα πιθανά λάθη. Η διαδικασία υλοποίησης αυτής διπλωματικής εκτείνεται σε τρία βήματα. Το πρώτο βήμα ήταν η υλοποίηση ενός Web API, από άλλον παλαιότερο φοιτητή σε ASP .NET CORE 3.1 και περιγράφεται σε σχετική διπλωματική με θέμα «Ανάπτυξη διεπαφής προγραμματισμού εφαρμογών και αλγορίθμων για σύγχρονη αξιολόγηση κυκλωματικής πολυπλοκότητας» από τον Κοσμά Μάριο. Το δεύτερο βήμα ήταν η δημιουργία ενός Web Requests Client, με όνομα Diagrammatic Client, οποίος επιτρέπει την διασύνδεση με το Web API, που αναφέρθηκε παραπάνω. Το τρίτο και τελευταίο βήμα ήταν η δημιουργία των RAZOR ιστοσελίδων που θα μπορούσαν να παρουσιάσουν το περιεχόμενο τους Web API με ευχάριστο και βολικό, για τον χρήστη τρόπο. Για την δημιουργία των ιστοσελίδων χρησιμοποιήθηκε το frontend framework Blazor WASM σε .NET 5, ώστε να παραχθούν responsive σελίδες.