Mobile Ajax Master Thesis in Applied Information Technology Magisterexamen med inriktning mot tillämpad informationsteknik Januari 2008, Institutionen.

Slides:



Advertisements
Liknande presentationer
låt oss presentera SLIDEPLAYER.SE
Advertisements

Tomas Sandström, Adtollo
CiviCRM – en introduktion
Serverkampanj för mellanmarknaden – genom partnerpresentation: Bild endast för presentatör: visa inte Talare: Partner Presentationens titel: Kraften att.
Fujitsu 1. © Fujitsu 2008 Stockholm Libris inspirationsdag Kristian Wallin Anne Sandfær Fujitsu Services A/S.
Datavalidering med JavaScript
Producerad av Publiciteta&Co Sundsbussarna Förslag på ny design av hemsida Publiciteta&Co 2006.
Avalon Information Systems Vi är IT-företaget som behärskar framtagning av information och utveckling av konkurrenskraftiga IT-system. - Produktinformation.
Välkommen till onlineseminariet om Webb 2.0 Stäng av mikrofonen Begär ordet via chatten... Eva Norling och Peter Giger, Blekinge Tekniska Högskola,
Frågor Allmän IT-kunskap avsnitt 1 kapitel 1 Repetition 4
Mashups Per K, Vad är en mashup? • Mashup är en typ av webbapplikation som sammanställer information och funktionalitet från fler av varandra.
Lektion 6 Mahmud Al Hakim
1.
Fi2 Lägesrapport om IT-utvecklingen i fastighetsbranschen
Programmering B PHP Lektion 1
Nyutveckling av DOK • Projektorganisationen • Vilka är CTK • Hur uppdraget uppkom • Den gamla versionen • Hur vi har jobbat • Utmaningar i.
Effektiva och användarvänliga verktyg gör dina kunder framgångsrika! New releases of Vision 80/20.
Informationshantering
DATABASHANTERING för programmerare
The Ubiquitous Interactor Mobila tjänster med flera användargränssnitt.
Ajax Dynamiska webbsystem. AJAX och web 2.0 Web 2.0 är egentligen bara ett ”buzzword” för en modern webbsajt. Innehållet skulle till exempel vara: Rich.
IT och kommunikationsvetenskap Teresa Cerratto Pargman, DSV
e-Learning standarder och specifikationer
Webben – intro Första föreläsningen i kursen Webbutveckling.
2007 Microsoft Office System - Klienten Pontus Haglund Mid Market Solutions Specialist Microsoft AB.
Introföreläsning CS Om publiceringssystem, lektion ett.
Databaser i B2KUNO Johan Eklund. Hur går jag vidare? Avancerade tillämpningar:  Analysera data  Generera information Utveckla följande färdigheter:
Responsive design i praktiken Johan Kling
WEBMASTER DAG 13 Mahmud Al Hakim
Bild 1 Välkomna! Lärarhandledning: 1.
Introföreläsning CS Om publiceringssystem, lektion ett.
SWEDISH AGENCY FOR ECONOMIC AND REGIONAL GROWTH 1 Ny E-tjänst för Nyps
Från Kartago till WMS Mikael Grimheden Kristianstads kommun
Kartdistribution med Web Map Services
1.
1 onTarget project management TM VÄLKOMNA EFFEKTIV KOMMUNAL E-FÖRVALTNING INKLUSIVE SKOLPORTAL Microsoft och Sigma.
1 Standardiserade Nyttomeddelanden med testbänk nyttomedd_testbaenk_ ppt.
- Alla föreningar har möjlighet till en egen hemsida med gemensamt utseende - Kostnadseffektivt för föreningarna - Enkelt att använda även för nybörjare.
Känna till och ha provat metoder och verktyg för processledning
Skräddarsytt bibliotek Presentation av Bibliotek
Mitt första Java program Mahmud Al Hakim Copyright, Mahmud Al Hakim, 1.
Integration mot Sociala Medier Henrik Sjödahl, Examensarbete i Webbprogrammering Handledare: Daniel Toll, Linnéuniversitetet, DFM.
Distribuerade realtidssystem Dr Peter Parnes
Microsoft Small Business Specialist. Microsoft har lanserat ett initiativ för partners som arbetar med småföretag. Fördelar för dig som partner är att.
XHTML & CSS Introduktion Erik Nahkala
Helen Ekelöf Kartan visar vägen till arkivets skattgömma.
1 Logging and monitoring of TCP traffic in SSH tunnels Masters thesis Anton Persson.
Vem litar du på? Om sociala medier och sociala nätverk Dataträff hos SeniorNet Södermalm 28 april 2010 Anita Rissler SeniorNet Lidingö.
Microsoft Visual Studio och.NET Framework, idag och imorgon! Robert Folkesson
Lunds universitet / Samordnat IT-stöd vid LU / Oktober 2009 NETinfo Samordnat IT-stöd vid LU Johnny Nilsson, PL Birgitta Lastow, bitr. PL Anders.
Forskning om dialog och dialogsystem på inst. för lingvistik målsättning: –utveckla teorier om mänsklig dialog som kan användas i byggandet av dialogsystem.
Välkommen till årets andra nätverksträff Sundsvall 30 maj, 2006 Funda Denizhan och Magnus Burell Verva, Nätverket 24-timmarswebben.
Informationsteknologi - Lektion 2 Trådlöst nätverk (WLAN) Trådlöst nätverk (WLAN) Filarkivet: Filarkivet:
I NNEHÅLLSHANTERINGSSYSTEM J OOMLA CMS L EKTION 3 Mahmud Al Hakim
1 Windows Azure Mikael ÖstbergTorkel Ödegaard. 2 Äshur Ashore Azzuure.
Mashups Per K, Vad är en mashup? Mashup är en typ av webbapplikation som sammanställer information och funktionalitet från fler av varandra.
Lektion 1 Webbplatsens layout Mahmud Al Hakim Dreamweaver 8 fortsättningskurs 1 Copyright, Mahmud.
Modul 6 Använda Internet för arbete och lärande. Inlärningsmål  6.1 Identifiera metoder för att få åtkomst till Internet.  6.2 Använda webbläsare för.
Jonny Karlsson PROCESSPROGRAMMERING Föreläsning 8 ( )‏ Innehåll:  Introduktion till Java EE (Enterprise Edition)  Enterprise Java Beans.
10 medietrender Håkan Gustafsson. Framåtlutad – Bakåtlutad – På väg.
BVForum - en genomgång för revisorer Sören Thuresson.
1 Jan Lundström OV’s Hemsida Utbildning Ledare. 2 Jan Lundström OV’s Hemsida Standard Lagrum.
Ladda ner och installera JAVA Mahmud Al Hakim DynamicOS
Välkommen till Sommarkollo Expression Studio, verktyg för designers Juli 2007 Robert Folkesson Developer Evangelist Microsoft Johan Lindfors.
Från Webb 2:0 till Webb 3:0. WEBB 0 Webb 0 = ingen webb alls. Data kommunicerades med tal, skrift, tryckkonst samt analoga medier och så småningom elektroniska.
Webben – en sammanfattning Sista föreläsningen i kursen Produktion för tryckta medier och webb.
Om publiceringssystem, lektion ett
Nya 1177.se
Nya 1177.se
Nya 1177.se
Presentationens avskrift:

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

 Inledning  Problemställning  Genomförande  Diskussion och slutsatser Presenteras av Mahmud och Haydar KTH - Institutionen för tillämpad IT  Inledning  Problemställning  Genomförande  Diskussion och slutsatser Presenteras av Mahmud och Haydar KTH - Institutionen för tillämpad IT Agenda 2

