Als ODP, PPTX herunterladen
![WebOS Programmierung Markus Leutwyler www.thinmachine.ch [email_address] @twtomcat](https://image.slidesharecdn.com/webosprogrammierungshort-100928134715-phpapp02/75/Einfuhrung-in-die-webOS-Programmierung-1-2048.jpg)
Einführung in die webOS Programmierung
- 1. WebOS Programmierung MarkusLeutwyler www.thinmachine.ch [email_address] @twtomcat
- 2. Über mich webOSEntwickler seit Oktober 2009
- 3.
- 4. Web und MobileEntwickler
- 5. Mehrere Apps imApp Catalog
- 6. Hot Apps Gewinnermit ”Moo”
- 7. Programm Was istWebOS?
- 8. Wie sieht eineApplikation aus?
- 9.
- 10.
- 11. Wie entwickelt maneine Applikation?
- 12.
- 13.
- 14. Kennt ihr HTML ?
- 15. Kennt ihr CSS ?
- 16. Kennt ihr Javascript ?
- 17. Dann könnt ihrfür webOS entwickeln!
- 18. Was ist webOS?SmartPhone Betriebssystem
- 19. (später auch fürDrucker und Tablets)
- 20.
- 21.
- 22.
- 23.
- 24. SDK: HTML HTML,CSS, JS
- 25. HTML 5 Standard(Canvas,CSS3,Storage)
- 26. Mojo und PrototypeFramework
- 27. PDK: Plugin DevelopmentKit C/C++
- 28. Posix, OpenGL ES,SDL, PDL
- 29.
- 30. Spiele: Angry Birds(iPhone Port)
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46. Wie sieht eineApplikation aus Stage (Bühne, Tab im Browser) Scene (Szene, Seite im Browser) Widgets (GUI Elemente)
- 47.
- 48.
- 49. Mojo Framework GUIElemente
- 50.
- 51. Folgt dem MVC– Muster View: HTML
- 52.
- 53. Beispiel (HTML) <divid=”text-field” x-mojo-element =”TextField”></div>
- 54. Beispiel (Javascript) varattributes= { modelProperty: 'original', focusMode: Mojo.Widget.focusSelectMode, maxLength: 30 }; this.model = { original: 'Bitte etwas eingeben', disabled: false };
- 55. Service API Asynchronedbus Kommunikation
- 56.
- 57.
- 58.
- 59. node.js in webOS 2.0
- 60. Service API HardwareBeschleunigungsmesser, GPS, Bildschirm, Kamera Applikationsservices Alarme, Kontakte, Kalender, Fotos, Up/Download Applikationsaktionen E-Mail, Karten, Telefon, Browser
- 61. Beispiel this.controller.serviceRequest(' palm://com.palm.connectiomanager', { method: 'getstatus', parameters: { subscribe:true}, onSuccess: this.handleOKResponse, onFailure: this.handleErrResponse });
- 62. Wie entwickelt man?Ihr bevorzugter Editor
- 63.
- 64.
- 65. Optionales Komodo EditPlugin
- 66. OS X, Linux(.deb), Windows wird unterstützt
- 67. webOS Emulator Basierendauf VirtualBox
- 68.
- 69. Nicht alle Hardwareunterstützt (Kamera,GPS)
- 70. Fehlende Hardware kannsimuliert werden
- 71. Jailbreak, Rooting? upupdowndownleftrightleftrightbastartoder webos20090606
- 72. Novacom -t opentty://
- 73.
- 74. ssh localhost -p5522 -l root
- 75. Luna-send -n 1palm://com.palm.pmradiosimulator/set_incomingcall
- 76. Palm Ares Ares:WYSIWYG Programmierumgebung
- 77.
- 78.
- 79.
- 80. palm-generate helloWorld <app><assistants> <views> <images> <stylesheets> appinfo.json index.html sources.json icon.png Die erste Applikation
- 81. index.html <!DOCTYPE html><html> <head> <title>Hello World</title> <script src = "/usr/palm/frameworks/mojo/ mojo.js " x-mojo-version="1"></script> <link href="/stylesheets/helloworld.css" media="screen" rel="stylesheet" type="text/css"> </head> </html>
- 82. Applikation installieren -palm-package helloWorld - palm-install com.yourdomain.helloworld_1.0.0_all.ipk
- 83. Szenen hinzufügen palm-generate-t new_scene -p "name=first" helloWorld palm-generate -t new_scene -p "name=second" helloWorld app/views/first/first-scene.html app/assistants/first-assistant.js
- 84. Szenen-HTML <div id="main"class="palm-hasheader"> <div class="palm-header">First Scene</div> <div class="palm-text">Welcome to my World</div> <div x-mojo-element="Button" id="button1"></div> </div>
- 85. Javascript - Setupstage-assistant.js: Mojo.Controller.stageController.pushScene("first"); first-assistant.js: this.controller.setupWidget("button1", this.attributes = {}, this.model = { label : "OK", disabled: false } );
- 86. Javascript - Handlerthis.handleButton1=this.handleButtonPress1.bindAsEventListener(this); Mojo.Event.listen(this.controller.get("button1"), Mojo.Event.tap, this.handleButton1); FirstAssistant.prototype.handleButtonPress1 = function(event){ Mojo.Controller.stageController.pushScene("second"); }
- 87. App Catalog Istauf jedem Gerät installiert
- 88. Noch nicht international(DE/UK/IR/FR)
- 89.
- 90. Developer Account: gratis
- 91.
- 92. Web- und Beta-Feed(kein Review)
- 93.
- 94. Mobiletuts 3-teiliges Tutorial(mobile.tutsplus.com)
- 95. IRC: #webos (freenode)
- 96.
- 97.
- 98.