Taking Advantage of Webtop

MOTOROLA Stylized M Motorola Trademark Holdings, LLC. .. © 2011 Motorola Mobility, Inc. All rights reserved.

Peter van der LindenAndroid

Motorola Mobility

WebtopHTML5

2MOTODEV

© 2011 Motorola Mobility, Inc.

1

2

3 Webtop

4 HTML5

3MOTODEV


• 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

4MOTODEV


RAM/ROM

• 1 GB RAM

• 2 GB

• 10.7 GB

• 32 GB SDHC

5MOTODEV


• W-CDMA 850/1900/2100• GSM 850/900/1800/1900• HSDPA 14Mbps( 10)• Wi-Fi, Bluetooth…

6MOTODEV


•o : 5 , , LED o : VGA(640x480)

•o 720p HD, 30fpso HDMI

7MOTODEV


•• ( )•••

o

o API

8MOTODEV


• Android WebKit

• Adobe® Flash®

• webtopo File Manager( )

• Entertainment Center( )

9MOTODEV


:

• , 2.4 lbs• 11.6" • , • USB 2 , ATRIX••

o ATRIX

10MOTODEV


: HD

• USB HDMI • HD HD TV•

o USB o USB

•

11MOTODEV


ATRIX

• SDK o http://developer.motorola.com/docstools/tools/

• Webtopo http://developer.motorola.com/docstools/library/

•o http://developer.motorola.com/products/atrix-mb860/

13MOTODEV


API

•

• Motorola API(FFC Motorola )

• 2.2(Froyo)

• 2.3(Gingerbread)o Gingerbread Google API

Froyo

14MOTODEV

© 2011 Motorola Mobility, Inc..

• com.motorola.hardware.frontcamera.FrontCamera lib

• : static Camera getFrontCamera();

• Android Camera .

• !

API

15MOTODEV


API

import com.motorola.hardware.frontcamera.FrontCamera;import android.hardware.Camera;

Camera frontCam = FrontCamera.getFrontCamera();// frontCam// ...

frontCam.release(); //

16MOTODEV


<uses-library android:name="com.motorola.hardware.frontcamera"/><uses-feature android:name="android.hardware.camera"/><uses-permission android:name="android.permission.CAMERA"/>

17MOTODEV


•

• 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/

19MOTODEV


Motorola API

•

• (Reflection)API .

20MOTODEV


(Reflection) –

<uses-library android:name="com.motorola.hardware.frontcamera”android:required="false" />

21MOTODEV


(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;

}}

}

22MOTODEV


(Reflection) -

Camera frontCam = ConditionalFrontCamera.getFrontCamera();

if(frontCam != null) {//

} else {//

}


Tegra 2


24MOTODEV


PC

CPU

GPU RAM

PCI USBSATA

25MOTODEV


Tegra 2 –

• - -o , , CPU GPU

• ARM 7 CPUo 1 GHzo

–

–

o ...


Webtop


27MOTODEV


Motorola

CPU

28MOTODEV

© 2011 Motorola Mobility, Inc.1.0

Webtop

HTML, jsAndroid

29MOTODEV

© 2011 Motorola Mobility, Inc.1.0© 2011 Motorola Mobility, Inc.

30MOTODEV


Webtop

•

• Motorola ATRIX 4G Motorola /

• 11.5 Firefox 3.6.13

• !


HTML5


32MOTODEV


HTML 5

• W3C HTML • , :

•••••

33MOTODEV


HTML 5

•

section, article, aside, hgroup, header, footer, nav, figure, video, audio, canvas, datalist, embed, mark

34MOTODEV


Firefox 3.6

• ( )

• , ()

• <audio> WAV OGG

• : http://developer.motorola.com/docstools/library/webtop-application-overview/

35MOTODEV


Firefox 3.6

• Javascript <canvas> 2D

•

( / )

• Javascript

36MOTODEV


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);

}

37MOTODEV


• . .

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") );

38MOTODEV


• . .

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/ :

39MOTODEV


40MOTODEV


: developer.motorola.com•– http://community.developer.motorola.com/

•– MOTODEV Studio: ( ,

, ) IDE– App Validator: Android

• (Twitter)– Appsum11kr

•– http://developer.motorola.com/products/xoom/

41MOTODEV


?

- #appsum11kr

community-developer.motorola.com

42MOTODEV


45MOTODEV


Taking Advantage of Webtop

Technology

Transcript of Taking Advantage of Webtop