Bill Atkinson
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
Ευρετήριο
- Apple 37
- HCI 32
- Alan Kay 22
- Xerox PARC 21
- IV 19
- Macintosh 17
- Microsoft 16
- Bill Atkinson 15
- Douglas Engelbart 15
- NLS 15
- Smalltalk 14
- Ποντίκι 14
- success 12
- Dynabook 11
- UNIX 11
- mouse 10
- MacPaint 10
- BASIC 10
- Τηλέτυπος 10
- Ivan Sutherland 9
- Alto 9
- Xerox Alto 8
- Altair 8
- Jaron Lanier 7
- Atari 7
- Sketchpad 7
- Ted Nelson 7
- iPhone 7
- Spacewar 7
- Τερματικό 7
- button 6
- menu 6
- Hypercard 6
- Arduino 6
- Πληκτρολόγιο 6
- Εξομοιωτής Τερματικού 6
- Superpaint 6
- Xerox Star 6
- Διδακτορικό 6
- MIT Lincoln 6
- Windows 6
- Don Norman 5
- Canon Cat 5
- Larry Tesler 5
- Raspberry Pi 5
- Wikipedia 5
- X-Windows 5
- Jef Raskin 5
- Liza 5
- Facebook 5
- VPL 5
- DEC 5
- Παγκόσμιος Ιστός 5
- WYSIWYG 5
- Επεξεργασία Εικόνας 5
- Nova 5
- Bret Victor 4
- video 4
- image 4
- Magic Cap 4
- LINC 4
- Apple I 4
- Apple II 4
- Lisa 4
- Logo 4
- Γραμμή Εντολών 4
- Pong 4
- Πληκτρολόγιο Ακόρντων 4
- MSDOS 4
- CPM 4
- tablet 4
- laptop 4
- vim 4
- iPod 4
- DataGlove 4
- MIT 4
- Τηλεδιάσκεψη 4
- Xanadu 4
- Star 4
- Εικονίδια 4
- Tab 4
- Board 4
- Xerox Bravo 4
- Photography 3
- form 3
- visualization 3
- programming 3
- User-Centered Design 3
- Sword of Damocles 3
- WWW 3
- Bell Labs 3
- Oberon 3
- Συναρμολογούμενο 3
- One-button 3
- VNC 3
- tmux 3
- Breakout 3
- Lunar Lander 3
- Commodore PET 3
- WordStar 3
- Damocles Sword 3
- Tablet 3
- IDE 3
- Πένα 3
- Google 3
- Computer 3
- IBM 3
- iTV 3
- Pebble 3
- Minecraft 3
- Παραθυρικό Περιβάλλον 3
- Niklaus Wirth 3
- PDP 3
- Reactable 3
- history 2
- invention 2
- Steve Jobs 2
- technology 2
- Knuth 2
- Myron Krueger 2
- picasso 2
- camera 2
- motion 2
- css 2
- google 2
- map 2
- scroll 2
- Editing 2
- Photoshop 2
- General Magic 2
- iPad 2
- iOS 2
- Gypsy 2
- Bill English 2
- Plan9 2
- Sam 2
- Amaya 2
- Ivan Shutherland 2
- Έξυπνο Ρολόϊ 2
- Swyftware 2
- Processing 2
- Ολοκληρωμένο Περιβάλλον Ανάπτυξης 2
- MIT Media Lab 2
- Dataland 2
- Space Invaders 2
- Adventure 2
- Apple Lisa 2
- Προγραμματισμός 2
- Cedar 2
- Μικροϋπολογιστές 2
- Bill Gates 2
- dynabook 2
- editor 2
- GUI 2
- RAND 2
- Github 2
- Rand 2
- GRAIL 2
- Έξυπνο κινητό 2
- BBC micro 2
- Desktop 2
- Newton 2
- Kinect 2
- Φωτογραφία 2
- Έξυπνο ρολόϊ 2
- IBM PC 2
- Seymour Papert 2
- Scratch 2
- Έξυπνο Κινητό 2
- MAX-MSP 2
- Apple 2 2
- Υπόδειγμα 2
- Χαμηλή Πιστότητα 2
- Σχεδιάγραμμα 2
- OLPC 2
- PLATO 2
- Apple2 2
- TX-2 2
- Steve Mann 2
- NASA 2
- Pad 2
- PARC 2
- Τερματικό Κειμένου 2
- Tiled Windows 2
- Stacked Windows 2
- DEC PDP 2
- Xerox 2
- Xerox Gypsy 2
- Liveboard 2
- activity tracker 1
- Quantified Self 1
- collaborative system 1
- media player 1
- mobile notes 1
- tv remote 1
- video game 1
- Aristotle 1
- Grady Booch 1
- Bill Buxton 1
- Auguste Comte 1
- culture 1
- Confucius 1
- Freeman Dyson 1
- Albert Einstein 1
- Odysseas Elytis 1
- Antoine de Saint-Exupery 1
- Feynman 1
- Thomas C. Gale 1
- Jesse James Garrett 1
- C.A.R. Hoare 1
- John Holt 1
- computer science 1
- generation 1
- medium 1
- J. C. R. Licklider 1
- Marshall McLuhan 1
- Marvin Minsky 1
- Ken Olsen 1
- Paul Rand 1
- Scott Rosenberg 1
- Bjarne Stroustrup 1
- graphics 1
- Thomas J Watson 1
- Mark Weiser 1
- calculator 1
- color 1
- queries 1
- database 1
- google-charts 1
- 3d 1
- filter 1
- zoom 1
- text 1
- keyboard 1
- input 1
- location 1
- dropdown 1
- empty 1
- pie 1
- slide 1
- draw 1
- eraser 1
- option 1
- sortable 1
- list 1
- dataset 1
- noble 1
- olsen 1
- thimbleby 1
- Usability 1
- Design Psychology 1
- Cognitive Science 1
- Affordances 1
- Interaction Design 1
- Nielsen Norman Group 1
- Thomas Knoll 1
- PhotoCard 1
- Drop-down menu 1
- Double click 1
- Brenda Laurel 1
- ποντίκι 1
- Επαυξημένη Νοημοσύνη 1
- πληκτρολόγιο 1
- Τ9 1
- Gunnar Fant 1
- Virtual Reality 1
- SwyftCard 1
- Jonny Ive 1
- Operating System 1
- Redisign 1
- Jakob Nielsen 1
- Heuristics 1
- Υπερμέσα 1
- Video games 1
- Touchscreen games 1
- Portable console 1
- Entertainment 1
- affective usability 1
- xerox alto 1
- arduino 1
- Κονσόλες 1
- facebok 1
- Software 1
- apple 1
- ipod 1
- moding 1
- making 1
- minecraft 1
- Marc Weiser 1
- donald norman 1
- Raspberry 1
- reactable 1
- Drawing 1
- animation 1
- xerox star 1
- hci 1
- t9 1
- unix 1
- wikipedia 1
- Microsoft windows 1
- Tim Berners Lee 1
- First computer 1
- Television 1
- Camera 1
- Ακόρντα 1
- Olivetti 1
- Microsoft Research 1
- Βιντεοπαιχνίδια περιπέτειας 1
- Android 1
- SDK 1
- Windows95 1
- Apple Newton 1
- Lilypad 1
- Google Maps 1
- Atari 2600 1
- Easter Egg 1
- Apple Paint 1
- Ευχρηστία 1
- BBC 1
- BBS 1
- Gordon Bell 1
- Mesa 1
- Steve Wosniak 1
- buck 1
- Commodore 1
- Demoscene 1
- CAD 1
- Επεξεργαστής Κειμένου 1
- SwyftWare 1
- Διάτρητη κάρτα 1
- Chat bot 1
- Space War 1
- BIOS 1
- Gary Kildall 1
- PLM 1
- Aspen Movie Map 1
- Dvorak 1
- Laptop 1
- Επεξεργασία φυσικής γλώσσας 1
- emacs 1
- Eclipse 1
- Γραφικό Περιβάλλον 1
- Εργονομία 1
- Μοντελοποίηση 1
- Fitts 1
- DRI 1
- Γραφικά Κίνησης 1
- Genesys 1
- Προσομοίωση 1
- Εξομοίωση 1
- Γεωγραφική θέση 1
- Αναζήτηση 1
- Assistant 1
- AI 1
- JOSS 1
- hackathon 1
- Education 1
- Work 1
- AMADEUS 1
- CRS 1
- Basic 1
- App 1
- Υπολογιστής 1
- Hypertalk 1
- Σημειώσεις 1
- Keyboard 1
- PC 1
- David Smith 1
- Tom Igoe 1
- Διδασκαλία 1
- IRC 1
- winky dink and you 1
- Squeak 1
- Έξυπνο ρολόι 1
- KidSim 1
- Videoplace 1
- Donald Knuth 1
- Fonts 1
- Documents 1
- Kodak 1
- Intel 1
- Modula 1
- Εκτυπωτής Γραμμής 1
- Τέχνη ASCII 1
- Linux 1
- GNU 1
- Ρομπότ 1
- Paul Allen 1
- PDA 1
- Makerspace 1
- Hackerspace 1
- Phones 1
- Plato 1
- Μουσική 1
- Οθόνη αφής 1
- Media Space 1
- Κοινωνικά Δίκτυα 1
- Menu 1
- Ubuntu Unity 1
- Windows 95 1
- Bug 1
- Minitel 1
- Teletel 1
- Internet 1
- Media Lab 1
- Μικτή Πραγματικότητα 1
- mockup 1
- multimodal 1
- Myst 1
- Napster 1
- peer-to-peer 1
- Bravo 1
- Nomodes 1
- Διαχειριστής Αρχείων 1
- Υπενθυμίσεις 1
- Lilith 1
- Modula2 1
- Γραφική Διεπαφή 1
- Open Street Map 1
- Xerox Note Taker 1
- VisiCalc 1
- Εφαρμογές 1
- Διάτρητη ταινία 1
- οθόνη αφής 1
- Tennis for Two 1
- Rotoscoping 1
- Nintento 1
- Probes 1
- pen 1
- BBC Micro 1
- IoT 1
- Holograms 1
- Ανθρωπομορφισμός 1
- Rob Pike 1
- Acme 1
- Mobile Phone 1
- Second Life 1
- Skype 1
- Γραμματοσειρές 1
- smartwatch 1
- POS 1
- Ηλεκτρονικό Εμπόριο 1
- Gamepad 1
- PDP1 1
- star7 1
- sun microsystems 1
- prototype 1
- pda 1
- portable 1
- touchscreen 1
- metaphor 1
- Sun Starfire 1
- Apple Knowledge Navigator 1
- Βίντεο 1
- SugarOS 1
- collaboration 1
- Dick Shoup 1
- Αυτοπορτραίτο 1
- AppleII 1
- Μπάλα κύλισης 1
- Telepresence 1
- Media spaces 1
- Τηλεόραση 1
- Teletext 1
- Κέλυφος Εντολών 1
- Βιντεοπαιχνίδι 1
- Εργαλειοθήκη 1
- Touch Develop 1
- Touchpad 1
- Αφή 1
- Τροχός Κύλισης 1
- Κινητό 1
- Τρανζιστοράκι 1
- Model 33 1
- shell 1
- Bootstraping 1
- LISP 1
- UNREAL 1
- Visicalc 1
- Φύλλο Εργασίας 1
- Remote Frame Buffer 1
- EyePhone 1
- VT100 1
- Craigslist 1
- Wikimedia 1
- MP3 1
- skins 1
- Windows Mobile 1
- Windows Phone 1
- Κουμπί Εκκίνησης 1
- Μενού Εκκίνησης 1
- LaTeX 1
- Mockup 1
- ZigZag 1
- Lary Tesler 1
- Xerox Mesa 1
- Dorado 1
- Portholes 1
- Spatial Dataland 1
- Pad++ 1
- Archy 1
Apple
iOS7
Το iOS 7 ήταν η έκδοση του λειτουργικού συστήματος της Apple που ανακοινώθηκε και κυκλοφόρησε τον Σεπτέμβριο του 2013 στην ετήσια διακεκριμένη διοργάνωση WWD...
HCI
Button
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα κουμπί που εκτελεί διαφορετικές λειτουργίες κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκ...
Add Button
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα κουμπί που αναγράφει Add που εκτελεί διαφορετικές λειτουργίες κατά το Hover (κίνηση του ποντικιού πάνω από τ...
Calculator
Παράδειγμα οπτικής και λειτουργικής εξομοίωσης αριθμομηχανής.
Firebase form
Η φόρμα χρησιμοποιεί την δικτυακή βάση δεδομένων firebase.
Form validation
Το παράδειγμα αυτό βασίζεται σε regular expression για να εντοπίσει σφάλματα στην είσοδου του χρήστη.
Form validation
Το παράδειγμα αυτό βασίζεται σε regular expression για να εντοπίσει σφάλματα στην είσοδου του χρήστη. Είναι μία φόρμα που ζητά από τον χρήστη να εισάγει το τ...
Image processing
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Image zoom
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Image
Διαδραστικό παράδειγμα κώδικα που εισάγει μια εικόνα τύπου SVG (https://en.wikipedia.org/wiki/Scalable_Vector_Graphics). Όταν εκτελείται από το χρήστη η λειτ...
Interactive Text
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ειδικά εφέ κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα) πάνω στο κείμενο. Για τη δημιουργία αυτών τω...
Keyboard input
Μετακίνηση αντικειμένου μέσω πληκτρολογίου (html Canvas)
Maps location
Εύρεση τοποθεσίας μέσω της χρήσης φόρμας εισόδου και του Google Maps API (https://developers.google.com/maps/?hl=en).
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 μενού χωρίς ενσωματωμένες λειτουργίες.
Mouse button
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, πατώντας το κουμπί “ANOTHER” μπορεί να αλλάξει τα εκτυπωμένα μηνύματα.
Mouse eraser
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως “σβηστήρι”. Υπάρχουν δύο διαθέσιμες εικόνες και η μία σβήνει μετακινώντας τον κέρσορα για να απ...
Mouse form
Παράδειγμα εισόδου μέσω της συσκευής Ποντίκι Νο.4
Form gender
Παράδειγμα εισόδου μέσω της συσκευής Ποντίκι Νο.4
Mouse option
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, μπορεί να αλλάξει δυναμικά το περιεχόμενο που θα εμφανίζεται στη σελίδα. Για το σκο...
Mouse scroll
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου και δίνει ως έξοδο το ανάλογο αποτέλεσμα στην οθόνη. Για να αλλάξει η τιμή εισό...
Mouse button
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, πατώντας το κουμπί “ANOTHER” μπορεί να αλλάξει τα εκτυπωμένα μηνύματα και πατώντας ...
Plyr video player
Το βίντεο χρησιμοποιεί για τον έλεγχο το σύστημα αναπαραγωγής της βιβλιοθήκης Plyr.
Sortable list
Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...
Switch
Διαδραστικό παράδειγμα κώδικα που αναπαριστά τη λειτουργία ενός διακόπτη. Ο χρήστης μπορεί να επιλέξει ανάμεσα στις επιλογές ON και OFF. Για τη δημιουργία το...
YouTube video player
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Το βίντεο χρησιμοποιεί για την έναρξη και την παύση του το σύστημα αναπαραγωγή...
Don Norman
Ο Donald Arthur Norman, ευρύτερα γνωστός ως Don Norman, είναι μια διακεκριμένη προσωπικότητα στους τομείς της γνωστικής επιστήμης, του σχεδιασμού και της αλλ...
Thomas Knoll
Ο Thomas Knoll είναι ένας Αμερικανός μηχανικός λογισμικού που δημιούργησε το Adobe Photoshop μαζί με τον αδελφό του John Knoll και γεννήθηκε τον Απρίλιο του ...
Jonny Ive
Βιογραφία Jony Ive (πλήρες όνομα Sir Jonathan Paul Ive) είναι Βρετανός σχεδιαστής που γνώρισε παγκόσμια αναγνώριση για τον σημαντικό ρόλο του στον σχεδιασμό...
Alan Kay
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως ανάγνωση πριν πάει στο δημοτικό, με αποτέλεσμα να βαριέται στην τάξη, αφού ήδη γνώρ...
Xerox PARC
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
Xerox PARC
Xerox PARC
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
IV
Calculator
Παράδειγμα οπτικής και λειτουργικής εξομοίωσης αριθμομηχανής.
Camera motion color
Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει ένα πλαίσιο πράσινου χρώματος . Όταν εντοπιστεί κίνηση μέσα στο πλαίσιο αλλάζει το χρώ...
Camera motion
Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει δύο διαφορετικά πλαίσια (πράσινο και κόκκινο). Όταν εντοπιστεί κίνηση σε κάποιο πλαίσι...
CSS queries
Παράδειγμα κώδικα με σκοπό να γίνει κατανοητή η χρήση των CSS media queries. Αλλάζοντας το μέγεθος του παραθύρου του περιηγητή (browser) σας αλλάζει το χρώμα...
Firebase form
Η φόρμα χρησιμοποιεί την δικτυακή βάση δεδομένων firebase.
Google Charts Visualization
Παράδειγμα που παρουσιάζει το πληθυσμό και GDP Κύπρου και Ελλάδας. Το γράφημα αλλάζει μέσω ενός dropdown menu.
Google maps
Έυρεση τοποθεσίας χρήστη χρησιμοποιώντας το Google Maps API (https://developers.google.com/maps/?hl=en).
3D image
Διαδραστικό παράδειγμα εικόνων χρησιμοποιώντας την τεχνική parallax. Στο συγκεκριμένο παράδειγμα η τεχνική αυτή δημιουργεί την αίσθηση του 3d περιβαλλντος. Ο...
Image processing
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Image zoom
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Image
Διαδραστικό παράδειγμα κώδικα που εισάγει μια εικόνα τύπου SVG (https://en.wikipedia.org/wiki/Scalable_Vector_Graphics). Όταν εκτελείται από το χρήστη η λειτ...
Interactive Text
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ειδικά εφέ κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα) πάνω στο κείμενο. Για τη δημιουργία αυτών τω...
Keyboard input
Μετακίνηση αντικειμένου μέσω πληκτρολογίου (html Canvas)
Maps location
Εύρεση τοποθεσίας μέσω της χρήσης φόρμας εισόδου και του Google Maps API (https://developers.google.com/maps/?hl=en).
Plyr video player
Το βίντεο χρησιμοποιεί για τον έλεγχο το σύστημα αναπαραγωγής της βιβλιοθήκης Plyr.
Sortable list
Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...
Visualization dataset
Διαδραστικό παράδειγμα γραφήματος χρησιμοποιώντας τη βιβλιοθήκη d3.js (http://d3js.org). Το παράδειγμα οπτικοποιεί 2 διαφορετικά σετ δεδομένων (datasets).
Visualization
Παράδειγμα διαδραστικού γραφήματος No.1
YouTube video player
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Το βίντεο χρησιμοποιεί για την έναρξη και την παύση του το σύστημα αναπαραγωγή...
Macintosh
Bill Atkinson
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
Jef Raskin
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κεν...
Microsoft
Bill Atkinson
Bill Atkinson
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
Douglas Engelbart
Douglas Engelbart
O Douglas Engelbart έγινε διάσημος για την συσκευή εισόδου ποντίκι,1 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
Συσκευή εισόδου ποντίκι
Αν και σήμερα η χρήση της συσκευής εισόδου ‘ποντίκι’ σε συνδυασμό με τη γραφική επιφάνεια εργασίας και τις αντίστοιχες εφαρμογές γραφείου και παραγωγικότητας...
NLS
Douglas Engelbart
O Douglas Engelbart έγινε διάσημος για την συσκευή εισόδου ποντίκι,1 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
Smalltalk
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως ανάγνωση πριν πάει στο δημοτικό, με αποτέλεσμα να βαριέται στην τάξη, αφού ήδη γνώρ...
Larry Tesler
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Ποντίκι
Συσκευή εισόδου ποντίκι
Αν και σήμερα η χρήση της συσκευής εισόδου ‘ποντίκι’ σε συνδυασμό με τη γραφική επιφάνεια εργασίας και τις αντίστοιχες εφαρμογές γραφείου και παραγωγικότητας...
success
Xerox Alto
Ο προσωπικός υπολογιστής θεωρείται δεδομένος για τους χρήστες μετά την δεκαετία του 1980, αλλά ήταν μόνο μια ιδέα για πολύ λίγους ερευνητές την δεκαετία του ...
Arduino
Το Arduino είναι ένας πολύ δημοφιλής μικροελεγκτής που φτιάχτηκε με αρχικό σκοπό τον προγραμματισμό και την εκπαίδευση των φοιτητών της διάδρασης ανθρώπου κα...
Κονσόλες βιντεοπαιχνιδιών
Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικροϋπολογιστές και έχουν ιδιαίτερη σημασί...
Figure 1: Μία από τις αρχικές εκδοχές είχε διαφορετικό όνομα (thefacebook) και δεν διέφερε πολύ από ένα απλό σύστημα βάσης δεδομένων με προφίλ χρησ...
Η σχεδίαση των καθημερινών πραγμάτων
Η κατανόηση και η χρήση μιας συσκευής διέπεται από μερικές βασικές και διαχρονικές αξίες που είναι οι ίδιες ανεξάρτητα από το είδος και την πολυπλοκότητα που...
Raspberry pi
Το Raspberry Pi, που παρουσιάστηκε το 2012 από το Ίδρυμα Raspberry Pi, αναδείχθηκε σε ένα ιστορικά σημαντικό και πρακτικό εργαλείο με ευρείες επιπτώσεις στην...
Reactable
Το Reactable είναι ένα ψηφιακό μουσικό σύστημα που βασίζεται στη διάδραση με την αφή και με απτά αντικείμενα.1 Εκτός από την εκθεσιακή του εγκατάσταση και τη...
Xerox Star
Figure 1: Ο επιτραπέζιος υπολογιστής με πληκτρολόγιο, ποντίκι, και γραφική επιφάνεια εργασίας (παράθυρα, εικονίδια, φάκελοι) που δημιουργήθηκε από ...
Unix
Το Unix είναι περισσότερο γνωστό σε όσους ασχολούνται με τα λειτουργικά συστήματα και σχεδόν καθόλου γνωστό στην κοινότητα της διάδρασης και των γραφικών διε...
Wikipedia
Η συμμετοχική ανάπτυξη και η ευέλικτη διανομή και αλλαγή ενός προϊόντος για υπολογιστές ξεκίνησε με την περίπτωση του λογισμικού ανοικτού κώδικα. Όμως, η δια...
Microsoft Windows
Η επιφάνεια εργασίας του επιτραπέζιου υπολογιστή είναι ένα δημοφιλές και ευέλικτο σύστημα που πέρασε από πολλούς κύκλους ανάπτυξης και προσαρμογής, τόσο κατά...
World Wide Web
Η κατασκευή του συστήματος World Wide Web (WWW) και κυρίως η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για την...
Dynabook
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως ανάγνωση πριν πάει στο δημοτικό, με αποτέλεσμα να βαριέται στην τάξη, αφού ήδη γνώρ...
UNIX
mouse
Mouse button
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, πατώντας το κουμπί “ANOTHER” μπορεί να αλλάξει τα εκτυπωμένα μηνύματα.
Mouse draw
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Ο χρήστης μπορεί να χρησιμοποιήσει το ποντίκι για να σχεδιάσει στη λευκή επιφά...
Mouse eraser
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως “σβηστήρι”. Υπάρχουν δύο διαθέσιμες εικόνες και η μία σβήνει μετακινώντας τον κέρσορα για να απ...
Mouse form
Παράδειγμα εισόδου μέσω της συσκευής Ποντίκι Νο.4
Form gender
Παράδειγμα εισόδου μέσω της συσκευής Ποντίκι Νο.4
Mouse option
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, μπορεί να αλλάξει δυναμικά το περιεχόμενο που θα εμφανίζεται στη σελίδα. Για το σκο...
Mouse scroll
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου και δίνει ως έξοδο το ανάλογο αποτέλεσμα στην οθόνη. Για να αλλάξει η τιμή εισό...
Mouse button
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, πατώντας το κουμπί “ANOTHER” μπορεί να αλλάξει τα εκτυπωμένα μηνύματα και πατώντας ...
Sortable list
Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...
MacPaint
Bill Atkinson
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
BASIC
Τηλέτυπος
Ivan Sutherland
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως ανάγνωση πριν πάει στο δημοτικό, με αποτέλεσμα να βαριέται στην τάξη, αφού ήδη γνώρ...
Ivan Sutherland
Ο Ivan Edward Sutherland (γεννημένος στις 16 Μαΐου 1938) είναι Αμερικανός επιστήμονας υπολογιστών και πρωτοπόρος του Διαδικτύου, που θεωρείται ευρέως ως πρωτ...
Alto
Xerox Alto
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως ανάγνωση πριν πάει στο δημοτικό, με αποτέλεσμα να βαριέται στην τάξη, αφού ήδη γνώρ...
Altair
Jaron Lanier
Jaron Lanier
Ο Jaron Lanier έγινε ευρύτερα γνωστός για τον προβληματισμό σχετικά με τα κοινωνικά μέσα και τους μηχανισμούς εξατομίκευσης που χρησιμοποιούν. Ηταν ήδη όμως ...
Atari
Back to Top ↑Sketchpad
Ivan Sutherland
Ο Ivan Edward Sutherland (γεννημένος στις 16 Μαΐου 1938) είναι Αμερικανός επιστήμονας υπολογιστών και πρωτοπόρος του Διαδικτύου, που θεωρείται ευρέως ως πρωτ...
Ted Nelson
Ted Nelson
O Ted Nelson αναφέρεται συχνά ως ένας από τους θεωρητικούς του παγκόσμιου ιστού, αλλά αυτό είναι μόνο εν μέρει σωστό. Πράγματι ασχολήθηκε με τα ψηφιακά έγγρα...
iPhone
Spacewar
Τερματικό
Hypercard
Bill Atkinson
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
Arduino
Πληκτρολόγιο
Εξομοιωτής Τερματικού
Superpaint
Xerox Star
Διδακτορικό
Back to Top ↑MIT Lincoln
Back to Top ↑Windows
Don Norman
Don Norman
Ο Donald Arthur Norman, ευρύτερα γνωστός ως Don Norman, είναι μια διακεκριμένη προσωπικότητα στους τομείς της γνωστικής επιστήμης, του σχεδιασμού και της αλλ...
Canon Cat
Jef Raskin
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κεν...
Larry Tesler
Larry Tesler
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Raspberry Pi
Back to Top ↑Wikipedia
X-Windows
Jef Raskin
Liza
VPL
Back to Top ↑DEC
Παγκόσμιος Ιστός
WYSIWYG
Επεξεργασία Εικόνας
Nova
Bret Victor
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως ανάγνωση πριν πάει στο δημοτικό, με αποτέλεσμα να βαριέται στην τάξη, αφού ήδη γνώρ...
video
Form validation
Το παράδειγμα αυτό βασίζεται σε regular expression για να εντοπίσει σφάλματα στην είσοδου του χρήστη.
Form validation
Το παράδειγμα αυτό βασίζεται σε regular expression για να εντοπίσει σφάλματα στην είσοδου του χρήστη. Είναι μία φόρμα που ζητά από τον χρήστη να εισάγει το τ...
Plyr video player
Το βίντεο χρησιμοποιεί για τον έλεγχο το σύστημα αναπαραγωγής της βιβλιοθήκης Plyr.
YouTube video player
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Το βίντεο χρησιμοποιεί για την έναρξη και την παύση του το σύστημα αναπαραγωγή...
image
3D image
Διαδραστικό παράδειγμα εικόνων χρησιμοποιώντας την τεχνική parallax. Στο συγκεκριμένο παράδειγμα η τεχνική αυτή δημιουργεί την αίσθηση του 3d περιβαλλντος. Ο...
Image processing
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Image zoom
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
Image
Διαδραστικό παράδειγμα κώδικα που εισάγει μια εικόνα τύπου SVG (https://en.wikipedia.org/wiki/Scalable_Vector_Graphics). Όταν εκτελείται από το χρήστη η λειτ...
Magic Cap
Bill Atkinson
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
LINC
Back to Top ↑Apple I
Back to Top ↑Apple II
Back to Top ↑Lisa
Back to Top ↑Logo
Back to Top ↑Γραμμή Εντολών
Pong
Back to Top ↑Πληκτρολόγιο Ακόρντων
MSDOS
Back to Top ↑CPM
Back to Top ↑tablet
Back to Top ↑laptop
Back to Top ↑vim
iPod
Back to Top ↑DataGlove
Back to Top ↑MIT
Τηλεδιάσκεψη
Back to Top ↑Xanadu
Star
Εικονίδια
Tab
Board
Xerox Bravo
Photography
Photography
Φωτογραφία
Thomas Knoll
Ο Thomas Knoll είναι ένας Αμερικανός μηχανικός λογισμικού που δημιούργησε το Adobe Photoshop μαζί με τον αδελφό του John Knoll και γεννήθηκε τον Απρίλιο του ...
AdobePhotoshop
Το Adobe Photoshop είναι ένα λογισμικό επεξεργασίας εικόνας που δημιουργήθηκε από τους αδελφούς Thomas και John Knoll το 1987. Το λογισμικό κυκλοφόρησε για π...
form
Firebase form
Η φόρμα χρησιμοποιεί την δικτυακή βάση δεδομένων firebase.
Mouse form
Παράδειγμα εισόδου μέσω της συσκευής Ποντίκι Νο.4
Form gender
Παράδειγμα εισόδου μέσω της συσκευής Ποντίκι Νο.4
visualization
Google Charts Visualization
Παράδειγμα που παρουσιάζει το πληθυσμό και GDP Κύπρου και Ελλάδας. Το γράφημα αλλάζει μέσω ενός dropdown menu.
Visualization dataset
Διαδραστικό παράδειγμα γραφήματος χρησιμοποιώντας τη βιβλιοθήκη d3.js (http://d3js.org). Το παράδειγμα οπτικοποιεί 2 διαφορετικά σετ δεδομένων (datasets).
Visualization
Παράδειγμα διαδραστικού γραφήματος No.1
programming
noble-book
Το βιβλίο του Noble [@noble2009programming] είναι περισσότερο όμοιο με αυτό το βιβλίο από τα άλλα, καθώς είναι πολύ προσβάσιμο και δίνει έμφαση στην οπτικοπο...
olsen-book
Το βιβλίο του Olsen [@olsen2009building] περιγράφει κυρίως τις γραφικές διεπαφές του επιτραπέζιου ΗΥ, πολλές από τις οποίες έχουν και εφαρμογή σε φορητές συσ...
thimbleby-book
Το βιβλίο του Thimbleby [@thimbleby2007press] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...
User-Centered Design
Don Norman
Ο Donald Arthur Norman, ευρύτερα γνωστός ως Don Norman, είναι μια διακεκριμένη προσωπικότητα στους τομείς της γνωστικής επιστήμης, του σχεδιασμού και της αλλ...
Thomas Knoll
Ο Thomas Knoll είναι ένας Αμερικανός μηχανικός λογισμικού που δημιούργησε το Adobe Photoshop μαζί με τον αδελφό του John Knoll και γεννήθηκε τον Απρίλιο του ...
Jonny Ive
Βιογραφία Jony Ive (πλήρες όνομα Sir Jonathan Paul Ive) είναι Βρετανός σχεδιαστής που γνώρισε παγκόσμια αναγνώριση για τον σημαντικό ρόλο του στον σχεδιασμό...
Sword of Damocles
Ivan Sutherland
Ο Ivan Edward Sutherland (γεννημένος στις 16 Μαΐου 1938) είναι Αμερικανός επιστήμονας υπολογιστών και πρωτοπόρος του Διαδικτύου, που θεωρείται ευρέως ως πρωτ...
WWW
World Wide Web
Η κατασκευή του συστήματος World Wide Web (WWW) και κυρίως η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για την...
Bell Labs
Back to Top ↑Oberon
Back to Top ↑Συναρμολογούμενο
Back to Top ↑VNC
Back to Top ↑tmux
Breakout
Back to Top ↑Lunar Lander
Back to Top ↑Commodore PET
Back to Top ↑WordStar
Back to Top ↑Damocles Sword
Back to Top ↑Tablet
Back to Top ↑IDE
Πένα
Back to Top ↑Computer
Back to Top ↑IBM
Back to Top ↑iTV
Back to Top ↑Pebble
Back to Top ↑Minecraft
Back to Top ↑Παραθυρικό Περιβάλλον
Back to Top ↑Niklaus Wirth
Back to Top ↑PDP
Back to Top ↑Reactable
Back to Top ↑history
Back to Top ↑invention
Back to Top ↑Steve Jobs
Xerox PARC
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
technology
Back to Top ↑Knuth
Back to Top ↑Myron Krueger
Back to Top ↑picasso
Back to Top ↑camera
Camera motion color
Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει ένα πλαίσιο πράσινου χρώματος . Όταν εντοπιστεί κίνηση μέσα στο πλαίσιο αλλάζει το χρώ...
Camera motion
Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει δύο διαφορετικά πλαίσια (πράσινο και κόκκινο). Όταν εντοπιστεί κίνηση σε κάποιο πλαίσι...
motion
Camera motion color
Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει ένα πλαίσιο πράσινου χρώματος . Όταν εντοπιστεί κίνηση μέσα στο πλαίσιο αλλάζει το χρώ...
Camera motion
Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει δύο διαφορετικά πλαίσια (πράσινο και κόκκινο). Όταν εντοπιστεί κίνηση σε κάποιο πλαίσι...
css
CSS queries
Παράδειγμα κώδικα με σκοπό να γίνει κατανοητή η χρήση των CSS media queries. Αλλάζοντας το μέγεθος του παραθύρου του περιηγητή (browser) σας αλλάζει το χρώμα...
Menu CSS
Παράδειγμα εναλλακτικού μενού χωρίς τη χρήση Javascript. Για τη δημιουργία της διάδρασης έχει χρησιμοποιηθεί ο CSS preprocessor SCSS.
Google maps
Έυρεση τοποθεσίας χρήστη χρησιμοποιώντας το Google Maps API (https://developers.google.com/maps/?hl=en).
Maps location
Εύρεση τοποθεσίας μέσω της χρήσης φόρμας εισόδου και του Google Maps API (https://developers.google.com/maps/?hl=en).
map
Google maps
Έυρεση τοποθεσίας χρήστη χρησιμοποιώντας το Google Maps API (https://developers.google.com/maps/?hl=en).
Maps location
Εύρεση τοποθεσίας μέσω της χρήσης φόρμας εισόδου και του Google Maps API (https://developers.google.com/maps/?hl=en).
scroll
Menu scroll
Διαδραστικό παράδειγμα responsive μενού σε One page template χρησιμοποιώντας τη βιβιοθήκη Τwitter Βootstrap 3.0 . Στο παράδειγμα εμφανίζεται το μενού έπειτα ...
Mouse scroll
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου και δίνει ως έξοδο το ανάλογο αποτέλεσμα στην οθόνη. Για να αλλάξει η τιμή εισό...
Editing
Thomas Knoll
Ο Thomas Knoll είναι ένας Αμερικανός μηχανικός λογισμικού που δημιούργησε το Adobe Photoshop μαζί με τον αδελφό του John Knoll και γεννήθηκε τον Απρίλιο του ...
AdobePhotoshop
Το Adobe Photoshop είναι ένα λογισμικό επεξεργασίας εικόνας που δημιουργήθηκε από τους αδελφούς Thomas και John Knoll το 1987. Το λογισμικό κυκλοφόρησε για π...
Photoshop
Thomas Knoll
Ο Thomas Knoll είναι ένας Αμερικανός μηχανικός λογισμικού που δημιούργησε το Adobe Photoshop μαζί με τον αδελφό του John Knoll και γεννήθηκε τον Απρίλιο του ...
AdobePhotoshop
Το Adobe Photoshop είναι ένα λογισμικό επεξεργασίας εικόνας που δημιουργήθηκε από τους αδελφούς Thomas και John Knoll το 1987. Το λογισμικό κυκλοφόρησε για π...
General Magic
Bill Atkinson
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
iPad
Back to Top ↑iOS
Jonny Ive
Βιογραφία Jony Ive (πλήρες όνομα Sir Jonathan Paul Ive) είναι Βρετανός σχεδιαστής που γνώρισε παγκόσμια αναγνώριση για τον σημαντικό ρόλο του στον σχεδιασμό...
iOS7
Το iOS 7 ήταν η έκδοση του λειτουργικού συστήματος της Apple που ανακοινώθηκε και κυκλοφόρησε τον Σεπτέμβριο του 2013 στην ετήσια διακεκριμένη διοργάνωση WWD...
Gypsy
Larry Tesler
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Bill English
Xerox PARC
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
Plan9
Back to Top ↑Sam
Back to Top ↑Amaya
Back to Top ↑Ivan Shutherland
Έξυπνο Ρολόϊ
Back to Top ↑Swyftware
Back to Top ↑Processing
Ολοκληρωμένο Περιβάλλον Ανάπτυξης
Back to Top ↑MIT Media Lab
Back to Top ↑Dataland
Back to Top ↑Space Invaders
Back to Top ↑Adventure
Back to Top ↑Apple Lisa
Back to Top ↑Προγραμματισμός
Back to Top ↑Cedar
Back to Top ↑Μικροϋπολογιστές
Back to Top ↑Bill Gates
Back to Top ↑dynabook
Back to Top ↑editor
Back to Top ↑GUI
Back to Top ↑RAND
Back to Top ↑Github
Back to Top ↑Rand
Back to Top ↑GRAIL
Back to Top ↑Έξυπνο κινητό
Back to Top ↑BBC micro
Back to Top ↑Desktop
Back to Top ↑Newton
Back to Top ↑Kinect
Back to Top ↑Φωτογραφία
Έξυπνο ρολόϊ
Back to Top ↑IBM PC
Back to Top ↑Seymour Papert
Back to Top ↑Scratch
Back to Top ↑Έξυπνο Κινητό
Back to Top ↑MAX-MSP
Back to Top ↑Apple 2
Back to Top ↑Υπόδειγμα
Back to Top ↑Χαμηλή Πιστότητα
Back to Top ↑Σχεδιάγραμμα
Back to Top ↑OLPC
Back to Top ↑PLATO
Back to Top ↑Apple2
Back to Top ↑TX-2
Back to Top ↑Steve Mann
Back to Top ↑NASA
Back to Top ↑Pad
Back to Top ↑PARC
Back to Top ↑Τερματικό Κειμένου
Back to Top ↑Tiled Windows
Back to Top ↑Stacked Windows
Back to Top ↑DEC PDP
Back to Top ↑Xerox
Back to Top ↑Xerox Gypsy
Back to Top ↑Liveboard
Back to Top ↑activity tracker
Quantified Self
Μέτρηση Φυσικής Δραστηριότητας Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών ενθάρρυνσης της φυσικής άσκησης. Να διαλ...
Quantified Self
Quantified Self
Μέτρηση Φυσικής Δραστηριότητας Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών ενθάρρυνσης της φυσικής άσκησης. Να διαλ...
collaborative system
Collaborative System
Συνεργατικό σύστημα Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) συνεργατικών εκπαιδευτικών εφαρμογών. Να διαλέξετε είτε εφαρμ...
media player
Media Player
Αναπαραγωγή βίντεο Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών που παίζουν βίντεο ή μουσική, και που είναι ελεύθερα...
mobile notes
Mobile Notes
Κινητές σημειώσεις
tv remote
Remote Control
Τηλεχειρισμός Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) εφαρμογών που είναι ελεύθερα διαθέσιμες στον υπολογιστή, για τον τη...
video game
Video Game
Εκπαιδευτικό βίντεο-παιχνίδι Ανάλυση σχετικών έργων Να καταγράψετε τις ιδιότητες μερικών (3-4) βίντεο-παιχνιδιών που είναι ελεύθερα διαθέσιμα στον ...
Aristotle
Back to Top ↑Grady Booch
Back to Top ↑Bill Buxton
Back to Top ↑Auguste Comte
Back to Top ↑culture
Back to Top ↑Confucius
Back to Top ↑Freeman Dyson
Back to Top ↑Albert Einstein
Back to Top ↑Odysseas Elytis
Back to Top ↑Antoine de Saint-Exupery
Back to Top ↑Feynman
Back to Top ↑Thomas C. Gale
Back to Top ↑Jesse James Garrett
Back to Top ↑C.A.R. Hoare
Back to Top ↑John Holt
Back to Top ↑computer science
Back to Top ↑generation
Back to Top ↑medium
Back to Top ↑J. C. R. Licklider
Back to Top ↑Marshall McLuhan
Back to Top ↑Marvin Minsky
Back to Top ↑Ken Olsen
Back to Top ↑Paul Rand
Back to Top ↑Scott Rosenberg
Back to Top ↑Bjarne Stroustrup
Back to Top ↑graphics
Back to Top ↑Thomas J Watson
Back to Top ↑Mark Weiser
Back to Top ↑calculator
Calculator
Παράδειγμα οπτικής και λειτουργικής εξομοίωσης αριθμομηχανής.
color
Camera motion color
Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει ένα πλαίσιο πράσινου χρώματος . Όταν εντοπιστεί κίνηση μέσα στο πλαίσιο αλλάζει το χρώ...
queries
CSS queries
Παράδειγμα κώδικα με σκοπό να γίνει κατανοητή η χρήση των CSS media queries. Αλλάζοντας το μέγεθος του παραθύρου του περιηγητή (browser) σας αλλάζει το χρώμα...
database
Firebase form
Η φόρμα χρησιμοποιεί την δικτυακή βάση δεδομένων firebase.
google-charts
Google Charts Visualization
Παράδειγμα που παρουσιάζει το πληθυσμό και GDP Κύπρου και Ελλάδας. Το γράφημα αλλάζει μέσω ενός dropdown menu.
3d
3D image
Διαδραστικό παράδειγμα εικόνων χρησιμοποιώντας την τεχνική parallax. Στο συγκεκριμένο παράδειγμα η τεχνική αυτή δημιουργεί την αίσθηση του 3d περιβαλλντος. Ο...
filter
Image processing
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
zoom
Image zoom
Παράδειγμα διαδραστικού κώδικα στον οποίο όταν εκτελείται από το χρήστη η λειτουργία hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκεκριμένο παράδει...
text
Interactive Text
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ειδικά εφέ κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα) πάνω στο κείμενο. Για τη δημιουργία αυτών τω...
keyboard
Keyboard input
Μετακίνηση αντικειμένου μέσω πληκτρολογίου (html Canvas)
input
Keyboard input
Μετακίνηση αντικειμένου μέσω πληκτρολογίου (html Canvas)
location
Maps location
Εύρεση τοποθεσίας μέσω της χρήσης φόρμας εισόδου και του Google Maps API (https://developers.google.com/maps/?hl=en).
dropdown
Menu dropdown
Διαδραστικό παράδειγμα dropdown μενού χωρίς τη χρήση Javascript.
empty
Menu empty
Παράδειγμα εναλλακτικού μενού χωρίς ενσωματωμένες λειτουργίες.
pie
Menu pie
Διαδραστικό παράδειγμα πολύπλοκου κυκλικού μενού. Με την επιλογή του κουμπιού “open” από το χρήστη, εμφανίζονται μια σειρά από πιθανές επιλογές.
slide
Menu slide
Παράδειγμα slide μενού χωρίς ενσωματωμένες λειτουργίες.
draw
Mouse draw
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Ο χρήστης μπορεί να χρησιμοποιήσει το ποντίκι για να σχεδιάσει στη λευκή επιφά...
eraser
Mouse eraser
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως “σβηστήρι”. Υπάρχουν δύο διαθέσιμες εικόνες και η μία σβήνει μετακινώντας τον κέρσορα για να απ...
option
Mouse option
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, μπορεί να αλλάξει δυναμικά το περιεχόμενο που θα εμφανίζεται στη σελίδα. Για το σκο...
sortable
Sortable list
Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...
list
Sortable list
Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...
dataset
Visualization dataset
Διαδραστικό παράδειγμα γραφήματος χρησιμοποιώντας τη βιβλιοθήκη d3.js (http://d3js.org). Το παράδειγμα οπτικοποιεί 2 διαφορετικά σετ δεδομένων (datasets).
noble
noble-book
Το βιβλίο του Noble [@noble2009programming] είναι περισσότερο όμοιο με αυτό το βιβλίο από τα άλλα, καθώς είναι πολύ προσβάσιμο και δίνει έμφαση στην οπτικοπο...
olsen
olsen-book
Το βιβλίο του Olsen [@olsen2009building] περιγράφει κυρίως τις γραφικές διεπαφές του επιτραπέζιου ΗΥ, πολλές από τις οποίες έχουν και εφαρμογή σε φορητές συσ...
thimbleby
thimbleby-book
Το βιβλίο του Thimbleby [@thimbleby2007press] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...
Usability
Don Norman
Ο Donald Arthur Norman, ευρύτερα γνωστός ως Don Norman, είναι μια διακεκριμένη προσωπικότητα στους τομείς της γνωστικής επιστήμης, του σχεδιασμού και της αλλ...
Design Psychology
Don Norman
Ο Donald Arthur Norman, ευρύτερα γνωστός ως Don Norman, είναι μια διακεκριμένη προσωπικότητα στους τομείς της γνωστικής επιστήμης, του σχεδιασμού και της αλλ...
Cognitive Science
Don Norman
Ο Donald Arthur Norman, ευρύτερα γνωστός ως Don Norman, είναι μια διακεκριμένη προσωπικότητα στους τομείς της γνωστικής επιστήμης, του σχεδιασμού και της αλλ...
Affordances
Don Norman
Ο Donald Arthur Norman, ευρύτερα γνωστός ως Don Norman, είναι μια διακεκριμένη προσωπικότητα στους τομείς της γνωστικής επιστήμης, του σχεδιασμού και της αλλ...
Interaction Design
Don Norman
Ο Donald Arthur Norman, ευρύτερα γνωστός ως Don Norman, είναι μια διακεκριμένη προσωπικότητα στους τομείς της γνωστικής επιστήμης, του σχεδιασμού και της αλλ...
Nielsen Norman Group
Don Norman
Ο Donald Arthur Norman, ευρύτερα γνωστός ως Don Norman, είναι μια διακεκριμένη προσωπικότητα στους τομείς της γνωστικής επιστήμης, του σχεδιασμού και της αλλ...
Thomas Knoll
Thomas Knoll
Ο Thomas Knoll είναι ένας Αμερικανός μηχανικός λογισμικού που δημιούργησε το Adobe Photoshop μαζί με τον αδελφό του John Knoll και γεννήθηκε τον Απρίλιο του ...
PhotoCard
Bill Atkinson
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
Double click
Bill Atkinson
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
Brenda Laurel
Back to Top ↑ποντίκι
Douglas Engelbart
O Douglas Engelbart έγινε διάσημος για την συσκευή εισόδου ποντίκι,1 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
Επαυξημένη Νοημοσύνη
Douglas Engelbart
O Douglas Engelbart έγινε διάσημος για την συσκευή εισόδου ποντίκι,1 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
πληκτρολόγιο
Gunnar Fant
Ο Gunnar Fant ήταν Σουηδός επιστήμονας και πιο γνωστός για την έρευνά του στον τομέα της φωνητικής και της επεξεργασίας φωνής. Γεννήθηκε στις 9 Ιουνίου 1919 ...
Τ9
Gunnar Fant
Ο Gunnar Fant ήταν Σουηδός επιστήμονας και πιο γνωστός για την έρευνά του στον τομέα της φωνητικής και της επεξεργασίας φωνής. Γεννήθηκε στις 9 Ιουνίου 1919 ...
Gunnar Fant
Gunnar Fant
Ο Gunnar Fant ήταν Σουηδός επιστήμονας και πιο γνωστός για την έρευνά του στον τομέα της φωνητικής και της επεξεργασίας φωνής. Γεννήθηκε στις 9 Ιουνίου 1919 ...
Virtual Reality
Jaron Lanier
Ο Jaron Lanier έγινε ευρύτερα γνωστός για τον προβληματισμό σχετικά με τα κοινωνικά μέσα και τους μηχανισμούς εξατομίκευσης που χρησιμοποιούν. Ηταν ήδη όμως ...
SwyftCard
Jef Raskin
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κεν...
Jonny Ive
Jonny Ive
Βιογραφία Jony Ive (πλήρες όνομα Sir Jonathan Paul Ive) είναι Βρετανός σχεδιαστής που γνώρισε παγκόσμια αναγνώριση για τον σημαντικό ρόλο του στον σχεδιασμό...
Operating System
Jonny Ive
Βιογραφία Jony Ive (πλήρες όνομα Sir Jonathan Paul Ive) είναι Βρετανός σχεδιαστής που γνώρισε παγκόσμια αναγνώριση για τον σημαντικό ρόλο του στον σχεδιασμό...
Redisign
Jonny Ive
Βιογραφία Jony Ive (πλήρες όνομα Sir Jonathan Paul Ive) είναι Βρετανός σχεδιαστής που γνώρισε παγκόσμια αναγνώριση για τον σημαντικό ρόλο του στον σχεδιασμό...
Jakob Nielsen
Jakob Nielsen
Ο Jakob Nielsen, γεννημένος στις 5 Οκτωβρίου 1957 στην Κοπεγχάγη της Δανίας, είναι γνωστός σύμβουλος ευχρηστίας υπολογιστών και ηγετική φυσιογνωμία στον τομέ...
Heuristics
Jakob Nielsen
Ο Jakob Nielsen, γεννημένος στις 5 Οκτωβρίου 1957 στην Κοπεγχάγη της Δανίας, είναι γνωστός σύμβουλος ευχρηστίας υπολογιστών και ηγετική φυσιογνωμία στον τομέ...
Υπερμέσα
Ted Nelson
O Ted Nelson αναφέρεται συχνά ως ένας από τους θεωρητικούς του παγκόσμιου ιστού, αλλά αυτό είναι μόνο εν μέρει σωστό. Πράγματι ασχολήθηκε με τα ψηφιακά έγγρα...
Video games
NintendoDS
Το Nintendo DS, που κυκλοφόρησε από τη Nintendo το 2004, αποτελεί μια από τις πιο εμβληματικές φορητές παιχνιδομηχανές στην ιστορία των βιντεοπαιχνιδιών. Το ...
Touchscreen games
NintendoDS
Το Nintendo DS, που κυκλοφόρησε από τη Nintendo το 2004, αποτελεί μια από τις πιο εμβληματικές φορητές παιχνιδομηχανές στην ιστορία των βιντεοπαιχνιδιών. Το ...
Portable console
NintendoDS
Το Nintendo DS, που κυκλοφόρησε από τη Nintendo το 2004, αποτελεί μια από τις πιο εμβληματικές φορητές παιχνιδομηχανές στην ιστορία των βιντεοπαιχνιδιών. Το ...
Entertainment
NintendoDS
Το Nintendo DS, που κυκλοφόρησε από τη Nintendo το 2004, αποτελεί μια από τις πιο εμβληματικές φορητές παιχνιδομηχανές στην ιστορία των βιντεοπαιχνιδιών. Το ...
affective usability
Πέρα από την ευχρηστία
Figure 1: Τα πειράματα με εναλλακτικές διαρρυθμίσεις των πλήκτρων σε ένα απλό τραπεζικό ATM έδειξαν ότι ακόμη και αν δεν υπάρχει ουσιαστική διαφορά...
xerox alto
Xerox Alto
Ο προσωπικός υπολογιστής θεωρείται δεδομένος για τους χρήστες μετά την δεκαετία του 1980, αλλά ήταν μόνο μια ιδέα για πολύ λίγους ερευνητές την δεκαετία του ...
arduino
Arduino
Το Arduino είναι ένας πολύ δημοφιλής μικροελεγκτής που φτιάχτηκε με αρχικό σκοπό τον προγραμματισμό και την εκπαίδευση των φοιτητών της διάδρασης ανθρώπου κα...
Κονσόλες
Κονσόλες βιντεοπαιχνιδιών
Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικροϋπολογιστές και έχουν ιδιαίτερη σημασί...
facebok
Figure 1: Μία από τις αρχικές εκδοχές είχε διαφορετικό όνομα (thefacebook) και δεν διέφερε πολύ από ένα απλό σύστημα βάσης δεδομένων με προφίλ χρησ...
Software
iOS7
Το iOS 7 ήταν η έκδοση του λειτουργικού συστήματος της Apple που ανακοινώθηκε και κυκλοφόρησε τον Σεπτέμβριο του 2013 στην ετήσια διακεκριμένη διοργάνωση WWD...
apple
Apple iPod
Η περίπτωση της συσκευής αναπαραγωγής μουσικής iPod σήμανε την αρχή της γρήγορης μετατόπισης της διάδρασης από τον επιτραπέζιο προς τον κινητό και διάχυτο υπ...
ipod
Apple iPod
Η περίπτωση της συσκευής αναπαραγωγής μουσικής iPod σήμανε την αρχή της γρήγορης μετατόπισης της διάδρασης από τον επιτραπέζιο προς τον κινητό και διάχυτο υπ...
moding
Minecraft
Πριν ο προγραμματισμός της διάδρασης αποκτήσει πρωταγωνιστικό ρόλο στην έρευνα και στη βιομηχανία, η επιτυχία ενός προϊόντος μπορούσε να μετρηθεί από τις πωλ...
making
Minecraft
Πριν ο προγραμματισμός της διάδρασης αποκτήσει πρωταγωνιστικό ρόλο στην έρευνα και στη βιομηχανία, η επιτυχία ενός προϊόντος μπορούσε να μετρηθεί από τις πωλ...
minecraft
Minecraft
Πριν ο προγραμματισμός της διάδρασης αποκτήσει πρωταγωνιστικό ρόλο στην έρευνα και στη βιομηχανία, η επιτυχία ενός προϊόντος μπορούσε να μετρηθεί από τις πωλ...
Marc Weiser
Xerox PARC
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
donald norman
Η σχεδίαση των καθημερινών πραγμάτων
Η κατανόηση και η χρήση μιας συσκευής διέπεται από μερικές βασικές και διαχρονικές αξίες που είναι οι ίδιες ανεξάρτητα από το είδος και την πολυπλοκότητα που...
Raspberry
Raspberry pi
Το Raspberry Pi, που παρουσιάστηκε το 2012 από το Ίδρυμα Raspberry Pi, αναδείχθηκε σε ένα ιστορικά σημαντικό και πρακτικό εργαλείο με ευρείες επιπτώσεις στην...
reactable
Reactable
Το Reactable είναι ένα ψηφιακό μουσικό σύστημα που βασίζεται στη διάδραση με την αφή και με απτά αντικείμενα.1 Εκτός από την εκθεσιακή του εγκατάσταση και τη...
Drawing
Sketchpad
Το Sketchpad (γνωστός και ως Robot Draftsman) είναι ένα πρόγραμμα υπολογιστή που γράφτηκε από τον Ivan Sutherland το 1963 κατά τη διάρκεια της διδακτορικής τ...
animation
Sketchpad
Το Sketchpad (γνωστός και ως Robot Draftsman) είναι ένα πρόγραμμα υπολογιστή που γράφτηκε από τον Ivan Sutherland το 1963 κατά τη διάρκεια της διδακτορικής τ...
xerox star
Xerox Star
Figure 1: Ο επιτραπέζιος υπολογιστής με πληκτρολόγιο, ποντίκι, και γραφική επιφάνεια εργασίας (παράθυρα, εικονίδια, φάκελοι) που δημιουργήθηκε από ...
hci
Keyboard T9
Το T9 πληκτρολόγιο αναφέρεται σε ένα σύστημα εισαγωγής κειμένου που χρησιμοποιείται κυρίως σε κινητές συσκευές, στοχεύοντας στην ευκολία χρήσης κατά την πληκ...
t9
Keyboard T9
Το T9 πληκτρολόγιο αναφέρεται σε ένα σύστημα εισαγωγής κειμένου που χρησιμοποιείται κυρίως σε κινητές συσκευές, στοχεύοντας στην ευκολία χρήσης κατά την πληκ...
unix
Unix
Το Unix είναι περισσότερο γνωστό σε όσους ασχολούνται με τα λειτουργικά συστήματα και σχεδόν καθόλου γνωστό στην κοινότητα της διάδρασης και των γραφικών διε...
wikipedia
Wikipedia
Η συμμετοχική ανάπτυξη και η ευέλικτη διανομή και αλλαγή ενός προϊόντος για υπολογιστές ξεκίνησε με την περίπτωση του λογισμικού ανοικτού κώδικα. Όμως, η δια...
Microsoft windows
Microsoft Windows
Η επιφάνεια εργασίας του επιτραπέζιου υπολογιστή είναι ένα δημοφιλές και ευέλικτο σύστημα που πέρασε από πολλούς κύκλους ανάπτυξης και προσαρμογής, τόσο κατά...
Tim Berners Lee
World Wide Web
Η κατασκευή του συστήματος World Wide Web (WWW) και κυρίως η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για την...