ISTORIA INTERFEEI I

INTERACIUNII CU UTILIZATORUL
Daco Tudor
Shtembari Mikele
anuc Serghei
Avramescu Mihai

INTRODUCERE

Interfata de utilizator

o Totalitatea resurselor si metodelor prin intermediul carora are loc

interactiunea dintre om si masina
o Controlul dispozitivelor
o Rezultatul dorit

SEC XVII
B.Pascal introduce primul
calculator mecanic care poate

aduna 2 numere (1642 )

G.Leibniz perfectioneaza
calculatorul, capabil de:
o

inmultiri

impartiri

o extragerea radacinii patrate

AUTOMATUL LUI MAILLARDET

CALCULUL AUTOMAT MODERN

H.Hollerith dezvolta primul tabulator
bazat pe cartele perforate, utilizat

pentru a cataloga statistici.

(1890)

Cartela perforata e o bucata rigida de

hartie care pastreaza informatii digitale

prin prezenta sau absenta unor gauri

in pozitii prestabilite.

ERA CARTELELOR PERFORATE

o Programul trebuia scris pe cartele perforate.

o Se asteapta pana e compilat si executat.

o

Dupa un timp utilizatorul primea rezultatele.

o De cele mai multe ori rezultatul era o eroare ,

deci se repeta ciclul.

Centru de tiparire a cartelelor

ANII 40
Colosus primul calculator electronic
digital programabil in intregime , utilizat

pentru descifrarea mesajelor criptate.

ENIAC primul calculator de uz general.

o Un program era definit de conexiunile

cablurilor si prin comutatoarele sale.

UNIVERSAL AUTOMATIC COMPUTER

UNIVAC e un calculator comercial aparut in 1951.
o Contine console typewrite ce permite introducerea datelor direct

in locatiile de memorie.
o Outputul era vizualizat la o imprimanta dedicata si de cele mai
multe ori erau erori.

o Orice calculator electronic era confundat

cu UNIVAC

TELEPRINTER
Masina de scris comandata electric,
interfata de utilizator pentru trimiterea

si tiparirea datelor la primele calculatoare

Monitoarele au inlocuit teletype-urile ,

dar termenul de TTY e inca folosit pe
sistemele UNIX

SOFTWARE INTERACTIV
Apar primele sisteme care
integreaza tastatura si monitorul

Light pen , poate indica la un

obiect de pe ecran sau desena .

POINTING DEVICE
Trackball detecteaza rotatia
mingii dupa 2 axe
Nu are limita de deplasare
efectiva

Primul model de mouse avea 2 roti

perpedinculare si rotirea lor reprezenta

o translatie dupa o axa

APPLE MOUSE
S.Jobs introduce mouse-ul
cu un singur buton care devine

larg utilizat datorita pretului

de doar 15 $ (mijlocul anilor 70)

Microsoft

Sisteme de operare Windows

Microsoft Office

Alte produse

Microsoft Sisteme de operare

Windows 1.01
- 20 Noiembrie 1985
- Primul sistem
de operare de la
Microsoft cu interfata

grafica si ferestre
multiple, cu meniu, scrolling, icoane, bazat pe MsDos
- Explorarea sistemului cu MsDos Executive
- Programe ca Paint, Calendar, Notepad, Calculator, Writer

Microsoft Sisteme de operare

Windows 2.0

9 Decembrie 1987

Poate folosi memorie

de peste 640k

Redimensionare,

minimizare si
maximizare ferestre;
shortcut-uri

Control Panel si alte programe noi

Microsoft Sisteme de operare

Windows 3.0

22 Mai 1990

Display VGA

Mai multe culori,

programe, jocuri,

efecte 3D,
background personalizat

Print manager,

program manager

Sistem de ajutor avansat scris in hypertext (.hpl)

Microsoft Sisteme de operare

Windows 95 (4.0) / 98

24 August 1995 / 25 Iunie 1998

Imbunatatire a
interfetei grafice,
buton de Start,

Internet si
Retea de calculatoare
MS Exchange (Fax & Mail)
Doom :)
Mai 'user-friendly'

Microsoft Sisteme de operare

Windows 2000 (NT)

17 Februarie 2000

Multi-user

Securitate ridicata

Efecte speciale

de vizualizare

Nu mai e bazat pe MsDos

System Restore,

Movie Maker, Media Player

Windows Server 2000

Microsoft Sisteme de operare

