• Save
Tussentijdse presentatie 22/11/2012
Upcoming SlideShare
Loading in...5
×
 

Tussentijdse presentatie 22/11/2012

on

  • 827 views

 

Statistics

Views

Total Views
827
Views on SlideShare
411
Embed Views
416

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 416

http://htmobiel.wordpress.com 416

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Tussentijdse presentatie 22/11/2012 Tussentijdse presentatie 22/11/2012 Presentation Transcript

  • Vergelijkende studie vanframeworks voor deontwikkeling van mobieleHTML5 applicatiesTim Ameye Sander Van Loock 22 november 2012
  • Inhoud● Inleiding● Literatuurstudie● jQuery Mobile● Sencha Touch● Tot slot
  • Inleiding ● Omkadering ● Thesis met twee ● Capgemini ● Situering en doelstelling View slide
  • Omkadering● Promotor ○ prof. dr. E. Duval● Begeleiders ○ Gonzalo Parra (KU Leuven) ○ Jan Verhulst (Capgemini) View slide
  • Thesis met twee● zo weinig mogelijk overhead● zo goed mogelijk van elkaar op de hoogte
  • ● eerste meeting (15/10)● interviews (23/10) ○ developer ○ architect ○ sales● proof on concept (25/10) ○ mockup (4/11) ○ backend (10/11)
  • POC: Expense application
  • Situering en doelstelling
  • Literatuurstudie ● Inleiding ● Problemen ● Soorten frameworks / soorten applicaties ● Vergelijken van frameworks
  • Literatuurstudie ● http://www.w3schools.com ● http://www.whatwg.org Levende standaard ● http://www.html5rocks.com ● http://html5guy.com ● http://html5doctor.com
  • HTML51. Multimedia2. Offline en opslag3. Performantie en integratie4. Semantiek5. CSS36. 3D, grafieken en effecten7. Verbinding8. Toegang tot het apparaat
  • Problemen● HTML5 draft versie● Heterogene landschap● Snelle ontwikkelingen
  • BrowsersupportDetectie● Zelf opzoeken: http://mobilehtml5.org/● ModernizrResolutieProgressive enhancement Graceful degradation● Build to stable version ● Fallback (Pollyfills) ● Up to developer
  • Frameworks
  • Soorten applicaties
  • Assumpties POCDevice: Smartphone + TabletOS: Android + iOSFramework: jQuery Mobile & Sencha Touch
  • Vergelijken van frameworks● ISO 25010 (vergelijken van software)● Bestaande Use Cases ○ Codefessions (score voor verglijkingscriteria) ■ native experience ■ performance ■ cross-platform capabilities ■ features ■ ease of use ■ code efficiency ■ licences ■ community en extensibility ○ jQuery UI vs Kendo UI (vergelijkingstabel)● Vergelijkinstabellen
  • jQuery Mobile● Inleiding● Geleverd werk● Belangrijkste moeilijkheden● Demo
  • Inleiding● mark-up gedreven● gebouwd op jQuery● smartphone, tablet en desktop● browsers ○ mobile graded browser support ○ progressive enhancement2010 start2011 versie 1.0nu versie 1.2.0
  • Inleiding● benodigde tools ○ text editor, IDE, ... ○ browser met developer tools● aangeboden tools ○ ThemeRoller ○ Codiqua● documentatie ○ http://jquerymobile.com/demos/1.2.0/
  • Geleverd werk● implementeren smartphone versie POC ○ UI ○ functionaliteit met backend● plugins gezocht voor ○ formuliervalidatie ○ projectcode suggesties HTML5 formuliervalidatie● logboek 21/11/2012
  • Belangrijkste problemen● AJAX wordt geïmplementeerd met XMLHttpRequest (XHR) en is gebonden aan same origin policy● parseJSON en parseXML parsen enkel valid formaten● splitview● signature
  • Demo
  • Sencha Touch● Inleiding● Geleverd werk● Belangrijkste moeilijkheden● Demo
  • Inleiding● Javascript gedreven● WebKit browser engine onderdersteuning● MVC support
  • Geleverd werkOntwikkeling in Sencha ArchitectVervangen door IDE● Views en Models klaar ○ vbox ○ sorters ○ validaties● Controllers voor data in/uit
  • Belangrijkste moeilijkheden● Cross-domain requests (backend) ○ Cross-domain POST request met parameters ○ OPTIONS request als preflight● Syntax en knopjes Sencha Touch / Architect ○ Documentatie niet up-to-date● Debuggen met Sencha Touch
  • Demo
  • Tot slot● To do● Planning● Statistieken
  • To do● volledig implementeren van POC● toevoegen features aan POC● andere frameworks ○ The-M-Project ○ Kendo UI Mobile ○ ...
  • Planning● nu - dec: volledig implementatie POC● jan - feb: implementatie in twee andere frameworks● 28 feb: draft wetenschappelijk artikel● maart-april: evaluatie frameworks, schrijven thesistekst● 17 mei: indienen draft thesistekst
  • Statistieken Tim Ameye Sander Van LoockBlogposts 5 4Comments 16 11Tweets 45 28Uren totaal 160,5 158,8- lezen 56 77,5- schrijven 25 20- social network activities 12,5 7,5- meetings 29 23,5- reflectie 3,5 0- ontwerp 1,5 0- implementatie 23,5 30- evaluatie 0,5 0- presentatie 9 5Score: 14/20