SlideShare una empresa de Scribd logo
1 de 42
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 file
 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 files
 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 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 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 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>
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
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 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


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
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 Certificate



   http://wiki.forum.nokia.com/index.php/
   How_to_sign_a_.Sis_file_with_Self-Sign_Certificate
End

Más contenido relacionado

La actualidad más candente

Windows Azure Toolkit for iOS
Windows Azure Toolkit for iOSWindows Azure Toolkit for iOS
Windows Azure Toolkit for iOS
Simon Guest
 
Windows Phone 7 Services
Windows Phone 7 ServicesWindows Phone 7 Services
Windows Phone 7 Services
Glen Gordon
 
Building video application on windows 8 with Windows Azure Media Services
Building video application on windows 8 with Windows Azure Media ServicesBuilding video application on windows 8 with Windows Azure Media Services
Building video application on windows 8 with Windows Azure Media Services
Mingfei Yan
 

La actualidad más candente (15)

Windows Azure Toolkit for iOS
Windows Azure Toolkit for iOSWindows Azure Toolkit for iOS
Windows Azure Toolkit for iOS
 
Top Ten Tips for HTML5/Mobile Web Development
Top Ten Tips for HTML5/Mobile Web DevelopmentTop Ten Tips for HTML5/Mobile Web Development
Top Ten Tips for HTML5/Mobile Web Development
 
Html5 features: location, history and offline apps
Html5 features: location, history and offline appsHtml5 features: location, history and offline apps
Html5 features: location, history and offline apps
 
Firebase Auth Tutorial
Firebase Auth TutorialFirebase Auth Tutorial
Firebase Auth Tutorial
 
Html5 game development
Html5  game developmentHtml5  game development
Html5 game development
 
Rock-solid Magento Deployments (and Development)
Rock-solid Magento Deployments (and Development)Rock-solid Magento Deployments (and Development)
Rock-solid Magento Deployments (and Development)
 
Firefox OS - The platform you deserve - Athens App Days - 2013-11-27
Firefox OS - The platform you deserve - Athens App Days - 2013-11-27Firefox OS - The platform you deserve - Athens App Days - 2013-11-27
Firefox OS - The platform you deserve - Athens App Days - 2013-11-27
 
soft-shake.ch - Introduction to HTML5
soft-shake.ch - Introduction to HTML5soft-shake.ch - Introduction to HTML5
soft-shake.ch - Introduction to HTML5
 
Windows Phone 7 Services
Windows Phone 7 ServicesWindows Phone 7 Services
Windows Phone 7 Services
 
Word camp microsoft web platform
Word camp microsoft web platformWord camp microsoft web platform
Word camp microsoft web platform
 
Nokia Web-Runtime Presentation (Phong Vu)
Nokia Web-Runtime Presentation (Phong Vu)Nokia Web-Runtime Presentation (Phong Vu)
Nokia Web-Runtime Presentation (Phong Vu)
 
Intro to PhoneGap and PhoneGap Build
Intro to PhoneGap and PhoneGap BuildIntro to PhoneGap and PhoneGap Build
Intro to PhoneGap and PhoneGap Build
 
Building video application on windows 8 with Windows Azure Media Services
Building video application on windows 8 with Windows Azure Media ServicesBuilding video application on windows 8 with Windows Azure Media Services
Building video application on windows 8 with Windows Azure Media Services
 
HTML5 Comprehensive Guide
HTML5 Comprehensive GuideHTML5 Comprehensive Guide
HTML5 Comprehensive Guide
 
Web browser extensions development
Web browser extensions developmentWeb browser extensions development
Web browser extensions development
 

Destacado

Digital historiefortelling bergen 3. februar
Digital historiefortelling bergen 3. februarDigital historiefortelling bergen 3. februar
Digital historiefortelling bergen 3. februar
Ståle de Lange Kofoed
 
01 - Знакомство с Java
01 - Знакомство с Java01 - Знакомство с Java
01 - Знакомство с Java
phearnot
 
Design Approaches07
Design Approaches07Design Approaches07
Design Approaches07
guest8042e6
 
Sketch A Graph
Sketch A GraphSketch A Graph
Sketch A Graph
chrismac47
 
Aso’S Sweets
Aso’S SweetsAso’S Sweets
Aso’S Sweets
pchb
 
