Mobile Ajax

1. Master Thesis in Applied Information Technology Mobile Ajax Magisterexamen med inriktning mot tillämpad informationsteknik Januari 2008, Institutionen för tillämpad IT Kungliga Tekniska Högskolan

2. Agenda • Inledning • Problemställning • Genomförande • Diskussion och slutsatser Presenteras av Mahmud och HaydarKTH - Institutionenförtillämpad IT

3. Web 2.0 • Ärettsamlingsnamnförnästa generation avwebbtjänster. t. ex. Wikipedia. • För att en webbsida ska definieras som Web 2.0 måste den bl. a. uppfylla följande villkor: • Att användarnaskallkunna:- bidra till sajtensinnehåll- ha kontrollöver sin information • designen ska vara interaktiv och användbar

4. Web 2.0 principer Tim O’Reilly sju grundläggande principer för Web 2.0 är: • Tjänster på Webben istället för de traditionella applikationer. • Att användarna kan skapa & redigera webbens innehåll. • Att ha en databas som inte ägs av tillverkaren. • Att uppdateringar sker utan att • skickas till användarna. • Tjänster bygger på Ajax & RSS, automatiskt leverans av information. • Kan köras på vilken dator som helst. • Underlättar hantering av tjänster för användaren.

5. Mobile Web 2.0 “Mobile Web 2.0 is focused on the user as the creator and consumer of content ‘at the point of inspiration’ and the mobile device as the means to harnesscollectiveintelligence” [Jaokar & Fish, 2006] • Utnyttja kollektiv intelligens Användaren är både skaparen och konsumenten av innehållet och den mobila enheten är ett hjälpmedel för att utnyttja den kollektiva intelligensen.

6. Mobile Web 2.0 principer Jaokar och Fish har sammanfattat sju grundläggande principer för Mobile Web 2.0 enligt följande: • Användargenererat material m.h.a. t.ex. Moblogging • Ersätta alla nummer med taggar/nyckelord. • Taggat innehåll ger möjlighet till mångspråkighet. • Sammansmältning av media (ljud, bild, video, TV) och Mashups. • Mobil access till webbapplikationerLokaliseringsbaserade tjänster • Söka info. via mobilen t.ex. Eniro

7. Ajax • Ajax (Asynchronous JavaScript and XML): En användbarteknikförutvecklingav Web 2.0 tjänster. • Ajax ärinteettprogrammeringsspråk, utanettsamlingsnamnförnågrateknikersomanvändsförattutvecklawebapplikationer. • Den hämtar information löpandefrånservernutanomladdning. • Webbplatsenblirmerinteraktiv.

8. Ajax teknologier • HTML/XHTML och CSS för standardbaserad presentation. • XML och XSLT för datautväxling och manipulation. • JavaScript för att dynamiskt binda ihop allt. • DOM för dynamiskt utseende och interaktion. • XMLHttpRequest för asynkron datahämtning.

9. Mobile Ajax • Mobil access till webbapplikationert.ex. Gmail. • Mobile Ajax är en specialisering av Ajax principer för att applicera tekniken på mobiltelefoner och alla begränsade enheter som har webbläsaregenskaper, såsom spelkonsoler och digitalboxar.

10. Mobile Ajax teknologier • Mobile Ajax uppsättningsteknologier skiljer i stort sett inte så mycket från teknologierna som används vid standard Ajax-utveckling. • Det krävs minst stöd för: XMLHttpRequest (XHR), JavaScript och DOM (eller innerHTML). CSS-stilmallar kan även användas för att t.ex. formatera text .

11. Problemställning • Kan Mobile Ajax göra mobila webbapplikationer mer användarvänliga, dynamiska och interaktiva? • Vilka funktionaliteter i Mobile Ajax underlättar utvecklingen av mobila webbapplikationer? • Vilka krav ställer Mobile Ajax på mobila enheter? • Vilka fördelar och nackdelar har Mobile Ajax jämfört med Java ME och Flash Lite?

12. Genomförande • Utveckling av en Ajaxbaserad chatt-applikation (IM) till mobila enheter. • Utveckling av en Java ME version • Utveckling av Flash Lite version • Tester på några mobila enheter.

13. Use Case

14. Mobile Ajax Instant MessengerMAIM – DEMOwww.mobileajax.se/maim http://www.testiphone.com

15. Aktivitetsdiagram

16. Verifiering av användarnamnet

17. Testenheter

18. Testresultat

19. Slutsatser 1. Kan Mobile Ajax göra mobila webbapplikationer mer användarvänliga, dynamiska och interaktiva? • Ja. För att användaren behöver inte uppdatera webbsidan själv utan detta sker dynamiskt. Detta medför mer interaktivitet och kortare svarstider. • Mobile Ajax bygger på en asynkron kommunikationsmodell, vilket gör mobila webbapplikationer dynamiska och interaktiva. • Mycket effektivare än den klassiska webbapplikationsmodellen • Kommer i framtiden att prestera ännu bättre än den gör idag. • Allt detta gör Mobile Ajax webbapplikationer mer användarvänliga och sparar båda tid och bandbredd.

20. Slutsatser 2. Vilka funktionaliteter i Mobile Ajax underlättar utvecklingen av mobila webbapplikationer? • Utveckling med befintliga öppna standard webbteknologier som man är redan van vid, såsom JavaScript, XHTML, CSS och DOM. • Detta leder till mindre träning och når ut på marknaden snabbare. • Administrationen och uppdateringen styrs helt från servern. • Bör appliceras i ett noggrant och meningsfullt sätt!(Valet av mobilen och webbläsaren är avgörande)

21. Slutsatser 3. Vilka krav ställer Mobile Ajax på mobila enheter? • En ”modern” webbläsare som har stöd för JavaScript och DOM - DocumentObjectModel eller åtminstone innerHTML stöd, samt XMLHttpRequest. • Våra tester visade att Opera Mobile har bäst stöd för Mobile Ajax. • Vissa Mobile Ajax applikationer t.ex. IM (Instant Messenger) kräver permanent Internetanslutning.

22. Slutsatser 4. Vilka fördelar och nackdelar har Mobile Ajax jämfört med Java ME och Flash Lite? • Användarperspektiv- Mobile Ajax kan integreras i befintliga lösningar. - Användaren kan börja eller fortsätta arbeta med sina mobila webbapplikationer, utan att behöva ladda ner eller installera extra programvara på klienten. - Användarens upplevelse ökar på ett interaktivt sätt.- Både Java ME och Flash Lite kräver nedladdning och/eller installationer av programvara. Detta är en lätt uppgift men kan vara en tröskel för nybörjare.

23. Slutsatser • Utvecklarperspektiv- Bättre och kraftfullare mobil- webbutveckling med befintliga standard teknologier.- Lättare att lära sig än Java ME och Flash Lite, som är betydligt svårare och kräver att man både behöver lära sig nya språk och sätta sig in i nya utvecklingsmiljöer.

24. Slutsatser • Kompatibilitet- Dagens webbläsarna har dåligt stöd för Mobile Ajax.- Java ME applikationer kan köras på enheter som har operativsystem som stödjer Java - Flash Lite applikationer kan köras på operativsystem som har stöd för Flash och har en FlashPlayer installerad. - Det är underförstått att Java Me och Flash Lite kräver ej en webbläsare.

25. Förslag till vidareforskning • Mobila webbläsare • Säkerheten i Mobile Ajax • Jämförande studie: JavaFX Mobile, Flash Lite och Mobile Ajax.