Your SlideShare is downloading. ×
Develope Flash Lite in Nokia S60
      Work Flow in Packaging Flash Lite




    Using Flash Lite 3.0 WRT
                ...
Requirements


 Code in ActionScript 2.0 in Flash Lite 3.0 .swf file
 IDE: CS4 Flash Professional
 Nokia S60 3rd Edition+
 ...
Flash Lite 3.0             WRT Widget

       IDE      CS4 Flash Pro               HTML Editor



               ActionScr...
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 an...
Package Entire Flash Lite Assets



 Package Flash Lite app and external files in a SIS file
 .sis file extracted the content...
Why avoiding .sis?


 .sis requires to package in Symbian C++
 Symbian C++ SDK & tools run in Window PC
 It requires at le...
S60 WRT Package .WGZ

 Contents are zipped
 Package is renamed with .wgz extension
 No signing
 Device supporting .WGZ rec...
.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

 <k...
info.plist
Main.html (CSS)

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

 Use an external .js file
 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 mu...
Method 1: Flash Lite .swf
  Generate Flash embedded code by Adobe Flash
  Change the values to match your .swf
  src, movi...
Method 2: Flash Lite .swf
 Replace main.html file with .swf file

 Use .swf file as value for the MainHTML key in manufest fil...
Method 3: Flash Lite .swf
     Use the meta-refresh tag in the <head> section of the main.html file

     Customize the con...
Create Widget Package
 Rename ZIP package to .wgz file
 Use your favorite method of zipping
 Must include the folder where ...
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 profile lib...
Test Widget
 Emulator in the Widget SDK doesn’t support Flash Lite
 Emulator won’t show Flash content
 Emulator can test W...
Signing
Express Signed For S60 App

 It serves Flash Developers
 It certify it is safe to install
 It indicates installation pakca...
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 gran...
1         Purchasing Publisher ID


Official Publisher ID
Must be issued by TC TrustCenter
                           Text
...
2       Create Symbian Signed Account




        Symbian Signed only accepts registration from
  privately registered dom...
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 Certificate



   http://wiki.forum.nokia.com/index.php/
   How_to_sign_a_.Sis_file_with_Self-Sign_Certificate
End
Develop Flash Lite App in Nokia S60
Develop Flash Lite App in Nokia S60
Develop Flash Lite App in Nokia S60
Upcoming SlideShare
Loading in...5
×

Develop Flash Lite App in Nokia S60

3,664

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,664
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Transcript of "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="http://www.macromedia.com/go/getflashplayer" /> </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 = 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>
    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 http://www.forum.nokia.com/Technology_Topics/ Application_Quality/Testing/Remote_Device_Access
    33. 33. Device Anywhere https://www.deviceanywhere.com/nokia/welcome.htm
    34. 34. Express Signing http://wiki.forum.nokia.com/index.php/ Step_by_Step_instructions_to_Express_signing
    35. 35. TC Trust Center Publisher ID http://www.trustcenter.de/order/publisherid/dev
    36. 36. Symbian Signed Account http://www.symbiansigned.com/app/page/preregister
    37. 37. Symbian Signed https://www.symbiansigned.com/app/page
    38. 38. Self-Signed Certificate http://wiki.forum.nokia.com/index.php/ How_to_sign_a_.Sis_file_with_Self-Sign_Certificate
    39. 39. End

    ×