Develop Flash Lite App in Nokia S60


Published on

Published in: Technology
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Develop Flash Lite App in Nokia S60

    1. 1. Develope Flash Lite in Nokia S60 Work Flow in Packaging Flash Lite Using Flash Lite 3.0 WRT Bess Ho
    2. 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. 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. 4. 3 ways to open Flash Lite app Flash Lite Player File Manager Gallery
    5. 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. 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. 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. 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. 9. .wgz is just a renamed .zip file Compress your WRT files into .zip Rename the file to .wgz
    10. 10. Icon Icon must be in PNG format SVG icons are not supported in WRT
    11. 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. 12. info.plist
    13. 13. Main.html (CSS) Use an external .css file Set background color in Black Position full-screen Flash content
    14. 14. Main.html (JavaScript) Use an external .js file Set the navigation mode Use tab-based instead of pointer
    15. 15. . Main.html (JavaScript) Use JavaScript to detect the screen size Use info to optimize WFT through variables OR use multiple SWFs
    16. 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. 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. 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. 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. 20. File Transfer
    21. 21. 3 Ways to Transfer Files to Device Blue Booth USB Cable Memory Card
    22. 22. Testing
    23. 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. 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. 25. Signing
    26. 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. 27. Self-Signed Self signed app promote an installation warning of “untrusted software” to the end user
    28. 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. 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. 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. 31. Resources
    32. 32. Remote Device Access Application_Quality/Testing/Remote_Device_Access
    33. 33. Device Anywhere
    34. 34. Express Signing Step_by_Step_instructions_to_Express_signing
    35. 35. TC Trust Center Publisher ID
    36. 36. Symbian Signed Account
    37. 37. Symbian Signed
    38. 38. Self-Signed Certificate How_to_sign_a_.Sis_file_with_Self-Sign_Certificate
    39. 39. End