design of mobile web apps

20
DESIGN OF MOBILE WEB APPS PAST – PRESENT - FUTURE

Upload: rosuvlad

Post on 28-Nov-2014

542 views

Category:

Education


3 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

PAST – PRESENT - FUTURE

Page 2: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

WEB APPLICATION

• Definim “WEB APPLICATION” ca fiind o pagina web (XHTML+CSS) sau o colectie de astfel de pagini ce se livreaza prin http si folosesc procesare client-side sau server-side pentru a asigura o experienta asemanatoare cu cea a unei aplicatii desktop in cadrul unui browser web

Page 3: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

CONTEXT MOBIL

• Definim contextul mobil ca un context de reguli aplicate unei pagini sau a unei colectii de pagini web pentru a facilita digerarea materialului prezentat sau pentru a face interactiunea pagina-utilizator mai eficienta.

Page 4: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

DIN CELE DOUA DEFINITII ANTERIOARE PUTEM TRAGE CONCLUZIA CA O APLICATIE WEB MOBILA ESTE O APLICATIE WEB SUB REGULILE CONTEXTULUI MOBIL.

Page 5: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

TRECUT

Page 6: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

In trecut web-ul mobil era o versiune mult redusa a celui destinat computerelor. (WAP - wireless application protocol, WML - wireless markup language)

Acesta avea aceasta caracteristica deoarece puterea de calcul a dispozitivelor pentru care era destinat era slaba si pentru ca mediul de afisare (display-ul dispozitivelor) se rezuma mai mult la text si mai tarziu a bitmap-urilor mici.

Nici browserele mobile nu se prezentau prea bine, acestea nu puteau reda continut complex si nu exista motorul pentru procesarea limbajului interpretat java script.

TRECUT

Page 7: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

La inceputul web-ului mobil singura metoda pentru a naviga pe internet era prin wap (wireless application protocol).

Site-urile wap foloseau WML(wireless markup language) ca limbaj de baza. WML-uleste un limbaj ce foloseste paradigma card-and-deck. In prezent acest limbaj se mai foloseste decat de cei ce vor sa ofere continut pentru dispozitive low-end cum ar fi telefoanele nokia 1100 insa in decursul anilor s-a migrat catre subseturi ale XHTML-ului apoi la XHTML complet.

TRECUT

Page 8: Design of mobile web apps

DESIGN OF MOBILE WEB APPS TRECUT

Page 9: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

PREZENT

Page 10: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

CE INSEAMNA WEB-UL MOBIL IN ZIUA DE ASTAZI?

• Inseamna incercarea de a oferi utilizatorilor o experienta de navigare pe web aproape identica cu cea ce o au atunci cand folosesc computerul.

• Utilizatorul doreste ca tranzitia sa de pe computer pe dispozitivul sau mobil sa fie naturala fara sa simta ca este ingradit de modul de interactiune diferit.

PREZENT

Page 11: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

ASTFEL AJUNGEM CU DISCUTIA LA TEHNOLOGIILE FOLOSITE SI LA “MOBILE WEB APPS”.

• In ziua de astazi pe platformele mobile sunt diverse si puternice (acestea variind ca putere de la 100 mhz la 1000 mhz, poate chiar mai mult) astfel se pot rula browsere mai complexe capabile sa rendeze continut la fel cum o fac cele de pe computerele personale.

PREZENT

Page 12: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

Astfel noile browsere sunt capabile sa interpreteze chiar si javascript, cele moderne suportand si plugin-uri (flash plugin, etc.).

Toate aceste salturi tehnologice au dus la dezvoltarea incredibila a aplicatiilor web mobile. Acestea ruland in diverse forme: ruland in cadrul browserului sau fiind incastrate in aplicatii de sine statatoare pentru dipozitivele mobile

Marile companii au realizat si ele puterea internetului mobil, incepand sa isi extinda produsele si pe aceasta nisa, astfel lumea a inceput sa aiba parte de serviciile indragite de pe pc chiar in buzunarul lor.

PREZENT

Page 13: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

MARILE COMPANII SI

ALE LOR APLICATII WEB MOBILE

PREZENT

Page 14: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

YAHOO!

• Acesta companie isi furnizeaza de ceva vreme serviciile pe internetul mobil. Avand deja cateva variante active atat pentru dispozitivele low-end cat si pe cele moderne. Serviciile oferite pot fi accesate in doua moduri: • Via web browser• Via aplicatie instalata (yahoo! Go)

PREZENT

Page 15: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

YAHOO!

• Varianta via browser

Aceasta varianta este implementata astfel incat sa poata fi accesata de toate dispozitivele mobile, fiind rendata diferit de la dispozitiv la dispozitiv in functie de cum se identifica web-browserul acestuia. Interfata foloseste idiomurile standard, la fel ca cele de pe variantele desktop.

PREZENT

Page 16: Design of mobile web apps

DESIGN OF MOBILE WEB APPSYAHOO!• Varianta via aplicatie destinata dispozitivului

Yahoo! A creat pentru o serie de dispozitive ce ruleaza diverse sisteme de operare aplicatii ce imbraca aceleasi servicii (mail, messenger, weather, etc.). Userul nu mai este nevoit sa deschida browserul de fiecare data cand doreste sa utilizeze unul dintre servicii. Plus, aplicatia fiind creata pentru un anume dispozitiv, foloseste resursele de interactiune ale acestuia, ex. Touch-screen, tastatura querty, dimensiunea ecranului, astfel se usureaza remarcabil accesul.

PREZENT

Page 17: Design of mobile web apps

DESIGN OF MOBILE WEB APPSGOOGLE• Google isi ofera de asemenea si el serviciile atat online cat si cu aplicatii

distribuite.

EX. GOOGLE MAPS

ANDROID GOOGLE MAPS

NATIVE BROWSER GOOGLE MAPS

Poza din stanga reprezinta o aplicatie android, creata de google pentru a oferi acces la serviciul google maps, avantajul acesteia este ca se poate manipula harta cu ajutorul touch-screenului.

Poza din dreapta reprezinta o harta google maps accesata via browser in windows mobile, aceasta se supune posibilitatilor de control ale browserului.

PREZENT

Page 18: Design of mobile web apps

DESIGN OF MOBILE WEB APPSFACEBOOK• Facebook a lansat recent varianta mobile a serviciului sau dar a lansat si

variante de aplicatii dedicate iphone si android

APLICATIE

DEDICATA

APLICATIE WEB

PREZENT

Page 19: Design of mobile web apps

DESIGN OF MOBILE WEB APPS

VIITOR

Page 20: Design of mobile web apps

DESIGN OF MOBILE WEB APPS VIITOR

Daca stam sa observam tendintele in domeniul aplicatiilor web mobile putem deduce urmatoarele concluzii:

In scurt timp nu vor mai exista diferente intre variantele desktop si cele mobile.

Diferente tehnologice nu se vor mai resimti din pricina ridicarii puterii de calcul a dispozitivelor mobile.

Cum producatorii vor avea majoritatea tehnologiilor de dezvoltare disponibile si pe platformele mobile acestia nu vor mai pierde timp adaptand, vor avea mai mult timp pentru dezvoltare de produse noi.