5.12.08 Advanced Factoring1
5.12.08   Advanced Factoring15.12.08   Advanced Factoring1
5.12.08 Advanced Factoring1
chrismac47
 
2.14.08 Permutations
2.14.08   Permutations2.14.08   Permutations
2.14.08 Permutations
chrismac47
 

Destacado (20)

Managing the Participation for Enterprise 2.0
Managing the Participation for Enterprise 2.0Managing the Participation for Enterprise 2.0
Managing the Participation for Enterprise 2.0
 
Digital historiefortelling bergen 3. februar
Digital historiefortelling bergen 3. februarDigital historiefortelling bergen 3. februar
Digital historiefortelling bergen 3. februar
 
Amazon-Krishna
Amazon-KrishnaAmazon-Krishna
Amazon-Krishna
 
Case study vente exclusive
Case study vente exclusiveCase study vente exclusive
Case study vente exclusive
 
Case study touring
Case study touringCase study touring
Case study touring
 
Mobile Marketing Platform v.4
Mobile Marketing Platform v.4Mobile Marketing Platform v.4
Mobile Marketing Platform v.4
 
CrowdSourcing
CrowdSourcingCrowdSourcing
CrowdSourcing
 
Writing
WritingWriting
Writing
 
01 - Знакомство с Java
01 - Знакомство с Java01 - Знакомство с Java
01 - Знакомство с Java
 
Case study electrabel-my home
Case study electrabel-my homeCase study electrabel-my home
Case study electrabel-my home
 
Design Approaches07
Design Approaches07Design Approaches07
Design Approaches07
 
Sketch A Graph
Sketch A GraphSketch A Graph
Sketch A Graph
 
The Dutch ODF Policy in Retrospect
The Dutch ODF Policy in RetrospectThe Dutch ODF Policy in Retrospect
The Dutch ODF Policy in Retrospect
 
Aso’S Sweets
Aso’S SweetsAso’S Sweets
Aso’S Sweets
 
Open Up Your Telco
Open Up Your TelcoOpen Up Your Telco
Open Up Your Telco
 
Don't Believe The Hype
Don't Believe The HypeDon't Believe The Hype
Don't Believe The Hype
 
Lesson 2 1
Lesson 2 1Lesson 2 1
Lesson 2 1
 
5.12.08 Advanced Factoring1
5.12.08   Advanced Factoring15.12.08   Advanced Factoring1
5.12.08 Advanced Factoring1
 
Evernote for everything
Evernote for everythingEvernote for everything
Evernote for everything
 
2.14.08 Permutations
2.14.08   Permutations2.14.08   Permutations
2.14.08 Permutations
 

Similar a Develop Flash Lite App in Nokia S60

Windows Hosting Documentation
Windows Hosting DocumentationWindows Hosting Documentation
Windows Hosting Documentation
webhostingguy
 
HTML5: Are We There Yet?
HTML5: Are We There Yet?HTML5: Are We There Yet?
HTML5: Are We There Yet?
judyunrein
 
Native apps in html5 with chrome packaged apps
Native apps in html5 with chrome packaged appsNative apps in html5 with chrome packaged apps
Native apps in html5 with chrome packaged apps
Tom Wilson
 

Similar a Develop Flash Lite App in Nokia S60 (20)

WRT Widgets Masterclass - OverTheAir
WRT Widgets Masterclass - OverTheAirWRT Widgets Masterclass - OverTheAir
WRT Widgets Masterclass - OverTheAir
 
Create Nokia WRT Widget App
Create Nokia WRT Widget AppCreate Nokia WRT Widget App
Create Nokia WRT Widget App
 
Flash Lite, un’occasione da 1.3 Miliardi di mobile phones
Flash Lite, un’occasione da 1.3 Miliardi di mobile phonesFlash Lite, un’occasione da 1.3 Miliardi di mobile phones
Flash Lite, un’occasione da 1.3 Miliardi di mobile phones
 
Flash Lite, un’occasione da 1.3 Miliardi di mobile phones
Flash Lite, un’occasione da 1.3 Miliardi di mobile phonesFlash Lite, un’occasione da 1.3 Miliardi di mobile phones
Flash Lite, un’occasione da 1.3 Miliardi di mobile phones
 
