SlideShare a Scribd company logo
1 of 7
Download to read offline
Building Flash-based websites using Flex

Lesson 10 – Deploying Flex Application




                 Alex Goh
                 info@alekkus.com
Agenda

●   Runtime Shared Library (RSL)

●   Export release

●   SEO for Flash

●   Module decomposition
Runtime Shared Library

● Everytime a Flex application is compiled, a bunch of Flex libraries is
“embedded” into the application, hence increasing the SWF file size.

● Most of these “embedded” libraries are common among different Flex
applications.

●  Instead of always embedding it into an application, Runtime Shared Library
(RSL) embed all the libraries into one, and when loaded into the Flash player,
sits permanently there.

●With RSL, a Flex application no longer needs to embed Flex libraries as they
are already in the user's Flash player, hence reducing the SWF file size

●   To compile a Flex application to use RSL in Flex Builder:

    ● Right-click on the project > Properties > Flex Build Path > Library Path >
    select RSL in the Framework linkage combo box
Export Release

● By default, a “debug” version of SWF file is created everytime a Flex
application is compiled.

● A debug version of the SWF allows developers to access the debugging
features available in Flex.

● When the application is ready to set live, a release version of the SWF should
be created.

●Release version takes out all the debugging features, hence reducing the
SWF file size.

●   To export an application to a release version:

    ● In the menu bar in Flex Builder, select Project > Export Release Build > a
    bin-release folder will be created; an release version of the application will
    reside in this folder.
Module Decomposition

● To decrease the initial load time, decompose the application into sub-parts
(modules).

●When the main application loads up (first page shown), load the other
modules.

●   For each module, a separate SWF file is created.

● Total file size of the application (adding up file size of all modules) may
increase but loading time is decreased.

●   Ensure the module is optimized for the main application:

    ●Right-click on the project > Properties > Flex Modules > make sure each
    module SWF file is listed and optimized for the main application
SEO for Flash

●   Include metadata (keyword and description) in the HTML wrapper:




●   Include a simple HTML version within <noscript> tag in the HTML wrapper.
The End : )

More Related Content

What's hot

Microsoft xamarin-experience
Microsoft xamarin-experienceMicrosoft xamarin-experience
Microsoft xamarin-experienceXpand IT
 
Universal Windows Platform Overview
Universal Windows Platform OverviewUniversal Windows Platform Overview
Universal Windows Platform OverviewJoshua Copeland
 
Introduction to Adobe Flex
Introduction to Adobe FlexIntroduction to Adobe Flex
Introduction to Adobe FlexAngelin R
 
Git branch management
Git branch managementGit branch management
Git branch managementMatt Liu
 
Windowsphone7
Windowsphone7Windowsphone7
Windowsphone7yuvaraj72
 
Fast and fluid, Metro style application on Windows 8
Fast and fluid, Metro style application on Windows 8Fast and fluid, Metro style application on Windows 8
Fast and fluid, Metro style application on Windows 8Supote Phunsakul
 
IBM Rational Rhapsody support for Microsoft Visual Studio 2015
IBM Rational Rhapsody support for Microsoft Visual Studio 2015IBM Rational Rhapsody support for Microsoft Visual Studio 2015
IBM Rational Rhapsody support for Microsoft Visual Studio 2015Frank Braun
 
Five Real-World Strategies for Perforce Streams
Five Real-World Strategies for Perforce StreamsFive Real-World Strategies for Perforce Streams
Five Real-World Strategies for Perforce StreamsPerforce
 
ASP.NET on zLinux: A New Workload
ASP.NET on zLinux: A New WorkloadASP.NET on zLinux: A New Workload
ASP.NET on zLinux: A New WorkloadNovell
 
LCU14 208- Chromium-Blink Migration for RDK
LCU14 208- Chromium-Blink Migration for RDKLCU14 208- Chromium-Blink Migration for RDK
LCU14 208- Chromium-Blink Migration for RDKLinaro
 
