ColorCourse 1.0 - Moodle course theme
Σχεδιασμός και υλοποίηση ενός έξυπνου frontend εργαλείου ανασχεδιασμού UI/UX για την πλατφόρμα Moodle, το οποίο προσφέρει πλήρη σχεδιαστική αυτονομία στον εκπαιδευτικό. Η εφαρμογή του γίνεται άμεσα από οποιονδήποτε εκπαιδευτικό, απλώς με μια αντιγραφή και επικόλληση (copy-paste) ελάχιστων γραμμών κώδικα σε ένα απλό, native HTML Block του μαθήματός του. Το εργαλείο εκτελείται αποκλειστικά στον browser του χρήστη, αναγνωρίζει αυτόματα τις ενότητες του υλικού και επιβάλλει ένα καθαρό visual hierarchy χωρίς να απαιτούνται δικαιώματα διαχειριστή (Administrator) στο Moodle ή αλλαγές στον κεντρικό server.
Αδυναμία παραμετροποίησης του θέματος από τον εκπαιδευτικό
Η κεντρική διαχείριση των συστημάτων Moodle «κλειδώνει» την εμφάνιση του Moodle Course, στερώντας από τον εκπαιδευτικό τη δυνατότητα να επέμβει σχεδιαστικά και να οργανώσει το υλικό του όπως επιθυμεί. Το native interface επιβάλλει μια αυστηρή, επίπεδη δομή, όπου όλα τα αρχεία αποκτούν πανομοιότυπα εικονίδια (π.χ. μια «θάλασσα» από ίδια μπλε εικονίδια PDF), αυξάνοντας το γνωστικό φορτίο των μαθητών. Χωρίς δικαιώματα διαχειριστή (Administrator) για την τροποποίηση του κεντρικού theme του Moodle, ο εκπαιδευτικός αδυνατεί να εισάγει ξεκάθαρα οπτικά ορόσημα για να καθοδηγήσει τους σπουδαστές του.
Δυναμική εισαγωγή CSS & τοπική επεξεργασία του DOM
Η λύση δόθηκε με την ανάπτυξη ενός απλού εργαλείου διεπαφής, το οποίο αποτελείται από λίγες γραμμές καθαρής JavaScript και ένα αρχείο CSS. Ο εκπαιδευτικός εισάγει τον κώδικα με μια απλή αντιγραφή και επικόλληση σε ένα έτοιμο, native HTML Block του μαθήματός του. Το script εκτελεί ελεγχόμενη εισαγωγή του αρχείου CSS από εξωτερικό server, παρακάμπτοντας τους περιορισμούς του συστήματος. Στη συνέχεια, σαρώνει τη σελίδα, εντοπίζει λέξεις-κλειδιά (όπως Παρουσίαση, Άσκηση, Παράδειγμα) και προσαρμόζει δυναμικά την εμφάνισή τους, αντικαθιστώντας τα native εικονίδια του theme με έγχρωμα γεωμετρικά σύμβολα και μετατρέποντας τις απλές λίστες σε καθαρές, αυτόνομες οπτικές κάρτες.
Άμεση αναγνώριση προτύπων και πλήρης σχεδιαστική αυτονομία
Το ColorCourse μεταμορφώνει ριζικά την καθημερινή εκπαιδευτική διαδικασία, προσφέροντας στους μαθητές ακαριαία οπτική ομαδοποίηση. Το μάτι του σπουδαστή αναγνωρίζει τη φύση του αρχείου από το γεωμετρικό σχήμα και το χρώμα (πορτοκαλί κύκλος= παρουσίαση-διάλεξη, πράσινος κύκλος = παράδειγμα, γκρι κύκλος = άσκηση, κίτρινο τρίγωνο = ανακοίνωση κ.λπ.) πριν καν χρειαστεί να διαβάσει τον τίτλο. Ο εκπαιδευτικός διαμορφώνει το Moodle Course μέσα σε ελάχιστα δευτερόλεπτα με πλήρη αυτονομία, παρακάμπτοντας την ανάγκη για έγκριση ή παρέμβαση από τον Administrator της πλατφόρμας. Το εργαλείο διατίθεται ως ανοιχτό asset, έτοιμο να βοηθήσει κάθε εκοπαιδευτικό να αναβαθμίσει την προσβασιμότητα και την αισθητική του μαθήματός του.
Coursepage Preview