Plugins 2.0: The Overview
Plugins 2.0: The OverviewPlugins 2.0: The Overview
Plugins 2.0: The Overview
 
Flash Development Guide
Flash Development GuideFlash Development Guide
Flash Development Guide
 
WRT Introduction P11 2009
WRT Introduction P11 2009WRT Introduction P11 2009
WRT Introduction P11 2009
 
Windows Hosting Documentation
Windows Hosting DocumentationWindows Hosting Documentation
Windows Hosting Documentation
 
MoMo Oct Event
MoMo Oct EventMoMo Oct Event
MoMo Oct Event
 
Silverlight 2 with Visual Studio 2008 and Expression Blend
Silverlight 2 with Visual Studio 2008 and Expression BlendSilverlight 2 with Visual Studio 2008 and Expression Blend
Silverlight 2 with Visual Studio 2008 and Expression Blend
 
Microsoft Windows Server AppFabric
Microsoft Windows Server AppFabricMicrosoft Windows Server AppFabric
Microsoft Windows Server AppFabric
 
Pentesting Android Applications
Pentesting Android ApplicationsPentesting Android Applications
Pentesting Android Applications
 
CLI319 Microsoft Desktop Optimization Pack: Planning the Deployment of Micros...
CLI319 Microsoft Desktop Optimization Pack: Planning the Deployment of Micros...CLI319 Microsoft Desktop Optimization Pack: Planning the Deployment of Micros...
CLI319 Microsoft Desktop Optimization Pack: Planning the Deployment of Micros...
 
Flash And Dom
Flash And DomFlash And Dom
Flash And Dom
 
HTML5: Are We There Yet?
HTML5: Are We There Yet?HTML5: Are We There Yet?
HTML5: Are We There Yet?
 
HTML5와 모바일
HTML5와 모바일HTML5와 모바일
HTML5와 모바일
 
Nokia Web Runtime and Flash Lite
Nokia Web Runtime and Flash LiteNokia Web Runtime and Flash Lite
Nokia Web Runtime and Flash Lite
 
Native apps in html5 with chrome packaged apps
Native apps in html5 with chrome packaged appsNative apps in html5 with chrome packaged apps
Native apps in html5 with chrome packaged apps
 
DODN2009 - Jump Start Silverlight
DODN2009 - Jump Start SilverlightDODN2009 - Jump Start Silverlight
DODN2009 - Jump Start Silverlight
 
Smwcon spring2011 tutorial applied semantic mediawiki
Smwcon spring2011 tutorial applied semantic mediawikiSmwcon spring2011 tutorial applied semantic mediawiki
Smwcon spring2011 tutorial applied semantic mediawiki
 

Más de Bess Ho

4/7/2021 Investment Panel
4/7/2021 Investment Panel4/7/2021 Investment Panel
4/7/2021 Investment Panel
Bess Ho
 
Gmicsv 2012 oct
Gmicsv 2012 octGmicsv 2012 oct
Gmicsv 2012 oct
Bess Ho
 
WITI.ORG Women Technology Summit 2012
WITI.ORG Women Technology Summit 2012WITI.ORG Women Technology Summit 2012
WITI.ORG Women Technology Summit 2012
Bess Ho
 
Putting Web Into Native App
Putting Web Into Native AppPutting Web Into Native App
Putting Web Into Native App
Bess Ho
 
Android Open 2011
Android Open 2011Android Open 2011
Android Open 2011
Bess Ho
 
Iosdevcamp 2011.key
Iosdevcamp 2011.keyIosdevcamp 2011.key
Iosdevcamp 2011.key
Bess Ho
 
Where Should I Go: Smart Phones
Where Should I Go: Smart PhonesWhere Should I Go: Smart Phones
Where Should I Go: Smart Phones
Bess Ho
 

Más de Bess Ho (20)

Product Design Using Solidworks
Product Design Using SolidworksProduct Design Using Solidworks
Product Design Using Solidworks
 
4/7/2021 Investment Panel
4/7/2021 Investment Panel4/7/2021 Investment Panel
4/7/2021 Investment Panel
 
SVB 4/21/2021 Introduction
SVB 4/21/2021 IntroductionSVB 4/21/2021 Introduction
SVB 4/21/2021 Introduction
 