Web 2.0  Är ett samlingsnamn för nästa generation av webbtjä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ändarna skall kunna: - bidra till sajtens innehåll - ha kontroll över sin information  designen ska vara interaktiv och användbar  Är ett samlingsnamn för nästa generation av webbtjä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ändarna skall kunna: - bidra till sajtens innehåll - ha kontroll över sin information  designen ska vara interaktiv och användbar 3

Web 2.0 principer Webben som plattform Utnyttja kollektiv intelligens Data är nästa Intel Inside Slutet på mjukvarula nseringscy kel Lättviktspro grammering s-modeller Program varan ligger ovanför enhetens nivå Rik användaru pplevelse 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. • 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. 4

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 harness collective intelligence” [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. “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 harness collective intelligence” [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. 5

Mobile Web 2.0 principer  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 webbapplikationer Lokaliseringsbaserade tjänster  Söka info. via mobilen t.ex. Eniro Jaokar och Fish har sammanfattat sju grundläggande principer för Mobile Web 2.0 enligt följande: Mobile Web 2.0 principer Mobilinn ehåll Jag är en tagg Mångspr åkig Digital Converg ence Mobile Mobile Ajax & Mobile Widgets Location Based Services (LBS) Mobilsö kning 6

Ajax  Ajax (Asynchronous JavaScript and XML): En användbar teknik för utveckling av Web 2.0 tjänster.  Ajax är inte ett programmeringsspråk, utan ett samlingsnamn för några tekniker som används för att utveckla webapplikationer.  Den hämtar information löpande från servern utan omladdning.  Webbplatsen blir mer interaktiv.  Ajax (Asynchronous JavaScript and XML): En användbar teknik för utveckling av Web 2.0 tjänster.  Ajax är inte ett programmeringsspråk, utan ett samlingsnamn för några tekniker som används för att utveckla webapplikationer.  Den hämtar information löpande från servern utan omladdning.  Webbplatsen blir mer interaktiv. 7

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.  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. 8

Mobile Ajax  Mobil access till webbapplikationer t.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.  Mobil access till webbapplikationer t.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. 9

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.  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. 10

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

 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.  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. Genomförande 12

Use Case 13

Mobile Ajax Instant Messenger MAIM – DEMO

Aktivitetsdiagram 15

Verifiering av användarnamnet 16

Testenheter EnhetWebbläsare Nokia 6610 NavigatorWeb Browser for S60 Sony Ericsson P990iOpera 8.60 for symbian OS Nokia 5500S60 NGBrowser 3.00 Nokia N73Opera 8.65 for S60 3.x Ver:8.65 Nokia N70Web Browser for S60 Sony Ericsson T650NetFront 3.3 Sony Ericsson K800iNetFront Nokia 6280WAP 2.0/xHTML 17

Testresultat SE P990i Nokia 5500 Nokia 6610 Nokia N73 Nokia N70 SE T650 SE K800i Nokia JavaScript Ja 2. try...catch Ja 3. getElementById Ja NejJa Nej 4. getElementById RW Ja NejJa Nej 5. innerHTML on DIV Ja NejJa Nej 6. XHR Ja Nej 7. XHR Onclick Ja Nej MAIM JaNej JaNej 18

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. 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. 19

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) 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) 20

Slutsatser 3. Vilka krav ställer Mobile Ajax på mobila enheter?  En ”modern” webbläsare som har stöd för JavaScript och DOM - Document Object Model 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. 3. Vilka krav ställer Mobile Ajax på mobila enheter?  En ”modern” webbläsare som har stöd för JavaScript och DOM - Document Object Model 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. 21

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. 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. 22

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. 23

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 Flash Player installerad. - Det är underförstått att Java Me och Flash Lite kräver ej en webbläsare. 24

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