Πορτρέτο του Ξενοφών Απάκη
Ξενοφών Απάκης
Web designer και developer από το 1997

Κατασκευή ιστοσελίδας για stem academy

Κατασκευή ιστοσελίδας για stem academy

· Με δύο λόγια

Πώς οργανώνεται η ιστοσελίδα μιας STEM academy: θεματικές, ηλικιακές διαδρομές, προγράμματα, έργα, ομάδα και καθαρή επιλογή για γονείς και μαθητές..

Ιστοσελίδα για STEM academy που οργανώνει τη διεπιστημονικότητα σε καθαρές διαδρομές

Η κατασκευή ιστοσελίδας για stem academy έχει διαφορετική δυσκολία από μια σελίδα που παρουσιάζει ένα μόνο μάθημα. Μια ακαδημία STEM (Επιστήμη, Τεχνολογία, Μηχανική και Μαθηματικά, Science, Technology, Engineering and Mathematics) μπορεί να περιλαμβάνει προγράμματα με πολύ διαφορετικό περιεχόμενο. Αν η ιστοσελίδα τα τοποθετήσει απλώς σε ένα πλέγμα από κάρτες, ο επισκέπτης βλέπει ποικιλία αλλά όχι διαδρομή.

Η λύση είναι η ταξινόμηση πριν από τον σχεδιασμό. Χρειάζεται να αποφασιστεί με ποια λογική βρίσκει κάποιος το κατάλληλο πρόγραμμα: ηλικία, θεματική περιοχή, προηγούμενη εμπειρία, μορφή συμμετοχής ή συνδυασμός αυτών. Η αρχική σελίδα δεν πρέπει να περιέχει όλο το περιεχόμενο. Πρέπει να λειτουργεί σαν χάρτης που οδηγεί σε καθαρές ομάδες προγραμμάτων.

Εξηγήστε πρώτα τι σημαίνει STEM για τη δική σας ακαδημία

Το αρκτικόλεξο από μόνο του δεν αρκεί. Η σελίδα πρέπει να περιγράφει ποιες θεματικές καλύπτει πραγματικά η ακαδημία και πώς συνδέονται μεταξύ τους. Δεν είναι απαραίτητο κάθε πρόγραμμα να περιλαμβάνει και τις τέσσερις περιοχές με τον ίδιο τρόπο. Είναι προτιμότερο να δηλώνεται καθαρά τι κάνει κάθε διαδρομή παρά να χρησιμοποιείται το STEM ως γενική ετικέτα πάνω σε κάθε δραστηριότητα.

Μια σύντομη ενότητα «Πώς οργανώνουμε τα προγράμματα» βοηθά τον γονέα να καταλάβει τη λογική της ακαδημίας. Εκεί μπορούν να εμφανίζονται οι βασικοί άξονες, οι ηλικιακές ομάδες και ο τρόπος μετάβασης από ένα επίπεδο σε άλλο, όταν υπάρχει πραγματική συνέχεια.

Η ταξινομία προγραμμάτων πρέπει να είναι σταθερή

Αν ένα πρόγραμμα εμφανίζεται άλλοτε ως «τεχνολογία», άλλοτε ως «δημιουργία» και άλλοτε ως «εργαστήριο», ο επισκέπτης δεν ξέρει αν βλέπει διαφορετικές κατηγορίες ή το ίδιο πράγμα. Καθορίζουμε λοιπόν μια κύρια ταξινόμηση και τη χρησιμοποιούμε σε μενού, φίλτρα, κάρτες και σελίδες. Μπορεί να υπάρχει δεύτερο φίλτρο ηλικίας, αλλά δεν αλλάζουμε τους βασικούς όρους από σελίδα σε σελίδα.

Η αρχιτεκτονική μπορεί να περιλαμβάνει θεματικές όπως επιστημονική διερεύνηση, τεχνολογικές κατασκευές, σχεδιασμό ή μαθηματικές δραστηριότητες μόνο εφόσον αντιστοιχούν στα πραγματικά προγράμματα. Δεν δημιουργούμε κατηγορίες για να φαίνεται πιο πλήρης η σελίδα. Κάθε κατηγορία πρέπει να οδηγεί σε ουσιαστικό περιεχόμενο.

Οι ηλικιακές διαδρομές χρειάζονται δική τους λογική

