Κεφάλαια και υποενότητες

Αρχέτυπα

Douglas Engelbart

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

Larry Tesler

Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...

Κονσόλες βιντεοπαιχνιδιών

Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικροϋπολογιστές και έχουν ιδιαίτερη σημασί...

Apple iPod

Η περίπτωση της συσκευής αναπαραγωγής μουσικής iPod σήμανε την αρχή της γρήγορης μετατόπισης της διάδρασης από τον επιτραπέζιο προς τον κινητό και διάχυτο υπ...

Unix

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

Back to Top ↑

Μορφές

Jaron Lanier

Ο Jaron Lanier έγινε ευρύτερα γνωστός για τον προβληματισμό σχετικά με τα κοινωνικά μέσα και τους μηχανισμούς εξατομίκευσης που χρησιμοποιούν. Ηταν ήδη όμως ...

Jef Raskin

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

Xerox PARC

Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...

Back to Top ↑

Μέθοδος

Xerox Alto

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

Η σχεδίαση των καθημερινών πραγμάτων

Η κατανόηση και η χρήση μιας συσκευής διέπεται από μερικές βασικές και διαχρονικές αξίες που είναι οι ίδιες ανεξάρτητα από το είδος και την πολυπλοκότητα που...

Microsoft Windows

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

Back to Top ↑

Εργαλεία

Arduino

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

Reactable

Το Reactable είναι ένα ψηφιακό μουσικό σύστημα που βασίζεται στη διάδραση με την αφή και με απτά αντικείμενα.1 Εκτός από την εκθεσιακή του εγκατάσταση και τη...

Back to Top ↑

Ορισμός

Alan Kay

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

Ivan Sutherland

Ο Ivan Sutherland μεγάλωσε παίζοντας μια γερμανική εκδοχή των Lego, όπου ένα μικρό σετ από γεωμετρικά σχήματα μπορεί να δώσει μορφή σε πολύπλοκες κατασκευές ...

Κονσόλες βιντεοπαιχνιδιών

Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικροϋπολογιστές και έχουν ιδιαίτερη σημασί...

Minecraft

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

Συσκευή εισόδου ποντίκι

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

Xerox Star

Figure 1: Ο επιτραπέζιος υπολογιστής με πληκτρολόγιο, ποντίκι, και γραφική επιφάνεια εργασίας (παράθυρα, εικονίδια, φάκελοι) που δημιουργήθηκε από ...

Unix

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

Back to Top ↑

Μοντέλα

Πέρα από την ευχρηστία

Figure 1: Τα πειράματα με εναλλακτικές διαρρυθμίσεις των πλήκτρων σε ένα απλό τραπεζικό ATM έδειξαν ότι ακόμη και αν δεν υπάρχει ουσιαστική διαφορά...

Facebook

Figure 1: Μία από τις αρχικές εκδοχές είχε διαφορετικό όνομα (thefacebook) και δεν διέφερε πολύ από ένα απλό σύστημα βάσης δεδομένων με προφίλ χρησ...

Back to Top ↑

Σύνθεση

Wikipedia

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

World Wide Web

Η κατασκευή του συστήματος World Wide Web (WWW) και κυρίως η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για την...

Back to Top ↑

Τεχνολογία

Back to Top ↑

Συσκευές Εισόδου

Back to Top ↑

method

CSS queries

Παράδειγμα κώδικα με σκοπό να γίνει κατανοητή η χρήση των CSS media queries. Αλλάζοντας το μέγεθος του παραθύρου του περιηγητή (browser) σας αλλάζει το χρώμα...

Mouse draw

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

Back to Top ↑

Συνεργατικά Συστήματα

Back to Top ↑

Μελέτη Περίπτωσης

Πέρα από την ευχρηστία

Figure 1: Τα πειράματα με εναλλακτικές διαρρυθμίσεις των πλήκτρων σε ένα απλό τραπεζικό ATM έδειξαν ότι ακόμη και αν δεν υπάρχει ουσιαστική διαφορά...

Xerox Alto

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

Arduino

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

Κονσόλες βιντεοπαιχνιδιών

Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικροϋπολογιστές και έχουν ιδιαίτερη σημασί...

Facebook

Figure 1: Μία από τις αρχικές εκδοχές είχε διαφορετικό όνομα (thefacebook) και δεν διέφερε πολύ από ένα απλό σύστημα βάσης δεδομένων με προφίλ χρησ...

Apple iPod

Η περίπτωση της συσκευής αναπαραγωγής μουσικής iPod σήμανε την αρχή της γρήγορης μετατόπισης της διάδρασης από τον επιτραπέζιο προς τον κινητό και διάχυτο υπ...