Visual Studio Tools for Cordova
Visual Studio Tools for CordovaVisual Studio Tools for Cordova
Visual Studio Tools for CordovaAndrea Tino
 
Introduction to universal windows platform(uwp) app development
Introduction to universal windows platform(uwp) app developmentIntroduction to universal windows platform(uwp) app development
Introduction to universal windows platform(uwp) app developmentThilina Wijerathne
 
tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...
tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...
tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...Anil Sharma
 
NukeViet 5 introduction
NukeViet 5 introductionNukeViet 5 introduction
NukeViet 5 introductionvinades
 
What Is Silverlight
What Is SilverlightWhat Is Silverlight
What Is Silverlightguest50274e
 

What's hot (20)

Chapter 01
Chapter 01Chapter 01
Chapter 01
 
Microsoft xamarin-experience
Microsoft xamarin-experienceMicrosoft xamarin-experience
Microsoft xamarin-experience
 
Benefits of PHP web development
Benefits of PHP web developmentBenefits of PHP web development
Benefits of PHP web development
 
Universal Windows Platform Overview
Universal Windows Platform OverviewUniversal Windows Platform Overview
Universal Windows Platform Overview
 
Introduction to Adobe Flex
Introduction to Adobe FlexIntroduction to Adobe Flex
Introduction to Adobe Flex
 
ASP.NET Core 101
ASP.NET Core 101ASP.NET Core 101
ASP.NET Core 101
 
Visual Studio 2012 introduction
Visual Studio  2012 introductionVisual Studio  2012 introduction
Visual Studio 2012 introduction
 
Git branch management
Git branch managementGit branch management
Git branch management
 
Windowsphone7
Windowsphone7Windowsphone7
Windowsphone7
 
Fast and fluid, Metro style application on Windows 8
Fast and fluid, Metro style application on Windows 8Fast and fluid, Metro style application on Windows 8
Fast and fluid, Metro style application on Windows 8
 
OpenCms Days 2015 How do you develop for OpenCms?
OpenCms Days 2015 How do you develop for OpenCms?OpenCms Days 2015 How do you develop for OpenCms?
OpenCms Days 2015 How do you develop for OpenCms?
 
IBM Rational Rhapsody support for Microsoft Visual Studio 2015
IBM Rational Rhapsody support for Microsoft Visual Studio 2015IBM Rational Rhapsody support for Microsoft Visual Studio 2015
IBM Rational Rhapsody support for Microsoft Visual Studio 2015
 
Five Real-World Strategies for Perforce Streams
Five Real-World Strategies for Perforce StreamsFive Real-World Strategies for Perforce Streams
Five Real-World Strategies for Perforce Streams
 
ASP.NET on zLinux: A New Workload
ASP.NET on zLinux: A New WorkloadASP.NET on zLinux: A New Workload
ASP.NET on zLinux: A New Workload
 
LCU14 208- Chromium-Blink Migration for RDK
LCU14 208- Chromium-Blink Migration for RDKLCU14 208- Chromium-Blink Migration for RDK
LCU14 208- Chromium-Blink Migration for RDK
 
Visual Studio Tools for Cordova
Visual Studio Tools for CordovaVisual Studio Tools for Cordova
Visual Studio Tools for Cordova
 
Introduction to universal windows platform(uwp) app development
Introduction to universal windows platform(uwp) app developmentIntroduction to universal windows platform(uwp) app development
Introduction to universal windows platform(uwp) app development
 
tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...
tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...
tutorials-visual-studio_visual-studio-2015-preview-comes-with-emulator-for-an...
 
NukeViet 5 introduction
NukeViet 5 introductionNukeViet 5 introduction
NukeViet 5 introduction
 
What Is Silverlight
What Is SilverlightWhat Is Silverlight
What Is Silverlight
 

Similar to Building Flash-based websites using Adobe Flex - Lesson 10/10

Spring Roo Flex Add-on
Spring Roo Flex Add-onSpring Roo Flex Add-on
Spring Roo Flex Add-onBill Ott
 
