Taking Advantage of Webtop

1,762 views
1,622 views

Published on

Learn how HTML5 improves the mobile user experience.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,762
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
53
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Taking Advantage of Webtop

  1. 1. Motorola Mobility Peter van der Linden AndroidWebtopHTML5MOTOROLA Stylized M Motorola Trademark Holdings, LLC. . . © 2011 Motorola Mobility, Inc. All rights reserved.
  2. 2. MOTODEV 2123 Webtop4 HTML5 © 2011 Motorola Mobility, Inc.
  3. 3. MOTODEV 3 • Motorola ATRIX 4G MB860 • “ ” 11mm • 4.0" , qHD(540 x 960), 240 dpi, 24 • 1GHz NVIDIA Tegra 2 • Android 2.2.1(Froyo) • 1930 mAh © 2011 Motorola Mobility, Inc.
  4. 4. MOTODEV 4 RAM/ROM • 1 GB RAM • 2 GB • 10.7 GB • 32 GB SDHC © 2011 Motorola Mobility, Inc.
  5. 5. MOTODEV 5 • W-CDMA 850/1900/2100 • GSM 850/900/1800/1900 • HSDPA 14Mbps( 10) • Wi-Fi, Bluetooth… © 2011 Motorola Mobility, Inc.
  6. 6. MOTODEV 6 • o :5 , , LED o : VGA(640x480) • o 720p HD, 30fps o HDMI © 2011 Motorola Mobility, Inc.
  7. 7. MOTODEV 7 • • ( ) • • • o o API © 2011 Motorola Mobility, Inc.
  8. 8. MOTODEV 8 • Android WebKit • Adobe® Flash® • webtop o File Manager( ) • Entertainment Center( ) © 2011 Motorola Mobility, Inc.
  9. 9. MOTODEV 9 : • , 2.4 lbs • 11.6" • , • USB 2 , ATRIX • • o ATRIX © 2011 Motorola Mobility, Inc.
  10. 10. MOTODEV 10 : HD • USB HDMI • HD HD TV • o USB o USB • © 2011 Motorola Mobility, Inc.
  11. 11. MOTODEV 11 ATRIX • SDK o http://developer.motorola.com/docstools/tools/ • Webtop o http://developer.motorola.com/docstools/library/ • o http://developer.motorola.com/products/atrix-mb860/ © 2011 Motorola Mobility, Inc.
  12. 12. MOTOROLAMOTOROLA Stylized Stylized MMotorola Trademark Holdings, LLC. M Motorola Trademark Holdings, LLC. . . . © 2011 © 2011 Motorola Mobility, Inc. Allreserved. . Motorola Mobility, Inc. All rights rights reserved.
  13. 13. MOTODEV 13 API • • Motorola API(FFC Motorola ) • 2.2(Froyo) • 2.3(Gingerbread) o Gingerbread Google API Froyo © 2011 Motorola Mobility, Inc.
  14. 14. MOTODEV 14 API • com.motorola.hardware.frontcamera.FrontCamera lib • : static Camera getFrontCamera(); • Android Camera . • ! . © 2011 Motorola Mobility, Inc.
  15. 15. MOTODEV 15 APIimport com.motorola.hardware.frontcamera.FrontCamera;import android.hardware.Camera;Camera frontCam = FrontCamera.getFrontCamera(); // frontCam // ...frontCam.release(); // © 2011 Motorola Mobility, Inc.
  16. 16. MOTODEV 16<uses-library android:name="com.motorola.hardware.frontcamera"/><uses-feature android:name="android.hardware.camera"/><uses-permission android:name="android.permission.CAMERA"/> © 2011 Motorola Mobility, Inc.
  17. 17. MOTODEV 17•• ATRIX SDK jar o ffc_api_stub.jar• jar “Motorola Front-Facing Camera API(Motorola API)” o http://developer.motorola.com/docstools/library/ motorola-front-facing-camera-api/ © 2011 Motorola Mobility, Inc.
  18. 18. MOTOROLAMOTOROLA Stylized Stylized MMotorola Trademark Holdings, LLC. M Motorola Trademark Holdings, LLC. . . . © 2011 © 2011 Motorola Mobility, Inc. Allreserved. . Motorola Mobility, Inc. All rights rights reserved.
  19. 19. MOTODEV 19 Motorola API • • (Reflection) API . © 2011 Motorola Mobility, Inc.
  20. 20. MOTODEV 20 (Reflection) –<uses-libraryandroid:name="com.motorola.hardware.frontcamera”android:required="false" /> © 2011 Motorola Mobility, Inc.
  21. 21. MOTODEV 21 (Reflection) –private static class ConditionalFrontCamera { public static Camera getFrontCamera(){ try { Method fcMethod = Class.forName( "com.motorola.hardware.frontcamera.FrontCamera") .getDeclaredMethod("getFrontCamera",(Class[])null); if (fcMethod==null) return null; return (Camera) fcMethod.invoke( (Object[])null,(Object[])null); } catch (Exception ex){ return null; } }} © 2011 Motorola Mobility, Inc.
  22. 22. MOTODEV 22 (Reflection) - Camera frontCam = ConditionalFrontCamera.getFrontCamera(); if(frontCam != null) { // } else { // } © 2011 Motorola Mobility, Inc.
  23. 23. Tegra 2 MOTOROLAMOTOROLA Stylized Stylized MMotorola Trademark Holdings, LLC. M Motorola Trademark Holdings, LLC. . . . © 2011 © 2011 Motorola Mobility, Inc. Allreserved. . Motorola Mobility, Inc. All rights rights reserved.
  24. 24. MOTODEV 24 PC CPU GPU RAM PCI SATA USB © 2011 Motorola Mobility, Inc.
  25. 25. MOTODEV 25 Tegra 2 – • - - o , , CPU GPU • ARM 7 CPU o 1 GHz o – – o ... © 2011 Motorola Mobility, Inc.
  26. 26. Webtop MOTOROLAMOTOROLA Stylized Stylized MMotorola Trademark Holdings, LLC. M Motorola Trademark Holdings, LLC. . . . © 2011 © 2011 Motorola Mobility, Inc. Allreserved. . Motorola Mobility, Inc. All rights rights reserved.
  27. 27. MOTODEV 27 Motorola CPU . © 2011 Motorola Mobility, Inc.
  28. 28. MOTODEV Webtop 28 HTML, js 1.0 © 2011 Motorola Mobility, Inc. Android
  29. 29. MOTODEV 29 © 2011 Motorola Mobility, Inc. 1.0 © 2011 Motorola Mobility, Inc.
  30. 30. MOTODEV 30 Webtop • • Motorola ATRIX 4G Motorola / • 11.5 Firefox 3.6.13 • ! . © 2011 Motorola Mobility, Inc.
  31. 31. HTML5 MOTOROLAMOTOROLA Stylized Stylized MMotorola Trademark Holdings, LLC. M Motorola Trademark Holdings, LLC. . . . © 2011 © 2011 Motorola Mobility, Inc. Allreserved. . Motorola Mobility, Inc. All rights rights reserved.
  32. 32. MOTODEV 32 HTML 5 • W3C HTML • , : • • • • • © 2011 Motorola Mobility, Inc.
  33. 33. MOTODEV 33 HTML 5 • section, article, aside, hgroup, header, footer, nav, figure, video, audio, canvas, datalist, embed, mark © 2011 Motorola Mobility, Inc.
  34. 34. MOTODEV 34 Firefox 3.6 • ( ) • , ( ) • <audio> WAV OGG • : http://developer.motorola.com/docstools/library/webtop- application-overview/ © 2011 Motorola Mobility, Inc.
  35. 35. MOTODEV 35 Firefox 3.6 • Javascript <canvas> 2D • ( / ) • Javascript © 2011 Motorola Mobility, Inc.
  36. 36. MOTODEV 36 Canvas( ) 2D • . . <canvas id="myc" width="500" height="300"></canvas> <script> function supportsCanvas() { return !!document.createElement(canvas).getContext; } var head = new Image(); head.src="head.jpg”; var myc = document.getElementById("myc"); var cxt = myc.getContext("2d"); head.onload = function () { cxt.drawImage(head, 0, 0); } © 2011 Motorola Mobility, Inc.
  37. 37. MOTODEV 37 • . . function supportsLocalStorage() { return (localStorage in window) && window[localStorage]!==null; } try { var msg = "localStorage is working OK <br>"; localStorage.setItem("key", msg ); } catch (e) { document.write("Excpn in local storage”); } document.write( localStorage.getItem("key") ); © 2011 Motorola Mobility, Inc.
  38. 38. MOTODEV 38 • . . function supportsGeolocation() { return !!navigator.geolocation; } function savePos(pos) { var lat = pos.coords.latitude; var lon = pos.coords.longitude; } try { navigator.geolocation.getCurrentPosition(savePos); } catch (e) { http://www.mozilla.com/en-US/firefox/geolocation/ : © 2011 Motorola Mobility, Inc.
  39. 39. MOTODEV 39 © 2011 Motorola Mobility, Inc.
  40. 40. MOTODEV 40 : developer.motorola.com • – http://community.developer.motorola.com/ • – MOTODEV Studio: ( , , ) IDE – App Validator: Android • (Twitter) – Appsum11kr • – http://developer.motorola.com/products/xoom/ © 2011 Motorola Mobility, Inc.
  41. 41. MOTODEV 41 ? - #appsum11kr community-developer.motorola.com © 2011 Motorola Mobility, Inc.
  42. 42. MOTODEV 42 © 2011 Motorola Mobility, Inc.
  43. 43. MOTODEV 43 Apache 2 .Copyright © 2010, Android Open Source Project. All rights reserved( ).Apache , 2.0(" "); . :http://www.apache.org/licenses/LICENSE-2.0. “ ” . . © 2011 Motorola Mobility, Inc.
  44. 44. MOTODEV 44 BSD .Copyright © 2010-2011, Motorola, Inc. All rights reserved( ). 2 . , .2 , / . Motorola, Inc. . " " ( ) . , , , , ( , , , ) , ( ) , . © 2011 Motorola Mobility, Inc.
  45. 45. MOTODEV 45 © 2011 Motorola Mobility, Inc.

×