Minecraft

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

Συσκευή εισόδου ποντίκι

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

Xerox PARC

Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...

Η σχεδίαση των καθημερινών πραγμάτων

Η κατανόηση και η χρήση μιας συσκευής διέπεται από μερικές βασικές και διαχρονικές αξίες που είναι οι ίδιες ανεξάρτητα από το είδος και την πολυπλοκότητα που...

Reactable

Το Reactable είναι ένα ψηφιακό μουσικό σύστημα που βασίζεται στη διάδραση με την αφή και με απτά αντικείμενα.1 Εκτός από την εκθεσιακή του εγκατάσταση και τη...

Xerox Star

Figure 1: Ο επιτραπέζιος υπολογιστής με πληκτρολόγιο, ποντίκι, και γραφική επιφάνεια εργασίας (παράθυρα, εικονίδια, φάκελοι) που δημιουργήθηκε από ...

Unix

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

Wikipedia

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

Microsoft Windows

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

World Wide Web

Η κατασκευή του συστήματος World Wide Web (WWW) και κυρίως η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για την...

Back to Top ↑

Κινητός Υπολογισμός

Back to Top ↑

definition

Button

Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα κουμπί που εκτελεί διαφορετικές λειτουργίες κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκ...

Image

Διαδραστικό παράδειγμα κώδικα που εισάγει μια εικόνα τύπου SVG (https://en.wikipedia.org/wiki/Scalable_Vector_Graphics). Όταν εκτελείται από το χρήστη η λειτ...

Interactive Text

Διαδραστικό παράδειγμα κώδικα που δημιουργεί ειδικά εφέ κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα) πάνω στο κείμενο. Για τη δημιουργία αυτών τω...

Switch

Διαδραστικό παράδειγμα κώδικα που αναπαριστά τη λειτουργία ενός διακόπτη. Ο χρήστης μπορεί να επιλέξει ανάμεσα στις επιλογές ON και OFF. Για τη δημιουργία το...

Back to Top ↑

Πρόλογος

Back to Top ↑

Εικονική Πραγματικότητα

Back to Top ↑

Συνεργασία

Back to Top ↑

Εκπαιδευτική Τεχνολογία

Back to Top ↑

synthesis

Firebase form

Η φόρμα χρησιμοποιεί την δικτυακή βάση δεδομένων firebase.

Form validation

Το παράδειγμα αυτό βασίζεται σε regular expression για να εντοπίσει σφάλματα στην είσοδου του χρήστη.

3D image

Διαδραστικό παράδειγμα εικόνων χρησιμοποιώντας την τεχνική parallax. Στο συγκεκριμένο παράδειγμα η τεχνική αυτή δημιουργεί την αίσθηση του 3d περιβαλλντος. Ο...

Keyboard input

Μετακίνηση αντικειμένου μέσω πληκτρολογίου (html Canvas)

Plyr video player

Το βίντεο χρησιμοποιεί για τον έλεγχο το σύστημα αναπαραγωγής της βιβλιοθήκης Plyr.

Visualization dataset

