ΕΚΠΑΙΔΕΥΤΙΚΗ ΤΕΧΝΟΛΟΓΙΑ — ΨΗΦΙΑΚΗ ΒΙΒΛΙΟΘΗΚΗ ΕΚΠΑΙΔΕΥΤΙΚΩΝ ΣΕΝΑΡΙΩΝ

ΙΦΙΓΕΝΕΙΑ - Βιβλιοθήκη Εκπαιδευτικών Δραστηριοτήτων

UI/UX σχεδιασμός (Figma) και Front-End υλοποίηση σε περιβάλλον DSpace για τη θεματική βιβλιοθήκη Photodentro IPHIGENEIA του ΙΤΥΕ «Διόφαντος». Αποτελεί την κεντρική υποδομή φιλοξενίας, οργάνωσης και αξιολόγησης εκπαιδευτικών δραστηριοτήτων και ολοκληρωμένων σεναρίων της Επιμόρφωσης Β’ Επιπέδου ΤΠΕ. Προσφέρει στους πιστοποιημένους εκπαιδευτικούς διπλό σύστημα πλοήγησης (Πολυκριτηριακά Faceted Φίλτρα & Δενδροειδή Ιεραρχική Ταξινόμηση Συστάδων), αυτόνομη συγγραφή/υποβολή σεναρίων, καθώς και εργαλεία αξιολόγησης και διαμοιρασμού υλικού μέσω ελεγχόμενης πρόσβασης.

Dual Navigation System Υλοποίηση διπλού UI πλοήγησης: Πολυκριτηριακά Faceted Φίλτρα με counters & Δενδροειδής Ιεραρχία (Tree Taxonomy) Συστάδων.
UI/UX Design in Figma Πλήρης σχεδιασμός διεπαφής (Figma prototype), custom εικονιδίων βαθμίδων, Wireframing και Design System.
DSpace UI Customization Customization του DSpace (Java backend) για την προβολή IEEE LOM metadata, καρτών σεναρίων και Search Controls.
Η πρόκληση

Σύνθετη Αναζήτηση & DSpace Integration

Η βασική πρόκληση ήταν η μεταφορά του custom σχεδιασμού από το Figma στο απαιτητικό περιβάλλον του DSpace repository system. Απαιτήθηκε η υλοποίηση ενός ευέλικτου συστήματος αναζήτησης με διπλή υπόσταση: από τη μία πλευρά πολυκριτηριακά φίλτρα (βαθμίδα, τάξη, διάρκεια, λογισμικό) με ζωντανούς μετρητές αποτελεσμάτων και από την άλλη ιεραρχική δενδροειδής πλοήγηση ανά Συστάδα Ειδικότητας, εξασφαλίζοντας άμεση πρόσβαση σε χιλιάδες εκπαιδευτικά σενάρια.

Η Λύση

Figma Design & Custom Front-End Development

Σχεδιάστηκαν στο Figma τα διαδραστικά wireframes, τα custom visual badges των βαθμίδων και το Design System. Στη συνέχεια αναπτύχθηκε custom DSpace theme με SCSS, HTML5, JavaScript και jQuery. Δημιουργήθηκε ένα responsive Card Grid layout για τα σενάρια, δυναμικά UI controls για την ταξινόμηση/σελιδοποίηση (Sorting & Pagination) και διαισθητική δομή πλοήγησης Sidebar που συνδέθηκε ομαλά με τους μηχανισμούς αναζήτησης του DSpace.

Ο αντίκτυπος

Διαισθητική Εξερεύνηση Εκπαιδευτικού Υλικού

Η ΙΦΙΓΕΝΕΙΑ προσφέρει στους επιμορφούμενους και πιστοποιημένους εκπαιδευτικούς της Επιμόρφωσης Β’ Επιπέδου ΤΠΕ ένα εξαιρετικά οργανωμένο περιβάλλον. Είτε μέσω θεματικών φίλτρων είτε μέσω της δενδροειδούς ταξινόμησης της ειδικότητάς τους, οι εκπαιδευτικοί εντοπίζουν σε δευτερόλεπτα εξειδικευμένα σενάρια, τα αξιολογούν και εμπλουτίζουν τη διδακτική τους πρακτική.

Homepage Preview

Αρχική σελίδα - Βιβλιοθήκη Εκπαιδευτικών Δραστηριοτήτων ΙΦΙΓΕΝΕΙΑ

Τεχνολογίες & Συνεισφορά

Φορέας Υλοποίησης ΙΤΥΕ ΔΙΟΦΑΝΤΟΣ
Πλατφόρμα DSpace
E-Ecosystem Photodentro National Repository Family
UI/UX Prototyping Figma
Front-End HTML5 / CSS3 / JavaScript / jQuery
Back-end Java
CSS Framwork Bootrstrap
Standards & Metadata IEEE LOM / Educational Scenario Metadatas
Παλέτα
Συνεισφορά UI/UX Design (Figma) DSpace Theme Customization Front-End Architecture Responsive Web Design Educational Metadata UI Authenticated User UI Search & Filtering UI HTML5 & SCSS Development JavaScript / jQuery