Windows XP

25 Octombrie 2001

GUI imbunatatit

Activare Windows

Foarte popular

Multe jocuri in 3D

45 M linii de cod

Remote Desktop; Teme noi; Rezolutie minima 800x600

Schimbare utilizatori fara a opri rularea programelor

XP Proffesional x64 bits (2005)

Microsoft Sisteme de operare

Windows Vista (NT 6.0)

30 Ianuarie 2007

Interfata grafica moderna

(Windows Aero)

Gadget-uri

Win + Tab

Cautare cu search index (mai rapid)

Permisiuni administrative

Windows Server 2003 (NT 6.0)

Activate later

Microsoft Sisteme de operare

Windows 7 (NT 6.1)

22 Octombrie 2009

Imbunatatire a
versiunei Vista

Cautare cu

Search Box in meniu

Cel mai popular si

mai stabil Windows de

pana acum (2015)

Folosit si pe telefoane smart

Microsoft Sisteme de operare

Windows 8 (NT 6.2) / Windows 8.1 (NT 6.3)

26 Octombrie 2012 / 18 Octombrie 2013

Sistem gandit la dispozitive cu touch, mai multe tablete

si smartphone-uri cu Windows 8.1

Metro Apps UI

Utilizator cu cont de email

Utilizare colturi

Dispare meniu 'Start'

SecureBoot

Windows Store

Microsoft Sisteme de operare

Windows 10 (NT 10.0)

Preview

Butonul de 'Start'
si cu Metro Apps

Multi-Desktop

Efecte si optiuni noi

Gandit sa fie folosit la

orice dispozitiv

Cortana, Edge (Spartan)

Suport pentru aplicatii de iOS si Android

Microsoft Office

Prima versiune pe 19 Noiembrie 1990

Scris in C++, oferit in 35 limbaje

Cea mai buna suita de aplicatii pe care a creat MS,

folosita de peste 1 miliard de utilizatori, si pe
calculatoare Apple
Ofera si aplicatia web

'Office 365' si pe telefoane

Microsoft

Pe 25 Aprilie 2014, Microsoft cumpara Nokia (7.2 B $)

Creste producerea telefoanelor smart cu sistemul

de operare Windows RT (editie a versiunei 8.1)

26 Octombrie 2012 se lanseaza tableta Surface

Oculus Rift, HoloLens

DropBox

Skype

Xbox, introdus in 2001, una dintre

cele mai bune console de gaming

de nivel inalt

LINUX - GNOME
GNOME 1.0

Martie 1999

Prima versiune stabila

GTK+ v1.0

LINUX - GNOME
GNOME 2.6
Martie 2004
GTK+ v2.0

mbuntire n
lucrul cu fiierele
i multimedia.
Browser implicit

Epiphany

LINUX - GNOME
GNOME 2.20
Septembrie 2007
Mai puin memorie

Vitez de procesare
Montarea discurilor
Modem, Trash
Efecte 3D
Meniuri verticale

LINUX - GNOME
GNOME 3
Aprilie 2011
GTK+ v3.0

GNOME Shell implicit

Bluetooth oficial
Update pentru toate
aplicatiile preinstalate

LINUX - KDE
KDE 1.0
Iulie 1998

Prima versiune stabil

Criticat pentru licena

FreeQt license

LINUX - KDE
KDE 2.0
Octombrie 2000
Konqueror browser, file manager, document viewer

KIO librrie I/O

KHTML care include

HTML 4.0

LINUX - KDE
KDE 3.2.3
Februarie 2004
Mai user-firendly

Design nou
Aplicaii suportate:
ICQ, Yahoo Messenger
etc.
Vitez de procesare

LINUX - KDE
KDE 4.5
August 2005
Portare pe Qt 4
Include desktop witgets

Design fotorealist

Corectate 10,000
de bug-uri

LINUX - KDE
KDE 4.9
August 2012
Efecte animate
Efecte animate

Performane mai
bune
Optimizat fa
de versiunea
precedent.

APPLE
.

Apple Macintosh

Ianuarie 1984
Prima versiune
Una din primele SO care
folosete GUI

Mac OS 8.0
Iulie 1997
Suport USB
Sistem de fiiere
ierarhic
3 mln copii n 6 luni

APPLE
.

Mac OS 9.0

Ocotmbrie 1999
Fiiere >2GB
Suport teme externe

Mac OS X v10 .0 Cheetah

