Der Browser als App-Plattform - Mobile DevCon 2011 - Tobias Bosch
•
1 j'aime•1,051 vues
Dieser Vortrag diskutiert verschiedene Architekturen für mobile Anwendungen anhand eines Kundenprojekts. Dabei wurden JavaScript, HTML5, automatisierte Tests sowie PhoneGap und eine Barcode-Scanner-Bibliothek eingesetzt.
![Tobias Bosch Senior Consultant OPITZ CONSULTING GmbH München, 25.07.2011 Der Browser als App-Plattform Design: ,[object Object]](https://image.slidesharecdn.com/browseralsapp-plattform-mobiledevcon2011-tobiasbosch-110808070745-phpapp01/85/Der-Browser-als-App-Plattform-Mobile-DevCon-2011-Tobias-Bosch-1-320.jpg)
Recommandé
Contenu connexe
En vedette
En vedette (12)
Similaire à Der Browser als App-Plattform - Mobile DevCon 2011 - Tobias Bosch
Similaire à Der Browser als App-Plattform - Mobile DevCon 2011 - Tobias Bosch (20)
Plus de OPITZ CONSULTING Deutschland
Plus de OPITZ CONSULTING Deutschland (20)
Der Browser als App-Plattform - Mobile DevCon 2011 - Tobias Bosch
- 2. Ebenso sind die Schriftarten als „OC 2009“ hinterlegt.
- 5. Ebenso sind die Schriftarten als „OC 2009“ hinterlegt.
- 8. Ebenso sind die Schriftarten als „OC 2009“ hinterlegt.
- 9. Die Standardfarben sind:CC, Max Wesby, flickr/max_westby
- 11. Ebenso sind die Schriftarten als „OC 2009“ hinterlegt.
- 13. Ebenso sind die Schriftarten als „OC 2009“ hinterlegt.
- 15. Ebenso sind die Schriftarten als „OC 2009“ hinterlegt.
- 16. Die Standardfarben sind:Web App Web View
- 17. PhoneGapApplication publicclassRetoure extendsDroidGap { @Override publicvoidonCreate( Bundle savedInstanceState) { super.onCreate(savedInstanceState); this.loadUrl( "file:///android_asset/www/index.html"); } }
- 18. Barcode-Scanner mit PhoneGap (1) PhoneGap.exec( function(scanResult) { ... }, function(error) { ... }, 'BarcodeScanner', ‘scan', ALL_CODE_TYPES);
- 19. Barcode-Scanner mit PhoneGap (2) publicclassBarcodeScannerextendsPlugin{ publicPluginResultexecute( String action, JSONArrayargs) { ... IntentintentScan = newIntent( "com.google.zxing.client.android.SCAN"); startActivity(intentScan); ... } publicvoidonActivityResult(...) { this.success(scanResult); }
- 20. Barcode-Scanner mit PhoneGap (3) JavaScript Barcode-Scanner Barcode-Plugin Phonegap.exec startActivity onActivityResult successCallback
- 22. Ebenso sind die Schriftarten als „OC 2009“ hinterlegt.
- 23. Die Standardfarben sind:UI Values
- 25. Ebenso sind die Schriftarten als „OC 2009“ hinterlegt.
- 26. Die Standardfarben sind:Data Events
- 28. Ebenso sind die Schriftarten als „OC 2009“ hinterlegt.
- 30. Testautomatisierung CC, Mirko Tobias Schaefer, flickr/gastev
- 31. JavaScript-Tests describe('validateBarcode', function() { it('shoulddetect check digiterrors', function() { expect(validateBarcode(12345671)). toBeFalsy(); }; it('shoulddetectcorrectbarcodes', function() { expect(validateBarcode(12345670)). toBeTruthy(); } }
- 32. JsTestDriver © MiskoHevery, Misko.Hevery@gmail.com
- 33. Browser ✔ ✔ ✔ ✔ ✔ GPS ✔ ✔ ✔ ✔ ✖ CSS3 ✔ ✖ ✖ ✖ ✖ Date Input
- 34. Komponenten-Bibliotheken CC, Rodrigo Galindez, flickr/rodrigogalindez
- 35. Hello World <script type="text/javascript"> newExt.Application({ launch: function() { newExt.Panel({ fullscreen: true, html: 'Hello World!' }); } }); </script>
- 36. HelloWorld <body> <div data-role="page"> <div data-role="content"> <p>Helloworld</p> </div> </div> </body>
- 37. DEMO
- 38. Kontakt Tobias Bosch Senior Consultant OPITZ CONSULTING GmbH Weltenburger Straße 4 81677 MünchenTel +49 (89) 680098-0 tobias.bosch@opitz-consulting.com Github/Twitter: Tigbro
- 40. Ebenso sind die Schriftarten als „OC 2009“ hinterlegt.
- 41. Die Standardfarben sind: