Bill Atkinson
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
Ευρετήριο
- Apple 35
- HCI 25
- Alan Kay 22
- Xerox PARC 21
- IV 19
- Macintosh 17
- Microsoft 17
- Bill Atkinson 15
- Douglas Engelbart 15
- NLS 15
- Smalltalk 14
- Ποντίκι 14
- Dynabook 11
- success 11
- UNIX 11
- MacPaint 10
- BASIC 10
- Τηλέτυπος 10
- Ivan Sutherland 9
- Alto 9
- mouse 8
- Xerox Alto 8
- Altair 8
- Jaron Lanier 7
- Atari 7
- Sketchpad 7
- Ted Nelson 7
- iPhone 7
- Spacewar 7
- Τερματικό 7
- menu 6
- Hypercard 6
- Arduino 6
- Πληκτρολόγιο 6
- Εξομοιωτής Τερματικού 6
- Superpaint 6
- Xerox Star 6
- Διδακτορικό 6
- MIT Lincoln 6
- Windows 6
- 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
- Don Norman 4
- Bret Victor 4
- button 4
- image 4
- Magic Cap 4
- Nintendo 4
- Μουσική 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
- video 3
- visualization 3
- programming 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
- 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
- form 2
- google 2
- map 2
- scroll 2
- General Magic 2
- iPad 2
- George Samuel Hurst 2
- οθόνη αφής 2
- touchscreen 2
- Gypsy 2
- Satoru Iwata 2
- Πατέντες 2
- Κονσόλες 2
- Bill English 2
- Αφή 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
- Laptop 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
- Εφαρμογές 2
- PLATO 2
- Apple2 2
- Videogames 2
- Sony 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
- Photography 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
- PhotoCard 1
- Drop-down menu 1
- Double click 1
- Brenda Laurel 1
- ποντίκι 1
- Επαυξημένη Νοημοσύνη 1
- Virtual Reality 1
- SwyftCard 1
- Rupert Neve 1
- mixing console 1
- Neve Electronics 1
- Υπερμέσα 1
- affective usability 1
- xerox alto 1
- arduino 1
- facebok 1
- apple 1
- ipod 1
- moding 1
- making 1
- minecraft 1
- Ήχος 1
- Marc Weiser 1
- donald norman 1
- reactable 1
- xerox star 1
- unix 1
- virtual reality 1
- wikipedia 1
- Microsoft windows 1
- Tim Berners Lee 1
- 3ds 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
- Amiga 1
- Deluxe Paint III 1
- Dvorak 1
- Επεξεργασία φυσικής γλώσσας 1
- emacs 1
- Eclipse 1
- Γραφικό Περιβάλλον 1
- Εργονομία 1
- Μοντελοποίηση 1
- Fitts 1
- Gameboy 1
- DRI 1
- Γραφικά Κίνησης 1
- Genesys 1
- Προσομοίωση 1
- Εξομοίωση 1
- Γεωγραφική θέση 1
- Αναζήτηση 1
- Assistant 1
- AI 1
- JOSS 1
- hackathon 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
- Plato 1
- Οθόνη αφής 1
- Media Space 1
- Κοινωνικά Δίκτυα 1
- Menu 1
- Ubuntu Unity 1
- Minitel 1
- Teletel 1
- Internet 1
- Media Lab 1
- Μικτή Πραγματικότητα 1
- mockup 1
- Synthesizer 1
- Συνεργασία 1
- multimodal 1
- Myst 1
- Napster 1
- peer-to-peer 1
- Bravo 1
- Nomodes 1
- Διαχειριστής Αρχείων 1
- Υπενθυμίσεις 1
- Lilith 1
- Modula2 1
- Γραφική Διεπαφή 1
- Oculus 1
- Meta 1
- Open Street Map 1
- Xerox Note Taker 1
- VisiCalc 1
- Διάτρητη ταινία 1
- Tennis for Two 1
- Rotoscoping 1
- Nintento 1
- Εργαλεία 1
- Probes 1
- PS1 1
- PSVITA 1
- pen 1
- BBC Micro 1
- IoT 1
- Ανθρωπομορφισμός 1
- Rob Pike 1
- Acme 1
- Second Life 1
- Skype 1
- Γραμματοσειρές 1
- Ηλεκτρονικό Εμπόριο 1
- Gamepad 1
- PDP1 1
- star7 1
- sun microsystems 1
- prototype 1
- pda 1
- portable 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
- Model 33 1
- shell 1
- Bootstraping 1
- LISP 1
- UNREAL 1
- Visicalc 1
- Φύλλο Εργασίας 1
- Remote Frame Buffer 1
- EyePhone 1
- VT100 1
- Craigslist 1
- Wii 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
HCI
Button
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα κουμπί που εκτελεί διαφορετικές λειτουργίες κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκ...
Calculator
Παράδειγμα οπτικής και λειτουργικής εξομοίωσης αριθμομηχανής.
Firebase form
Η φόρμα χρησιμοποιεί την δικτυακή βάση δεδομένων firebase.
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
Mouse option
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, μπορεί να αλλάξει δυναμικά το περιεχόμενο που θα εμφανίζεται στη σελίδα. Για το σκο...
Mouse scroll
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου και δίνει ως έξοδο το ανάλογο αποτέλεσμα στην οθόνη. Για να αλλάξει η τιμή εισό...
Plyr video player
Το βίντεο χρησιμοποιεί για τον έλεγχο το σύστημα αναπαραγωγής της βιβλιοθήκης Plyr.
Sortable list
Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...
Switch
Διαδραστικό παράδειγμα κώδικα που αναπαριστά τη λειτουργία ενός διακόπτη. Ο χρήστης μπορεί να επιλέξει ανάμεσα στις επιλογές ON και OFF. Για τη δημιουργία το...
YouTube video player
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Το βίντεο χρησιμοποιεί για την έναρξη και την παύση του το σύστημα αναπαραγωγή...
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 Gates
Ο Γουίλλιαμ Χένρυ “Μπιλ” Γκέιτς (William Henry “Bill” Gates III, 28 Οκτωβρίου 1955) είναι Αμερικανός επιχειρηματίας, φιλάνθρωπος, επενδυτής, προγραμματιστής ...
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 στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Ποντίκι
Συσκευή εισόδου ποντίκι
Αν και σήμερα η χρήση της συσκευής εισόδου ‘ποντίκι’ σε συνδυασμό με τη γραφική επιφάνεια εργασίας και τις αντίστοιχες εφαρμογές γραφείου και παραγωγικότητας...
Dynabook
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως ανάγνωση πριν πάει στο δημοτικό, με αποτέλεσμα να βαριέται στην τάξη, αφού ήδη γνώρ...
success
Xerox Alto
Ο προσωπικός υπολογιστής θεωρείται δεδομένος για τους χρήστες μετά την δεκαετία του 1980, αλλά ήταν μόνο μια ιδέα για πολύ λίγους ερευνητές την δεκαετία του ...
Arduino
Το Arduino είναι ένας πολύ δημοφιλής μικροελεγκτής που φτιάχτηκε με αρχικό σκοπό τον προγραμματισμό και την εκπαίδευση των φοιτητών της διάδρασης ανθρώπου κα...
Κονσόλες βιντεοπαιχνιδιών
Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικροϋπολογιστές και έχουν ιδιαίτερη σημασί...
Figure 1: Μία από τις αρχικές εκδοχές είχε διαφορετικό όνομα (thefacebook) και δεν διέφερε πολύ από ένα απλό σύστημα βάσης δεδομένων με προφίλ χρησ...
Η σχεδίαση των καθημερινών πραγμάτων
Η κατανόηση και η χρήση μιας συσκευής διέπεται από μερικές βασικές και διαχρονικές αξίες που είναι οι ίδιες ανεξάρτητα από το είδος και την πολυπλοκότητα που...
Reactable
Το Reactable είναι ένα ψηφιακό μουσικό σύστημα που βασίζεται στη διάδραση με την αφή και με απτά αντικείμενα.1 Εκτός από την εκθεσιακή του εγκατάσταση και τη...
Xerox Star
Figure 1: Ο επιτραπέζιος υπολογιστής με πληκτρολόγιο, ποντίκι, και γραφική επιφάνεια εργασίας (παράθυρα, εικονίδια, φάκελοι) που δημιουργήθηκε από ...
Unix
Το Unix είναι περισσότερο γνωστό σε όσους ασχολούνται με τα λειτουργικά συστήματα και σχεδόν καθόλου γνωστό στην κοινότητα της διάδρασης και των γραφικών διε...
Wikipedia
Η συμμετοχική ανάπτυξη και η ευέλικτη διανομή και αλλαγή ενός προϊόντος για υπολογιστές ξεκίνησε με την περίπτωση του λογισμικού ανοικτού κώδικα. Όμως, η δια...
Microsoft Windows
Η επιφάνεια εργασίας του επιτραπέζιου υπολογιστή είναι ένα δημοφιλές και ευέλικτο σύστημα που πέρασε από πολλούς κύκλους ανάπτυξης και προσαρμογής, τόσο κατά...
World Wide Web
Η κατασκευή του συστήματος World Wide Web (WWW) και κυρίως η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για την...
UNIX
MacPaint
Bill Atkinson
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
BASIC
Τηλέτυπος
Ivan Sutherland
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως ανάγνωση πριν πάει στο δημοτικό, με αποτέλεσμα να βαριέται στην τάξη, αφού ήδη γνώρ...
Ivan Sutherland
Ο Ivan Sutherland μεγάλωσε παίζοντας μια γερμανική εκδοχή των Lego, όπου ένα μικρό σετ από γεωμετρικά σχήματα μπορεί να δώσει μορφή σε πολύπλοκες κατασκευές ...
Alto
mouse
Mouse button
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, πατώντας το κουμπί “ANOTHER” μπορεί να αλλάξει τα εκτυπωμένα μηνύματα.
Mouse draw
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Ο χρήστης μπορεί να χρησιμοποιήσει το ποντίκι για να σχεδιάσει στη λευκή επιφά...
Mouse eraser
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως “σβηστήρι”. Υπάρχουν δύο διαθέσιμες εικόνες και η μία σβήνει μετακινώντας τον κέρσορα για να απ...
Mouse form
Παράδειγμα εισόδου μέσω της συσκευής Ποντίκι Νο.4
Mouse option
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, μπορεί να αλλάξει δυναμικά το περιεχόμενο που θα εμφανίζεται στη σελίδα. Για το σκο...
Mouse scroll
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου και δίνει ως έξοδο το ανάλογο αποτέλεσμα στην οθόνη. Για να αλλάξει η τιμή εισό...
Sortable list
Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...
Xerox Alto
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως ανάγνωση πριν πάει στο δημοτικό, με αποτέλεσμα να βαριέται στην τάξη, αφού ήδη γνώρ...
Altair
Jaron Lanier
Jaron Lanier
Ο Jaron Lanier έγινε ευρύτερα γνωστός για τον προβληματισμό σχετικά με τα κοινωνικά μέσα και τους μηχανισμούς εξατομίκευσης που χρησιμοποιούν. Ηταν ήδη όμως ...
Atari
Back to Top ↑Sketchpad
Ivan Sutherland
Ο Ivan Sutherland μεγάλωσε παίζοντας μια γερμανική εκδοχή των Lego, όπου ένα μικρό σετ από γεωμετρικά σχήματα μπορεί να δώσει μορφή σε πολύπλοκες κατασκευές ...
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
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
Don Norman
Bret Victor
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως ανάγνωση πριν πάει στο δημοτικό, με αποτέλεσμα να βαριέται στην τάξη, αφού ήδη γνώρ...
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, όπου κατασκεύα...
Nintendo
Satoru Iwata
Ο Satoru Iwata υπήρξε CEO της Nintendo για αρκετά χρόνια και ήταν αυτός που βοήθησε την εταιρία να φτάσει στα ύψη κυκλοφορόντας μερικές από τις πιο...
Μουσική
Κονσόλες Μίξης
Η κονσόλα μίξης ή το γραφείο μίξης είναι μια ηλεκτρονική συσκευή για τη μίξη σημάτων ήχου, που χρησιμοποιείται σε συστήματα εγγραφής και αναπαραγωγής ήχου κα...
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
video
Form validation
Το παράδειγμα αυτό βασίζεται σε regular expression για να εντοπίσει σφάλματα στην είσοδου του χρήστη.
Plyr video player
Το βίντεο χρησιμοποιεί για τον έλεγχο το σύστημα αναπαραγωγής της βιβλιοθήκης Plyr.
YouTube video player
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Το βίντεο χρησιμοποιεί για την έναρξη και την παύση του το σύστημα αναπαραγωγή...
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] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...
Sword of Damocles
Ivan Sutherland
Ο Ivan Sutherland μεγάλωσε παίζοντας μια γερμανική εκδοχή των Lego, όπου ένα μικρό σετ από γεωμετρικά σχήματα μπορεί να δώσει μορφή σε πολύπλοκες κατασκευές ...
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 ↑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.
form
Firebase form
Η φόρμα χρησιμοποιεί την δικτυακή βάση δεδομένων firebase.
Mouse form
Παράδειγμα εισόδου μέσω της συσκευής Ποντίκι Νο.4
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
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου και δίνει ως έξοδο το ανάλογο αποτέλεσμα στην οθόνη. Για να αλλάξει η τιμή εισό...
General Magic
Bill Atkinson
Figure 1: Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, όπου κατασκεύα...
iPad
Back to Top ↑George Samuel Hurst
George Samuel Hurst
Ο George Samuel Hurst ήταν Φυσικός, στην πρώτη του δουλειά ξεκίνησε μαζί με τον καλύτερο του φίλο τον Ritchie. Ο George Samuel Hurst εφηύρε την πρώ...
Οθόνη αφής
Η οθόνη αφής είναι μια συσκευή εισόδου κι εξόδου που μπορεί να λειτουργήσει από ένα άγγιγμα μέσα στην περιοχή της οθόνης. Ο όρος αναφέρεται γενικά στην αφή ...
οθόνη αφής
George Samuel Hurst
Ο George Samuel Hurst ήταν Φυσικός, στην πρώτη του δουλειά ξεκίνησε μαζί με τον καλύτερο του φίλο τον Ritchie. Ο George Samuel Hurst εφηύρε την πρώ...
touchscreen
George Samuel Hurst
Ο George Samuel Hurst ήταν Φυσικός, στην πρώτη του δουλειά ξεκίνησε μαζί με τον καλύτερο του φίλο τον Ritchie. Ο George Samuel Hurst εφηύρε την πρώ...
Gypsy
Larry Tesler
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Satoru Iwata
Satoru Iwata
Ο Satoru Iwata υπήρξε CEO της Nintendo για αρκετά χρόνια και ήταν αυτός που βοήθησε την εταιρία να φτάσει στα ύψη κυκλοφορόντας μερικές από τις πιο...
Wii Remote Controller
Το Nintendo Wii είναι μια από τις πιο επιτυχημένες κονσόλες βιντεοπαιχννιδιώνν όλων των εποχών ξαθώς αγαπήθηκε από εκκατομύρια κόσμου που τ...
Πατέντες
Satoru Iwata
Ο Satoru Iwata υπήρξε CEO της Nintendo για αρκετά χρόνια και ήταν αυτός που βοήθησε την εταιρία να φτάσει στα ύψη κυκλοφορόντας μερικές από τις πιο...
Wii Remote Controller
Το Nintendo Wii είναι μια από τις πιο επιτυχημένες κονσόλες βιντεοπαιχννιδιώνν όλων των εποχών ξαθώς αγαπήθηκε από εκκατομύρια κόσμου που τ...
Κονσόλες
Κονσόλες βιντεοπαιχνιδιών
Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικροϋπολογιστές και έχουν ιδιαίτερη σημασί...
Κονσόλες Μίξης
Η κονσόλα μίξης ή το γραφείο μίξης είναι μια ηλεκτρονική συσκευή για τη μίξη σημάτων ήχου, που χρησιμοποιείται σε συστήματα εγγραφής και αναπαραγωγής ήχου κα...
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 ↑Laptop
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 ↑Εφαρμογές
Back to Top ↑PLATO
Back to Top ↑Apple2
Back to Top ↑Videogames
Back to Top ↑Sony
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
Κινητές σημειώσεις
Photography
Photography
Φωτογραφία
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] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...
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 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
Virtual Reality
Jaron Lanier
Ο Jaron Lanier έγινε ευρύτερα γνωστός για τον προβληματισμό σχετικά με τα κοινωνικά μέσα και τους μηχανισμούς εξατομίκευσης που χρησιμοποιούν. Ηταν ήδη όμως ...
SwyftCard
Jef Raskin
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κεν...
Rupert Neve
Rupert Neve
Ο Rupert Neve ήταν εφευρέτης των κονσολών μίξης και των προενισχυτών που διαμόρφωσαν τον ήχο της ηχογραφημένης μουσικής τον 20ο αιώνα. Οι δημιουργίες του Nev...
mixing console
Rupert Neve
Ο Rupert Neve ήταν εφευρέτης των κονσολών μίξης και των προενισχυτών που διαμόρφωσαν τον ήχο της ηχογραφημένης μουσικής τον 20ο αιώνα. Οι δημιουργίες του Nev...
Neve Electronics
Rupert Neve
Ο Rupert Neve ήταν εφευρέτης των κονσολών μίξης και των προενισχυτών που διαμόρφωσαν τον ήχο της ηχογραφημένης μουσικής τον 20ο αιώνα. Οι δημιουργίες του Nev...
Υπερμέσα
Ted Nelson
O Ted Nelson αναφέρεται συχνά ως ένας από τους θεωρητικούς του παγκόσμιου ιστού, αλλά αυτό είναι μόνο εν μέρει σωστό. Πράγματι ασχολήθηκε με τα ψηφιακά έγγρα...
affective usability
Πέρα από την ευχρηστία
Figure 1: Τα πειράματα με εναλλακτικές διαρρυθμίσεις των πλήκτρων σε ένα απλό τραπεζικό ATM έδειξαν ότι ακόμη και αν δεν υπάρχει ουσιαστική διαφορά...
xerox alto
Xerox Alto
Ο προσωπικός υπολογιστής θεωρείται δεδομένος για τους χρήστες μετά την δεκαετία του 1980, αλλά ήταν μόνο μια ιδέα για πολύ λίγους ερευνητές την δεκαετία του ...
arduino
Arduino
Το Arduino είναι ένας πολύ δημοφιλής μικροελεγκτής που φτιάχτηκε με αρχικό σκοπό τον προγραμματισμό και την εκπαίδευση των φοιτητών της διάδρασης ανθρώπου κα...
facebok
Figure 1: Μία από τις αρχικές εκδοχές είχε διαφορετικό όνομα (thefacebook) και δεν διέφερε πολύ από ένα απλό σύστημα βάσης δεδομένων με προφίλ χρησ...
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
Η σχεδίαση των καθημερινών πραγμάτων
Η κατανόηση και η χρήση μιας συσκευής διέπεται από μερικές βασικές και διαχρονικές αξίες που είναι οι ίδιες ανεξάρτητα από το είδος και την πολυπλοκότητα που...
reactable
Reactable
Το Reactable είναι ένα ψηφιακό μουσικό σύστημα που βασίζεται στη διάδραση με την αφή και με απτά αντικείμενα.1 Εκτός από την εκθεσιακή του εγκατάσταση και τη...
xerox star
Xerox Star
Figure 1: Ο επιτραπέζιος υπολογιστής με πληκτρολόγιο, ποντίκι, και γραφική επιφάνεια εργασίας (παράθυρα, εικονίδια, φάκελοι) που δημιουργήθηκε από ...
unix
Unix
Το Unix είναι περισσότερο γνωστό σε όσους ασχολούνται με τα λειτουργικά συστήματα και σχεδόν καθόλου γνωστό στην κοινότητα της διάδρασης και των γραφικών διε...
virtual reality
Back to Top ↑wikipedia
Wikipedia
Η συμμετοχική ανάπτυξη και η ευέλικτη διανομή και αλλαγή ενός προϊόντος για υπολογιστές ξεκίνησε με την περίπτωση του λογισμικού ανοικτού κώδικα. Όμως, η δια...
Microsoft windows
Microsoft Windows
Η επιφάνεια εργασίας του επιτραπέζιου υπολογιστή είναι ένα δημοφιλές και ευέλικτο σύστημα που πέρασε από πολλούς κύκλους ανάπτυξης και προσαρμογής, τόσο κατά...
Tim Berners Lee
World Wide Web
Η κατασκευή του συστήματος World Wide Web (WWW) και κυρίως η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για την...