ΠΝΕΥΜΑΤΙΚΑ ΔΙΚΑΙΩΜΑΤΑ ΕΙΚΟΝΩΝ

ΠΡΟΛΟΓΟΣPermalink

Illustration of computer development and human history. Courtesy of pibook.gr License: Attribution-NonCommercial-ShareAlike 2.0

Xerox Star 8010 Interface, high quality polaroid (1981). Via www.digibarn.com. Image name: "xerox-star-8010-08.jpg" Licensed under a Creative Commons Attribution-Noncommercial 3.0 License.

"GPS on smartphone cycling" by HawaiianMama - Own work. Licensed under CC BY 3.0 via Wikimedia Commons - https://commons.wikimedia.org/wiki/File:GPS_on_smartphone_cycling.JPG#/media/File:GPS_on_smartphone_cycling.JPG

Pebble smartwatch. Image: Neil Acquatella. Via www.flickr.com. License: Attribution-NonCommercial-NoDerivs 2.0 Generic (CC BY-NC-ND 2.0) - https://flic.kr/p/f24hpK

Hand adjusting a blue Nest Learning Thermostat. Via www.flickr.com. License: Attribution-NonCommercial-NoDerivs 2.0 Generic (CC BY-NC-ND 2.0)

Web-resolution screenshot of the MS-DOS version of Deluxe Paint II Enhanced. DeluxePaint II Enhanced (v2.0). Courtesy of Wikipedia.org. Uploaded by McLoaf as Image:Snapshot_DeluxePaint_II_MSDOS.png. Copyright by Electronic Arts - https://en.wikipedia.org/wiki/File:Snapshot_DeluxePaint_II_MSDOS.png

"Abyss Odyssey - Screenshot 03" by Abyss Odyssey by ACE Team. Licensed under CC BY-SA 3.0 via Wikimedia Commons - https://commons.wikimedia.org/wiki/File:Abyss_Odyssey_-_Screenshot_03.jpg#/media/File:Abyss_Odyssey_-_Screenshot_03.jpg

Kantar Video Dashboard screenshot. Via www.flickr.com. License: Attribution 2.0 Generic (CC BY 2.0)

The KidSim screen. From "KidSim: End User Programming of Simulations" by Cypher, Allen and Smith, David C. Abstracting with credit is permitted. Link: http://acypher.com/Publications/CHI95/KidSimCHFigure i.html

Screenshot from Youtube video "TouchDevelop - Lesson 1 - How to change a background on an application" by MrRaychambers. Published on Jul 17, 2013 License: Standard YouTube License. Link: https://www.youtube.com/watch?v=UUq4Zc-o_20 TouchDevelop (c) Microsoft Research.

Image of RaspberryPi. By Roo Reynolds Via www.flickr.com. License: Attribution-NonCommercial-ShareAlike 2.0 Generic (CC BY-NC-SA 2.0)-https://flic.kr/p/bLmhdT

Screenshot from Napster v2.0 Courtesy of mashable.com Link: http://i.imgur.com/NDQy5za.png License: Fair Use

ΕΙΣΑΓΩΓΗPermalink

Processing Github page contributors Screenshot. Courtesy of Konstantinos Chorianopoulos. Screenshot from https://github.com/processing.

Anti-cheating hats. Author : Scott R. Franklin, Ph.D. Creative Commons Attribution ShareAlike 3.0. link: http://c2.staticflickr.com/4/3884/14584798748_f1e507ff6c_b.jpg

TechCrunch Disrupt Europe Hackathon. Image by TechCrunch. Via www.flickr.com. Taken on October 26, 2013. License: Attribution 2.0 Generic (CC BY 2.0) Link: https://flic.kr/p/gZtz5q

Business model canvas. Via wikimedia.org. License: Creative Commons Attribution ShareAlike 3.0

Social media page Screenshot. Courtesy of Konstantinos Chorianopoulos.

Circuit sticker sketchbook. Image by Jie Qi. Via www.flickr.com. Taken on April 26, 2014. License: Attribution 2.0 Generic 3.0 Link: https://flic.kr/p/nebmpw.

