Introducere 1 Proiectarea aplicatiei web mobile 2 Testare si limitari 3 Web pentru aplicatii mobile 4 Statistici 5
Introducere
Mobile Web se referă la utilizarea aplicațiilor ce necesită conexiune la internet pentru un telefon mobil. Tradițional, accesul la internet s-a realizat prin servicii fixe. Totuși internetul a devenit din ce mai accesibil. Trecerea la accesul de pe mobil s-a accentuat încă din 2007 o data cu creșterea numărului de telefoane multitouch smartphone și mai recent, din 2010, cu tablet computers. Ambele platforme necesita un acces mai bun la internet și aplicații/browsere mai ușor de accesat.
Introducere
Mobile Web Initiative (MWI) este o nouă iniţiativă înfiinţată de W3C pentru a dezvolta cele mai bune practici şi tehnologii relevante pentru Web-ul mobil. Scopul iniţiativei este de a face navigarea pe Web la dispozitivele mobile mai fiabilă şi accesibilă. Scopul principal este de a evolua standarde de formatare de date de la furnizorii de Internet care sunt adaptate la specificaţiile de anumite dispozitive mobile.
Introducere
Prima accesare a Web-ul mobil comercial a fost oferit în Finlanda în 1996 pe telefonul Nokia 9000 prin reţelele Sonera şi Radiolinja. Prima lansare comercială a unui browser web specific bazat pe servicii de telefonie mobilă a fost în 1999 în Japonia, atunci când i-mode a fost lansat de NTT DoCoMo.
Cuprins
Introducere 1 Proiectarea aplicatiei web mobile 2 Testare si limitari 3 Web pentru aplicatii mobile 4 Statistici 5
Proiectarea aplicatiei web mobile
Conţinut de pe un dispozitiv mobil trebuie să fie focalizat asupra utilizatorului, la fel ca în web design-ul tradițional. Cu toate acestea, prezentarea de conţinut este critică la experienţa "mobile web", din cauza ecranelor mai mici şi conexiunii la internet, care nu sunt probleme in mediu tradiţional desktop web-browsing.
Proiectarea aplicatiei web mobile
Practici Simplificarea continutului Stylesheets Mobile Minimizarea numarului de imagini Limitarea defilarii intr-o singura directie Evitarea aplicatiilor Flash sau JavaScript Tema separata
Proiectarea aplicatiei web mobile
Simplificarea continutului
. În contextul web design mobil, simplitatea echivaleaza cu uzabilitate, pastrarea unui design simplu face ca utilizarea sa fie mai usoara. De asemenea, tineti cont de faptul că mulţi utilizatori de telefonie mobilă de web nu au acces la tastatura şi mouse-ul tradiţional, astfel încât un design simplu este esenţial pentru ca aceştia să poată naviga cu uşurinţă. ‹#›
Proiectarea aplicatiei web mobile
Minimizarea numarului de imagini
Utilizați imagini doar pentru a transmite mesajul. Imaginile care sunt integrate in conținut pot fi folosite, dar trebuie eliminate imaginile care servesc doar la estetica site-ului. ‹#›
Proiectarea aplicatiei web mobile
Practici Simplificarea continutului Stylesheets Mobile Minimizarea numarului de imagini Limitarea defilarii intr-o singura directie Evitarea aplicatiilor Flash sau JavaScript Tema separata
Este destul de deranjant să traversezi o pagină utilizând un browser standard. Este foarte ușor să deplasezi pagina în direcția greșită (orizontal, în loc de vertical sau invers) atunci când se foloseste un telefon cu touchscreen. Dacă site-ul se deplaseaza ântr-o singură direcție, se elimină această problemă. ‹#›
Proiectarea aplicatiei web mobile
Practici Simplificarea continutului Stylesheets Mobile Minimizarea numarului de imagini Limitarea defilarii intr-o singura directie Evitarea aplicatiilor Flash sau JavaScript Tema separata
Optimizând site-ul pentru mobil are cateodata sens, dar adesea este mai ușor să se foloseasca o temă separată pentru mobil. Unele site-uri au un design optimizat pentru mobilele obișnuite și altul pentru utilizatorii de iPhone. ‹#›
Proiectarea aplicatiei web mobile
Practici Simplificarea continutului Stylesheets Mobile Minimizarea numarului de imagini Limitarea defilarii intr-o singura directie Evitarea aplicatiilor Flash sau JavaScript Tema separata
Nu toate dispozitivele mobile suportă Flash sau JavaScript. Chiar dacă suportă, nu există nici o garanție că au cea mai recent versiune (Flash nu funcționează pe iPhone). Toate informațiile importante si funcționalitațile site-ului mobil trebuie realizate in (X)HTML/CSS. ‹#›
Proiectarea aplicatiei web mobile
Practici Simplificarea continutului Stylesheets Mobile Minimizarea numarului de imagini Limitarea defilarii intr-o singura directie Evitarea aplicatiilor Flash sau JavaScript Tema separata
Proiectarea aplicatiei web mobile
Punerea in aplicare a Stylsheets Mobile CSS este un limbaj utilizat în editare și formatare @ Import url ("/ css / styles.css"); @ Import url ("antiscreen.css") portabile; Această metodă funcţionează bine, dacă sunteţi în căutarea de a prezenta un şablon global mobile care se potriveşte în general, pe toate dispozitivele aa Suportă si cele mai vechi cele mai multe browsere din Windows Mobile şi sistemele de operare Symbian, precum şi IOS, Android, BlackBerry si altele.
Cuprins
Introducere 1 Proiectarea aplicatiei web mobile 2 Testare si limitari 3 Web pentru aplicatii mobile 4 Statistici 5
Testarea aplicatiei Opera Mini Firefox web developer iBBDemo2 Modalitati de testare Browser Cam iPadPeek
Opera Mini – browser gratuit care poate fi descărcat și instalat pe dispozitive portabile Firefox Web Developer – utilizând acest instrument se pot dezactiva imagini, Javascript și CSS pentru a crea navigabil și pentru telefoanele mai vechi. Browser Cam – o unealtă cu care vă puteti testa site-urile în tot felul de browsere iBBDemo2 – o aplicație Adobe Air ce realizează cu success simularea iPhone-urilor sau iPad-urilor. Poate fi o unealtă folositoare pentru testarea aplicațiilor web din familia iOS a telefoanelor mobile ‹#›
iBBDemo2
O aplicație Adobe Air ce realizează cu success simularea iPhone-urilor sau iPad-urilor. Poate fi o unealtă folositoare pentru testarea aplicațiilor web din familia iOS a telefoanelor mobile, in special daca nu detii un Mac.
Opera Mini Simulator
Browser gratuit care poate fi descărcat și instalat pe dispozitive portabile
iPadPeek
Destinat simularii si testarii pe iPad, ce au un display de 9.7’’ si o rezolutie de 1024x768
Comments