Ο γονέας συχνά ξεκινά από την ηλικία. Γι’ αυτό είναι χρήσιμο να υπάρχει σημείο όπου επιλέγει ηλικιακή ομάδα και βλέπει μόνο τα σχετικά προγράμματα. Η ηλικία, όμως, δεν πρέπει να χρησιμοποιείται ως μοναδικό κριτήριο όταν κάποια προγράμματα απαιτούν προηγούμενη εμπειρία ή διαφορετικό επίπεδο αυτονομίας. Αυτές οι προϋποθέσεις πρέπει να γράφονται καθαρά.

Αν η ακαδημία έχει παράλληλες διαδρομές, η σελίδα μπορεί να παρουσιάζει «τι μπορώ να κάνω τώρα» και «ποιες είναι οι πιθανές επόμενες επιλογές». Αυτό βοηθά χωρίς να υπόσχεται ότι όλοι οι μαθητές ακολουθούν την ίδια πορεία. Η διαδρομή είναι εργαλείο πλοήγησης, όχι συμβόλαιο μαθησιακής εξέλιξης.

Κάθε πρόγραμμα χρειάζεται κοινό πλαίσιο περιγραφής

Για να μπορούν οι επισκέπτες να συγκρίνουν, οι σελίδες προγραμμάτων χρειάζεται να έχουν σταθερά βασικά πεδία: σε ποιους απευθύνεται, τι δραστηριότητες περιλαμβάνει, ποια προϋπόθεση υπάρχει, τι πρακτικό εξοπλισμό χρειάζεται ο μαθητής και πώς εκδηλώνεται ενδιαφέρον. Η κοινή δομή δεν σημαίνει ίδιο κείμενο. Σημαίνει ότι ο γονέας ξέρει πού θα βρει την ίδια κατηγορία πληροφορίας.

Όταν ένα πρόγραμμα έχει ιδιαίτερο δημιουργικό ή οπτικό χαρακτήρα, μπορεί να χρειάζεται περισσότερο χώρο για έργα και εικόνες. Μια δομή ιστοσελίδας τύπου συλλογής έργων προσφέρει χρήσιμες ιδέες για οργάνωση οπτικού υλικού, χωρίς να μετατρέπεται η εκπαιδευτική σελίδα σε απλή έκθεση.

Τα έργα δείχνουν τη φύση της δραστηριότητας, όχι εγγυημένο αποτέλεσμα

Τα έργα μαθητών μπορούν να συνδέσουν τη θεωρία με το τι συμβαίνει σε ένα πρόγραμμα. Χρειάζεται όμως πλαίσιο: ποια ήταν η πρόκληση, ποιο ήταν το επίπεδο, τι μέρος δείχνει η φωτογραφία και αν πρόκειται για ομαδική ή ατομική εργασία. Αποφεύγουμε να παρουσιάζουμε το πιο εντυπωσιακό έργο ως τυπικό αποτέλεσμα για κάθε συμμετέχοντα.

Μπορεί επίσης να υπάρχει θεματική συλλογή από κατασκευές, πειράματα ή ψηφιακά έργα, αρκεί να συνδέεται με τις αντίστοιχες σελίδες προγραμμάτων. Έτσι το οπτικό υλικό βοηθά στην επιλογή και δεν λειτουργεί ως ξεχωριστή, αποκομμένη βιτρίνα.

Η εκπαιδευτική ομάδα παρουσιάζεται με ρόλους που καταλαβαίνει ο γονέας

Σε μια ακαδημία με διαφορετικές θεματικές, η ομάδα έχει μεγαλύτερη αξία όταν συνδέεται με τα προγράμματα. Κάθε προφίλ μπορεί να περιγράφει αντικείμενο, ρόλο και σχέση με συγκεκριμένες διαδρομές, χωρίς τίτλους που δεν εξηγούν τι κάνει το πρόσωπο στην πράξη. Αν υπάρχουν συνεργάτες μόνο σε ορισμένους κύκλους, αυτό δεν χρειάζεται να παρουσιάζεται σαν μόνιμη σύνθεση.

Αν η ακαδημία παράγει και εκπαιδευτικό περιεχόμενο, μια διαφορετική πληροφοριακή λογική μπορεί να αντληθεί από σελίδα για ακαδημία δημιουργίας περιεχομένου, κυρίως ως προς τη διάκριση μαθημάτων, πόρων και έργων. Οι θεματικές, φυσικά, παραμένουν διαφορετικές.

Πίνακας ταξινόμησης πριν σχεδιαστεί το μενού