Screenshot of Arduino IDE software. Link: http://hyperduino.com/hyperduino-arduino-comparison.html

Classroom at Gloucestershire College showing how learning technologies are embedded into the room to support, enhance and enrich learning.. Image by James F Clay. Via www.flickr.com. Taken on May 7, 2009. License: Attribution-NonCommercial 2.0 Generic (CC BY-NC 2.0) Link: https://flic.kr/p/6m6k8k

Hackerspace lab. Via Wikipedia.org. License: Creative Commons Attribution ShareAlike 3.0 Link: https://commons.wikimedia.org/wiki/File:Protospace,_a_Hackerspace.jpg

ΟΡΙΣΜΟΣPermalink

Screenshot of Original 1984 Macintosh desktop. Courtesy of Wikipedia.org. Uploaded by Tene as Image:Apple_Macintosh_Desktop.png. Copyright by Microsoft. Link: https://en.wikipedia.org/wiki/File:Apple_Macintosh_Desktop.png

$Screenshot of The Blaster Learning System. Copyright by Knowledge Adventure. Courtesy of http://gamefabrique.com/ Link: http://gamefabrique.com/storage/screenshots/genesis/math-blaster-episode-1-02.png$

Illustration of the history of desktop interaction. Courtesy of pibook.gr License: Attribution-NonCommercial-ShareAlike 2.0

Screenshot of Balsamiq Mockups. Copyright by Balsamiq. Image: "iPhone POI editor - screen 4" by Martijn van Exel. Via flickr.com. License: Attribution-ShareAlike 2.0 Generic (CC BY-SA 2.0) Link: https://flic.kr/p/6HHDTq

Gerrit Rietveld - Schröder House Physical Model. Image: Gavin Schaefer. Via www.flickr.com. License: Attribution 2.0 Generic (CC BY 2.0) Link:https://flic.kr/p/7x4tsb

Logos of gmail-beta in 2005 and 2007. Via www.wikia.com. License:(CC BY-SA) Link: http://logos.wikia.com/wiki/Gmail

"Desktop Ubuntu 13 10" by Funkruf - Aufgenommen von mein PC "Funkruf". Licensed under CC BY-SA 3.0 via Wikimedia Commons - https://commons.wikimedia.org/wiki/File:Desktop_Ubuntu_13_10.png#/media/File:Desktop_Ubuntu_13_10.png

Uber promo by Amirul Azam. Via www.flickr.com. License: Attribution-NonCommercial-NoDerivs 2.0 Generic (CC BY-NC-ND 2.0) Link: https://flic.kr/p/jyCPMu and "Paso 2 - Pedir un vehículo" by acanyi. Via www.flickr.com. License:Attribution-ShareAlike 2.0 Generic (CC BY-SA 2.0) Link:https://flic.kr/p/n4hvFv

Screenshot of Minecraft project. View of our 2nd Generation Minecraft House. Courtesy of flickr.com. Image: Wesley Fryer. Uploaded on April 28, 2014. Attribution 2.0 Generic (CC BY 2.0). Link :https://flic.kr/p/nn3aB3

Screenshot from video "Grace Plays LearnToMod: Part 3". Published on October 25, 2014. Courtesy of youtube.com. License: Standard YouTube License. Link: https://www.youtube.com/watch?v=vD6owwGfkVg

Bill English with the oNLine System (NLS); late 1960s. Image: Courtesy of SRI International and Computer History Museum. Link: http://www.computerhistory.org/atchm/wp-content/uploads/2013/07/English-ergo-setup-500004647-03-01.jpg

IMAGE CREDITS ch02Permalink

Illustration of a human-centered design itinerary process for interactive systems.Courtesy of pibook.gr License: Attribution-NonCommercial-ShareAlike 2.0

Illustration of a tool designed to be used by a person. Image: HandAxe.jpg Courtesy of www.bgs.ac.uk for non-commercial use of BGS copyright material. Copyright: the Natural Environment Research Council (NERC).

Illustration of User-centered history. Based on “Rough History Of User Centered Design Disciplines”. Courtesy of www.slideshare.net/Jonne Valola. Published on Oct 08, 2009.

