Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Taking Advantage of Webtop

1,812 views

Published on

Learn how HTML5 improves the mobile user experience.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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.

×