Apple watch like Mickey watch
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα ρολόι όπου ο Μίκυ Μάους λειτουργεί ως δείκτης του ρολογιού, με τα χέρια του να δείχνουν την ώρα και τα λεπτά...
Ευρετήριο
- HCI 38
- Apple 36
- Alan Kay 22
- Xerox PARC 22
- IV 20
- NLS 20
- Macintosh 18
- Microsoft 16
- Bill Atkinson 15
- Douglas Engelbart 15
- Ποντίκι 15
- Smalltalk 14
- success 14
- Dynabook 11
- Πληκτρολόγιο Ακόρντων 11
- BASIC 11
- UNIX 11
- MacPaint 10
- Τροχός Κύλισης 10
- Liza 10
- Τηλέτυπος 10
- Ivan Sutherland 9
- iPhone 9
- Alto 9
- mouse 8
- Xerox Alto 8
- Hypercard 8
- Altair 8
- Jaron Lanier 7
- menu 7
- Atari 7
- Sketchpad 7
- Ted Nelson 7
- Touch Develop 7
- Πληκτρολόγιο 7
- X-Windows 7
- Spacewar 7
- Διδακτορικό 7
- Τερματικό 7
- Raspberry Pi 6
- MSDOS 6
- Wikipedia 6
- One-button 6
- iPod 6
- Arduino 6
- Εξομοιωτής Τερματικού 6
- Superpaint 6
- Xerox Star 6
- MIT Lincoln 6
- Windows 6
- Canon Cat 5
- Larry Tesler 5
- Board 5
- Tab 5
- Apple I 5
- LINC 5
- CPM 5
- WWW 5
- Amaya 5
- Jef Raskin 5
- Facebook 5
- VPL 5
- DEC 5
- Παγκόσμιος Ιστός 5
- WYSIWYG 5
- Επεξεργασία Εικόνας 5
- Nova 5
- Don Norman 4
- Bret Victor 4
- Form 4
- button 4
- image 4
- Magic Cap 4
- IBM 4
- Nexus 4
- Apple II 4
- Lisa 4
- Logo 4
- Γραμμή Εντολών 4
- Pong 4
- NCSA Mosaic 4
- tablet 4
- laptop 4
- vim 4
- IoT 4
- DataGlove 4
- MIT 4
- Τηλεδιάσκεψη 4
- Xanadu 4
- Star 4
- Εικονίδια 4
- Xerox Bravo 4
- Apple Watch 3
- form 3
- video 3
- visualization 3
- programming 3
- PARC 3
- Sword of Damocles 3
- Pad 3
- Bill Gates 3
- IBM PC 3
- Bell Labs 3
- Oberon 3
- Chat bot 3
- W3C 3
- CERN WorldWideWeb 3
- Συναρμολογούμενο 3
- Click wheel 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
- 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
- HTML 2
- CSS 2
- JS 2
- dropdown 2
- calculator 2
- camera 2
- motion 2
- css 2
- google 2
- map 2
- scroll 2
- General Magic 2
- iPad 2
- David Mizell 2
- head-mounted display 2
- Boeing 2
- Ubiquitous Computing 2
- Gypsy 2
- Nest Thermostat 2
- Έξυπνοι Θερμοστάτες 2
- Εξοικονόμηση Ενέργειας 2
- Τεχνητή Νοημοσύνη (AI) 2
- Οικιακή Αυτοματοποίηση 2
- arduino 2
- Bill English 2
- Desk 2
- Plan9 2
- Sam 2
- libwww 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
- 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
- Seymour Papert 2
- Scratch 2
- Έξυπνο Κινητό 2
- MAX-MSP 2
- Apple 2 2
- Microsoft Windows 2
- Apple Macintosh 2
- NCSA Collage 2
- NCSA 2
- VT100 2
- Υπόδειγμα 2
- Χαμηλή Πιστότητα 2
- Σχεδιάγραμμα 2
- OLPC 2
- PLATO 2
- Sony 2
- Playstation 2
- Apple2 2
- TX-2 2
- Steve Mann 2
- NASA 2
- Τερματικό Κειμένου 2
- Tiled Windows 2
- Stacked Windows 2
- DEC PDP 2
- viola 2
- CERN 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
- Clock 1
- Monitor 1
- counter 1
- Charts 1
- Visualization 1
- Animation 1
- color 1
- clock 1
- queries 1
- database 1
- google-charts 1
- 3d 1
- filter 1
- zoom 1
- text 1
- keyboard 1
- input 1
- magnification 1
- location 1
- empty 1
- pie 1
- slide 1
- draw 1
- eraser 1
- option 1
- product 1
- sortable 1
- list 1
- dataset 1
- Calendar 1
- noble 1
- olsen 1
- thimbleby 1
- Joseph Carl Robnett Licklider 1
- γραφική διεπαφή χρήστη 1
- Arpanet 1
- PhotoCard 1
- Drop-down menu 1
- Double click 1
- Brenda Laurel 1
- Stuart Card 1
- Information Visualization 1
- GOMS 1
- Human-Computer Interaction 1
- ποντίκι 1
- Επαυξημένη Νοημοσύνη 1
- Hiroshi Ishii 1
- Tangible Interfaces 1
- Ivan Poupyrev 1
- Interactive Interfaces 1
- Virtual Reality 1
- SwyftCard 1
- Υπερμέσα 1
- control 1
- affective usability 1
- xerox alto 1
- Τεχνητή Νοημοσύνη 1
- Υπολογιστική Νευροεπιστήμη 1
- Κονσόλες 1
- Χειριστήρια 1
- facebok 1
- apple 1
- ipod 1
- Stanford 1
- Interactive Workspaces 1
- Smart Home 1
- moding 1
- making 1
- minecraft 1
- Tech 1
- Marc Weiser 1
- donald norman 1
- reactable 1
- Seiko 1
- Wearable 1
- xerox star 1
- unix 1
- wikipedia 1
- Microsoft windows 1
- Tim Berners Lee 1
- August Home 1
- Έξυπνες Κλειδαριές 1
- Οικιακή Ασφάλεια 1
- Φωνητικοί Βοηθοί 1
- IoT Συσκευές 1
- chair 1
- Sharp 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
- ouchpad 1
- Gordon Bell 1
- Mesa 1
- Steve Wosniak 1
- buck 1
- Commodore 1
- Demoscene 1
- CAD 1
- Επεξεργαστής Κειμένου 1
- SwyftWare 1
- Διάτρητη κάρτα 1
- Lynx 1
- ViolaWWW 1
- NeXT 1
- Clean Mobility 1
- ICT Technologies 1
- Smart City 1
- Space War 1
- BIOS 1
- Gary Kildall 1
- PLM 1
- Aspen Movie Map 1
- Dvorak 1
- Laptop 1
- Vim 1
- Emacs 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
- AMADEUS 1
- CRS 1
- Basic 1
- App 1
- Υπολογιστής 1
- Hypertalk 1
- Σημειώσεις 1
- Keyboard 1
- PC 1
- Screen Monitor 1
- David Smith 1
- Tom Igoe 1
- Διδασκαλία 1
- Weather Monitoring 1
- Micro-Climate 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
- Οθόνη αφής 1
- Media Space 1
- Κοινωνικά Δίκτυα 1
- Menu 1
- Ubuntu Unity 1
- Windows 95 1
- Minitel 1
- Teletel 1
- Internet 1
- Media Lab 1
- Μικτή Πραγματικότητα 1
- mockup 1
- multimodal 1
- Myst 1
- Napster 1
- peer-to-peer 1
- NCSA Telnet 1
- Telnet 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
- Move Controller 1
- Tennis for Two 1
- Rotoscoping 1
- Nintento 1
- Probes 1
- DualShock Controller 1
- pen 1
- BBC Micro 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
- touchscreen 1
- metaphor 1
- Sun Starfire 1
- Apple Knowledge Navigator 1
- Βίντεο 1
- SugarOS 1
- Συνεργασία 1
- Dick Shoup 1
- Αυτοπορτραίτο 1
- AppleII 1
- Μπάλα κύλισης 1
- Telepresence 1
- Media spaces 1
- Τηλεόραση 1
- Teletext 1
- Κέλυφος Εντολών 1
- Βιντεοπαιχνίδι 1
- test tag 1
- Εργαλειοθήκη 1
- Touchpad 1
- Αφή 1
- Κινητό 1
- Τρανζιστοράκι 1
- Model 33 1
- shell 1
- Bootstraping 1
- LISP 1
- UNREAL 1
- violaWWW 1
- Mosaic 1
- Visicalc 1
- Φύλλο Εργασίας 1
- Remote Frame Buffer 1
- EyePhone 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
HCI
CRT Monitor Design
Διαδραστικό παράδειγμα κώδικα , είναι ένα διαδραστικό οπτικό κομμάτι που μιμείται την εμφάνιση μιας παλιάς σχολής οθόνης καθοδικού σωλήνα (CRT). Χρησιμοποιεί...
Character_Counter
Διαδραστικό παράδειγμα κώδικα που μετράει τους χαρακτήρες που πληκτρολογεί ο χρήστης σε πραγματικό χρόνο. Ο κώδικας υλοποιείται με χρήση HTML, CSS και JavaS...
DropDown Menu
Διαδραστικό παράδειγμα dropdown μενού χωρίς τη χρήση Javascript.
Interactive Charts with Chart.js
Το παρακάτω παράδειγμα δημιουργεί διαδραστικά γραφήματα χρησιμοποιώντας τη βιβλιοθήκη Chart.js. Τα γραφήματα εμφανίζουν δεδομένα με διάφορες οπτικοποιήσεις, ...
Interactive Product Catalog with Form Submission
Αυτό το διαδραστικό παράδειγμα κώδικα παρουσιάζει έναν κατάλογο προϊόντων που επιτρέπει στους χρήστες να προσθέτουν νέα προϊόντα μέσω μιας φόρμας. Τα προϊόντ...
Simple Animation
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα τετράγωνο κουτί που κινείται.
Button
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα κουμπί που εκτελεί διαφορετικές λειτουργίες κατά το Hover (κίνηση του ποντικιού πάνω από την εικόνα στο συγκ...
Calculator with History
Παράδειγμα οπτικής και λειτουργικής εξομοίωσης αριθμομηχανής.
Calculator
Παράδειγμα οπτικής και λειτουργικής εξομοίωσης αριθμομηχανής.
Clock
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα ρολόι στο οποίο ο χρήστης μπορεί να προσθέσει γεγονότα, τα οποία εμφανίζονται με έντονη την περιοχή ώρας με ...
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)
Magnifier
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα μεγενθυντικό φακό επάνω σε μια εικόνα. Καθώς ο χρήστης κινεί το ποντίκι επάνω στην εικόνα στο πλάι εμφανίζετ...
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.
Product Catalog with Form
Διαδραστικό παράδειγμα κώδικα που επιτρέπει στον χρήστη να προσθέτει προϊόντα σε έναν κατάλογο. Με τη χρήση φόρμας, ο χρήστης εισάγει το όνομα και την περιγρ...
Sortable list
Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...
Switch
Διαδραστικό παράδειγμα κώδικα που αναπαριστά τη λειτουργία ενός διακόπτη. Ο χρήστης μπορεί να επιλέξει ανάμεσα στις επιλογές ON και OFF. Για τη δημιουργία το...
YouTube video player
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Το βίντεο χρησιμοποιεί για την έναρξη και την παύση του το σύστημα αναπαραγωγή...
Ιnteractive calendar with reminders
Αυτό το έργο είναι ένα διαδραστικό ημερολόγιο με λειτουργικότητα υπενθυμίσεων. Οι χρήστες μπορούν να προσθέσουν υπενθυμίσεις για συγκεκριμένες ημερομηνίες ει...
Stuart Card
Ο Stuart K. Card (γεν. 21 Δεκεμβρίου 1943) είναι ερευνητής και ένας από τους πρωτοπόρους στην επιστήμη της αλληλεπίδρασης ανθρώπου-υπολογιστή (HCI). Ήταν ερε...
Apple
Bill Atkinson
Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, για το οποίο κ...
Alan Kay
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως την ικανότητα ανάγνωσης πριν φοιτήσει στο δημοτικό σχολείο, με αποτέλεσμα να βαριέτ...
Xerox PARC
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
Xerox PARC
Mark Weiser
Ο Mark Weiser ήταν ένας πρωτοπόρος επιστήμονας της πληροφορικής, γνωστός ως «πατέρας της διάχυτης υπολογιστικής» (ubiquitous computing). Ως ερευνητής και επι...
Xerox PARC
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
IV
Calculator with History
Παράδειγμα οπτικής και λειτουργικής εξομοίωσης αριθμομηχανής.
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
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Το βίντεο χρησιμοποιεί για την έναρξη και την παύση του το σύστημα αναπαραγωγή...
NLS
Douglas Engelbart
O Douglas Engelbart έγινε διάσημος για τη συσκευή εισόδου ποντίκι, 1 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
Macintosh
Bill Atkinson
Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, για το οποίο κ...
Jef Raskin
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κύρ...
Microsoft
Bill Atkinson
Bill Atkinson
Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, για το οποίο κ...
Douglas Engelbart
Douglas Engelbart
O Douglas Engelbart έγινε διάσημος για τη συσκευή εισόδου ποντίκι, 1 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
Συσκευή εισόδου ποντίκι
Αν και σήμερα η χρήση της συσκευής εισόδου ποντίκι σε συνδυασμό με τη γραφική επιφάνεια εργασίας και τις αντίστοιχες εφαρμογές γραφείου και παραγωγικότητας φ...
Ποντίκι
Συσκευή εισόδου ποντίκι
Αν και σήμερα η χρήση της συσκευής εισόδου ποντίκι σε συνδυασμό με τη γραφική επιφάνεια εργασίας και τις αντίστοιχες εφαρμογές γραφείου και παραγωγικότητας φ...
Smalltalk
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως την ικανότητα ανάγνωσης πριν φοιτήσει στο δημοτικό σχολείο, με αποτέλεσμα να βαριέτ...
Larry Tesler
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
success
Εκτυπωτής Control Data
Ο εκτυπωτής αυτός συνδεόταν σε υπολογιστικά συστήματα της δεκαετίας του 1980 και του 1990. Η εκτύπωση πραγματοποιούνταν σε μηχανογραφικό χαρτί. Εντυπωσίαζε τ...
Xerox Alto
Ο προσωπικός υπολογιστής θεωρείται δεδομένος για τους χρήστες μετά τη δεκαετία του 1980, αλλά ήταν μόνο μια ιδέα για πολύ λίγους ερευνητές τη δεκαετία του 19...
Arduino
Το Arduino είναι ένας πολύ δημοφιλής μικροελεγκτής, ο οποίος φτιάχτηκε με αρχικό σκοπό τον προγραμματισμό και την εκπαίδευση των φοιτητών της διάδρασης ανθρώ...
Κονσόλες βιντεοπαιχνιδιών
Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικρο-υπολογιστές και έχουν ιδιαίτερη σημασ...
Χειριστήρια βιντεοπαιχνιδιών
Το χειριστήριο του PlayStation είναι το πρώτο gamepad που κυκλοφόρησε από τη Sony Interactive Entertainment για την κονσόλα παιχνιδιών PlayStation. Η αρχική ...
Μία από τις αρχικές εκδοχές του κοινωνικού δικτύου Facebook δεν διέφερε πολύ από ένα απλό σύστημα βάσης δεδομένων με προφίλ χρηστών. ...
Η σχεδίαση των καθημερινών πραγμάτων
Η κατανόηση και η χρήση μιας συσκευής διέπεται από μερικές βασικές και διαχρονικές αξίες, οι οποίες παραμένουν ίδιες, ανεξάρτητα από το είδος και την πολυπλο...
Reactable
Το Reactable είναι ένα ψηφιακό μουσικό σύστημα, το οποίο βασίζεται στη διάδραση με την αφή και με απτά αντικείμενα.1 Εκτός από την εκθεσιακή του εγκατάσταση ...
RFID
Παρουσιάζουμε μια μελέτη περίπτωσης που αφορά την εφαρμογή της τεχνολογίας RFID (Radio Frequency Identification) σε μια επιχείρηση λιανικής πώλησης ενδυμάτων...
Xerox Star
Ο επιτραπέζιος υπολογιστής με πληκτρολόγιο, ποντίκι και γραφική επιφάνεια εργασίας (παράθυρα, εικονίδια, φάκελοι), ο οποίος δημιουργήθηκε...
Unix
Ο μίνι-υπολογιστής PDP11 της DEC θεωρείται κομβικό σημείο, γιατί ήταν πολύ δημοφιλής σε πανεπιστήμια και ερευνητικά κέντρα, όπου χρησιμοπ...
Wikipedia
Η συμμετοχική ανάπτυξη και η ευέλικτη διανομή και αλλαγή ενός προϊόντος για υπολογιστές ξεκίνησε με την περίπτωση του λογισμικού ανοικτού κώδικα. Όμως, η δια...
Microsoft Windows
Η επιφάνεια εργασίας του επιτραπέζιου υπολογιστή είναι ένα δημοφιλές και ευέλικτο σύστημα, το οποίο πέρασε από πολλούς κύκλους ανάπτυξης και προσαρμογής, τόσ...
World Wide Web
Η κατασκευή του συστήματος World Wide Web (WWW) και, κυρίως, η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για τ...
Dynabook
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως την ικανότητα ανάγνωσης πριν φοιτήσει στο δημοτικό σχολείο, με αποτέλεσμα να βαριέτ...
Πληκτρολόγιο Ακόρντων
Brain Computer Interface (BCI)
Brain-computer interfaces (BCI) are devices that create a direct communication pathway between a brain’s electrical activity and an external output. Their s...
The MagicBook
Πηγή αναφοράς The MagicBook: A Transitional AR Interface Το MagicBook είναι μια διεπαφή MR που χρησιμοποιεί ένα πραγματικό βιβλίο (εικόνα a) για να μεταφέρε...
Virtual Agents and Emotional Intelligence
Οι εικονικοί βοηθοί με τεχνητή νοημοσύνη (ΤΝ) έχουν τις ρίζες τους στη δεκαετία του 1960, ξεκινώντας με το ELIZA, ένα πρώιμο πρόγραμμα φυσικής γλώσσας. Οι σύ...
BASIC
Altair
Ο Altair 8800 είναι ένας μικροϋπολογιστής που σχεδιάστηκε το 1974 από τη MITS και βασίζεται στον επεξεργαστή Intel 8080. Το ενδιαφέρον αυξήθηκε γρήγορα αφού ...
UNIX
MacPaint
Bill Atkinson
Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, για το οποίο κ...
Τροχός Κύλισης
Back to Top ↑Liza
Τηλέτυπος
Ivan Sutherland
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως την ικανότητα ανάγνωσης πριν φοιτήσει στο δημοτικό σχολείο, με αποτέλεσμα να βαριέτ...
Ivan Sutherland
Ο Ivan Sutherland μεγάλωσε παίζοντας μια γερμανική εκδοχή των Lego, στην οποία ένα μικρό σετ από γεωμετρικά σχήματα μπορεί να δώσει μορφή σε πολύπλοκες κατασ...
iPhone
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 έχει παρουσιάσει σημαντικά ταλέντα, όπως την ικανότητα ανάγνωσης πριν φοιτήσει στο δημοτικό σχολείο, με αποτέλεσμα να βαριέτ...
Hypercard
Bill Atkinson
Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, για το οποίο κ...
Altair
Jaron Lanier
Jaron Lanier
Ο Jaron Lanier έγινε ευρύτερα γνωστός για τον προβληματισμό που εξέφρασε σχετικά με τα κοινωνικά μέσα και τους μηχανισμούς εξατομίκευσης που χρησιμοποιούν. Ή...
Atari
Back to Top ↑Sketchpad
Ivan Sutherland
Ο Ivan Sutherland μεγάλωσε παίζοντας μια γερμανική εκδοχή των Lego, στην οποία ένα μικρό σετ από γεωμετρικά σχήματα μπορεί να δώσει μορφή σε πολύπλοκες κατασ...
Ted Nelson
Ted Nelson
O Ted Nelson αναφέρεται συχνά ως ένας από τους θεωρητικούς του παγκόσμιου ιστού, αλλά αυτό είναι μόνο εν μέρει σωστό. Πράγματι ασχολήθηκε με τα ψηφιακά έγγρα...
Touch Develop
Brain Computer Interface (BCI)
Brain-computer interfaces (BCI) are devices that create a direct communication pathway between a brain’s electrical activity and an external output. Their s...
The MagicBook
Πηγή αναφοράς The MagicBook: A Transitional AR Interface Το MagicBook είναι μια διεπαφή MR που χρησιμοποιεί ένα πραγματικό βιβλίο (εικόνα a) για να μεταφέρε...
Virtual Agents and Emotional Intelligence
Οι εικονικοί βοηθοί με τεχνητή νοημοσύνη (ΤΝ) έχουν τις ρίζες τους στη δεκαετία του 1960, ξεκινώντας με το ELIZA, ένα πρώιμο πρόγραμμα φυσικής γλώσσας. Οι σύ...
Πληκτρολόγιο
X-Windows
Spacewar
Διδακτορικό
Τερματικό
Raspberry Pi
Altair
Ο Altair 8800 είναι ένας μικροϋπολογιστής που σχεδιάστηκε το 1974 από τη MITS και βασίζεται στον επεξεργαστή Intel 8080. Το ενδιαφέρον αυξήθηκε γρήγορα αφού ...
MSDOS
MS-DOS
Το Λειτουργικό Σύστημα (ΛΣ) MS-DOS είναι σήμερα το πιο δημοφιλές ανάμεσα στους προσωπικούς Η/Υ και χρησιμοποιείται από τους περισσότερους απ’ αυτούς. Τα αρχι...
Wikipedia
iPod
Arduino
Εξομοιωτής Τερματικού
Superpaint
Xerox Star
MIT Lincoln
Windows
Canon Cat
Jef Raskin
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κύρ...
Larry Tesler
Larry Tesler
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Board
Mark Weiser
Ο Mark Weiser ήταν ένας πρωτοπόρος επιστήμονας της πληροφορικής, γνωστός ως «πατέρας της διάχυτης υπολογιστικής» (ubiquitous computing). Ως ερευνητής και επι...
Tab
Mark Weiser
Ο Mark Weiser ήταν ένας πρωτοπόρος επιστήμονας της πληροφορικής, γνωστός ως «πατέρας της διάχυτης υπολογιστικής» (ubiquitous computing). Ως ερευνητής και επι...
Apple I
Altair
Ο Altair 8800 είναι ένας μικροϋπολογιστής που σχεδιάστηκε το 1974 από τη MITS και βασίζεται στον επεξεργαστή Intel 8080. Το ενδιαφέρον αυξήθηκε γρήγορα αφού ...
LINC
Altair
Ο Altair 8800 είναι ένας μικροϋπολογιστής που σχεδιάστηκε το 1974 από τη MITS και βασίζεται στον επεξεργαστή Intel 8080. Το ενδιαφέρον αυξήθηκε γρήγορα αφού ...
CPM
MS-DOS
Το Λειτουργικό Σύστημα (ΛΣ) MS-DOS είναι σήμερα το πιο δημοφιλές ανάμεσα στους προσωπικούς Η/Υ και χρησιμοποιείται από τους περισσότερους απ’ αυτούς. Τα αρχι...
WWW
World Wide Web
Η κατασκευή του συστήματος World Wide Web (WWW) και, κυρίως, η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για τ...
Amaya
Jef Raskin
VPL
Back to Top ↑DEC
Παγκόσμιος Ιστός
WYSIWYG
Επεξεργασία Εικόνας
Nova
Don Norman
Bret Victor
Alan Kay
Από πολύ μικρή ηλικία ο Alan Kay έχει παρουσιάσει σημαντικά ταλέντα, όπως την ικανότητα ανάγνωσης πριν φοιτήσει στο δημοτικό σχολείο, με αποτέλεσμα να βαριέτ...
Form
Counter
Το παρακάτω παράδειγμα θα μας βοηθήσει να καταλάβουμε γιατί χρησιμοποιούμαι HTML, CSS και JavaScript στην κατασκευή ιστοσελίδων.
Interactive Product Catalog with Form Submission
Αυτό το διαδραστικό παράδειγμα κώδικα παρουσιάζει έναν κατάλογο προϊόντων που επιτρέπει στους χρήστες να προσθέτουν νέα προϊόντα μέσω μιας φόρμας. Τα προϊόντ...
Snake
Το παρακάτω παράδειγμα θα μας βοηθήσει να καταλάβουμε τις διαφορετικές λειτουργίες που έχουν οι HTML, CSS και JavaScript σε μια web εφαρμογή.
Ιnteractive calendar with reminders
Αυτό το έργο είναι ένα διαδραστικό ημερολόγιο με λειτουργικότητα υπενθυμίσεων. Οι χρήστες μπορούν να προσθέσουν υπενθυμίσεις για συγκεκριμένες ημερομηνίες ει...
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
Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, για το οποίο κ...
IBM
Back to Top ↑Nexus
Apple II
Back to Top ↑Lisa
Back to Top ↑Logo
Back to Top ↑Γραμμή Εντολών
Pong
Back to Top ↑NCSA Mosaic
tablet
Back to Top ↑laptop
Back to Top ↑vim
IoT
Back to Top ↑DataGlove
Back to Top ↑MIT
Τηλεδιάσκεψη
Back to Top ↑Xanadu
Star
Εικονίδια
Xerox Bravo
Apple Watch
Apple watch like Mickey watch
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα ρολόι όπου ο Μίκυ Μάους λειτουργεί ως δείκτης του ρολογιού, με τα χέρια του να δείχνουν την ώρα και τα λεπτά...
form
Firebase form
Η φόρμα χρησιμοποιεί την δικτυακή βάση δεδομένων firebase.
Mouse form
Παράδειγμα εισόδου μέσω της συσκευής Ποντίκι Νο.4
Product Catalog with Form
Διαδραστικό παράδειγμα κώδικα που επιτρέπει στον χρήστη να προσθέτει προϊόντα σε έναν κατάλογο. Με τη χρήση φόρμας, ο χρήστης εισάγει το όνομα και την περιγρ...
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] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...
PARC
Stuart Card
Ο Stuart K. Card (γεν. 21 Δεκεμβρίου 1943) είναι ερευνητής και ένας από τους πρωτοπόρους στην επιστήμη της αλληλεπίδρασης ανθρώπου-υπολογιστή (HCI). Ήταν ερε...
Sword of Damocles
Ivan Sutherland
Ο Ivan Sutherland μεγάλωσε παίζοντας μια γερμανική εκδοχή των Lego, στην οποία ένα μικρό σετ από γεωμετρικά σχήματα μπορεί να δώσει μορφή σε πολύπλοκες κατασ...
Pad
Mark Weiser
Ο Mark Weiser ήταν ένας πρωτοπόρος επιστήμονας της πληροφορικής, γνωστός ως «πατέρας της διάχυτης υπολογιστικής» (ubiquitous computing). Ως ερευνητής και επι...
Bill Gates
MS-DOS
Το Λειτουργικό Σύστημα (ΛΣ) MS-DOS είναι σήμερα το πιο δημοφιλές ανάμεσα στους προσωπικούς Η/Υ και χρησιμοποιείται από τους περισσότερους απ’ αυτούς. Τα αρχι...
IBM PC
MS-DOS
Το Λειτουργικό Σύστημα (ΛΣ) MS-DOS είναι σήμερα το πιο δημοφιλές ανάμεσα στους προσωπικούς Η/Υ και χρησιμοποιείται από τους περισσότερους απ’ αυτούς. Τα αρχι...
Bell Labs
Back to Top ↑Oberon
Back to Top ↑Chat bot
Back to Top ↑W3C
CERN WorldWideWeb
Συναρμολογούμενο
Back to Top ↑Click wheel
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 ↑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 ↑HTML
Counter
Το παρακάτω παράδειγμα θα μας βοηθήσει να καταλάβουμε γιατί χρησιμοποιούμαι HTML, CSS και JavaScript στην κατασκευή ιστοσελίδων.
Snake
Το παρακάτω παράδειγμα θα μας βοηθήσει να καταλάβουμε τις διαφορετικές λειτουργίες που έχουν οι HTML, CSS και JavaScript σε μια web εφαρμογή.
CSS
Counter
Το παρακάτω παράδειγμα θα μας βοηθήσει να καταλάβουμε γιατί χρησιμοποιούμαι HTML, CSS και JavaScript στην κατασκευή ιστοσελίδων.
Snake
Το παρακάτω παράδειγμα θα μας βοηθήσει να καταλάβουμε τις διαφορετικές λειτουργίες που έχουν οι HTML, CSS και JavaScript σε μια web εφαρμογή.
JS
Counter
Το παρακάτω παράδειγμα θα μας βοηθήσει να καταλάβουμε γιατί χρησιμοποιούμαι HTML, CSS και JavaScript στην κατασκευή ιστοσελίδων.
Snake
Το παρακάτω παράδειγμα θα μας βοηθήσει να καταλάβουμε τις διαφορετικές λειτουργίες που έχουν οι HTML, CSS και JavaScript σε μια web εφαρμογή.
dropdown
DropDown Menu
Διαδραστικό παράδειγμα dropdown μενού χωρίς τη χρήση Javascript.
Menu dropdown
Διαδραστικό παράδειγμα dropdown μενού χωρίς τη χρήση Javascript.
calculator
Calculator with History
Παράδειγμα οπτικής και λειτουργικής εξομοίωσης αριθμομηχανής.
Calculator
Παράδειγμα οπτικής και λειτουργικής εξομοίωσης αριθμομηχανής.
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
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου και δίνει ως έξοδο το ανάλογο αποτέλεσμα στην οθόνη. Για να αλλάξει η τιμή εισό...
General Magic
Bill Atkinson
Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, για το οποίο κ...
iPad
Back to Top ↑David Mizell
David Mizell
Ο David Mizell απέκτησε το διδακτορικό του δίπλωμα στην επιστήμη των υπολογιστών στο Πανεπιστήμιο της Νότιας Καλιφόρνιας το 1977. Το 1989, εντάχθηκε στην Boe...
Thad Eugene Starner
Ο Thad Starner είναι ένας διακεκριμένος επιστήμονας πληροφορικής, γνωστός για την πρωτοποριακή του έρευνα στις φορετές συσκευές υπολογιστών (wearable computi...
head-mounted display
David Mizell
Ο David Mizell απέκτησε το διδακτορικό του δίπλωμα στην επιστήμη των υπολογιστών στο Πανεπιστήμιο της Νότιας Καλιφόρνιας το 1977. Το 1989, εντάχθηκε στην Boe...
Thad Eugene Starner
Ο Thad Starner είναι ένας διακεκριμένος επιστήμονας πληροφορικής, γνωστός για την πρωτοποριακή του έρευνα στις φορετές συσκευές υπολογιστών (wearable computi...
Boeing
David Mizell
Ο David Mizell απέκτησε το διδακτορικό του δίπλωμα στην επιστήμη των υπολογιστών στο Πανεπιστήμιο της Νότιας Καλιφόρνιας το 1977. Το 1989, εντάχθηκε στην Boe...
Thad Eugene Starner
Ο Thad Starner είναι ένας διακεκριμένος επιστήμονας πληροφορικής, γνωστός για την πρωτοποριακή του έρευνα στις φορετές συσκευές υπολογιστών (wearable computi...
Ubiquitous Computing
Hiroshi Ishii
Ο Hiroshi Ishii (γεννημένος το 1956) είναι Ιάπωνας επιστήμονας υπολογιστών και καθηγητής στο Ινστιτούτο Τεχνολογίας της Μασαχουσέτης . Είναι επίσης Αναπληρωτ...
Gypsy
Larry Tesler
Ο Larry Tesler στην πρώτη προγραμματιστική δουλειά του προσπάθησε να βελτιώσει την ευχρηστία μιας διεπαφής σχεδίασης γραφικών για μεγάλες οθόνες σε στάδια πο...
Nest Thermostat
Έξυπνος Θερμοστάτης Nest (Nest Thermostat)
Ο Έξυπνος Θερμοστάτης Nest είναι μια συσκευή αυτοματισμού που επιτρέπει την έξυπνη ρύθμιση της θέρμανσης και της ψύξης ενός σπιτιού. Χρησιμοποιώντας τεχνητή ...
Έξυπνοι Θερμοστάτες
Έξυπνος Θερμοστάτης Nest (Nest Thermostat)
Ο Έξυπνος Θερμοστάτης Nest είναι μια συσκευή αυτοματισμού που επιτρέπει την έξυπνη ρύθμιση της θέρμανσης και της ψύξης ενός σπιτιού. Χρησιμοποιώντας τεχνητή ...
Εξοικονόμηση Ενέργειας
Έξυπνος Θερμοστάτης Nest (Nest Thermostat)
Ο Έξυπνος Θερμοστάτης Nest είναι μια συσκευή αυτοματισμού που επιτρέπει την έξυπνη ρύθμιση της θέρμανσης και της ψύξης ενός σπιτιού. Χρησιμοποιώντας τεχνητή ...
Τεχνητή Νοημοσύνη (AI)
Έξυπνος Θερμοστάτης Nest (Nest Thermostat)
Ο Έξυπνος Θερμοστάτης Nest είναι μια συσκευή αυτοματισμού που επιτρέπει την έξυπνη ρύθμιση της θέρμανσης και της ψύξης ενός σπιτιού. Χρησιμοποιώντας τεχνητή ...
Οικιακή Αυτοματοποίηση
Έξυπνος Θερμοστάτης Nest (Nest Thermostat)
Ο Έξυπνος Θερμοστάτης Nest είναι μια συσκευή αυτοματισμού που επιτρέπει την έξυπνη ρύθμιση της θέρμανσης και της ψύξης ενός σπιτιού. Χρησιμοποιώντας τεχνητή ...
arduino
Arduino
Το Arduino είναι ένας πολύ δημοφιλής μικροελεγκτής, ο οποίος φτιάχτηκε με αρχικό σκοπό τον προγραμματισμό και την εκπαίδευση των φοιτητών της διάδρασης ανθρώ...
RFID
Παρουσιάζουμε μια μελέτη περίπτωσης που αφορά την εφαρμογή της τεχνολογίας RFID (Radio Frequency Identification) σε μια επιχείρηση λιανικής πώλησης ενδυμάτων...
Bill English
Xerox PARC
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
Desk
Back to Top ↑Plan9
Back to Top ↑Sam
Back to Top ↑libwww
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 ↑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 ↑Seymour Papert
Back to Top ↑Scratch
Back to Top ↑Έξυπνο Κινητό
Back to Top ↑MAX-MSP
Back to Top ↑Apple 2
Back to Top ↑Microsoft Windows
Apple Macintosh
NCSA Collage
NCSA
Back to Top ↑VT100
Back to Top ↑Υπόδειγμα
Back to Top ↑Χαμηλή Πιστότητα
Back to Top ↑Σχεδιάγραμμα
Back to Top ↑OLPC
Back to Top ↑PLATO
Back to Top ↑Sony
Back to Top ↑Playstation
Back to Top ↑Apple2
Back to Top ↑TX-2
Back to Top ↑Steve Mann
Back to Top ↑NASA
Back to Top ↑Τερματικό Κειμένου
Back to Top ↑Tiled Windows
Back to Top ↑Stacked Windows
Back to Top ↑DEC PDP
Back to Top ↑viola
Back to Top ↑CERN
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 ↑Clock
Apple watch like Mickey watch
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα ρολόι όπου ο Μίκυ Μάους λειτουργεί ως δείκτης του ρολογιού, με τα χέρια του να δείχνουν την ώρα και τα λεπτά...
Monitor
CRT Monitor Design
Διαδραστικό παράδειγμα κώδικα , είναι ένα διαδραστικό οπτικό κομμάτι που μιμείται την εμφάνιση μιας παλιάς σχολής οθόνης καθοδικού σωλήνα (CRT). Χρησιμοποιεί...
counter
Character_Counter
Διαδραστικό παράδειγμα κώδικα που μετράει τους χαρακτήρες που πληκτρολογεί ο χρήστης σε πραγματικό χρόνο. Ο κώδικας υλοποιείται με χρήση HTML, CSS και JavaS...
Charts
Interactive Charts with Chart.js
Το παρακάτω παράδειγμα δημιουργεί διαδραστικά γραφήματα χρησιμοποιώντας τη βιβλιοθήκη Chart.js. Τα γραφήματα εμφανίζουν δεδομένα με διάφορες οπτικοποιήσεις, ...
Visualization
Interactive Charts with Chart.js
Το παρακάτω παράδειγμα δημιουργεί διαδραστικά γραφήματα χρησιμοποιώντας τη βιβλιοθήκη Chart.js. Τα γραφήματα εμφανίζουν δεδομένα με διάφορες οπτικοποιήσεις, ...
Animation
Simple Animation
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα τετράγωνο κουτί που κινείται.
color
Camera motion color
Διαδραστικό παράδειγμα κώδικα με χρήση κάμερας. Στο παράδειγμα υπάρχει ένα πλαίσιο πράσινου χρώματος . Όταν εντοπιστεί κίνηση μέσα στο πλαίσιο αλλάζει το χρώ...
clock
Clock
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα ρολόι στο οποίο ο χρήστης μπορεί να προσθέσει γεγονότα, τα οποία εμφανίζονται με έντονη την περιοχή ώρας με ...
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)
magnification
Magnifier
Διαδραστικό παράδειγμα κώδικα που δημιουργεί ένα μεγενθυντικό φακό επάνω σε μια εικόνα. Καθώς ο χρήστης κινεί το ποντίκι επάνω στην εικόνα στο πλάι εμφανίζετ...
location
Maps location
Εύρεση τοποθεσίας μέσω της χρήσης φόρμας εισόδου και του Google Maps API (https://developers.google.com/maps/?hl=en).
empty
Menu empty
Παράδειγμα εναλλακτικού μενού χωρίς ενσωματωμένες λειτουργίες.
pie
Menu pie
Διαδραστικό παράδειγμα πολύπλοκου κυκλικού μενού. Με την επιλογή του κουμπιού “open” από το χρήστη, εμφανίζονται μια σειρά από πιθανές επιλογές.
slide
Menu slide
Παράδειγμα slide μενού χωρίς ενσωματωμένες λειτουργίες.
draw
Mouse draw
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως συσκευή εισόδου. Ο χρήστης μπορεί να χρησιμοποιήσει το ποντίκι για να σχεδιάσει στη λευκή επιφά...
eraser
Mouse eraser
Παράδειγμα διαδραστικού κώδικα που χρησιμοποιεί το ποντίκι ως “σβηστήρι”. Υπάρχουν δύο διαθέσιμες εικόνες και η μία σβήνει μετακινώντας τον κέρσορα για να απ...
option
Mouse option
Παράδειγμα διαδραστικού κώδικα όπου ο χρήστης χρησιμοποιώντας το ποντίκι, μπορεί να αλλάξει δυναμικά το περιεχόμενο που θα εμφανίζεται στη σελίδα. Για το σκο...
product
Product Catalog with Form
Διαδραστικό παράδειγμα κώδικα που επιτρέπει στον χρήστη να προσθέτει προϊόντα σε έναν κατάλογο. Με τη χρήση φόρμας, ο χρήστης εισάγει το όνομα και την περιγρ...
sortable
Sortable list
Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...
list
Sortable list
Παράδειγμα διαδραστικού κώδικα που ταξινομεί μια λίστα με τη χρήση του ποντικιού. Χρησιμοποιείται το στοιχείο sortable της JavaScript βιβλιοθήκης JQueryUI (...
dataset
Visualization dataset
Διαδραστικό παράδειγμα γραφήματος χρησιμοποιώντας τη βιβλιοθήκη d3.js (http://d3js.org). Το παράδειγμα οπτικοποιεί 2 διαφορετικά σετ δεδομένων (datasets).
Calendar
Ιnteractive calendar with reminders
Αυτό το έργο είναι ένα διαδραστικό ημερολόγιο με λειτουργικότητα υπενθυμίσεων. Οι χρήστες μπορούν να προσθέσουν υπενθυμίσεις για συγκεκριμένες ημερομηνίες ει...
noble
noble-book
Το βιβλίο του Noble [@noble2009programming] είναι περισσότερο όμοιο με αυτό το βιβλίο από τα άλλα, καθώς είναι πολύ προσβάσιμο και δίνει έμφαση στην οπτικοπο...
olsen
olsen-book
Το βιβλίο του Olsen [@olsen2009building] περιγράφει κυρίως τις γραφικές διεπαφές του επιτραπέζιου ΗΥ, πολλές από τις οποίες έχουν και εφαρμογή σε φορητές συσ...
thimbleby
thimbleby-book
Το βιβλίο του Thimbleby [@thimbleby2007press] είναι περισσότερο προσβάσιμο και δεν έχει υψηλές απαιτήσεις αναφορικά με προηγούμενες γνώσεις, ταυτόχρονα όμως ...
Joseph Carl Robnett Licklider
Joseph Carl Robnett Licklider
Ο Joseph Carl Robnett Licklider ( 11 Μαρτίου 1915 – 26 Ιουνίου 1990), γνωστός απλά ως JCR ή “ Lick “, ήταν Αμερικανός ψυχολόγος και επιστήμονας υπολογιστών π...
γραφική διεπαφή χρήστη
Joseph Carl Robnett Licklider
Ο Joseph Carl Robnett Licklider ( 11 Μαρτίου 1915 – 26 Ιουνίου 1990), γνωστός απλά ως JCR ή “ Lick “, ήταν Αμερικανός ψυχολόγος και επιστήμονας υπολογιστών π...
Arpanet
Joseph Carl Robnett Licklider
Ο Joseph Carl Robnett Licklider ( 11 Μαρτίου 1915 – 26 Ιουνίου 1990), γνωστός απλά ως JCR ή “ Lick “, ήταν Αμερικανός ψυχολόγος και επιστήμονας υπολογιστών π...
PhotoCard
Bill Atkinson
Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, για το οποίο κ...
Double click
Bill Atkinson
Ο Bill Atkinson ήταν βασικός συντελεστής σε σημαντικά προϊόντα όπως τα Apple Lisa και Macintosh, καθώς και το Apple Paint, για το οποίο κ...
Brenda Laurel
Back to Top ↑Stuart Card
Stuart Card
Ο Stuart K. Card (γεν. 21 Δεκεμβρίου 1943) είναι ερευνητής και ένας από τους πρωτοπόρους στην επιστήμη της αλληλεπίδρασης ανθρώπου-υπολογιστή (HCI). Ήταν ερε...
Information Visualization
Stuart Card
Ο Stuart K. Card (γεν. 21 Δεκεμβρίου 1943) είναι ερευνητής και ένας από τους πρωτοπόρους στην επιστήμη της αλληλεπίδρασης ανθρώπου-υπολογιστή (HCI). Ήταν ερε...
GOMS
Stuart Card
Ο Stuart K. Card (γεν. 21 Δεκεμβρίου 1943) είναι ερευνητής και ένας από τους πρωτοπόρους στην επιστήμη της αλληλεπίδρασης ανθρώπου-υπολογιστή (HCI). Ήταν ερε...
Human-Computer Interaction
Stuart Card
Ο Stuart K. Card (γεν. 21 Δεκεμβρίου 1943) είναι ερευνητής και ένας από τους πρωτοπόρους στην επιστήμη της αλληλεπίδρασης ανθρώπου-υπολογιστή (HCI). Ήταν ερε...
ποντίκι
Douglas Engelbart
O Douglas Engelbart έγινε διάσημος για τη συσκευή εισόδου ποντίκι, 1 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
Επαυξημένη Νοημοσύνη
Douglas Engelbart
O Douglas Engelbart έγινε διάσημος για τη συσκευή εισόδου ποντίκι, 1 αλλά αυτό θεωρείται μόνο μια μικρή παράπλευρη εφεύρεση σε σχέση με το σύνολο της συνεισφ...
Hiroshi Ishii
Hiroshi Ishii
Ο Hiroshi Ishii (γεννημένος το 1956) είναι Ιάπωνας επιστήμονας υπολογιστών και καθηγητής στο Ινστιτούτο Τεχνολογίας της Μασαχουσέτης . Είναι επίσης Αναπληρωτ...
Tangible Interfaces
Hiroshi Ishii
Ο Hiroshi Ishii (γεννημένος το 1956) είναι Ιάπωνας επιστήμονας υπολογιστών και καθηγητής στο Ινστιτούτο Τεχνολογίας της Μασαχουσέτης . Είναι επίσης Αναπληρωτ...
Ivan Poupyrev
Back to Top ↑Interactive Interfaces
Back to Top ↑Virtual Reality
Jaron Lanier
Ο Jaron Lanier έγινε ευρύτερα γνωστός για τον προβληματισμό που εξέφρασε σχετικά με τα κοινωνικά μέσα και τους μηχανισμούς εξατομίκευσης που χρησιμοποιούν. Ή...
SwyftCard
Jef Raskin
Ο Jef Raskin, όπως και οι περισσότεροι πρωτοπόροι των υπολογιστών, δεν σπούδασε κάτι σχετικό με την πληροφορική, ενώ παράλληλα είχε πολλά ενδιαφέροντα με κύρ...
Υπερμέσα
Ted Nelson
O Ted Nelson αναφέρεται συχνά ως ένας από τους θεωρητικούς του παγκόσμιου ιστού, αλλά αυτό είναι μόνο εν μέρει σωστό. Πράγματι ασχολήθηκε με τα ψηφιακά έγγρα...
control
Εκτυπωτής Control Data
Ο εκτυπωτής αυτός συνδεόταν σε υπολογιστικά συστήματα της δεκαετίας του 1980 και του 1990. Η εκτύπωση πραγματοποιούνταν σε μηχανογραφικό χαρτί. Εντυπωσίαζε τ...
affective usability
Πέρα από την ευχρηστία
Τα πειράματα με εναλλακτικές διαρρυθμίσεις των πλήκτρων σε ένα απλό τραπεζικό ATM έδειξαν ότι ακόμη και αν δεν υπάρχει ουσιαστική διαφορά...
xerox alto
Xerox Alto
Ο προσωπικός υπολογιστής θεωρείται δεδομένος για τους χρήστες μετά τη δεκαετία του 1980, αλλά ήταν μόνο μια ιδέα για πολύ λίγους ερευνητές τη δεκαετία του 19...
Τεχνητή Νοημοσύνη
Neural network
Το νευρωνικό δίκτυο είναι ένα δίκτυο από απλούς υπολογιστικούς κόμβους (νευρώνες, νευρώνια), διασυνδεδεμένους μεταξύ τους. Είναι εμπνευσμένο από το Κεντρικό ...
Υπολογιστική Νευροεπιστήμη
Neural network
Το νευρωνικό δίκτυο είναι ένα δίκτυο από απλούς υπολογιστικούς κόμβους (νευρώνες, νευρώνια), διασυνδεδεμένους μεταξύ τους. Είναι εμπνευσμένο από το Κεντρικό ...
Κονσόλες
Κονσόλες βιντεοπαιχνιδιών
Οι κονσόλες βιντεοπαιχνιδιών και τα βιντεοπαιχνίδια που τρέχουν σε αυτές αναπτύχθηκαν παράλληλα με τους οικιακούς μικρο-υπολογιστές και έχουν ιδιαίτερη σημασ...
Χειριστήρια
Χειριστήρια βιντεοπαιχνιδιών
Το χειριστήριο του PlayStation είναι το πρώτο gamepad που κυκλοφόρησε από τη Sony Interactive Entertainment για την κονσόλα παιχνιδιών PlayStation. Η αρχική ...
facebok
Μία από τις αρχικές εκδοχές του κοινωνικού δικτύου Facebook δεν διέφερε πολύ από ένα απλό σύστημα βάσης δεδομένων με προφίλ χρηστών. ...
apple
Apple iPod
Η περίπτωση της συσκευής αναπαραγωγής μουσικής iPod σήμανε την αρχή της γρήγορης μετατόπισης της διάδρασης από τον επιτραπέζιο προς τον κινητό και διάχυτο υπ...
ipod
Apple iPod
Η περίπτωση της συσκευής αναπαραγωγής μουσικής iPod σήμανε την αρχή της γρήγορης μετατόπισης της διάδρασης από τον επιτραπέζιο προς τον κινητό και διάχυτο υπ...
Stanford
Stanford Interactive Workspaces (iWork)
Stanford Interactive Workspaces (iWork) Εισαγωγή Το Stanford Interactive Workspaces (iWork) είναι ένα ερευνητικό έργο του Πανεπιστημίου Stanford που διερευν...
Interactive Workspaces
Stanford Interactive Workspaces (iWork)
Stanford Interactive Workspaces (iWork) Εισαγωγή Το Stanford Interactive Workspaces (iWork) είναι ένα ερευνητικό έργο του Πανεπιστημίου Stanford που διερευν...
Smart Home
Stanford Interactive Workspaces (iWork)
Stanford Interactive Workspaces (iWork) Εισαγωγή Το Stanford Interactive Workspaces (iWork) είναι ένα ερευνητικό έργο του Πανεπιστημίου Stanford που διερευν...
moding
Minecraft
Πριν ο προγραμματισμός της διάδρασης αποκτήσει πρωταγωνιστικό ρόλο στην έρευνα και στη βιομηχανία, η επιτυχία ενός προϊόντος μπορούσε να μετρηθεί από τις πωλ...
making
Minecraft
Πριν ο προγραμματισμός της διάδρασης αποκτήσει πρωταγωνιστικό ρόλο στην έρευνα και στη βιομηχανία, η επιτυχία ενός προϊόντος μπορούσε να μετρηθεί από τις πωλ...
minecraft
Minecraft
Πριν ο προγραμματισμός της διάδρασης αποκτήσει πρωταγωνιστικό ρόλο στην έρευνα και στη βιομηχανία, η επιτυχία ενός προϊόντος μπορούσε να μετρηθεί από τις πωλ...
Tech
Ο ιδρυτής της Oculus έφτιαξε ένα επικίνδυνο VR headset
Ο Palmer Luckey εξήγησει ότι η συσκευή είναι εμπνευσμένη από το Sword Art Online, την ιαπωνική σειρά μυθιστορημάτων που έγινε anime, στην οποία οι παίκτες εί...
Marc Weiser
Xerox PARC
Το ερευνητικό κέντρο της Xerox με την ονομασία PARC (Palo Alto Research Center) δημιουργήθηκε το 1970 με στόχο να επενδύσει τα μεγάλα κέρδη που είχε η μητρικ...
donald norman
Η σχεδίαση των καθημερινών πραγμάτων
Η κατανόηση και η χρήση μιας συσκευής διέπεται από μερικές βασικές και διαχρονικές αξίες, οι οποίες παραμένουν ίδιες, ανεξάρτητα από το είδος και την πολυπλο...
reactable
Reactable
Το Reactable είναι ένα ψηφιακό μουσικό σύστημα, το οποίο βασίζεται στη διάδραση με την αφή και με απτά αντικείμενα.1 Εκτός από την εκθεσιακή του εγκατάσταση ...
Seiko
smartwatch
Το smartwatch είναι ένας φορητός υπολογιστής που μοιάζει με ρολόι χειρός . Τα περισσότερα σύγχρονα έξυπνα ρολόγια λειτουργούν μέσω οθόνης αφής και βασίζονται...
Wearable
smartwatch
Το smartwatch είναι ένας φορητός υπολογιστής που μοιάζει με ρολόι χειρός . Τα περισσότερα σύγχρονα έξυπνα ρολόγια λειτουργούν μέσω οθόνης αφής και βασίζονται...
xerox star
Xerox Star
Ο επιτραπέζιος υπολογιστής με πληκτρολόγιο, ποντίκι και γραφική επιφάνεια εργασίας (παράθυρα, εικονίδια, φάκελοι), ο οποίος δημιουργήθηκε...
unix
Unix
Ο μίνι-υπολογιστής PDP11 της DEC θεωρείται κομβικό σημείο, γιατί ήταν πολύ δημοφιλής σε πανεπιστήμια και ερευνητικά κέντρα, όπου χρησιμοπ...
wikipedia
Wikipedia
Η συμμετοχική ανάπτυξη και η ευέλικτη διανομή και αλλαγή ενός προϊόντος για υπολογιστές ξεκίνησε με την περίπτωση του λογισμικού ανοικτού κώδικα. Όμως, η δια...
Microsoft windows
Microsoft Windows
Η επιφάνεια εργασίας του επιτραπέζιου υπολογιστή είναι ένα δημοφιλές και ευέλικτο σύστημα, το οποίο πέρασε από πολλούς κύκλους ανάπτυξης και προσαρμογής, τόσ...
Tim Berners Lee
World Wide Web
Η κατασκευή του συστήματος World Wide Web (WWW) και, κυρίως, η πολύ γρήγορη αποδοχή του από ένα μεγάλο εύρος χρηστών ήταν μια εξέλιξη κομβικής σημασίας για τ...