Illustration of a comparison between different types of prototypes. Based on a figure by JAKOB NIELSEN. Courtesy of www.nngroup.com. Uploaded on January 1, 1994. Link: www.nngroup.com.

Discussion on cultural probes booklets (the diary) with the user research participants. Image: Courtesy of Dimitrios Mallios. License: Attribution-NonCommercial

Contextmapping facilitation session with the user research participants for probes analysis. Image: Courtesy of Dimitrios Mallios. License: Attribution-NonCommercial.

Example of personas presentation. Image: Gary Barber. Via www.flickr.com. Taken on August 2, 2010. License: CC BY-NC-ND 2.0

Illustration of prototype levels. Courtesy of pibook.gr. License: Attribution-NonCommercial-ShareAlike 2.0

Xerox Star 8010 Interfaces, high quality polaroids (1981). Courtesy of digibarn.com. Creative Commons Attribution-Noncommercial 3.0 License. Link:http://www.digibarn.com/collections/screenshots/xerox-star-8010/xerox-star-8010-12.jpg

Illustration of prototype lifecycle. Courtesy of pibook.gr. License: Attribution-NonCommercial-ShareAlike 2.0

Image of buck prototype for interactive tv. "itv-buck". Copyright K. Chorianopoulos.

Image of hi-fidelity (buck) user experience prototype of Kodak. Screenshot from video interview of Mat Hunter for the book "designing interactions". Link: http://www.designinginteractions.com/interviews/MatHunter

Usability observation. Courtesy of pibook.gr License: Attribution-NonCommercial-ShareAlike 2.0

Microsoft Windows 1.0 screenshot. "Microsoft Windows 1.0 screenshot" by Rezonansowy, Microsoft - This file was derived from: Microsoft Windows 1.0 page2.jpg, Microsoft Windows 1.0 page3.jpg. This raster graphics image was created with GIMP. Licensed under Public Domain via Wikimedia Commons.

Screenshot of Windows 95. Windows 95 desktop, bundled "Online Services": AOL, AT&T WorldNet, CompuServe, Prodigy. Image: PROScott Schiller. Via Flickr.com. Uploaded on February 27, 2014. License: CC BY-NC 2.0

Screenshot of Windows 8.1. Image: Javier Domínguez Ferreiro.Via Flickr.com. Uploaded on May 30, 2013. License: CC BY-NC-SA 2.0

Illustration of a stove top designed according to what Don Norman calls "naturally mapped" design. Courtesy of pibook.gr License: Attribution-NonCommercial-ShareAlike 2.0

The typewriter keyboard layout that Dvorak & Dealey patented."KB DSKpatent". Licensed under CC BY-SA 3.0 via Wikipedia - https://en.wikipedia.org/wiki/File:KB_DSKpatent.svg#/media/File:KB_DSKpatent.svg

IMAGE CREDITS ch03Permalink

The first prototype computer mouse, developed by Bill English and famously used by Douglas Engelbart in "The Mother of All Demos", a demonstration of the oN-Line System in 1968. Courtesy of apple2history.org. Uploaded by Michael Hicks as File:Douglas Engelbart's prototype mouse, angled - Computer History Museum.jpg License:Creative Commons Attribution 2.0 Generic

First Macintosh Mouse. Courtesy of Wikipedia.org License: Creative Commons Attribution ShareAlike 3.0 Link:https://en.wikipedia.org/wiki/Apple_Mouse#/media/File:Apple_Macintosh_Plus_mouse.jpg

Illustration of a taxonomy for input devices. Courtesy of pibook.gr License: Attribution-NonCommercial-ShareAlike 2.0

Sensory Homunculus draw. Author: Btarski , Wikipedia. Licensing: Creative Commons Attribution ShareAlike 3.0

How the computer sees us. With traditional interfaces, humans are reduced to an eye and a finger.Courtesy Dan O'Sullivan and Tom Igoe.

Ηand occlusion. Author: Media Interaction Lab. Link: http://mi-lab.org/page/2/?s=anoto

Ivan Sutherland. Sketchpad System. 1965. Javier Burón account , Flickr. Creative Commons Attribution.