flex and flash platform
flex and flash platformflex and flash platform
flex and flash platformMuhammad Rodhy
 
Setup ColdFusion application using fusebox mvc architecture
Setup ColdFusion application using fusebox mvc architectureSetup ColdFusion application using fusebox mvc architecture
Setup ColdFusion application using fusebox mvc architectureMindfire Solutions
 
Classification of the document
Classification of the documentClassification of the document
Classification of the documentthink_cloud
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Shyamala Prayaga
 
Eclipsist2009 Rich Client Roundup
Eclipsist2009 Rich Client RoundupEclipsist2009 Rich Client Roundup
Eclipsist2009 Rich Client RoundupMurat Yener
 
mxmlc: fitter, happier, more productive
mxmlc: fitter, happier, more productivemxmlc: fitter, happier, more productive
mxmlc: fitter, happier, more productiveBrian Deitte
 
IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...
IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...
IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...Paul Withers
 
Wonderful World of Maven
Wonderful World of MavenWonderful World of Maven
Wonderful World of MavenJustin J. Moses
 
Alfresco DevCon 2018: SDK 3 Multi Module project using Nexus 3 for releases a...
Alfresco DevCon 2018: SDK 3 Multi Module project using Nexus 3 for releases a...Alfresco DevCon 2018: SDK 3 Multi Module project using Nexus 3 for releases a...
Alfresco DevCon 2018: SDK 3 Multi Module project using Nexus 3 for releases a...Martin Bergljung
 
[Patel] SPFx: An ISV Insight into latest Microsoft's customization model
[Patel] SPFx: An ISV Insight into latest Microsoft's customization model[Patel] SPFx: An ISV Insight into latest Microsoft's customization model
[Patel] SPFx: An ISV Insight into latest Microsoft's customization modelEuropean Collaboration Summit
 

Similar to Building Flash-based websites using Adobe Flex - Lesson 10/10 (20)

flex_4_tutorials
flex_4_tutorialsflex_4_tutorials
flex_4_tutorials
 
flex_4_tutorials
flex_4_tutorialsflex_4_tutorials
flex_4_tutorials
 
Spring Roo Flex Add-on
Spring Roo Flex Add-onSpring Roo Flex Add-on
Spring Roo Flex Add-on
 
flex and flash platform
flex and flash platformflex and flash platform
flex and flash platform
 
Setup ColdFusion application using fusebox mvc architecture
Setup ColdFusion application using fusebox mvc architectureSetup ColdFusion application using fusebox mvc architecture
Setup ColdFusion application using fusebox mvc architecture
 
Classification of the document
Classification of the documentClassification of the document
Classification of the document
 
Flex and Java
Flex and JavaFlex and Java
Flex and Java
 
W1.pptx
W1.pptxW1.pptx
W1.pptx
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2
 
Mobile Application Development class 001
Mobile Application Development class 001Mobile Application Development class 001
Mobile Application Development class 001
 
Eclipsist2009 Rich Client Roundup
Eclipsist2009 Rich Client RoundupEclipsist2009 Rich Client Roundup
Eclipsist2009 Rich Client Roundup
 
Flask
FlaskFlask
Flask
 
mxmlc: fitter, happier, more productive
mxmlc: fitter, happier, more productivemxmlc: fitter, happier, more productive
mxmlc: fitter, happier, more productive
 
Composer namespacing
Composer namespacingComposer namespacing
Composer namespacing
 
Code quality tools
Code quality toolsCode quality tools
Code quality tools
 
IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...
IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...
IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...
 
Wonderful World of Maven
Wonderful World of MavenWonderful World of Maven
Wonderful World of Maven
 
Bootstrap4 x pages
Bootstrap4 x pagesBootstrap4 x pages
Bootstrap4 x pages
 