Martie 2001
Terminal
Suport PDF
Mail (client de e-mail)

APPLE
Mac
.

OS X v10.5 Leopard
Octombrie 2007
Parental control
Preview
Spaces

Mac OS X v10.10 Yosemite

Octombrie 2014
Design mbuntit
Apeluri FaceTime

INTERFETE PE DISPOZITIVE MOBILE

Interfata mobila este un concept software
proiectat proiectat pentru ca utilizatorul sa poata
folosi dispozitivul intr-un mod foarte intuitiv.
Utilizatorul final are intotdeauna acces la
continutul personal al datelor, indiferent de operator
sau de dispozitivul mobil.

INCEPUTURILE
Atunci cand au fost concepute primele dispozitive
mobile si interfetele specifice, acestea erau simpliste
insa reuseau foarte usor sa fie foarte intuitive pentru
utilizator.
Practic, oricine poate folosi un dispozitiv mobil foarte
complex prin simpla intelegere logica a interfetei.
Odata cu trecerea timpului, au aparut foarte multe
diversificari, atat in ce priveste designul interfeti, cat si
al functionalitatilor specifice.

DIVERSIFICAREA
Dezvoltarea tehnologiilor mobile in toate zonele
lumii au dus la concurenta si, implicit, la o incercare a
producatorilor de a produce interfete care sa atraga
clientii.

Oricat de complexe sunt in ziua de azi

tehnologiile, exista cateva principii si repere pe care
inevitabil le respecta orice producator de dipozitive
mobile la nivel industrial.

PRINCIPIILE DE BAZA
Ofera un bun suport pentru navigare
Are un grad de independenta fata de device
Este ajustata grafic in functie de dimensiunile ecranului
Totodata, telefonul mobil s-a dovedit o platforma
vitala pentru distributia serviciilor non-voce. Marele
avantaj este dimensiunea redusa a device-ului.
Poate cel mai important pas care a fost facut in acest
domeniu a fost reusirea implementarii resurselor WEB
(internet) pe telefoane mobile.

CE URMEAZA?
Vedem ca odata cu trecerea timpului internetul mobil
va fi principalul mod prin care se va face accesul la
Internet. Daca ne uitam la cifre, sunt aproximativ 3
miliarede de dispozitive mobile, comparativ cu
aproximativ 1 miliard de PC-uri.

Principalele avantaje ale folosirii telefonului mobil in

comparatie cu PC-ul:
* este un dispozitiv mult mai personal;
* este portabil;
* este tinut mereu deschis (online);

PRINCIPII
.

MODELE DE NAVIGATIE
Exista numeroase modele de navigare noi pentru
aplicatiile mobile.

Cresterea exponentiala a numarului aplicatilor

destinate telefonelor mobile a dus la diversificarea
modelelor create. Primul exemplu care ne vine in minte
este rotirea intre portrait si landscape in functie de
specificul aplicatiei pe care dorim sa o rulam.

LIMITARI
Exista si o serie de limitari pe care producatorii si
designerii trebuie sa le depaseasca pentru a progesa.

Exista limitari fizice, precum ecanul de dimensiune

mica comparativ cu dispozitivele PC si tastaura cu o
dimensiune redusa.
Numarul mare de sisteme de operare diferite precum si
diversele versiuni software duc la situatii care pot crea
diverse prejudicii. Orice actualizare necesita consum
de resurse de date care in principiu trebuie platite pe
loc.
Memoria limitata si latimea de banda limitata reduce
capacitatea mobilelor de a rula in paralel multe aplicatii
si comutarea intre ele poate fi anevoioasa.

STRATEGII

VIITORUL
Ca in orice domeniu tehnic, orice limitare va fi
depasita cu trecerea timpului. Exista multe proiectii
pentru viitorul interfetelor mobile. Putem vedea cateva
exemple mai jos:

CONCLUZII
Utilizarea si dezvoltarea interfetelor pe dispozitive
mobile reprezinta o oprtunitate uriasa pentru webdesigneri si dezvoltatorii care doresc sa devina
productivi pe acest domeniu.

Exista foarte multe directii spre care se pot

dezvolta interefete mobile, noi functionalitati vor fi
adaugate inevitabil odata cu trecerea si cresterea
cererii. Cel mai bun catalizator pentru proges in acest
plan este reprezentat de diversificarea aplicatilor care
au nevoie de suportul si performantele interfetelor
pentru a rula.