Διαδραστικό παράδειγμα γραφήματος χρησιμοποιώντας τη βιβλιοθήκη d3.js (http://d3js.org). Το παράδειγμα οπτικοποιεί 2 διαφορετικά σετ δεδομένων (datasets).

Visualization

Παράδειγμα διαδραστικού γραφήματος No.1

YouTube video player

Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Το βίντεο χρησιμοποιεί για την έναρξη και την παύση του το σύστημα αναπαραγωγή...

Back to Top ↑

Βιντεοπαιχνίδια

Back to Top ↑

Συσκευές Εξόδου

Back to Top ↑

Επεξεργαστής Κειμένου

Back to Top ↑

Πρωτότυπο

Back to Top ↑

tools

Menu CSS

Παράδειγμα εναλλακτικού μενού χωρίς τη χρήση Javascript. Για τη δημιουργία της διάδρασης έχει χρησιμοποιηθεί ο CSS preprocessor SCSS.

Menu dropdown

Διαδραστικό παράδειγμα dropdown μενού χωρίς τη χρήση Javascript.

Menu empty

Παράδειγμα εναλλακτικού μενού χωρίς ενσωματωμένες λειτουργίες.

Menu pie

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

Menu scroll

Διαδραστικό παράδειγμα responsive μενού σε One page template χρησιμοποιώντας τη βιβιοθήκη Τwitter Βootstrap 3.0 . Στο παράδειγμα εμφανίζεται το μενού έπειτα ...

Menu slide

Παράδειγμα slide μενού χωρίς ενσωματωμένες λειτουργίες.

Sortable list

Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...

Back to Top ↑

Βιογραφία

Alan Kay

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

Bill Atkinson

Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...

Douglas Engelbart

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

Ivan Sutherland

Ο Ivan Sutherland μεγάλωσε παίζοντας μια γερμανική εκδοχή των Lego, όπου ένα μικρό σετ από γεωμετρικά σχήματα μπορεί να δώσει μορφή σε πολύπλοκες κατασκευές ...

Jaron Lanier

Ο Jaron Lanier έγινε ευρύτερα γνωστός για τον προβληματισμό σχετικά με τα κοινωνικά μέσα και τους μηχανισμούς εξατομίκευσης που χρησιμοποιούν. Ηταν ήδη όμως ...

Jef Raskin

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

Larry Tesler

Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...

Ted Nelson

O Ted Nelson αναφέρεται συχνά ως ένας από τους θεωρητικούς του παγκόσμιου ιστού, αλλά αυτό είναι μόνο εν μέρει σωστό. Πράγματι ασχολήθηκε με τα ψηφιακά έγγρα...

Back to Top ↑

Φορετός Υπολογισμός

Back to Top ↑

Εισαγωγή

Back to Top ↑

archetypes

Mouse button

Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, πατώντας το κουμπί “ANOTHER” μπορεί να αλλάξει τα εκτυπωμένα μηνύματα.

Mouse form

Παράδειγμα εισόδου μέσω της συσκευής Ποντίκι Νο.4

Mouse option

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

Mouse scroll

Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου και δίνει ως έξοδο το ανάλογο αποτέλεσμα στην οθόνη. Για να αλλάξει η τιμή εισό...

Back to Top ↑

Πολυμέσα

Bill Atkinson

Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...

Back to Top ↑

Επιφάνεια Εργασίας

Back to Top ↑

making

Quantified Self

Μέτρηση Φυσικής Δραστηριότητας Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών ενθάρρυνσης της φυσικής άσκησης. Να διαλ...

Collaborative System

Συνεργατικό σύστημα Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) συνεργατικών εκπαιδευτικών εφαρμογών. Να διαλέξετε είτε εφαρμ...

Media Player

Αναπαραγωγή βίντεο Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών που παίζουν βίντεο ή μουσική, και που είναι ελεύθερα...

Remote Control

Τηλεχειρισμός Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών που είναι ελεύθερα διαθέσιμες στον υπολογιστή, για τον τη...

Video Game

Εκπαιδευτικό βίντεο-παιχνίδι Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) βίντεο-παιχνιδιών που είναι ελεύθερα διαθέσιμα στον ...

Back to Top ↑

models

Calculator

Παράδειγμα οπτικής και λειτουργικής εξομοίωσης αριθμομηχανής.

Google maps