Alfresco DevCon 2018: SDK 3 Multi Module project using Nexus 3 for releases a...
Alfresco DevCon 2018: SDK 3 Multi Module project using Nexus 3 for releases a...Alfresco DevCon 2018: SDK 3 Multi Module project using Nexus 3 for releases a...
Alfresco DevCon 2018: SDK 3 Multi Module project using Nexus 3 for releases a...
 
[Patel] SPFx: An ISV Insight into latest Microsoft's customization model
[Patel] SPFx: An ISV Insight into latest Microsoft's customization model[Patel] SPFx: An ISV Insight into latest Microsoft's customization model
[Patel] SPFx: An ISV Insight into latest Microsoft's customization model
 

More from Stefano Virgilli

Prototyping Mobile Application with Adobe FireWorks - By Linus Lim for VOX LAB
Prototyping Mobile Application with Adobe FireWorks - By Linus Lim for VOX LABPrototyping Mobile Application with Adobe FireWorks - By Linus Lim for VOX LAB
Prototyping Mobile Application with Adobe FireWorks - By Linus Lim for VOX LABStefano Virgilli
 
Silicon Valley Android Apps Brochure
Silicon Valley Android Apps BrochureSilicon Valley Android Apps Brochure
Silicon Valley Android Apps BrochureStefano Virgilli
 
Prototyping mobile apps_with_adobe
Prototyping mobile apps_with_adobePrototyping mobile apps_with_adobe
Prototyping mobile apps_with_adobeStefano Virgilli
 
Adobe Flex - Foundation to Advanced (Bundle) [A-FX-103] Frameworks
Adobe Flex - Foundation to Advanced (Bundle) [A-FX-103] FrameworksAdobe Flex - Foundation to Advanced (Bundle) [A-FX-103] Frameworks
Adobe Flex - Foundation to Advanced (Bundle) [A-FX-103] FrameworksStefano Virgilli
 
All about colour - by Stefano Virgilli
All about colour - by Stefano VirgilliAll about colour - by Stefano Virgilli
All about colour - by Stefano VirgilliStefano Virgilli
 
Blending modes presentation
Blending modes presentationBlending modes presentation
Blending modes presentationStefano Virgilli
 
Building Flash-based websites using Adobe Flex - Lesson 4/10
Building Flash-based websites using Adobe Flex - Lesson 4/10Building Flash-based websites using Adobe Flex - Lesson 4/10
Building Flash-based websites using Adobe Flex - Lesson 4/10Stefano Virgilli
 
Building Flash-based websites using Adobe Flex - Lesson 3/10
Building Flash-based websites using Adobe Flex - Lesson 3/10Building Flash-based websites using Adobe Flex - Lesson 3/10
Building Flash-based websites using Adobe Flex - Lesson 3/10Stefano Virgilli
 
Building Flash-based websites using Adobe Flex - Lesson 1/10
Building Flash-based websites using Adobe Flex - Lesson 1/10Building Flash-based websites using Adobe Flex - Lesson 1/10
Building Flash-based websites using Adobe Flex - Lesson 1/10Stefano Virgilli
 
Think again - Demystify graphic design
Think again - Demystify graphic designThink again - Demystify graphic design
Think again - Demystify graphic designStefano Virgilli
 

More from Stefano Virgilli (14)

Is it photoshopped?
Is it photoshopped?Is it photoshopped?
Is it photoshopped?
 
Shooting in a digital era
Shooting in a digital eraShooting in a digital era
Shooting in a digital era
 
Prototyping Mobile Application with Adobe FireWorks - By Linus Lim for VOX LAB
Prototyping Mobile Application with Adobe FireWorks - By Linus Lim for VOX LABPrototyping Mobile Application with Adobe FireWorks - By Linus Lim for VOX LAB
Prototyping Mobile Application with Adobe FireWorks - By Linus Lim for VOX LAB
 
Silicon Valley Android Apps Brochure
Silicon Valley Android Apps BrochureSilicon Valley Android Apps Brochure
Silicon Valley Android Apps Brochure
 
