Taking Advantage of Webtop

Motorola Mobility
Peter van der Linden
Android

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

MOTODEV 2

1

2

3 Webtop

4 HTML5

© 2011 Motorola Mobility, Inc.

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


MOTODEV 4

RAM/ROM

• 1 GB RAM

• 2 GB

• 10.7 GB

• 32 GB SDHC


MOTODEV 5

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


MOTODEV 6

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

•
o 720p HD, 30fps
o HDMI


MOTODEV 7

•
• ( )
•
•
•
o
o API


MOTODEV 8

• Android WebKit

• Adobe® Flash®

• webtop
o File Manager( )

• Entertainment Center( )


MOTODEV 9

:

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


MOTODEV 10

:
HD

• USB HDMI
• HD HD TV
•
o USB
o USB
•


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/


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

MOTODEV 13

API

•

• Motorola API(FFC Motorola )

• 2.2(Froyo)

• 2.3(Gingerbread)
o Gingerbread Google API
Froyo


MOTODEV 14

API

• com.motorola.hardware.frontcamera.FrontCamera lib

• : static Camera getFrontCamera();

• Android Camera .

• !

.

MOTODEV 15

API

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

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


MOTODEV 16

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


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/


MOTODEV 19

Motorola API

•

• (Reflection)
API .


MOTODEV 20

(Reflection) –

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


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


MOTODEV 22

(Reflection) -

Camera frontCam =
ConditionalFrontCamera.getFrontCamera();

if(frontCam != null) {
//
} else {
//
}


Tegra 2

MOTOROLA

MOTODEV 24

PC

CPU

GPU RAM

PCI SATA USB

MOTODEV 25

Tegra 2 –

• - -
o , , CPU GPU

• ARM 7 CPU
o 1 GHz
o

–

–

o ...


Webtop

MOTOROLA

MOTODEV 27

Motorola

CPU

.

MOTODEV
Webtop 28

HTML, js 1.0
© 2011 Motorola Mobility, Inc. Android

MOTODEV 29

© 2011 Motorola Mobility, Inc. 1.0

MOTODEV 30

Webtop
•

• Motorola ATRIX 4G Motorola
/

• 11.5 Firefox 3.6.13

• !

.

HTML5

MOTOROLA

MOTODEV 32

HTML 5

• W3C HTML
• , :
•
•
•
•
•


MOTODEV 33

HTML 5

•

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


MOTODEV 34

Firefox 3.6

• ( )

• , (
)

• <audio> WAV OGG

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


MOTODEV 35

Firefox 3.6

• Javascript <canvas> 2D

•

( / )

• Javascript


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

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


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


MOTODEV 39


MOTODEV 40

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

•
– MOTODEV Studio: ( ,
, ) IDE
– App Validator: Android

• (Twitter)
– Appsum11kr

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

MOTODEV 41

?
- #appsum11kr

community-developer.motorola.com


MOTODEV 42


MOTODEV 45


Taking Advantage of Webtop

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Similaire à Taking Advantage of Webtop

Similaire à Taking Advantage of Webtop (20)

Plus de Motorola Mobility - MOTODEV

Plus de Motorola Mobility - MOTODEV (18)

Dernier

Dernier (20)

Taking Advantage of Webtop