Develop Flash Lite App in Nokia S60

Develope Flash Lite in Nokia S60 Work Flow in Packaging Flash Lite Using Flash Lite 3.0 WRT Bess Ho

Requirements Code in ActionScript 2.0 in Flash Lite 3.0 .swf ﬁle IDE: CS4 Flash Professional Nokia S60 3rd Edition+ Code in HTML/CSS/JS in WRT (Web Runtime) IDE: Any HTML editor (Prefer Aptana)

Flash Lite 3.0 WRT Widget IDE CS4 Flash Pro HTML Editor ActionScript 2.0 HTML / CSS / JS Coding Assets Images Audios / Videos info.plist Files .swf Main.html Compressed .zip Package .wgz

3 ways to open Flash Lite app Flash Lite Player File Manager Gallery

Flash Lite App is on its Island Flash Lite app doesn’t support an icon Flash Lite app’s shortcut can’t be added to any quick access menus Any external resources such as images or audio ﬁles need to be delivered separately

Package Entire Flash Lite Assets Package Flash Lite app and external files in a SIS file .sis file extracted the contents to the correct folder .sis file must be signed Target folder vary between S60 platform versions

Why avoiding .sis? .sis requires to package in Symbian C++ Symbian C++ SDK & tools run in Window PC It requires at least basic C++ coding Majority Flash developers use Mac S60 SDK and tools are not compatible with Mac

S60 WRT Package .WGZ Contents are zipped Package is renamed with .wgz extension No signing Device supporting .WGZ recognize it as an installable application Package content are copied to a private folder and an icon for starting the widget is placed in the application folder

.wgz is just a renamed .zip file Compress your WRT files into .zip Rename the file to .wgz

Icon Icon must be in PNG format SVG icons are not supported in WRT

info.plist DisplayName key is the application title AllowNetworkAccess key support widget to access the internet <key> AllowNetworkAccess</key> <false/> User will not be asked for permission when launching the widget

info.plist

Main.html (CSS) Use an external .css ﬁle Set background color in Black Position full-screen Flash content

Main.html (JavaScript) Use an external .js ﬁle Set the navigation mode Use tab-based instead of pointer

. Main.html (JavaScript) Use JavaScript to detect the screen size Use info to optimize WFT through variables OR use multiple SWFs

Method 1: Flash Lite .swf Generate Flash embedded code by Adobe Flash Change the values to match your .swf src, movie, allowScriptAccess <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="238" height="318" id="MyFlash" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="MyFlash.swf" /> <param name="loop" value="false" /> <param name="menu" value="false" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="bgcolor" value="#ffffff" /> <embed src="MyFlash.swf" loop="false" menu="false" quality="high" wmode="opaque" bgcolor="#ffffff" width="238" height="318" name="Finish" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object>

Method 2: Flash Lite .swf Replace main.html file with .swf file Use .swf file as value for the MainHTML key in manufest file (info.plist) icon.png is optional Disable the “Exit” command on default right softkey in Flash .swf file info user to press the end key to exit app <key>MainHTML</key> <string>myFlash.swf</string> //To hide the softkey labels fscommand2("FullScreen", true); //Use Flash Player's softkey labels fscommand2("SetSoftKeys", "right dummy", "left dummy");

Method 3: Flash Lite .swf Use the meta-refresh tag in the <head> section of the main.html ﬁle Customize the content of a blank page content=”0” refer to no timeout (more stable in some devices) Also edit the softkey and close the app with end key <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>SWF Launcher</title> <META http-equiv="REFRESH" content="0; url=MyFlash.swf"> <script type='text/JavaScript'> function killWRT(){ var WRT = window.open("", "_top"); WRT.close(); } </script> </head> <body> <div align="center"> <br><br> You can find more information at <a href="http://www.forum.nokia.com">Forum Nokia</a>. <br> <input type="button" value="Close this window" onclick="killWRT()" /> <br><br> <b>Thank you for choosing our Flash Lite application. <br><br> - the team -</b> </div> </body> </html>

Create Widget Package Rename ZIP package to .wgz ﬁle Use your favorite method of zipping Must include the folder where .html, .css, .swf ﬁles in the zip package

File Transfer

3 Ways to Transfer Files to Device Blue Booth USB Cable Memory Card

Testing

Test Flash Lite Emulator is in Adobe Device Central Device Central provides an automatically updated device proﬁle library Device Central support automated testing. Test sequences carried out by interaction with emulator can be recorded and played back later as an automated test script

Test Widget Emulator in the Widget SDK doesn’t support Flash Lite Emulator won’t show Flash content Emulator can test Widget Must test widget package on S60 Web Runtime device Or use Remote Device Access service (FREE) Or use Device Anywhere

Signing

Express Signed For S60 App It serves Flash Developers It certify it is safe to install It indicates installation pakcage has been tested It indicates it is from a trusted and authentic source For commercial software it is eligible for OVI Store All Sybian App must be signed

Self-Signed Self signed app promote an installation warning of “untrusted software” to the end user

Express Signed on User Experience Signed appl remove the installation warning of “untrusted software” User once granted permission it will never ask user permission for a network connection Add functionality not normally available for Flash App as well as increasing the stack memory size

1 Purchasing Publisher ID Ofﬁcial Publisher ID Must be issued by TC TrustCenter Text Publisher ID is valid for one year Cost: $200 USD / year Submit your application When approved you will receive info in about a week ACS Publisher IDs Supplied by Verisign can not be used for Express Signed Submission

2 Create Symbian Signed Account Symbian Signed only accepts registration from privately registered domains or company domains. Public email domains and ISP domains are not accepted

Resources

Remote Device Access http://www.forum.nokia.com/Technology_Topics/ Application_Quality/Testing/Remote_Device_Access

Device Anywhere https://www.deviceanywhere.com/nokia/welcome.htm

Express Signing http://wiki.forum.nokia.com/index.php/ Step_by_Step_instructions_to_Express_signing

TC Trust Center Publisher ID http://www.trustcenter.de/order/publisherid/dev

Symbian Signed Account http://www.symbiansigned.com/app/page/preregister

Symbian Signed https://www.symbiansigned.com/app/page

Self-Signed Certiﬁcate http://wiki.forum.nokia.com/index.php/ How_to_sign_a_.Sis_file_with_Self-Sign_Certificate

Develop Flash Lite App in Nokia S60

by bess.ho on Jan 25, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 23

Statistics

Develop Flash Lite App in Nokia S60 — Presentation Transcript