Thursday, December 29, 2011

HTML 5 vs Flash

English: Adobe flash cs3 logo self made
Logotipo oficial: HTML 5  VS

(Photo credit: Wikipedia)


Note: HTML5, JavaScript, CSS and Flex are complementary technologies that can work seamlessly together.

HTML 5:
How does an HTML based data driven application works
1. User request the server page
2. Web server locates the file and passes it to the application server for processing.
3. Business logic of the code accesses the system resources like database, mail server and file system.
4. Server generates a dynamic HTML page from the requested data and service.
5. This dynamically generated HTML page is returned to the browser for rendering.

Apache Flex
How adding an compiled SWF file in the server works
1. User request the server page
2. Web server locates the file and passes it to the application server for processing.
3. Business logic of the code accesses the system resources like database, mail server and file system.
4. Server generates a dynamic HTML page from the requested data and service.
5. the generated HTML code with and embedded SWF file reference. (JavaScript code auto-generated by the Flash Builder is used for embedding SWF file into the HTML file).
6. the HTML code reaches browser for rendering
7. Browser requests that the SWF file be downloaded and rendered in Flash Player (as a small widget or an entire application view in the HTML page).
8. the SWF file in the browser can directly communicate with the server code. This allows for dynamic content to update the Flex application UI without refreshing the HTML page and decreases the number of requests to the server and the amount of content that is transferred over the network.

Another good comparision of Flash vs HTML 5 is available at the website.
http://flashvhtml.com/

Flex framework automatically takes care of adjusting the application layout as per the form factor of the device running the application while in HTML 5 the developer needs to take of detecting the platform and device and laying out the components as per the target form factor. But this gap is getting closed widget frameworks like JQuery which are also supporting eventing and data binding and the  forward momentum is with Html and JS.

Read this Interesting Blog published by Gartner about "HTML 5 vs Flash".

Features not possible to implement without Flash.

1. Copy to Clipboard

As of Today (September2014) its not possible to implement Copy to Clipboard functionality in a web page that works consistently and flawlessly across all major browsers (Mozilla Firefox, Chrome, Safari, and Internet Explorer). Suppose you want to develop a button on click of which you want to copy to your Windows or Mac Clipboard some text content say value of any text area within a form. This can only be achieved by using Flash. With JavaScript only approach you would only be able to do this for Internet Explorer (IE). Presently the most reliable solution is to use ZeroClipboard (http://zeroclipboard.org/) which internally make use of a hidden Flash movie and JavaScript interface to achieve this functionality in a secure way. 

Related Articles

Sunday, December 18, 2011

Adobe Flex is now Apache Flex


Adobe has submitted the code for Flex framework along with number of other related components (including Testing Framework, BlazeDS, Falcon compiler) to the Apache Software Foundation (ASF) so that it could be managed as an independent project.

The Flex project proposal has been accepted by Apache Software Foundation.

For further details please refer Adobe's official blog: http://blog.everythingflex.com/2011/11/16/apache-flex-update-from-adobe/. However,  Adobe might continue to dedicate its employees full time for further development of the Flex.

Discussions related to this recent announcements regarding Flex and the Flash Platform.



Incubator proposal of Flex could be found at the link below:
http://wiki.apache.org/incubator/FlexProposal

Earlier Adobe also announced that it would not develop Flash Player for new mobile devices following the Flash Player 11.1 release for Android and BlackBerry Playbook, and would instead focus on tooling for HTML5, which will eventually provide similar functionality as that of Flash without requiring a separate plug-in.

Adobe will however continue to provide critical bug fixes and security updates for existing device configurations. More details about this could be found at this blog http://blogs.adobe.com/flashplatform/2011/11/flash-to-focus-on-pc-browsing-and-mobile-apps-adobe-to-more-aggressively-contribute-to-html5.html

Which is better React Native or Native iOS and Android Development for building Mobile applications ?

  React Native vs Native (iOS, Android)   Properties/Feature React Native   Native (iOS) – Swift / Object...

Labels