MakeyMakey is an invention kit. It is a USB device that replaces keys on your keyboard. Author : MARC FAULDER.

Raspberrypi and minecraft.Link:http://www.raspberrypi-spy.co.uk/wp-content/uploads/2015/06/digimakers_04-1024x683.jpg

The X Window System running Tom's Window Manager, and a number of client apps: the xlogo, an xterm, oclock, xbiff, xman, and xload. This screenshot is reminiscent of a typical Unix graphical desktop from the late 1980s to early 1990s. Author: mit - Uploaded by Tene~commonswiki. Licensing: Creative Commons Attribution ShareAlike 3.0.

Screenshot of KDE 3.5, KDE development team - Wikipedia - Creative Commons Attribution ShareAlike 3.0 KDE 3.5 configuration, KDE 3.5 configuration-Creative Commons Attribution ShareAlike 3.0.

Input devices comparison. Courtesy of pibook.gr

Screenshot of mouse test software.

Illustration of fitts comparison. Courtesy of pibook.gr

IPod 1G. Courtesy of commons.wikimedia.org. Creative Commons Attribution ShareAlike 3.0.

iPod classic. Courtesy of en.wikipedia.org, Creative Commons Attribution ShareAlike 3.0.

iPod touch 5th generation in Blue. Courtesy of en.wikipedia.org, Creative Commons Attribution ShareAlike 3.0.

Screenshot of iTunes application. Courtesy of guidebookgallery.org

IMAGE CREDITS ch04Permalink

Ken Thompson (sitting)-&-Dennis Ritchie at PDP-11. Courtesy of Peter Hamer / Wikipedia.org. Creative Commons Attribution ShareAlike 3.0. Link: https://commons.wikimedia.org/wiki/File:Ken_Thompson_(sitting)_and_Dennis_Ritchie_at_PDP-11_(2876612463).jpg

Image demonstrating the GUI of Windows Mobile 6.0 (2007)- MSDN (although Windows Mobile is copyright Microsoft).This image is a copyrighted screen shot of a commercially-released computer software product of Microsoft Corporation. You must include the following statement: "Used with permission from Microsoft."

Recording a factorial program in Pygmalion. Author: David Smith. Courtesy of David Smith, images rights granted from Dr. David Smith. Link: http://acypher.com/wwid/Chapters/01Pygmalion.html

Screenshot of TouchDevelop app for Android. Image by Nikolai Tillmann. This image is a copyrighted screen shot of a commercially-released computer software product of Microsoft Corporation. "Used with permission from Microsoft." https://msdn.microsoft.com/en-us/cc300389.

Screenshot of android emulator. Image by Hrishikesh Murali. Creative Commons Attribution.