Έυρεση τοποθεσίας χρήστη χρησιμοποιώντας το Google Maps API (https://developers.google.com/maps/?hl=en).

Image processing

Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...

Image zoom

Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...

Maps location

Εύρεση τοποθεσίας μέσω της χρήσης φόρμας εισόδου και του Google Maps API (https://developers.google.com/maps/?hl=en).

Back to Top ↑

Διάχυτος Υπολογισμός

Back to Top ↑

Γλώσσες Προγραμματισμού

Back to Top ↑

Κατασκευή Πρωτοτύπου

Back to Top ↑

Γραφική Διεπαφή

Back to Top ↑

Γραμμή Εντολών

Back to Top ↑

Επικοινωνία

Back to Top ↑

forms

Camera motion color

Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει ένα πλαίσιο πράσινου χρώματος . Όταν εντοπιστεί κίνηση μέσα στο πλαίσιο αλλάζει το χρώ...

Camera motion

Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει δύο διαφορετικά πλαίσια (πράσινο και κόκκινο). Όταν εντοπιστεί κίνηση σε κάποιο πλαίσι...

Back to Top ↑

Τροπικότητα

Larry Tesler

Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...

Back to Top ↑

Εφαρμογές

Back to Top ↑

Οπτικός Προγραμματισμός

Back to Top ↑

Προσομοίωση

Back to Top ↑

Εργαλεία και Τεχνικές

Back to Top ↑

Μικρουπολογιστής

Back to Top ↑

Γραφικά

Back to Top ↑

Προγραμματισμός με Παραδείγματα

Back to Top ↑

output-device

Back to Top ↑

Ευχρηστία

Back to Top ↑

Τροπική διεπαφή

Back to Top ↑

preface

Back to Top ↑

notes

noble-book

Το βιβλίο του Noble [@noble2009programming] είναι περισσότερο όμοιο με αυτό το βιβλίο από τα άλλα, καθώς είναι πολύ προσβάσιμο και δίνει έμφαση στην οπτικοπο...

olsen-book

Το βιβλίο του Olsen [@olsen2009building] περιγράφει κυρίως τις γραφικές διεπαφές του επιτραπέζιου ΗΥ, πολλές από τις οποίες έχουν και εφαρμογή σε φορητές συσ...

thimbleby-book

Το βιβλίο του Thimbleby [@thimbleby2007press] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...

Back to Top ↑

book

noble-book

Το βιβλίο του Noble [@noble2009programming] είναι περισσότερο όμοιο με αυτό το βιβλίο από τα άλλα, καθώς είναι πολύ προσβάσιμο και δίνει έμφαση στην οπτικοπο...

olsen-book

Το βιβλίο του Olsen [@olsen2009building] περιγράφει κυρίως τις γραφικές διεπαφές του επιτραπέζιου ΗΥ, πολλές από τις οποίες έχουν και εφαρμογή σε φορητές συσ...

thimbleby-book

Το βιβλίο του Thimbleby [@thimbleby2007press] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...

Back to Top ↑

review

noble-book

Το βιβλίο του Noble [@noble2009programming] είναι περισσότερο όμοιο με αυτό το βιβλίο από τα άλλα, καθώς είναι πολύ προσβάσιμο και δίνει έμφαση στην οπτικοπο...

olsen-book

Το βιβλίο του Olsen [@olsen2009building] περιγράφει κυρίως τις γραφικές διεπαφές του επιτραπέζιου ΗΥ, πολλές από τις οποίες έχουν και εφαρμογή σε φορητές συσ...

thimbleby-book

Το βιβλίο του Thimbleby [@thimbleby2007press] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...

Back to Top ↑

Προσωπικός Υπολογιστής

Back to Top ↑

Επιφάνεια εργασίας

Back to Top ↑

input-device

Back to Top ↑

Κατασκευή Υποδείγματος

Back to Top ↑

Σύστημα Εισόδου

Back to Top ↑

Τεχνικές

Back to Top ↑

Υπερκείμενο

Back to Top ↑

Έξυπνες Διεπαφές

Back to Top ↑

Πληθοπορισμός

Back to Top ↑

Συστήματα Εισόδου και Εξόδου

Back to Top ↑

Τρόποι διάδρασης

Back to Top ↑

Συσκευή Εισόδου

Back to Top ↑

Επαυξημένη Νοημοσύνη

Back to Top ↑

Οπτικοποίηση της Πληροφορίας

Back to Top ↑

Συσκευές εισόδου

Back to Top ↑

Συστήματα Εισόδου

Back to Top ↑

easy

Button

Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα κουμπί που εκτελεί διαφορετικές λειτουργίες κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκ...

Image processing

Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...

Back to Top ↑

Συνθεση

Bill Atkinson

Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...

Ted Nelson

O Ted Nelson αναφέρεται συχνά ως ένας από τους θεωρητικούς του παγκόσμιου ιστού, αλλά αυτό είναι μόνο εν μέρει σωστό. Πράγματι ασχολήθηκε με τα ψηφιακά έγγρα...

Back to Top ↑

Επίγνωση Πλαισίου

Back to Top ↑

Μικροϋπολογιστές

Back to Top ↑

Εξομοίωση

Back to Top ↑

Σύστημα Εξόδου

Back to Top ↑

Λειτουργικό Σύστημα

Back to Top ↑

Διεπαφές Μεγέθυνσης

Back to Top ↑

Γραφική Επιφάνεια Εργασίας

Back to Top ↑

Ψηφιακή Τυπογραφία

Back to Top ↑

Λειτουργικό Υπόδειγμα

Back to Top ↑

Αναζήτηση

Back to Top ↑

Μεταφορά

Back to Top ↑

Τεχνητή Πραγματικότητα

Back to Top ↑

Οπτικός προγραμματισμός

Back to Top ↑

Εργονομία

Back to Top ↑

Συσκευές Εισόδου και Εξόδου

Back to Top ↑

Επιτραπέζιος Υπολογισμός

Back to Top ↑

Μινιϋπολογιστής

Back to Top ↑

Πληκτρολόγιο

Back to Top ↑

Κατασκευή Προτοτύπου

Back to Top ↑

Οπτικοποίηση Δεδομένων

Back to Top ↑

Παγκόσμιος Ιστός

Back to Top ↑

Τέχνη

Back to Top ↑

technology

Back to Top ↑

Method

Back to Top ↑

visualization

Google Charts Visualization

Παράδειγμα που παρουσιάζει το πληθυσμό και GDP Κύπρου και Ελλάδας. Το γράφημα αλλάζει μέσω ενός dropdown menu.

Back to Top ↑

graph

Google Charts Visualization

Παράδειγμα που παρουσιάζει το πληθυσμό και GDP Κύπρου και Ελλάδας. Το γράφημα αλλάζει μέσω ενός dropdown menu.

Back to Top ↑

average

Image zoom

Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...

Back to Top ↑

methods

Mouse eraser

Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως “σβηστήρι”. Υπάρχουν δύο διαθέσιμες εικόνες και η μία σβήνει μετακινώντας τον κέρσορα για να απ...

Back to Top ↑

Στυλ Διάδρασης

Larry Tesler

Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...

Back to Top ↑

Επεργαστής Κειμένου

Larry Tesler

Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...

Back to Top ↑

success

Xerox PARC

Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...

Back to Top ↑

Ιδιωτικότητα

Back to Top ↑

Τοποθεσία Χρήστη

Back to Top ↑

Εξατομίκευση

Back to Top ↑

Βιβλιοθήκη Προγραμματισμού

Back to Top ↑

Αρχτέτυπα

Back to Top ↑

Κονσόλες

Back to Top ↑

Συναισθηματική Ευχρηστία

Back to Top ↑

Επεξεργασία Κειμένου

Back to Top ↑

Μικρουπολογιστές

Back to Top ↑

Εμπειρία του Χρήστη

Back to Top ↑

Τεχνητή Νοημοσύνη

Back to Top ↑

Ολοκληρωμένο Περιβάλλον Ανάπτυξης

Back to Top ↑

Εξομοιωτής

Back to Top ↑

Πλατφόρμα

Back to Top ↑

Φυσική γλώσσα

Back to Top ↑

Απτική Διάδραση

Back to Top ↑

Προγραμματισμός χρήστη

Back to Top ↑

Επιτραπέζιος Υπολογιστής

Back to Top ↑

Σκευομορφισμός

Back to Top ↑

Εικονίδια

Back to Top ↑

Φυσικός υπολογισμός

Back to Top ↑

Definition

Back to Top ↑

Ανοιχτός Κώδικας

Back to Top ↑

Εξομοίωση νέου συστήματος

Back to Top ↑

Κινητός υπολογισμός

Back to Top ↑

Βίντεοπαιχνίδια

Back to Top ↑

Έμεση διάδραση

Back to Top ↑

Μενού

Back to Top ↑

Επαυξημένη Πραγματικότητα

Back to Top ↑

Σχεδίαση

Back to Top ↑

Συνεργατικοί Χώροι

Back to Top ↑

Αξιολόγηση

Back to Top ↑

Αρχεία

Back to Top ↑

Διεπαφή Κειμένου

Back to Top ↑

Προσχέδιο Διάδρασης

Back to Top ↑

Πολιτισμική Διερεύνηση

Back to Top ↑

Συλλογή απαιτήσεων

Back to Top ↑

Αξιολόγηση Προτοτύπου

Back to Top ↑

Προσομοιωτής

Back to Top ↑

Έξυπνες διεπαφές

Back to Top ↑

Σχεδιαστικός Χώρος

Back to Top ↑

Κοινωνικά Μέσα

Back to Top ↑

ecosystem

Back to Top ↑

Προγραμματισμός σε Πραγματικό Χρόνο

Back to Top ↑

Σύνθεση και Κλίμακα

Back to Top ↑

Υπολογιστής

Back to Top ↑

Συσκευή Εξόδου

Back to Top ↑

Προσχέδια Διάδρασης

Back to Top ↑

Μεταφραστής

Back to Top ↑

Αξιολόγηση Ευχρηστίας

Back to Top ↑

Τροπική διάδραση

Back to Top ↑

Εικονικό Τερματικό

Back to Top ↑

Προγραμματισμός Τελικού Χρήστη

Back to Top ↑

Σωματοποίηση

Back to Top ↑

Ανάκτηση Πληροφορίας

Back to Top ↑

Αισθητική

Back to Top ↑

GUI

Back to Top ↑

Desktop

Back to Top ↑

Ιδιοκτησία

Back to Top ↑

Δομές Δεδομένων

Back to Top ↑

Διεπαφή Μεγέθυνσης

Back to Top ↑

Παραθυρικό Περιβάλλον

Back to Top ↑