kay-archetypes
O Douglas Engelbart έγινε διάσημος για την συσκευή εισόδου ποντίκι,1 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Στην Commodore λοιπόν ο σχεδιασμός για το μέλλον ήταν σαφής. Χρειάζονταν ένα σύστημα που θα είχε τις δυνατότητες της Amiga 1000 παράλληλα όμως θα είχε σημαντ...
Η Samsung, η μεγαλύτερη και πιο αξιόπιστη μάρκα ηλεκτρονικών ειδών ευρείας κατανάλωσης, έχει επεκτείνει τις ανέπαφες προσφορές της για τους καταναλωτές με μι...
Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικροϋπολογιστές και έχουν ιδιαίτερη σημασί...
Figure 1: Το κύριο χαρακτηριστικό του Google Glass είναι η συνοχή. Παρέχει συνεχή αλληλεπίδραση μεταξύ του υπολογιστή και του χρήστη, πράγμα που ση...
Η περίπτωση της συσκευής αναπαραγωγής μουσικής iPod σήμανε την αρχή της γρήγορης μετατόπισης της διάδρασης από τον επιτραπέζιο προς τον κινητό και διάχυτο υπ...
Το Macintosh Portable αντιπροσώπευε την πρώτη προσπάθεια της Apple Computer να δημιουργήσει έναν φορητό υπολογιστή Macintosh με αντοχή ενός επιτραπέζιου υπολ...
H Επιστήμη του Λαού ήρθε στην τάξη. Εισηχθησαν έννοιες ποιότητας αέρα σε πραγματικό πλαίσιο. Μελετώντας τη ρύπανση σε τοπικά περιβάλλοντα, οι μαθητές μαθαίνο...
Εκδημοκρατισμός Σχεδιασμού και Ηλεκτρονικής για Όλους. Το Tinkercad, μια δωρεάν διαδικτυακή εφαρμογή που αναπτύχθηκε από την Autodesk, έχει φέρει επανάσταση ...
Σε μια ομιλία του το 1965 στη Διεθνή Ομοσπονδία Επεξεργασίας Πληροφοριών, ο πρωτοπόρος μηχανικός της πληροφορικής Ivan Sutherland περιέγραψε λεπτομερώς το όρ...
Το Unix είναι περισσότερο γνωστό σε όσους ασχολούνται με τα λειτουργικά συστήματα και σχεδόν καθόλου γνωστό στην κοινότητα της διάδρασης και των γραφικών διε...
Ο Jaron Lanier έγινε ευρύτερα γνωστός για τον προβληματισμό σχετικά με τα κοινωνικά μέσα και τους μηχανισμούς εξατομίκευσης που χρησιμοποιούν. Ηταν ήδη όμως ...
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κεν...
Figure 1: Το κύριο χαρακτηριστικό του Google Glass είναι η συνοχή. Παρέχει συνεχή αλληλεπίδραση μεταξύ του υπολογιστή και του χρήστη, πράγμα που ση...
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
Σε μια ομιλία του το 1965 στη Διεθνή Ομοσπονδία Επεξεργασίας Πληροφοριών, ο πρωτοπόρος μηχανικός της πληροφορικής Ivan Sutherland περιέγραψε λεπτομερώς το όρ...
Ο προσωπικός υπολογιστής θεωρείται δεδομένος για τους χρήστες μετά την δεκαετία του 1980, αλλά ήταν μόνο μια ιδέα για πολύ λίγους ερευνητές την δεκαετία του ...
Figure 1: Το κύριο χαρακτηριστικό του Google Glass είναι η συνοχή. Παρέχει συνεχή αλληλεπίδραση μεταξύ του υπολογιστή και του χρήστη, πράγμα που ση...
Η κατανόηση και η χρήση μιας συσκευής διέπεται από μερικές βασικές και διαχρονικές αξίες που είναι οι ίδιες ανεξάρτητα από το είδος και την πολυπλοκότητα που...
Σε μια ομιλία του το 1965 στη Διεθνή Ομοσπονδία Επεξεργασίας Πληροφοριών, ο πρωτοπόρος μηχανικός της πληροφορικής Ivan Sutherland περιέγραψε λεπτομερώς το όρ...
Η επιφάνεια εργασίας του επιτραπέζιου υπολογιστή είναι ένα δημοφιλές και ευέλικτο σύστημα που πέρασε από πολλούς κύκλους ανάπτυξης και προσαρμογής, τόσο κατά...
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως ανάγνωση πριν πάει στο δημοτικό, με αποτέλεσμα να βαριέται στην τάξη, αφού ήδη γνώρ...
Ο Ivan Sutherland μεγάλωσε παίζοντας μια γερμανική εκδοχή των Lego, όπου ένα μικρό σετ από γεωμετρικά σχήματα μπορεί να δώσει μορφή σε πολύπλοκες κατασκευές ...
Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικροϋπολογιστές και έχουν ιδιαίτερη σημασί...
Πριν ο προγραμματισμός της διάδρασης αποκτήσει πρωταγωνιστικό ρόλο στην έρευνα και στη βιομηχανία, η επιτυχία ενός προϊόντος μπορούσε να μετρηθεί από τις πωλ...
Αν και σήμερα η χρήση της συσκευής εισόδου ‘ποντίκι’ σε συνδυασμό με τη γραφική επιφάνεια εργασίας και τις αντίστοιχες εφαρμογές γραφείου και παραγωγικότητας...
Figure 1: Ο επιτραπέζιος υπολογιστής με πληκτρολόγιο, ποντίκι, και γραφική επιφάνεια εργασίας (παράθυρα, εικονίδια, φάκελοι) που δημιουργήθηκε από ...
H Επιστήμη του Λαού ήρθε στην τάξη. Εισηχθησαν έννοιες ποιότητας αέρα σε πραγματικό πλαίσιο. Μελετώντας τη ρύπανση σε τοπικά περιβάλλοντα, οι μαθητές μαθαίνο...
Εκδημοκρατισμός Σχεδιασμού και Ηλεκτρονικής για Όλους. Το Tinkercad, μια δωρεάν διαδικτυακή εφαρμογή που αναπτύχθηκε από την Autodesk, έχει φέρει επανάσταση ...
Το Unix είναι περισσότερο γνωστό σε όσους ασχολούνται με τα λειτουργικά συστήματα και σχεδόν καθόλου γνωστό στην κοινότητα της διάδρασης και των γραφικών διε...
Υπάρχουν πολλοί κίνδυνοι για την υγεία που αντιμετωπίζουμε στην καθημερινή μας ζωή. Από την οδήγηση αυτοκινήτου, την πτήση με αεροπλάνο, μέχρι το περπάτημα σ...
Figure 1: Τα πειράματα με εναλλακτικές διαρρυθμίσεις των πλήκτρων σε ένα απλό τραπεζικό ATM έδειξαν ότι ακόμη και αν δεν υπάρχει ουσιαστική διαφορά...
Η Alexa1 είναι ένα σύστημα φωνητικής υπηρεσίας που αναπτύχθηκε από την Amazon, το οποίο επιτρέπει στους χρήστες να διαχειρίζονται διάφορες λειτουργίες και ε...
Το AlterEgo1 αποτελεί έναν εκπληκτικό συγκερασμό μεταξύ τεχνολογίας και ανθρώπινης συνείδησης, προσφέροντας ένα εντυπωσιακό παράδειγμα του πώς η συγχρονισμέ...
Figure 1: Μία από τις αρχικές εκδοχές είχε διαφορετικό όνομα (thefacebook) και δεν διέφερε πολύ από ένα απλό σύστημα βάσης δεδομένων με προφίλ χρησ...
Το Microsoft Hololens 1 είναι η αντίληψη της Microsoft για την επαυξημένη πραγματικότητα, την οποία αποκαλούν «μικτή πραγματικότητα». Το HoloLens υποστηρίζει...
Η διεπαφή ανθρώπου-υπολογιστή (Human-Computer Interaction - HCI) αποτελεί έναν κρίσιμο τομέα στον σχεδιασμό και την ανάπτυξη λειτουργικών συστημάτων, καθώς ε...
Figure 1: Το Micro Bit αναφέρεται επίσης ως BBC Micro Bit ή στυλιζαρισμένο ως micro:bit. Το πρώτο micro:bit1 επινοήθηκε από το BBC και τους ...
Το σύστημα VR της Rezzil παρέχει καινοτόμες λύσεις στους τομείς της υψηλής απόδοσης, της ανάπτυξης ικανότητας των παικτών, και της ανάλυσης της απόδοσης των ...
Τα εσωτερικά κίνητρα, όπως η απόλαυση και η διασκέδαση, προάγουν την εμβάθυνση της συμμετοχής και την αυξημένη επιμονή στις εκπαιδευτικές δραστηριότητες. Αυτ...
Το Arduino είναι ένας πολύ δημοφιλής μικροελεγκτής που φτιάχτηκε με αρχικό σκοπό τον προγραμματισμό και την εκπαίδευση των φοιτητών της διάδρασης ανθρώπου κα...
Το Reactable είναι ένα ψηφιακό μουσικό σύστημα που βασίζεται στη διάδραση με την αφή και με απτά αντικείμενα.1 Εκτός από την εκθεσιακή του εγκατάσταση και τη...
Το Raspberry Pi, αποτελεί μια σειρά υπολογιστών μιας πλακέτας που αναπτύχθηκε από τον οργανισμό Raspberry Pi Foundation στο Ηνωμένο Βασίλειο ο οποίος κυκλο...
Στην Commodore λοιπόν ο σχεδιασμός για το μέλλον ήταν σαφής. Χρειάζονταν ένα σύστημα που θα είχε τις δυνατότητες της Amiga 1000 παράλληλα όμως θα είχε σημαντ...
Η Samsung, η μεγαλύτερη και πιο αξιόπιστη μάρκα ηλεκτρονικών ειδών ευρείας κατανάλωσης, έχει επεκτείνει τις ανέπαφες προσφορές της για τους καταναλωτές με μι...
Τα εσωτερικά κίνητρα, όπως η απόλαυση και η διασκέδαση, προάγουν την εμβάθυνση της συμμετοχής και την αυξημένη επιμονή στις εκπαιδευτικές δραστηριότητες. Αυτ...
Figure 1: Τα πειράματα με εναλλακτικές διαρρυθμίσεις των πλήκτρων σε ένα απλό τραπεζικό ATM έδειξαν ότι ακόμη και αν δεν υπάρχει ουσιαστική διαφορά...
Overview: AirVisual is a cutting-edge application designed to monitor and measure Air Quality Index (AQI) in real-time. Developed with the mission to empowe...
Η Alexa1 είναι ένα σύστημα φωνητικής υπηρεσίας που αναπτύχθηκε από την Amazon, το οποίο επιτρέπει στους χρήστες να διαχειρίζονται διάφορες λειτουργίες και ε...
Το AlterEgo1 αποτελεί έναν εκπληκτικό συγκερασμό μεταξύ τεχνολογίας και ανθρώπινης συνείδησης, προσφέροντας ένα εντυπωσιακό παράδειγμα του πώς η συγχρονισμέ...
Ο προσωπικός υπολογιστής θεωρείται δεδομένος για τους χρήστες μετά την δεκαετία του 1980, αλλά ήταν μόνο μια ιδέα για πολύ λίγους ερευνητές την δεκαετία του ...
Το Arduino είναι ένας πολύ δημοφιλής μικροελεγκτής που φτιάχτηκε με αρχικό σκοπό τον προγραμματισμό και την εκπαίδευση των φοιτητών της διάδρασης ανθρώπου κα...
Figure 1: Ρύθμιση της σκηνής Η Preherz εισέρχεται με μια καθηλωτική πλατφόρμα AR/VR που γεφυρώνει αυτό το χάσμα. Οι χρήστες εξασκούνται σε ρεαλιστ...
Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικροϋπολογιστές και έχουν ιδιαίτερη σημασί...
Τίτλος: Ενίσχυση της Μάθησης μέσω Διαδραστικού Αφήγησης στο CoSpaces. Figure 1: cospaces - Η εμπειρία επαυξημένης πραγματικότητας στην εκπαίδευση μ...
Figure 1: Technology allows an even, level, or flat playing field for economies across the world. Once individuals have access to the world wide we...
Figure 1: Μία από τις αρχικές εκδοχές είχε διαφορετικό όνομα (thefacebook) και δεν διέφερε πολύ από ένα απλό σύστημα βάσης δεδομένων με προφίλ χρησ...
Figure 1: Το κύριο χαρακτηριστικό του Google Glass είναι η συνοχή. Παρέχει συνεχή αλληλεπίδραση μεταξύ του υπολογιστή και του χρήστη, πράγμα που ση...
Το Microsoft Hololens 1 είναι η αντίληψη της Microsoft για την επαυξημένη πραγματικότητα, την οποία αποκαλούν «μικτή πραγματικότητα». Το HoloLens υποστηρίζει...
Η περίπτωση της συσκευής αναπαραγωγής μουσικής iPod σήμανε την αρχή της γρήγορης μετατόπισης της διάδρασης από τον επιτραπέζιο προς τον κινητό και διάχυτο υπ...
Η διεπαφή ανθρώπου-υπολογιστή (Human-Computer Interaction - HCI) αποτελεί έναν κρίσιμο τομέα στον σχεδιασμό και την ανάπτυξη λειτουργικών συστημάτων, καθώς ε...
Το Macintosh Portable αντιπροσώπευε την πρώτη προσπάθεια της Apple Computer να δημιουργήσει έναν φορητό υπολογιστή Macintosh με αντοχή ενός επιτραπέζιου υπολ...
Figure 1: Το Micro Bit αναφέρεται επίσης ως BBC Micro Bit ή στυλιζαρισμένο ως micro:bit. Το πρώτο micro:bit1 επινοήθηκε από το BBC και τους ...
Πριν ο προγραμματισμός της διάδρασης αποκτήσει πρωταγωνιστικό ρόλο στην έρευνα και στη βιομηχανία, η επιτυχία ενός προϊόντος μπορούσε να μετρηθεί από τις πωλ...
Αν και σήμερα η χρήση της συσκευής εισόδου ‘ποντίκι’ σε συνδυασμό με τη γραφική επιφάνεια εργασίας και τις αντίστοιχες εφαρμογές γραφείου και παραγωγικότητας...
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
Η κατανόηση και η χρήση μιας συσκευής διέπεται από μερικές βασικές και διαχρονικές αξίες που είναι οι ίδιες ανεξάρτητα από το είδος και την πολυπλοκότητα που...
Pokemon Go Το Pokémon GO έφερε επανάσταση στα παιχνίδια για κινητά ενσωματώνοντας την τεχνολογία επαυξημένης πραγματικότητας (AR) με το αγ...
Το Reactable είναι ένα ψηφιακό μουσικό σύστημα που βασίζεται στη διάδραση με την αφή και με απτά αντικείμενα.1 Εκτός από την εκθεσιακή του εγκατάσταση και τη...
Το σύστημα VR της Rezzil παρέχει καινοτόμες λύσεις στους τομείς της υψηλής απόδοσης, της ανάπτυξης ικανότητας των παικτών, και της ανάλυσης της απόδοσης των ...
Το Raspberry Pi, αποτελεί μια σειρά υπολογιστών μιας πλακέτας που αναπτύχθηκε από τον οργανισμό Raspberry Pi Foundation στο Ηνωμένο Βασίλειο ο οποίος κυκλο...
Figure 1: Ο επιτραπέζιος υπολογιστής με πληκτρολόγιο, ποντίκι, και γραφική επιφάνεια εργασίας (παράθυρα, εικονίδια, φάκελοι) που δημιουργήθηκε από ...
H Επιστήμη του Λαού ήρθε στην τάξη. Εισηχθησαν έννοιες ποιότητας αέρα σε πραγματικό πλαίσιο. Μελετώντας τη ρύπανση σε τοπικά περιβάλλοντα, οι μαθητές μαθαίνο...
Εκδημοκρατισμός Σχεδιασμού και Ηλεκτρονικής για Όλους. Το Tinkercad, μια δωρεάν διαδικτυακή εφαρμογή που αναπτύχθηκε από την Autodesk, έχει φέρει επανάσταση ...
Σε μια ομιλία του το 1965 στη Διεθνή Ομοσπονδία Επεξεργασίας Πληροφοριών, ο πρωτοπόρος μηχανικός της πληροφορικής Ivan Sutherland περιέγραψε λεπτομερώς το όρ...
Το Unix είναι περισσότερο γνωστό σε όσους ασχολούνται με τα λειτουργικά συστήματα και σχεδόν καθόλου γνωστό στην κοινότητα της διάδρασης και των γραφικών διε...
Το Vim, ένας επεξεργαστής κειμένου με μια ιδιαίτερος απότομη καμπύλη εκμάθησης, έχει συγκεντρώσει πιστούς ακόλουθους μεταξύ προγραμματιστών, διαχειριστώ...
Υπάρχουν πολλοί κίνδυνοι για την υγεία που αντιμετωπίζουμε στην καθημερινή μας ζωή. Από την οδήγηση αυτοκινήτου, την πτήση με αεροπλάνο, μέχρι το περπάτημα σ...
Η συμμετοχική ανάπτυξη και η ευέλικτη διανομή και αλλαγή ενός προϊόντος για υπολογιστές ξεκίνησε με την περίπτωση του λογισμικού ανοικτού κώδικα. Όμως, η δια...
Η επιφάνεια εργασίας του επιτραπέζιου υπολογιστή είναι ένα δημοφιλές και ευέλικτο σύστημα που πέρασε από πολλούς κύκλους ανάπτυξης και προσαρμογής, τόσο κατά...
Η κατασκευή του συστήματος World Wide Web (WWW) και κυρίως η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για την...
Το Vim, ένας επεξεργαστής κειμένου με μια ιδιαίτερος απότομη καμπύλη εκμάθησης, έχει συγκεντρώσει πιστούς ακόλουθους μεταξύ προγραμματιστών, διαχειριστώ...
Η συμμετοχική ανάπτυξη και η ευέλικτη διανομή και αλλαγή ενός προϊόντος για υπολογιστές ξεκίνησε με την περίπτωση του λογισμικού ανοικτού κώδικα. Όμως, η δια...
Η κατασκευή του συστήματος World Wide Web (WWW) και κυρίως η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για την...
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κεν...
Figure 1: Το κύριο χαρακτηριστικό του Google Glass είναι η συνοχή. Παρέχει συνεχή αλληλεπίδραση μεταξύ του υπολογιστή και του χρήστη, πράγμα που ση...
Σε μια ομιλία του το 1965 στη Διεθνή Ομοσπονδία Επεξεργασίας Πληροφοριών, ο πρωτοπόρος μηχανικός της πληροφορικής Ivan Sutherland περιέγραψε λεπτομερώς το όρ...
Παράδειγμα κώδικα με σκοπό να γίνει κατανοητή η χρήση των CSS media queries. Αλλάζοντας το μέγεθος του παραθύρου του περιηγητή (browser) σας αλλάζει το χρώμα...
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Ο χρήστης μπορεί να χρησιμοποιήσει το ποντίκι για να σχεδιάσει στη λευκή επιφά...
Αυτό το παράδειγμα δημιουργεί μια απλή λίστα χρησιμοποιώντας HTML και JavaScript. Tο παράδειγμα σας δίνει ένα βασικό πλαίσιο για τη δημιουργία μιας λίστας κ...
Γραμματα με κινηση τυπου 3D. Στο παρακάτω παράδειγμα παρουσιάζεται ένας τρόπος να εμφανίσουμε κειμενο στην οθονη με 3D χαρακτηριστικά!
Responsive Image Carousel ( Animation ). Εδώ έχουμε έναν διαφορετικό τρόπο μετακύλισης εικόνων με πιθανή χρήση σε portfolio φωτογραφου!
Στο παρακάτω παραδειγμα ο χρήστης έχει τη δυνατότητα να μαντέψει το κρυμμένο αριθμό. Εμφανίζονται τρεις κάρτες με αριθμούς, εκ των οποίων η μια ειναι κρυφή. ...
Το παρακάτω παράδειγμα δημιουργεί διαδραστικά γραφήματα χρησιμοποιώντας τη βιβλιοθήκη Chart.js. Τα γραφήματα εμφανίζουν δεδομένα με διάφορες οπτικοποιήσεις, ...
Αυτό το διαδραστικό παράδειγμα κώδικα παρουσιάζει έναν κατάλογο προϊόντων που επιτρέπει στους χρήστες να προσθέτουν νέα προϊόντα μέσω μιας φόρμας. Τα προϊόντ...
Στο παρακάτω παραδειγμα ο χρήστης μπορεί να πατήσει το κουμπί απο εναν αριθμό και να εμφανιστεί μια ευχή. Ο χρήστης μπορεί να πατήσει όσα κουμπιά θέλει, όσες...
Παράδειγμα οπτικής και λειτουργικής εξομοίωσης αριθμομηχανής.
Αυτό το διαδραστικό παράδειγμα κώδικα δημιουργεί μια απλή εφαρμογή για τυχαία αποφθέγματα. Με κάθε κλικ πάνω στο κουμπί new quote φορτώνει ένα καινούργιο τυχ...
Έυρεση τοποθεσίας χρήστη χρησιμοποιώντας το Google Maps API (https://developers.google.com/maps/?hl=en).
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Εύρεση τοποθεσίας μέσω της χρήσης φόρμας εισόδου και του Google Maps API (https://developers.google.com/maps/?hl=en).
Αυτό το διαδραστικό παράδειγμα κώδικα δημιουργεί μια εφαρμογή για τη δημιουργία κωδικών πρόσβασης για το χρήστη. Ο χρήστης μπορεί να επιλέξει το μέγεθος του ...
Αυτό το διαδραστικό παράδειγμα κώδικα δημιουργεί μια εφαρμογή για την ανάγνωση των καιρικών συνθηκών σε μια πόλη. Ο χρήστης πληκτρολογώντας το όνομα της πόλη...
Αυτό το έργο είναι ένα διαδραστικό ημερολόγιο με λειτουργικότητα υπενθυμίσεων. Οι χρήστες μπορούν να προσθέσουν υπενθυμίσεις για συγκεκριμένες ημερομηνίες ει...
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα κουμπί που εκτελεί διαφορετικές λειτουργίες κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκ...
Διαδραστικό παράδειγμα κώδικα για το αν ένας αριθμός είναι Fibonacci ( https://en.wikipedia.org/wiki/Fibonacci_sequence ). Ο χρήστης εισάγει τον αριθμό μέσω ...
Διαδραστικό παράδειγμα κώδικα που εισάγει μια εικόνα τύπου SVG (https://en.wikipedia.org/wiki/Scalable_Vector_Graphics). Όταν εκτελείται από το χρήστη η λειτ...
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ειδικά εφέ κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα) πάνω στο κείμενο. Για τη δημιουργία αυτών τω...
Διαδραστικό παράδειγμα κώδικα που αναπαριστά τη λειτουργία ενός διακόπτη. Ο χρήστης μπορεί να επιλέξει ανάμεσα στις επιλογές ON και OFF. Για τη δημιουργία το...
Η φόρμα χρησιμοποιεί την δικτυακή βάση δεδομένων firebase.
Το παράδειγμα αυτό βασίζεται σε regular expression για να εντοπίσει σφάλματα στην είσοδου του χρήστη.
Διαδραστικό παράδειγμα εικόνων χρησιμοποιώντας την τεχνική parallax. Στο συγκεκριμένο παράδειγμα η τεχνική αυτή δημιουργεί την αίσθηση του 3d περιβαλλντος. Ο...
Μετακίνηση αντικειμένου μέσω πληκτρολογίου (html Canvas)
Το βίντεο χρησιμοποιεί για τον έλεγχο το σύστημα αναπαραγωγής της βιβλιοθήκης Plyr.
Διαδραστικό παράδειγμα γραφήματος χρησιμοποιώντας τη βιβλιοθήκη d3.js (http://d3js.org). Το παράδειγμα οπτικοποιεί 2 διαφορετικά σετ δεδομένων (datasets).
Παράδειγμα διαδραστικού γραφήματος No.1
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Το βίντεο χρησιμοποιεί για την έναρξη και την παύση του το σύστημα αναπαραγωγή...
Παράδειγμα εναλλακτικού μενού χωρίς τη χρήση Javascript. Για τη δημιουργία της διάδρασης έχει χρησιμοποιηθεί ο CSS preprocessor SCSS.
Διαδραστικό παράδειγμα dropdown μενού χωρίς τη χρήση Javascript.
Παράδειγμα εναλλακτικού μενού χωρίς ενσωματωμένες λειτουργίες.
Διαδραστικό παράδειγμα πολύπλοκου κυκλικού μενού. Με την επιλογή του κουμπιού “open” από το χρήστη, εμφανίζονται μια σειρά από πιθανές επιλογές.
Διαδραστικό παράδειγμα responsive μενού σε One page template χρησιμοποιώντας τη βιβιοθήκη Τwitter Βootstrap 3.0 . Στο παράδειγμα εμφανίζεται το μενού έπειτα ...
Παράδειγμα slide μενού χωρίς ενσωματωμένες λειτουργίες.
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, μπορεί να κάνει κλικ σε κάθε μία από τις επιλογές της navigation bar.
Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...
Generic pαράδειγμα διαδραστικού κώδικα που χρησιμοποιεί javascript με ελάχιστη HTML και χρησιμοποιεί τις ιδιότητες του DOM (Document Object Model) και του CS...
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή ελέγχου της κίνησης αντικειμένου on screen. Η κύλιση του χειριστιρίου του slider δίνει ...
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, πατώντας το κουμπί “ANOTHER” μπορεί να αλλάξει τα εκτυπωμένα μηνύματα.
Παράδειγμα εισόδου μέσω της συσκευής Ποντίκι Νο.4
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, μπορεί να αλλάξει δυναμικά το περιεχόμενο που θα εμφανίζεται στη σελίδα. Για το σκο...
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου και δίνει ως έξοδο το ανάλογο αποτέλεσμα στην οθόνη. Για να αλλάξει η τιμή εισό...
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως ανάγνωση πριν πάει στο δημοτικό, με αποτέλεσμα να βαριέται στην τάξη, αφού ήδη γνώρ...
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
O Douglas Engelbart έγινε διάσημος για την συσκευή εισόδου ποντίκι,1 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
Ο Ivan Sutherland μεγάλωσε παίζοντας μια γερμανική εκδοχή των Lego, όπου ένα μικρό σετ από γεωμετρικά σχήματα μπορεί να δώσει μορφή σε πολύπλοκες κατασκευές ...
Ο Jaron Lanier έγινε ευρύτερα γνωστός για τον προβληματισμό σχετικά με τα κοινωνικά μέσα και τους μηχανισμούς εξατομίκευσης που χρησιμοποιούν. Ηταν ήδη όμως ...
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κεν...
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
O Ted Nelson αναφέρεται συχνά ως ένας από τους θεωρητικούς του παγκόσμιου ιστού, αλλά αυτό είναι μόνο εν μέρει σωστό. Πράγματι ασχολήθηκε με τα ψηφιακά έγγρα...
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
Μέτρηση Φυσικής Δραστηριότητας Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών ενθάρρυνσης της φυσικής άσκησης. Να διαλ...
Συνεργατικό σύστημα Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) συνεργατικών εκπαιδευτικών εφαρμογών. Να διαλέξετε είτε εφαρμ...
Αναπαραγωγή βίντεο Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών που παίζουν βίντεο ή μουσική, και που είναι ελεύθερα...
Κινητές σημειώσεις
Φωτογραφία
Τηλεχειρισμός Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών που είναι ελεύθερα διαθέσιμες στον υπολογιστή, για τον τη...
Εκπαιδευτικό βίντεο-παιχνίδι Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) βίντεο-παιχνιδιών που είναι ελεύθερα διαθέσιμα στον ...
To Stimulus JS είναι ένα εργαλείο javascript για frond end τύπου framework όπου προγραμματίζεται η διάδραση μέσω data-attributes που υπάρχουν στην γλώσσα jav...
To Stimulus JS είναι ένα εργαλείο javascript για frond end τύπου framework όπου προγραμματίζεται η διάδραση μέσω data-attributes που υπάρχουν στην γλώσσα jav...
Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει ένα πλαίσιο πράσινου χρώματος . Όταν εντοπιστεί κίνηση μέσα στο πλαίσιο αλλάζει το χρώ...
Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει δύο διαφορετικά πλαίσια (πράσινο και κόκκινο). Όταν εντοπιστεί κίνηση σε κάποιο πλαίσι...
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Το βιβλίο του Noble [@noble2009programming] είναι περισσότερο όμοιο με αυτό το βιβλίο από τα άλλα, καθώς είναι πολύ προσβάσιμο και δίνει έμφαση στην οπτικοπο...
Το βιβλίο του Olsen [@olsen2009building] περιγράφει κυρίως τις γραφικές διεπαφές του επιτραπέζιου ΗΥ, πολλές από τις οποίες έχουν και εφαρμογή σε φορητές συσ...
Το βιβλίο του Thimbleby [@thimbleby2007press] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...
Το βιβλίο του Noble [@noble2009programming] είναι περισσότερο όμοιο με αυτό το βιβλίο από τα άλλα, καθώς είναι πολύ προσβάσιμο και δίνει έμφαση στην οπτικοπο...
Το βιβλίο του Olsen [@olsen2009building] περιγράφει κυρίως τις γραφικές διεπαφές του επιτραπέζιου ΗΥ, πολλές από τις οποίες έχουν και εφαρμογή σε φορητές συσ...
Το βιβλίο του Thimbleby [@thimbleby2007press] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...
Το βιβλίο του Noble [@noble2009programming] είναι περισσότερο όμοιο με αυτό το βιβλίο από τα άλλα, καθώς είναι πολύ προσβάσιμο και δίνει έμφαση στην οπτικοπο...
Το βιβλίο του Olsen [@olsen2009building] περιγράφει κυρίως τις γραφικές διεπαφές του επιτραπέζιου ΗΥ, πολλές από τις οποίες έχουν και εφαρμογή σε φορητές συσ...
Το βιβλίο του Thimbleby [@thimbleby2007press] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα κουμπί που εκτελεί διαφορετικές λειτουργίες κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκ...
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
O Ted Nelson αναφέρεται συχνά ως ένας από τους θεωρητικούς του παγκόσμιου ιστού, αλλά αυτό είναι μόνο εν μέρει σωστό. Πράγματι ασχολήθηκε με τα ψηφιακά έγγρα...
Καρκινικές επιγραφές ή καρκίνοι ονομάζονται συμμετρικές φράσεις οι οποίες μπορούν να διαβαστούν το ίδιο είτε από την αρχή είτε από το τέλος.Για την λόγο αυτό...
Μια λίστα υποχρεώσεων είναι μια λίστα στοιχείων που πρέπει να συμπληρωθούν. Τα στοιχεία της λίστας μπορεί να κυμαίνονται από απλές δραστηριότητες, όπως απάντ...
Generic pαράδειγμα διαδραστικού κώδικα που χρησιμοποιεί javascript με ελάχιστη HTML και χρησιμοποιεί τις ιδιότητες του DOM (Document Object Model) και του CS...
Generic pαράδειγμα διαδραστικού κώδικα που χρησιμοποιεί javascript με ελάχιστη HTML και χρησιμοποιεί τις ιδιότητες του DOM (Document Object Model) και του CS...
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή ελέγχου της κίνησης αντικειμένου on screen. Η κύλιση του χειριστιρίου του slider δίνει ...
Παράδειγμα που παρουσιάζει το πληθυσμό και GDP Κύπρου και Ελλάδας. Το γράφημα αλλάζει μέσω ενός dropdown menu.
Παράδειγμα που παρουσιάζει το πληθυσμό και GDP Κύπρου και Ελλάδας. Το γράφημα αλλάζει μέσω ενός dropdown menu.
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως “σβηστήρι”. Υπάρχουν δύο διαθέσιμες εικόνες και η μία σβήνει μετακινώντας τον κέρσορα για να απ...
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
Pokemon Go Το Pokémon GO έφερε επανάσταση στα παιχνίδια για κινητά ενσωματώνοντας την τεχνολογία επαυξημένης πραγματικότητας (AR) με το αγ...