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

icRepo - Ψηφιακό Αποθετήριο Κέντρων Καινοτομίας

Ανάπτυξη του δίγλωσσου (GR/EN) Front-End περιβάλλοντος για το Ψηφιακό Αποθετήριο icRepo του ΙΤΥΕ «Διόφαντος», το οποίο αποτελεί έναν από τους δύο πυλώνες του Virtual Κέντρου Καινοτομίας (σε σύνδεση με την πλατφόρμα i*Collab). Φιλοξενεί, οργανώνει και διαμοιράζει ψηφιακούς μαθησιακούς πόρους, εφαρμογές VR/AR, 3D μοντέλα και εκπαιδευτικά σενάρια βασισμένα στη διεθνή προδιαγραφή μεταδεδομένων IEEE LOM. Παρέχει 4 διακριτούς τρόπους πλοήγησης (3D Κάτοψη 5 Συλλογών, Θεματική Ιεραρχία Όρων, Τεχνολογίες Αιχμής και Σύνθετη Αναζήτηση με Φίλτρα).

4 Navigation Systems Πλοήγηση μέσω 3D Κάτοψης 5 Συλλογών Χώρου, Θεματικής Ιεραρχίας, Τεχνολογιών Αιχμής & Faceted Φίλτρων.
IEEE LOM & DSpace UI Customization του θεματικού DSpace για την προβολή metadata IEEE LOM και περιβάλλοντος διαχειριστών.
Figma to SCSS / HTML5 Πιστή μεταφορά του Figma design σε SCSS, HTML5 CSS Grid/Flexbox και Bootstrap components.
Η πρόκληση

Σύνθετα UI Systems & DSpace Integration

Η βασική πρόκληση ήταν η μεταφορά του custom σχεδιασμού από το Figma στο DSpace repository system. Απαιτήθηκε η υλοποίηση 4 διαφορετικών τρόπων πλοήγησης —συνδυάζοντας την προσαρμογή έτοιμων Canvas στοιχείων (3D Κάτοψη των 5 Συλλογών Χώρου και Διάγραμμα Θεματικής Ιεραρχίας), ένα Interactive Grid Τεχνολογιών Αιχμής και ένα σύστημα Accordion Φίλτρων— εξασφαλίζοντας παράλληλα άρτια προβολή των IEEE LOM μεταδεδομένων και πλήρη ανταποκρισιμότητα (Responsive UI).

Η Λύση

SCSS, Bootstrap Grid & JS Integration

Αναπτύχθηκε custom Front-End με SCSS, HTML5, Bootstrap Grid, JavaScript και jQuery. Προσαρμόστηκαν τα Canvas components, σχεδιάστηκαν τα Tile Grids και τα πτυσσόμενα UI Accordions για τα φίλτρα, τα οποία συνδέθηκαν ομαλά με τους μηχανισμούς αναζήτησης και τα metadata του Java backend του DSpace, καθώς και με τη διεπαφή διαχειριστών για τη μεταφόρτωση πόρων.

Ο αντίκτυπος

Κεντρική Υποδομή για τα Κέντρα Καινοτομίας

Το icRepo, ως μέρος του Virtual Κέντρου Καινοτομίας και διαλειτουργώντας με την πλατφόρμα i-Collab, προσφέρει στα Κέντρα Καινοτομίας των 13 Περιφερειακών Διευθύνσεων Εκπαίδευσης μια σύγχρονη υποδομή. Εκπαιδευτικοί και μαθητές ανακαλύπτουν και αλληλεπιδρούν με καινοτόμο εκπαιδευτικό υλικό, 3D μοντέλα και εφαρμογές VR/AR μέσω μιας εξαιρετικά διαισθητικής εμπειρίας πλοήγησης.

Homepage Preview

Αρχική σελίδα - Ψηφιακό Αποθετήριο Κέντρων Καινοτομίας

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

Φορέας Υλοποίησης ΙΤΥΕ ΔΙΟΦΑΝΤΟΣ
Πλατφόρμα DSpace
Standards & Metadata IEEE LOM
UI/UX Prototyping Figma
Front-End HTML5 / CSS3 / JavaScript / jQuery
Back-end Java
CSS Framwork Bootrstrap
Interactive Elements HTML5 Canvas
Παλέτα
Συνεισφορά Figma to Code Implementation Multilingual UI (GR/EN) Canvas UI Adaptation & Integration Responsive Card Grid Layout Faceted Accordion Search UI SCSS Custom Styling DSpace Theme Customization HTML5 & Bootstrap Layout JavaScript / jQuery Development IEEE LOM Metadata UI