Screenshot of Visual Basic Form Design.This image is a copyrighted screen shot of a commercially-released computer software product of Microsoft Corporation. "Used with permission from Microsoft." (https://www.microsoft.com/en-us/legal/intellectualproperty/trademarks/usage/default.aspx )

Screenshot of computer programming software called Scratch. Open Source app https://scratch.mit.edu/ , Creative Commons Attribution-ShareAlike 2.0 license.

Screenshot of a visual abstraction of sin algorithm. Author : Karolos Talvis. Courtesy of pibook.gr

Eclipse 4.5 Mars in the Java EE perspective. Courtesy of Amr Eladawy / Wikipedia.org. Creative Commons Attribution.

The Processing Development Environment. Author : Karolos Talvis. Courtesy of pibook.gr

Open-source hardware platform Arduino uno. Courtesy of arduino.cc. Creative Commons Attribution.

The LilyPad Arduino is a microcontroller board designed for wearables and e-textiles. Designed and developed by Leah Buechley and SparkFun Electronics.Creative Commons Attribution

Arduino joystick shield. Courtesy of ElecFreaks.Creative Commons Attribution.

Pebble was prototyped using Arduino. Image: Courtesy of Priya Kuber. Creative Commons Attribution ShareAlike 3.0.

Example of a tangible user interface. Image via Wikipedia.org. Creative Commons Attribution ShareAlike 3.0.

TUIO_simulator example. Image: Courtesy of reactivision.sourceforge.net.General Public License.

Software that simulates and controls Barcelona's "Magic fountain". A complete overhaul of their once state of the art manual control system. Image: Courtesy of Amy Goodman (amycgx). Creative Commons Attribution ShareAlike 3.0

IMAGE CREDITS ch05Permalink

Screenshot of Visicalc running on an Apple II computer. Courtesy of apple2history.org. Uploaded by Gortu as Image:Visicalc.gif License: GNU General Public License.

Screenshot of Skype 7. Courtesy of Wikipedia.org. Uploaded by Cloudbound as Skype.png. Copyright by Skype Limited/Microsoft

"Thanks Google Now" and "Man. Google Now is getting scary." by Mark DeVries. Via www.flickr.com. License: Attribution-ShareAlike 2.0 Generic (CC BY-SA 2.0)- https://flic.kr/p/dv8TdW and https://flic.kr/p/cKq1bE

Xerox Star 8010 Interface, high quality polaroid (1981). Via www.digibarn.com. Image name: "xerox-star-8010-09.jpg" Licensed under a Creative Commons Attribution-Noncommercial 3.0 License.

AutoCAD Image: "Pdp11,70 640x507". Licensed under Public Domain. Link: https://commons.wikimedia.org/wiki/File:Pdp11,70_640x507.jpg#/media/File:Pdp11,70_640x507.jpg

Flight gantt chart.Screenshot of Hipmunk.Via www.flickr.com.License: Attribution 2.0

Screenshot from video "Nokia Lumia 920 - Panorama". Uploaded on Nov 30, 2012. Courtesy of youtube.com. License: Standard YouTube License. Link:https://www.youtube.com/watch?v=b2E2dCpQFHw

Screenshot from video "Myron Krueger - Videoplace, Responsive Environment, 1972-1990s". Uploaded on Apr 7, 2008. License: Standard YouTube License. Retrieved from https://www.youtube.com/watch?v=dmmxVA5xhuo

Screenshot of the First page of the Exec PC BBS. Courtesy of Wikipedia.org. Uploaded by Another n00b as Image:Exec_pc_bbs.PNG. Copyright by ExecPC. Link:https://en.wikipedia.org/wiki/File:Exec_pc_bbs.PNG

An original concept diagram for a Media Space (1982). Drawing by Robert Stults. Licensed under Public Domain. Link: https://en.wikipedia.org/wiki/File:MediaSpaceConceptDrawing1982_w600.jpg

Image of Facebook Messenger app. Via flickr.com. Uploaded by Kārlis Dambrāns on April 29, 2014. License: Attribution 2.0 Generic (CC BY 2.0. Link: https://flic.kr/p/nqpS2C )

Screenshot of Microsoft Bob. Via flickr.com. Uploaded by K. Latham on September 20, 2006. Copyright by Microsoft. License: Attribution-NonCommercial-ShareAlike 2.0 Generic (CC BY-NC-SA 2.0)

Adaptive Menus: Office 2000. Image: Courtesy of Will Tschumy. Via slideshare.net

Screenshot from video "Relational Agents For Alcohol Screening 3". This is a demo video from the Relational Agents Group at Northeastern University, Boston, MA. Published on Oct 16, 2014. Courtesy of youtube.com. License: Standard YouTube License. Link:https://www.youtube.com/watch?v=A-cZI8Yv8Ng

Screenshot of Microsoft Bob. Via of flickr.com. Uploaded by K. Latham on September 20, 2006. Copyright by Microsoft. License: Attribution-NonCommercial-ShareAlike 2.0 Generic (CC BY-NC-SA 2.0)

Screenshot of ical for iOS. Via of flickr.com. Uploaded by jonobacon on April 6, 2012. Copyright by Apple. License: Attribution 2.0 Generic (CC BY 2.0)

Example of affective design for ATM. Image: Tractinsky IWC 2000. Link: http://www.ise.bgu.ac.il/faculty/noam/papers/00_nt_ask_di_iwc.pdf

Mark Zuckerberg in front of his original Facebook profile. Via flickr.com. Uploaded by Niall Kennedy on September 22, 2011. License: Attribution-NonCommercial 2.0 Generic (CC BY-NC 2.0)

Candy Crush Facebook game. Via flickr.com. Uploaded by Kenming Wang on June 28, 2013. License: Attribution-ShareAlike 2.0 Generic (CC BY-SA 2.0)

IMAGE CREDITS ch06Permalink

Memex System. Licensed under Public Domain.

Aspen virtual reality mapping environment. Courtesy of Computer history museum http://www.computerhistory.org/terms/

An example of a screen implemented in HyperCard. Courtesy of Jakob Nielsen / www.nngroup.com. Link: http://www.nngroup.com/faqs#reprint_image

User experience elements. Link: http://jesusgilhernandez.com/2013/03/29/the-elements-of-user-experience/

xanadu system - abstract recreation of Ted Nelson diagram. Image: Karolos Talvis. Courtesy of pibook.gr

In game screenshot - Social Life. Via Wikipedia. Link: https://eo.wikipedia.org/wiki/Dua_Vivo#/media/File:EsperantoRondo.png. Creative Commons Attribution License.

Screenshot from we feel fine app. Author: Jonathan Harris. Link: http://www.number27.org/wefeelfine.

Screenshot of 'Ten by ten' web application. Author: Xu Liu , Comments by: Sandro Fouché, UNIVERSITY OF MARYLAND. Link: https://www.cs.umd.edu/class/spring2005/cmsc838s/viz4all/ss/tenbyten.png

Illustration of multimodal interaction. Courtesy of www.pibook.gr.

Illustration of a CSCW Matrix. Courtesy of www.pibook.gr. Creative Commons Attribution.

Illustration of popularity rank. Courtesy of www.pibook.gr.

Screenshot of winamp application. Courtesy of daliulian.net. Copyright winamp.

Hackerspace team in Bremen. Courtesy of hackerspace-bremen.de.

Illustration of socio-technical design. Courtesy of www.pibook.gr. Creative Commons.

ESP GAME SCREENSHOT. Author : Thomas Erickson. Via interaction-design.org

Screenshot of Pebble watch kickstarter success. Courtesy pibook.gr

A part of the city of Tacloban before and after it was mapped by the Humanitarian OSM Team. Roads, buildings, and bodies of water were missing before volunteers added them.Author: Robert Banich - @RBanick. Screenshot published on Twitter.

Screenshot of the original NeXT web browser in 1993 (Image: Berners-Lee/CERN)

Models are presented to attempt to explain the observed general trends in article growth. Courtesy of Wikipedia.Creative Commons Attribution.

Compare what's been typed into the edit box (bottom) to what's in the preview portion of the page (top).Courtesy of Wikipedia.Creative Commons Attribution.

IMAGE CREDITS Appendix 01Permalink

Google Scholar results screen, search by article title. Created on September, 2015. Courtesy of pibook.gr License: Attribution-NonCommercial-ShareAlike 2.0

Google Scholar screenshot of cited by. Created on September, 2015. Courtesy of pibook.gr License: Attribution-NonCommercial-ShareAlike 2.0

Screen of designing interactive systems conference page in ACM DL showing paper acceptance rate. Created on September, 2015. Courtesy of pibook.gr License: Attribution-NonCommercial-ShareAlike 2.0.

Screen of ACM DL page showing download numbers per article. Created on September, 2015. Courtesy of pibook.gr License: Attribution-NonCommercial-ShareAlike 2.0.

IMAGE CREDITS Appendix 02Permalink

Screen of Capture Processing Library and image from camera. Courtesy of pibook.gr Created on September, 2015. License: Attribution-NonCommercial-ShareAlike 2.0

Screen of keyPressed and saveFrame in Processing along with image from camera. Courtesy of pibook.gr Created on September, 2015. License: Attribution-NonCommercial-ShareAlike 2.0

Screen of documentation of saveFrame() in Processing. Courtesy of pibook.gr Created on September, 2015. License: Attribution-NonCommercial-ShareAlike 2.0

Image of the MakeyMakey input device connected to laptop. Courtesy of pibook.gr Created on September, 2015. License: Attribution-NonCommercial-ShareAlike 2.0