Prototyping mobile apps_with_adobe
Prototyping mobile apps_with_adobePrototyping mobile apps_with_adobe
Prototyping mobile apps_with_adobe
 
Cinematography c ot-102
Cinematography c ot-102Cinematography c ot-102
Cinematography c ot-102
 
Designer vs Client
Designer vs ClientDesigner vs Client
Designer vs Client
 
Adobe Flex - Foundation to Advanced (Bundle) [A-FX-103] Frameworks
Adobe Flex - Foundation to Advanced (Bundle) [A-FX-103] FrameworksAdobe Flex - Foundation to Advanced (Bundle) [A-FX-103] Frameworks
Adobe Flex - Foundation to Advanced (Bundle) [A-FX-103] Frameworks
 
All about colour - by Stefano Virgilli
All about colour - by Stefano VirgilliAll about colour - by Stefano Virgilli
All about colour - by Stefano Virgilli
 
Blending modes presentation
Blending modes presentationBlending modes presentation
Blending modes presentation
 
Building Flash-based websites using Adobe Flex - Lesson 4/10
Building Flash-based websites using Adobe Flex - Lesson 4/10Building Flash-based websites using Adobe Flex - Lesson 4/10
Building Flash-based websites using Adobe Flex - Lesson 4/10
 
Building Flash-based websites using Adobe Flex - Lesson 3/10
Building Flash-based websites using Adobe Flex - Lesson 3/10Building Flash-based websites using Adobe Flex - Lesson 3/10
Building Flash-based websites using Adobe Flex - Lesson 3/10
 
Building Flash-based websites using Adobe Flex - Lesson 1/10
Building Flash-based websites using Adobe Flex - Lesson 1/10Building Flash-based websites using Adobe Flex - Lesson 1/10
Building Flash-based websites using Adobe Flex - Lesson 1/10
 
Think again - Demystify graphic design
Think again - Demystify graphic designThink again - Demystify graphic design
Think again - Demystify graphic design
 

Building Flash-based websites using Adobe Flex - Lesson 10/10

  • 1. Building Flash-based websites using Flex Lesson 10 – Deploying Flex Application Alex Goh info@alekkus.com
  • 2. Agenda ● Runtime Shared Library (RSL) ● Export release ● SEO for Flash ● Module decomposition
  • 3. Runtime Shared Library ● Everytime a Flex application is compiled, a bunch of Flex libraries is “embedded” into the application, hence increasing the SWF file size. ● Most of these “embedded” libraries are common among different Flex applications. ● Instead of always embedding it into an application, Runtime Shared Library (RSL) embed all the libraries into one, and when loaded into the Flash player, sits permanently there. ●With RSL, a Flex application no longer needs to embed Flex libraries as they are already in the user's Flash player, hence reducing the SWF file size ● To compile a Flex application to use RSL in Flex Builder: ● Right-click on the project > Properties > Flex Build Path > Library Path > select RSL in the Framework linkage combo box
  • 4. Export Release ● By default, a “debug” version of SWF file is created everytime a Flex application is compiled. ● A debug version of the SWF allows developers to access the debugging features available in Flex. ● When the application is ready to set live, a release version of the SWF should be created. ●Release version takes out all the debugging features, hence reducing the SWF file size. ● To export an application to a release version: ● In the menu bar in Flex Builder, select Project > Export Release Build > a bin-release folder will be created; an release version of the application will reside in this folder.
  • 5. Module Decomposition ● To decrease the initial load time, decompose the application into sub-parts (modules). ●When the main application loads up (first page shown), load the other modules. ● For each module, a separate SWF file is created. ● Total file size of the application (adding up file size of all modules) may increase but loading time is decreased. ● Ensure the module is optimized for the main application: ●Right-click on the project > Properties > Flex Modules > make sure each module SWF file is listed and optimized for the main application
  • 6. SEO for Flash ● Include metadata (keyword and description) in the HTML wrapper: ● Include a simple HTML version within <noscript> tag in the HTML wrapper.