ΔιάστασηΕρώτησηΧρήση στην ιστοσελίδα
ΗλικίαΣε ποια ομάδα ανήκει ο μαθητής;Φίλτρο και πρώτη διαδρομή
ΘεματικήΠοιο πεδίο τον ενδιαφέρει;Κύρια κατηγορία προγράμματος
ΕμπειρίαΧρειάζεται προηγούμενο επίπεδο;Προϋπόθεση στη σελίδα προγράμματος
ΜορφήΠώς συμμετέχει;Πρακτικές πληροφορίες
ΣυνέχειαΠοιες επιλογές ακολουθούν;Σχετικές διαδρομές στο τέλος της σελίδας

Έλεγχος συνοχής πριν από τη δημοσίευση

  • Το STEM εξηγείται με φυσικό τρόπο και δεν χρησιμοποιείται ως κενή ετικέτα.
  • Η ίδια κατηγορία έχει το ίδιο όνομα σε μενού, φίλτρα και κάρτες.
  • Κάθε πρόγραμμα εμφανίζει ηλικία, προϋποθέσεις και πραγματική περιγραφή δραστηριοτήτων.
  • Τα έργα συνδέονται με συγκεκριμένα προγράμματα και δεν παρουσιάζονται ως καθολικό αποτέλεσμα.
  • Οι σελίδες ομάδας και προγραμμάτων συμφωνούν για τους ρόλους που εμφανίζονται.

Η διεπιστημονικότητα είναι πλεονέκτημα μόνο όταν ο επισκέπτης μπορεί να την καταλάβει. Μια καλή ιστοσελίδα STEM academy δεν στοιβάζει διαφορετικές θεματικές. Τις οργανώνει σε σταθερό σύστημα, δείχνει σε ποιον απευθύνεται κάθε επιλογή και δίνει καθαρό επόμενο βήμα. Έτσι η ποικιλία γίνεται πλοήγηση και όχι θόρυβος.

Η πλοήγηση μπορεί να ξεκινά από την ερώτηση του επισκέπτη

Σε μια πολυθεματική ακαδημία, δεν φτάνει πάντα ένα μενού με ονόματα προγραμμάτων. Μπορεί να υπάρχει δεύτερη είσοδος με ερωτήσεις όπως «Ψάχνω πρόγραμμα για συγκεκριμένη ηλικία», «Με ενδιαφέρουν κατασκευές», «Θέλω δραστηριότητα με περισσότερη επιστημονική διερεύνηση» ή «Θέλω να δω τι απαιτεί προηγούμενη εμπειρία». Οι επιλογές αυτές δεν δημιουργούν νέο περιεχόμενο· οδηγούν στα ίδια προγράμματα από διαφορετικό σημείο εκκίνησης.

Αυτό είναι ιδιαίτερα χρήσιμο όταν οι τίτλοι των μαθημάτων δεν αρκούν για να εξηγήσουν τη διαφορά. Η πλοήγηση γίνεται πιο ανθρώπινη, γιατί ακολουθεί τη σκέψη του γονέα ή του μαθητή αντί να απαιτεί να γνωρίζει εσωτερικά ονόματα και κατηγορίες.

Πόροι και ενημερώσεις πρέπει να έχουν ξεχωριστό ρόλο

Άρθρα, οδηγοί, ενημερώσεις ή υλικό από δράσεις μπορούν να ενισχύσουν την κατανόηση της ακαδημίας, αλλά δεν πρέπει να μπερδεύονται με τα ενεργά προγράμματα. Δημιουργούμε ξεχωριστή περιοχή πόρων και συνδέουμε κάθε κείμενο με τη σχετική θεματική. Έτσι ο επισκέπτης που ερευνά σε βάθος βρίσκει περισσότερο υλικό, ενώ όποιος θέλει απλώς να επιλέξει πρόγραμμα δεν χρειάζεται να περάσει μέσα από βιβλιοθήκη άρθρων.

Οι πόροι μπορούν επίσης να λειτουργούν ως γέφυρα προς ένα πρόγραμμα μόνο όταν υπάρχει πραγματική θεματική σχέση. Δεν χρειάζεται κάθε άρθρο να οδηγεί σε κάθε μάθημα. Η επιλεκτική σύνδεση κρατά τη διαδρομή καθαρή και αποφεύγει την αίσθηση ότι κάθε σελίδα είναι απλώς αφορμή για προώθηση.