Your SlideShare is downloading. ×
  • Like
  • Save
Develop Flash Lite App in Nokia S60
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Develop Flash Lite App in Nokia S60



Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. Develope Flash Lite in Nokia S60 Work Flow in Packaging Flash Lite Using Flash Lite 3.0 WRT Bess Ho
  • 2. Requirements Code in ActionScript 2.0 in Flash Lite 3.0 .swf file IDE: CS4 Flash Professional Nokia S60 3rd Edition+ Code in HTML/CSS/JS in WRT (Web Runtime) IDE: Any HTML editor (Prefer Aptana)
  • 3. 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
  • 4. 3 ways to open Flash Lite app Flash Lite Player File Manager Gallery
  • 5. 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 files need to be delivered separately
  • 6. 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
  • 7. 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
  • 8. 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
  • 9. .wgz is just a renamed .zip file Compress your WRT files into .zip Rename the file to .wgz
  • 10. Icon Icon must be in PNG format SVG icons are not supported in WRT
  • 11. 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
  • 12. info.plist
  • 13. Main.html (CSS) Use an external .css file Set background color in Black Position full-screen Flash content
  • 14. Main.html (JavaScript) Use an external .js file Set the navigation mode Use tab-based instead of pointer
  • 15. . Main.html (JavaScript) Use JavaScript to detect the screen size Use info to optimize WFT through variables OR use multiple SWFs
  • 16. 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="" /> </object>
  • 17. 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");
  • 18. Method 3: Flash Lite .swf Use the meta-refresh tag in the <head> section of the main.html file 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 ="", "_top"); WRT.close(); } </script> </head> <body> <div align="center"> <br><br> You can find more information at <a href="">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>
  • 19. Create Widget Package Rename ZIP package to .wgz file Use your favorite method of zipping Must include the folder where .html, .css, .swf files in the zip package
  • 20. File Transfer
  • 21. 3 Ways to Transfer Files to Device Blue Booth USB Cable Memory Card
  • 22. Testing
  • 23. Test Flash Lite Emulator is in Adobe Device Central Device Central provides an automatically updated device profile 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
  • 24. 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
  • 25. Signing
  • 26. 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
  • 27. Self-Signed Self signed app promote an installation warning of “untrusted software” to the end user
  • 28. 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
  • 29. 1 Purchasing Publisher ID Official 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
  • 30. 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
  • 31. Resources
  • 32. Remote Device Access Application_Quality/Testing/Remote_Device_Access
  • 33. Device Anywhere
  • 34. Express Signing Step_by_Step_instructions_to_Express_signing
  • 35. TC Trust Center Publisher ID
  • 36. Symbian Signed Account
  • 37. Symbian Signed
  • 38. Self-Signed Certificate How_to_sign_a_.Sis_file_with_Self-Sign_Certificate
  • 39. End