kay-archetypes
O Douglas Engelbart έγινε διάσημος για τη συσκευή εισόδου ποντίκι, 1 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικρο-υπολογιστές και έχουν ιδιαίτερη σημασ...
Η περίπτωση της συσκευής αναπαραγωγής μουσικής iPod σήμανε την αρχή της γρήγορης μετατόπισης της διάδρασης από τον επιτραπέζιο προς τον κινητό και διάχυτο υπ...
Ο μίνι-υπολογιστής PDP11 της DEC θεωρείται κομβικό σημείο, γιατί ήταν πολύ δημοφιλής σε πανεπιστήμια και ερευνητικά κέντρα, όπου χρησιμοπ...
Ο Jaron Lanier έγινε ευρύτερα γνωστός για τον προβληματισμό που εξέφρασε σχετικά με τα κοινωνικά μέσα και τους μηχανισμούς εξατομίκευσης που χρησιμοποιούν. Ή...
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κύρ...
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
Ο προσωπικός υπολογιστής θεωρείται δεδομένος για τους χρήστες μετά τη δεκαετία του 1980, αλλά ήταν μόνο μια ιδέα για πολύ λίγους ερευνητές τη δεκαετία του 19...
Η επιφάνεια εργασίας του επιτραπέζιου υπολογιστή είναι ένα δημοφιλές και ευέλικτο σύστημα, το οποίο πέρασε από πολλούς κύκλους ανάπτυξης και προσαρμογής, τόσ...
Η κατανόηση και η χρήση μιας συσκευής διέπεται από μερικές βασικές και διαχρονικές αξίες, οι οποίες παραμένουν ίδιες, ανεξάρτητα από το είδος και την πολυπλο...
Η επιφάνεια εργασίας του επιτραπέζιου υπολογιστή είναι ένα δημοφιλές και ευέλικτο σύστημα, το οποίο πέρασε από πολλούς κύκλους ανάπτυξης και προσαρμογής, τόσ...
Το Arduino είναι ένας πολύ δημοφιλής μικροελεγκτής, ο οποίος φτιάχτηκε με αρχικό σκοπό τον προγραμματισμό και την εκπαίδευση των φοιτητών της διάδρασης ανθρώ...
Το Raspberry Pi είναι μια πλατφόρμα που άλλαξε το πώς προσεγγίζουμε τη διάδραση με τον χρήστη όταν “βγαίνουμε” από τον κλασικό επιτραπέζιο υπολογιστή. Αν το ...
Το Reactable είναι ένα ψηφιακό μουσικό σύστημα, το οποίο βασίζεται στη διάδραση με την αφή και με απτά αντικείμενα.1 Εκτός από την εκθεσιακή του εγκατάσταση ...
Το Έξυπνο Οικοσύστημα Σπιτιού αποτελεί ένα χαρακτηριστικό παράδειγμα συνεργατικού συστήματος στο οποίο πολλαπλές συσκευές και υπηρεσίες λειτουργούν συντονισμ...
Η συμμετοχική ανάπτυξη και η ευέλικτη διανομή και αλλαγή ενός προϊόντος για υπολογιστές ξεκίνησε με την περίπτωση του λογισμικού ανοικτού κώδικα. Όμως, η δια...
Η κατασκευή του συστήματος World Wide Web (WWW) και, κυρίως, η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για τ...
Τα πειράματα με εναλλακτικές διαρρυθμίσεις των πλήκτρων σε ένα απλό τραπεζικό ATM έδειξαν ότι ακόμη και αν δεν υπάρχει ουσιαστική διαφορά...
Μία από τις αρχικές εκδοχές του κοινωνικού δικτύου Facebook δεν διέφερε πολύ από ένα απλό σύστημα βάσης δεδομένων με προφίλ χρηστών. ...
Η Φιλοσοφία και η Δομή των PLC Τυπικός Προγραμματιζόμενος Λογικός Ελεγκτής (PLC). Η ανάγκη για τα PLC (Programmable Logic Controllers) προέ...
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως την ικανότητα ανάγνωσης πριν φοιτήσει στο δημοτικό σχολείο, με αποτέλεσμα να βαριέτ...
Ο Sir Clive Marles Sinclair (30 Ιουλίου 1940 – 16 Σεπτεμβρίου 2021) ήταν Άγγλος εφευρέτης και επιχειρηματίας που έπαιξε καθοριστικό ρόλο ...
Ο Ivan Sutherland μεγάλωσε παίζοντας μια γερμανική εκδοχή των Lego, στην οποία ένα μικρό σετ από γεωμετρικά σχήματα μπορεί να δώσει μορφή σε πολύπλοκες κατασ...
Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικρο-υπολογιστές και έχουν ιδιαίτερη σημασ...
Πριν ο προγραμματισμός της διάδρασης αποκτήσει πρωταγωνιστικό ρόλο στην έρευνα και στη βιομηχανία, η επιτυχία ενός προϊόντος μπορούσε να μετρηθεί από τις πωλ...
Αν και σήμερα η χρήση της συσκευής εισόδου ποντίκι σε συνδυασμό με τη γραφική επιφάνεια εργασίας και τις αντίστοιχες εφαρμογές γραφείου και παραγωγικότητας φ...
Ο επιτραπέζιος υπολογιστής με πληκτρολόγιο, ποντίκι και γραφική επιφάνεια εργασίας (παράθυρα, εικονίδια, φάκελοι), ο οποίος δημιουργήθηκε...
Ο μίνι-υπολογιστής PDP11 της DEC θεωρείται κομβικό σημείο, γιατί ήταν πολύ δημοφιλής σε πανεπιστήμια και ερευνητικά κέντρα, όπου χρησιμοπ...
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κύρ...
Ο μίνι-υπολογιστής PDP11 της DEC θεωρείται κομβικό σημείο, γιατί ήταν πολύ δημοφιλής σε πανεπιστήμια και ερευνητικά κέντρα, όπου χρησιμοπ...
Σύντομο βιογραφικό Ο Δημήτριος Παπαδόπουλος ασχολείται με τον σχεδιασμό και την αξιολόγηση διαδράσεων σε περιβάλλοντα κινητού και διάχυτου υπολογισμού (mobil...
Οι χρήστες που δραστηριοποιούνται σε απομακρυσμένες περιοχές (ορειβάτες, ερευνητές, διασώστες) αντιμετωπίζουν δύο κύριες προκλήσεις: Απώλεια Σήματος...
Το βιντεοπαιχνίδι για κινητά Pokémon GO. Οι σύγχρονες κινητές εφαρμογές καλούνται να λειτουργούν σε δυναμικά και απρόβλεπτα περιβάλλον...
Το Έξυπνο Οικοσύστημα Σπιτιού αποτελεί ένα χαρακτηριστικό παράδειγμα συνεργατικού συστήματος στο οποίο πολλαπλές συσκευές και υπηρεσίες λειτουργούν συντονισμ...
Στα βιντεοπαιχνίδια η διάδραση χρήστη παίζει καθοριστικό ρόλο για την εμπορική επιτυχία του ίδιου του παιχνιδιού και την καθιέρωσή του στο παγκόσμιο στερέωμ...
Τα πειράματα με εναλλακτικές διαρρυθμίσεις των πλήκτρων σε ένα απλό τραπεζικό ATM έδειξαν ότι ακόμη και αν δεν υπάρχει ουσιαστική διαφορά...
Ο προσωπικός υπολογιστής θεωρείται δεδομένος για τους χρήστες μετά τη δεκαετία του 1980, αλλά ήταν μόνο μια ιδέα για πολύ λίγους ερευνητές τη δεκαετία του 19...
Το Arduino είναι ένας πολύ δημοφιλής μικροελεγκτής, ο οποίος φτιάχτηκε με αρχικό σκοπό τον προγραμματισμό και την εκπαίδευση των φοιτητών της διάδρασης ανθρώ...
Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικρο-υπολογιστές και έχουν ιδιαίτερη σημασ...
Βρισκόμαστε στις αρχές του 1990 και η άλλοτε κραταιά συνεργασία μεταξύ της Microsoft και της IBM κλυδωνίζεται από τους μεγάλους τριγμούς. Οι δύο εταιρείες αν...
Μία από τις αρχικές εκδοχές του κοινωνικού δικτύου Facebook δεν διέφερε πολύ από ένα απλό σύστημα βάσης δεδομένων με προφίλ χρηστών. ...
Οι χρήστες που δραστηριοποιούνται σε απομακρυσμένες περιοχές (ορειβάτες, ερευνητές, διασώστες) αντιμετωπίζουν δύο κύριες προκλήσεις: Απώλεια Σήματος...
Η περίπτωση της συσκευής αναπαραγωγής μουσικής iPod σήμανε την αρχή της γρήγορης μετατόπισης της διάδρασης από τον επιτραπέζιο προς τον κινητό και διάχυτο υπ...
Το Apple Lisa ήταν ένα πρωτοποριακό desktop σύστημα της Apple, με GUI, που λανσαρίστηκε το 1983. Η case study αυτή εξετάζει το πώς και γιατί σχεδιάστηκε, τι...
Πριν ο προγραμματισμός της διάδρασης αποκτήσει πρωταγωνιστικό ρόλο στην έρευνα και στη βιομηχανία, η επιτυχία ενός προϊόντος μπορούσε να μετρηθεί από τις πωλ...
Αν και σήμερα η χρήση της συσκευής εισόδου ποντίκι σε συνδυασμό με τη γραφική επιφάνεια εργασίας και τις αντίστοιχες εφαρμογές γραφείου και παραγωγικότητας φ...
Η επιφάνεια εργασίας του επιτραπέζιου υπολογιστή είναι ένα δημοφιλές και ευέλικτο σύστημα, το οποίο πέρασε από πολλούς κύκλους ανάπτυξης και προσαρμογής, τόσ...
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
Η κατανόηση και η χρήση μιας συσκευής διέπεται από μερικές βασικές και διαχρονικές αξίες, οι οποίες παραμένουν ίδιες, ανεξάρτητα από το είδος και την πολυπλο...
Το βιντεοπαιχνίδι για κινητά Pokémon GO. Οι σύγχρονες κινητές εφαρμογές καλούνται να λειτουργούν σε δυναμικά και απρόβλεπτα περιβάλλον...
Το Raspberry Pi είναι μια πλατφόρμα που άλλαξε το πώς προσεγγίζουμε τη διάδραση με τον χρήστη όταν “βγαίνουμε” από τον κλασικό επιτραπέζιο υπολογιστή. Αν το ...
Το Reactable είναι ένα ψηφιακό μουσικό σύστημα, το οποίο βασίζεται στη διάδραση με την αφή και με απτά αντικείμενα.1 Εκτός από την εκθεσιακή του εγκατάσταση ...
Ο επιτραπέζιος υπολογιστής με πληκτρολόγιο, ποντίκι και γραφική επιφάνεια εργασίας (παράθυρα, εικονίδια, φάκελοι), ο οποίος δημιουργήθηκε...
Ο μίνι-υπολογιστής PDP11 της DEC θεωρείται κομβικό σημείο, γιατί ήταν πολύ δημοφιλής σε πανεπιστήμια και ερευνητικά κέντρα, όπου χρησιμοπ...
Η συμμετοχική ανάπτυξη και η ευέλικτη διανομή και αλλαγή ενός προϊόντος για υπολογιστές ξεκίνησε με την περίπτωση του λογισμικού ανοικτού κώδικα. Όμως, η δια...
Η επιφάνεια εργασίας του επιτραπέζιου υπολογιστή είναι ένα δημοφιλές και ευέλικτο σύστημα, το οποίο πέρασε από πολλούς κύκλους ανάπτυξης και προσαρμογής, τόσ...
Η κατασκευή του συστήματος World Wide Web (WWW) και, κυρίως, η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για τ...
Στα βιντεοπαιχνίδια η διάδραση χρήστη παίζει καθοριστικό ρόλο για την εμπορική επιτυχία του ίδιου του παιχνιδιού και την καθιέρωσή του στο παγκόσμιο στερέωμ...
Ο Hiroshi Ishii είναι ένας από τους κορυφαίους οραματιστές της σύγχρονης επιστήμης των υπολογιστών και καθηγητής στο MIT Media Lab. Το έρ...
IBM 1401 Data Processing System Hταν ένα από τα πιο σημαντικά και επιδραστικά “mainframe-like” συστήματα της δεκαετίας του 1960. Θεωρείται το πρώτο μαζικά ε...
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως την ικανότητα ανάγνωσης πριν φοιτήσει στο δημοτικό σχολείο, με αποτέλεσμα να βαριέτ...
O Anind Dey 1 είναι με εξέχουσα προσωπικότητα στον κόσμο της επιστήμης των υπολογιστών, πασίγνωστος για την πρωτοποριακή του έρευνα στην Πανταχού Παρούσα Υπ...
Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, για το οποίο κ...
Ο Sir Clive Marles Sinclair (30 Ιουλίου 1940 – 16 Σεπτεμβρίου 2021) ήταν Άγγλος εφευρέτης και επιχειρηματίας που έπαιξε καθοριστικό ρόλο ...
Σύντομο βιογραφικό Ο Δημήτριος Παπαδόπουλος ασχολείται με τον σχεδιασμό και την αξιολόγηση διαδράσεων σε περιβάλλοντα κινητού και διάχυτου υπολογισμού (mobil...
O Douglas Engelbart έγινε διάσημος για τη συσκευή εισόδου ποντίκι, 1 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
Ο Ivan Sutherland μεγάλωσε παίζοντας μια γερμανική εκδοχή των Lego, στην οποία ένα μικρό σετ από γεωμετρικά σχήματα μπορεί να δώσει μορφή σε πολύπλοκες κατασ...
Ο Jaron Lanier έγινε ευρύτερα γνωστός για τον προβληματισμό που εξέφρασε σχετικά με τα κοινωνικά μέσα και τους μηχανισμούς εξατομίκευσης που χρησιμοποιούν. Ή...
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κύρ...
Ο Kevin Ashton είναι Βρετανός τεχνολόγος και ερευνητής, γνωστός κυρίως για την εισαγωγή του όρου Internet of Things (IoT). Η έννοια αυτή ...
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Ο Linus Torvalds δεν έγινε γνωστός επειδή σχεδίασε μια εντυπωσιακή διεπαφή, αλλά επειδή άλλαξε ριζικά τον τρόπο με τον οποίο κατασκευάζεται και συντηρείται τ...
IBM 1401 Data Processing System Hταν ένα από τα πιο σημαντικά και επιδραστικά “mainframe-like” συστήματα της δεκαετίας του 1960. Θεωρείται το πρώτο μαζικά ε...
Σύντομο βιογραφικό Ο Roy Want έχει συμβάλει καθοριστικά στην έρευνα για τον διάχυτο υπολογισμό και τα context-aware συστήματα, δηλαδή εφαρμογές που “καταλαβα...
O Ted Nelson αναφέρεται συχνά ως ένας από τους θεωρητικούς του παγκόσμιου ιστού, αλλά αυτό είναι μόνο εν μέρει σωστό. Πράγματι ασχολήθηκε με τα ψηφιακά έγγρα...
Παράδειγμα κώδικα με σκοπό να γίνει κατανοητή η χρήση των CSS media queries. Αλλάζοντας το μέγεθος του παραθύρου του περιηγητή (browser) σας αλλάζει το χρώμα...
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Ο χρήστης μπορεί να χρησιμοποιήσει το ποντίκι για να σχεδιάσει στη λευκή επιφά...
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα κουμπί που εκτελεί διαφορετικές λειτουργίες κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκ...
Στο παράδειγμα η χρήση του Button αλλάζει το χρώμα του και εμφάνιζει ένα μηνυμά. Στον παραπάνω κώδικα CSS, πετυχαίνουμε την οπτική διάδραση ως εξής:
O χρήστης πληκτρολογεί ένα χρώμα (στα αγγλικά, π.χ. red, blue, green) ή έναν κωδικό χρώματος σε ένα πεδίο κειμένου.
Διαδραστικό παράδειγμα κώδικα που εισάγει μια εικόνα τύπου SVG (https://en.wikipedia.org/wiki/Scalable_Vector_Graphics). Όταν εκτελείται από το χρήστη η λειτ...
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ειδικά εφέ κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα) πάνω στο κείμενο. Για τη δημιουργία αυτών τω...
Διαδραστικό παράδειγμα κώδικα που αναπαριστά τη λειτουργία ενός διακόπτη. Ο χρήστης μπορεί να επιλέξει ανάμεσα στις επιλογές ON και OFF. Για τη δημιουργία το...
Το διαδραστικό αυτό εργαλείο οπτικοποιεί την κίνηση ενός βλήματος που εκτοξεύεται υπό γωνία, όπως συμβαίνει σε δημοφιλή παιχνίδια τύπου Angry Birds. Μετακινώ...
Αυτό το διαδραστικό αντικείμενο προσομοιώνει τη λειτουργία ενός dimmer, ενός οργάνου που ελέγχει την ένταση του φωτισμού σε έναν χώρο. Στο εσωτερικό του, το ...
Παράδειγμα εναλλακτικού μενού χωρίς τη χρήση Javascript. Για τη δημιουργία της διάδρασης έχει χρησιμοποιηθεί ο CSS preprocessor SCSS.
Διαδραστικό παράδειγμα dropdown μενού χωρίς τη χρήση Javascript.
Παράδειγμα εναλλακτικού μενού χωρίς ενσωματωμένες λειτουργίες.
Διαδραστικό παράδειγμα πολύπλοκου κυκλικού μενού. Με την επιλογή του κουμπιού “open” από το χρήστη, εμφανίζονται μια σειρά από πιθανές επιλογές.
Διαδραστικό παράδειγμα responsive μενού σε One page template χρησιμοποιώντας τη βιβιοθήκη Τwitter Βootstrap 3.0 . Στο παράδειγμα εμφανίζεται το μενού έπειτα ...
Παράδειγμα slide μενού χωρίς ενσωματωμένες λειτουργίες.
Το διαδραστικό αυτό εργαλείο οπτικοποιεί τη σχέση των πλευρών σε ένα ορθογώνιο τρίγωνο μέσω του Πυθαγορείου Θεωρήματος. Μετακινώντας τους sliders, μπορείτε ν...
Στο παρόν διαδραστικό παράδειγμα κώδικα υλοποιείται ένα εργαλείο για την εύρεση της τιμής των ωμικών αντιστάσεων με βάση τον χρωματικό κώδικα (κώδικας τεσσάρ...
Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...
Το διαδραστικό αυτό εργαλείο οπτικοποιεί τον κώνο όρασης ενός εχθρού σε παιχνίδι stealth, όπως συμβαίνει σε δημοφιλή παιχνίδια τύπου Metal Gear Solid ή Assas...
Το παρόν διαδραστικό παράδειγμα κατασκευάζει ένα απλό και συνάμα χρήσιμο εργαλείο για την μετατροπή της θερμοκρασίας από βαθμούς Κελσίου σε Fahrenheit και το...
Σύντομο βιογραφικό Ο Roy Want έχει συμβάλει καθοριστικά στην έρευνα για τον διάχυτο υπολογισμό και τα context-aware συστήματα, δηλαδή εφαρμογές που “καταλαβα...
Το βιντεοπαιχνίδι για κινητά Pokémon GO. Οι σύγχρονες κινητές εφαρμογές καλούνται να λειτουργούν σε δυναμικά και απρόβλεπτα περιβάλλον...
Οι χρήστες που δραστηριοποιούνται σε απομακρυσμένες περιοχές (ορειβάτες, ερευνητές, διασώστες) αντιμετωπίζουν δύο κύριες προκλήσεις: Απώλεια Σήματος...
Η φόρμα χρησιμοποιεί την δικτυακή βάση δεδομένων firebase.
Το παράδειγμα αυτό βασίζεται σε regular expression για να εντοπίσει σφάλματα στην είσοδου του χρήστη.
Διαδραστικό παράδειγμα εικόνων χρησιμοποιώντας την τεχνική parallax. Στο συγκεκριμένο παράδειγμα η τεχνική αυτή δημιουργεί την αίσθηση του 3d περιβαλλντος. Ο...
Μετακίνηση αντικειμένου μέσω πληκτρολογίου (html Canvas)
Το βίντεο χρησιμοποιεί για τον έλεγχο το σύστημα αναπαραγωγής της βιβλιοθήκης Plyr.
Διαδραστικό παράδειγμα γραφήματος χρησιμοποιώντας τη βιβλιοθήκη d3.js (http://d3js.org). Το παράδειγμα οπτικοποιεί 2 διαφορετικά σετ δεδομένων (datasets).
Παράδειγμα διαδραστικού γραφήματος No.1
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Το βίντεο χρησιμοποιεί για την έναρξη και την παύση του το σύστημα αναπαραγωγή...
Ο Hiroshi Ishii είναι ένας από τους κορυφαίους οραματιστές της σύγχρονης επιστήμης των υπολογιστών και καθηγητής στο MIT Media Lab. Το έρ...
Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, για το οποίο κ...
Ο Kevin Ashton είναι Βρετανός τεχνολόγος και ερευνητής, γνωστός κυρίως για την εισαγωγή του όρου Internet of Things (IoT). Η έννοια αυτή ...
Το παρακάτω παράδειγμα δημιουργεί διαδραστικά γραφήματα χρησιμοποιώντας τη βιβλιοθήκη Chart.js. Τα γραφήματα εμφανίζουν δεδομένα με διάφορες οπτικοποιήσεις, ...
Αυτό το διαδραστικό παράδειγμα κώδικα παρουσιάζει έναν κατάλογο προϊόντων που επιτρέπει στους χρήστες να προσθέτουν νέα προϊόντα μέσω μιας φόρμας. Τα προϊόντ...
Παράδειγμα οπτικής και λειτουργικής εξομοίωσης αριθμομηχανής.
Έυρεση τοποθεσίας χρήστη χρησιμοποιώντας το Google Maps API (https://developers.google.com/maps/?hl=en).
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Εύρεση τοποθεσίας μέσω της χρήσης φόρμας εισόδου και του Google Maps API (https://developers.google.com/maps/?hl=en).
Αυτό το έργο είναι ένα διαδραστικό ημερολόγιο με λειτουργικότητα υπενθυμίσεων. Οι χρήστες μπορούν να προσθέσουν υπενθυμίσεις για συγκεκριμένες ημερομηνίες ει...
Ο μίνι-υπολογιστής PDP11 της DEC θεωρείται κομβικό σημείο, γιατί ήταν πολύ δημοφιλής σε πανεπιστήμια και ερευνητικά κέντρα, όπου χρησιμοπ...
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, πατώντας το κουμπί “ANOTHER” μπορεί να αλλάξει τα εκτυπωμένα μηνύματα.
Παράδειγμα εισόδου μέσω της συσκευής Ποντίκι Νο.4
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, μπορεί να αλλάξει δυναμικά το περιεχόμενο που θα εμφανίζεται στη σελίδα. Για το σκο...
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου και δίνει ως έξοδο το ανάλογο αποτέλεσμα στην οθόνη. Για να αλλάξει η τιμή εισό...
Μέτρηση Φυσικής Δραστηριότητας Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών ενθάρρυνσης της φυσικής άσκησης. Να διαλ...
Συνεργατικό σύστημα Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) συνεργατικών εκπαιδευτικών εφαρμογών. Να διαλέξετε είτε εφαρμ...
Αναπαραγωγή βίντεο Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών που παίζουν βίντεο ή μουσική, και που είναι ελεύθερα...
Κινητές σημειώσεις
Φωτογραφία
Τηλεχειρισμός Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών που είναι ελεύθερα διαθέσιμες στον υπολογιστή, για τον τη...
Εκπαιδευτικό βίντεο-παιχνίδι Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) βίντεο-παιχνιδιών που είναι ελεύθερα διαθέσιμα στον ...
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα κουμπί που εκτελεί διαφορετικές λειτουργίες κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκ...
Στο παράδειγμα η χρήση του Button αλλάζει το χρώμα του και εμφάνιζει ένα μηνυμά. Στον παραπάνω κώδικα CSS, πετυχαίνουμε την οπτική διάδραση ως εξής:
O χρήστης πληκτρολογεί ένα χρώμα (στα αγγλικά, π.χ. red, blue, green) ή έναν κωδικό χρώματος σε ένα πεδίο κειμένου.
Διαδραστικό παράδειγμα για proximity interaction τύπου tap-to-pay. Το παράδειγμα προσομοιώνει μια απλή ροή πληρωμής με NFC, όπου ο χρήστης εισάγει βασικά στο...
Διαδραστικό παράδειγμα για διάδραση γρήγορης κατανόησης σε smartwatch. Το παράδειγμα δείχνει ένα απλό notification card με ένα μικρό μήνυμα και δύο βασικές ε...
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει ένα πλαίσιο πράσινου χρώματος . Όταν εντοπιστεί κίνηση μέσα στο πλαίσιο αλλάζει το χρώ...
Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει δύο διαφορετικά πλαίσια (πράσινο και κόκκινο). Όταν εντοπιστεί κίνηση σε κάποιο πλαίσι...
Το διαδραστικό αυτό εργαλείο οπτικοποιεί την κίνηση ενός βλήματος που εκτοξεύεται υπό γωνία, όπως συμβαίνει σε δημοφιλή παιχνίδια τύπου Angry Birds. Μετακινώ...
Αυτό το διαδραστικό αντικείμενο προσομοιώνει τη λειτουργία ενός dimmer, ενός οργάνου που ελέγχει την ένταση του φωτισμού σε έναν χώρο. Στο εσωτερικό του, το ...
Παράδειγμα που παρουσιάζει το πληθυσμό και GDP Κύπρου και Ελλάδας. Το γράφημα αλλάζει μέσω ενός dropdown menu.
Το διαδραστικό αυτό εργαλείο οπτικοποιεί τη σχέση των πλευρών σε ένα ορθογώνιο τρίγωνο μέσω του Πυθαγορείου Θεωρήματος. Μετακινώντας τους sliders, μπορείτε ν...
Το διαδραστικό αυτό εργαλείο οπτικοποιεί τον κώνο όρασης ενός εχθρού σε παιχνίδι stealth, όπως συμβαίνει σε δημοφιλή παιχνίδια τύπου Metal Gear Solid ή Assas...
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Ο Hiroshi Ishii είναι ένας από τους κορυφαίους οραματιστές της σύγχρονης επιστήμης των υπολογιστών και καθηγητής στο MIT Media Lab. Το έρ...
Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, για το οποίο κ...
Ο Kevin Ashton είναι Βρετανός τεχνολόγος και ερευνητής, γνωστός κυρίως για την εισαγωγή του όρου Internet of Things (IoT). Η έννοια αυτή ...
O Ted Nelson αναφέρεται συχνά ως ένας από τους θεωρητικούς του παγκόσμιου ιστού, αλλά αυτό είναι μόνο εν μέρει σωστό. Πράγματι ασχολήθηκε με τα ψηφιακά έγγρα...
O Anind Dey 1 είναι με εξέχουσα προσωπικότητα στον κόσμο της επιστήμης των υπολογιστών, πασίγνωστος για την πρωτοποριακή του έρευνα στην Πανταχού Παρούσα Υπ...
O Anind Dey 1 είναι με εξέχουσα προσωπικότητα στον κόσμο της επιστήμης των υπολογιστών, πασίγνωστος για την πρωτοποριακή του έρευνα στην Πανταχού Παρούσα Υπ...
Στα βιντεοπαιχνίδια η διάδραση χρήστη παίζει καθοριστικό ρόλο για την εμπορική επιτυχία του ίδιου του παιχνιδιού και την καθιέρωσή του στο παγκόσμιο στερέωμ...
Το βιβλίο του Noble [@noble2009programming] είναι περισσότερο όμοιο με αυτό το βιβλίο από τα άλλα, καθώς είναι πολύ προσβάσιμο και δίνει έμφαση στην οπτικοπο...
Το βιβλίο του Olsen [@olsen2009building] περιγράφει κυρίως τις γραφικές διεπαφές του επιτραπέζιου ΗΥ, πολλές από τις οποίες έχουν και εφαρμογή σε φορητές συσ...
Το βιβλίο του Thimbleby [@thimbleby2007press] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...
Το βιβλίο του Noble [@noble2009programming] είναι περισσότερο όμοιο με αυτό το βιβλίο από τα άλλα, καθώς είναι πολύ προσβάσιμο και δίνει έμφαση στην οπτικοπο...
Το βιβλίο του Olsen [@olsen2009building] περιγράφει κυρίως τις γραφικές διεπαφές του επιτραπέζιου ΗΥ, πολλές από τις οποίες έχουν και εφαρμογή σε φορητές συσ...
Το βιβλίο του Thimbleby [@thimbleby2007press] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...
Το βιβλίο του Noble [@noble2009programming] είναι περισσότερο όμοιο με αυτό το βιβλίο από τα άλλα, καθώς είναι πολύ προσβάσιμο και δίνει έμφαση στην οπτικοπο...
Το βιβλίο του Olsen [@olsen2009building] περιγράφει κυρίως τις γραφικές διεπαφές του επιτραπέζιου ΗΥ, πολλές από τις οποίες έχουν και εφαρμογή σε φορητές συσ...
Το βιβλίο του Thimbleby [@thimbleby2007press] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...
Το Apple Lisa ήταν ένα πρωτοποριακό desktop σύστημα της Apple, με GUI, που λανσαρίστηκε το 1983. Η case study αυτή εξετάζει το πώς και γιατί σχεδιάστηκε, τι...
Διαδραστικό παράδειγμα για proximity interaction τύπου tap-to-pay. Το παράδειγμα προσομοιώνει μια απλή ροή πληρωμής με NFC, όπου ο χρήστης εισάγει βασικά στο...
Διαδραστικό παράδειγμα για διάδραση γρήγορης κατανόησης σε smartwatch. Το παράδειγμα δείχνει ένα απλό notification card με ένα μικρό μήνυμα και δύο βασικές ε...
Στο παρόν διαδραστικό παράδειγμα κώδικα υλοποιείται ένα εργαλείο για την εύρεση της τιμής των ωμικών αντιστάσεων με βάση τον χρωματικό κώδικα (κώδικας τεσσάρ...
Το παρόν διαδραστικό παράδειγμα κατασκευάζει ένα απλό και συνάμα χρήσιμο εργαλείο για την μετατροπή της θερμοκρασίας από βαθμούς Κελσίου σε Fahrenheit και το...
IBM 1401 Data Processing System Hταν ένα από τα πιο σημαντικά και επιδραστικά “mainframe-like” συστήματα της δεκαετίας του 1960. Θεωρείται το πρώτο μαζικά ε...
IBM 1401 Data Processing System Hταν ένα από τα πιο σημαντικά και επιδραστικά “mainframe-like” συστήματα της δεκαετίας του 1960. Θεωρείται το πρώτο μαζικά ε...
Παράδειγμα που παρουσιάζει το πληθυσμό και GDP Κύπρου και Ελλάδας. Το γράφημα αλλάζει μέσω ενός dropdown menu.
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως “σβηστήρι”. Υπάρχουν δύο διαθέσιμες εικόνες και η μία σβήνει μετακινώντας τον κέρσορα για να απ...
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Ο Linus Torvalds δεν έγινε γνωστός επειδή σχεδίασε μια εντυπωσιακή διεπαφή, αλλά επειδή άλλαξε ριζικά τον τρόπο με τον οποίο κατασκευάζεται και συντηρείται τ...
Ο Linus Torvalds δεν έγινε γνωστός επειδή σχεδίασε μια εντυπωσιακή διεπαφή, αλλά επειδή άλλαξε ριζικά τον τρόπο με τον οποίο κατασκευάζεται και συντηρείται τ...
Στα βιντεοπαιχνίδια η διάδραση χρήστη παίζει καθοριστικό ρόλο για την εμπορική επιτυχία του ίδιου του παιχνιδιού και την καθιέρωσή του στο παγκόσμιο στερέωμ...
Στα βιντεοπαιχνίδια η διάδραση χρήστη παίζει καθοριστικό ρόλο για την εμπορική επιτυχία του ίδιου του παιχνιδιού και την καθιέρωσή του στο παγκόσμιο στερέωμ...
Βρισκόμαστε στις αρχές του 1990 και η άλλοτε κραταιά συνεργασία μεταξύ της Microsoft και της IBM κλυδωνίζεται από τους μεγάλους τριγμούς. Οι δύο εταιρείες αν...
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
Η Φιλοσοφία και η Δομή των PLC Τυπικός Προγραμματιζόμενος Λογικός Ελεγκτής (PLC). Η ανάγκη για τα PLC (Programmable Logic Controllers) προέ...