Competitor Analysis
Competitor AnalysisCompetitor Analysis
Competitor Analysis
 
InvoTech Happy Hour 2019
InvoTech Happy Hour 2019InvoTech Happy Hour 2019
InvoTech Happy Hour 2019
 
Fundraising in Silicon Valley
Fundraising in Silicon ValleyFundraising in Silicon Valley
Fundraising in Silicon Valley
 
Empowered Entrepreneurs and Hyper Growth in Mobile Era
Empowered Entrepreneurs and Hyper Growth in Mobile EraEmpowered Entrepreneurs and Hyper Growth in Mobile Era
Empowered Entrepreneurs and Hyper Growth in Mobile Era
 
WITI Summit 2013 Mobile Trend
WITI Summit 2013 Mobile TrendWITI Summit 2013 Mobile Trend
WITI Summit 2013 Mobile Trend
 
Gmicsv 2012 oct
Gmicsv 2012 octGmicsv 2012 oct
Gmicsv 2012 oct
 
WITI.ORG Women Technology Summit 2012
WITI.ORG Women Technology Summit 2012WITI.ORG Women Technology Summit 2012
WITI.ORG Women Technology Summit 2012
 
Stanford EE402T 2012: Hong Kong Startup & Funding Between Hong Kong and US
Stanford EE402T 2012: Hong Kong Startup & Funding Between Hong Kong and USStanford EE402T 2012: Hong Kong Startup & Funding Between Hong Kong and US
Stanford EE402T 2012: Hong Kong Startup & Funding Between Hong Kong and US
 
Putting Web Into Native App
Putting Web Into Native AppPutting Web Into Native App
Putting Web Into Native App
 
Android Open 2011
Android Open 2011Android Open 2011
Android Open 2011
 
Silicon Valley China Wireless Conference m-commerce Panel
Silicon Valley China Wireless Conference m-commerce PanelSilicon Valley China Wireless Conference m-commerce Panel
Silicon Valley China Wireless Conference m-commerce Panel
 
Iosdevcamp 2011.key
Iosdevcamp 2011.keyIosdevcamp 2011.key
Iosdevcamp 2011.key
 
Icon & App Design Secrets for Mobile
Icon & App Design Secrets for MobileIcon & App Design Secrets for Mobile
Icon & App Design Secrets for Mobile
 
SF Lean Startup Machine Workshop
SF Lean Startup Machine WorkshopSF Lean Startup Machine Workshop
SF Lean Startup Machine Workshop
 
JumpyBirds iTunes for Toddlers & Amazon for Moms
JumpyBirds iTunes for Toddlers & Amazon for MomsJumpyBirds iTunes for Toddlers & Amazon for Moms
JumpyBirds iTunes for Toddlers & Amazon for Moms
 
Where Should I Go: Smart Phones
Where Should I Go: Smart PhonesWhere Should I Go: Smart Phones
Where Should I Go: Smart Phones
 
Beautiful Mind: iPhone Anatomy & Architecture
Beautiful Mind: iPhone Anatomy & ArchitectureBeautiful Mind: iPhone Anatomy & Architecture
Beautiful Mind: iPhone Anatomy & Architecture
 

Último

Último (20)

Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 

Develop Flash Lite App in Nokia S60

  • 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
  • 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="http://www.macromedia.com/go/getflashplayer" /> </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 = 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. 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
  • 21. 3 Ways to Transfer Files to Device Blue Booth USB Cable Memory Card
  • 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
  • 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.
  • 31.
  • 32.
  • 33. 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
  • 35. Remote Device Access http://www.forum.nokia.com/Technology_Topics/ Application_Quality/Testing/Remote_Device_Access
  • 36. Device Anywhere https://www.deviceanywhere.com/nokia/welcome.htm
  • 37. Express Signing http://wiki.forum.nokia.com/index.php/ Step_by_Step_instructions_to_Express_signing
  • 38. TC Trust Center Publisher ID http://www.trustcenter.de/order/publisherid/dev
  • 39. Symbian Signed Account http://www.symbiansigned.com/app/page/preregister
  • 40. Symbian Signed https://www.symbiansigned.com/app/page
  • 41. Self-Signed Certificate http://wiki.forum.nokia.com/index.php/ How_to_sign_a_.Sis_file_with_Self-Sign_Certificate
  • 42. End