Posts Tagged ‘HTML5’

Adobe Flex now Apache Flex

Posted: January 8, 2012 in Adobe, Flex, RIA, Technology
Tags: , , , , ,

End of the last year (Nov – 2011) Adobe planed to donate Flex to Apache foundation and now Flex is officially accepted by Apache Software Foundation(ASF). For more info on this check the mail thread conversation on voting at Apache – http://markmail.org/message/7q22pdviyxvkwbf5.

This year 2012 is the first year of Flex to live outside Adobe and managed by open source Apache Foundation. In the other side Adobe is also planning to renovate the Flex compiler and they are researching on making it possible to convert ActionScript code to JavaScript code. In this way we can develop HTML/HTML5 based application using ActionScript code. The open source movement is very popular and this is strengthen every year. Now onwards Apache is the the future for Flex. Apache Software Foundation was founded and is governed by the common people that really understand open source development model. It is one of the most respected software foundations in the world. To know more about how Apache Software Foundation (ASF) works then visit this link – http://www.apache.org/foundation/how-it-works.html.

For more info on this – http://wiki.apache.org/incubator/FlexProposal

Adobe Flex now Apache Flex


Adobe Flash Player

Adobe Flash Player

Flash is travelled very long distance in last decade, from Macromedia Flash to Adobe Flash. This Flash word is always in tech buzz. Initially it was popular in animator group then gradually attracted the attention of application developers and became a de-facto for RIA applications.

Flash is always preferable for developing richest content and deployed on browser. This enables consistent look and feel across different browser wherever Flash Player installed. Last year Flash was rejected by Apple’s for their devices and Apple started advocating open source technologies HTML5. This incident started a new thread in tech community over Flash existence.  Now again the same buzz started on Flash and its future after the Adobe’s recent announcement that they will no longer develop the Flash player for mobile browsers. In tech history there were several popular technology rolled out and rolled back depends on market movement, like JavaFX, SilverLight etc. Every technology has their lifecycle and this is manipulated by technology deviations.

Now we are entered in handheld device from desktop era. Here in this era everyone is looking for application migration for handheld devices. Here now if anything happens related to mobile or handheld devices then there is big news, but last year Adobe also stopped future development for Linux based AIR then there was silence.

Compare to Flash Player currently HTML5 is now supported on all major mobile devices. HTML5 is now a preferable technology for browser based application on mobile devices. With the latest release of Flash Player 11.1 for mobile browser Adobe will not support further for Flash player of mobile browser. This version of Flash player is still a very advance and powerful, there is still a scope of development Flash based application for mobile browser by taking advantage of new Flash Player 11.1 features.

As per market trends most of the customer want to port there application as a mobile devices apps, not as a browser based application. Here in this segment Flash is still a key player and we can port our Flash based application on Mobile device using AIR. Good news Adobe is still working on Flash Player 12 version so there is no point of worry.HTML5 is a very good technology but it still need time to fulfil the entire RIA requirement. Video/Media content delivery model is still not consistent in HTML5. Here Flash Player is best solution.

I am waiting for the day when Flash Player become an open source product and managed by some open source community. Then after we can say that we as Flash developers are using non-proprietary technology like HTML5. In this area Adobe has already taken initiative by planning to contribute the Flex SDK to an open source foundation.  This step will really give a high momentum in Flex SDK area.

Flash journey start from FutureWave to Macromedia and from Macromedia to Adobe, now Flash is ready to open source community in future. There is one thing for sure wherever Flash will go it will rock, it will not going to die soon like others.


This month Adobe gifted a new web animations tool called Edge to HTML5 world. This tool is for HTML5web designer for creating interactive graphics on website using HTML5. Currently this is a public preview release version of Edge. According to Adobe this new tool Edge will let web coders bring animation similar to that created in Flash Professional, to websites using standards like HTML5, JavaScript and CSS. The layout of this tool is like same as Adobe Flash tool. Content created with Edge is designed to work on modern browsers including those on Adobe EdgeAndroid, BlackBerry, Playbook, iOS, HP webOS, and other smartphone mobile devices as well as Firefox, Google Chrome, Safari, and Internet Explorer. Still, with HTML5 being a relatively new technology, it doesn’t today deliver a consistent experience across the widest range of devices and browsers. Adobe’s Edge is a first dedicated IDE for HTML5.

Adobe’s Edge Tool Interface Preview

Adobe’s Edge Tool interface preview

Edge Preview Highlights

This version of Edge focuses primarily on adding rich motion design to new or existing HTML projects, that runs beautifully on devices and desktops.

# Create new compositions with Edge’s drawing and text tools.
# Import popular web graphics such as SVG, PNG, JPG or GIF files.
# Easily choreograph animation with the timeline editor. Animate position, size, color, shape, rotation and more at the property level.
# Energize existing HTML files with motion, while preserving the integrity of CSS-based HTML layouts.
# Copy and paste transitions, invert them, and choose from over 25 built-in easing effects for added creativity.

Reference link for Adobe’s Edge

Adobe Lab for Edge – http://labs.adobe.com/technologies/edge/
Download Link – https://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_edge
Sample file for preview – http://labs.adobe.com/technologies/edge/resources/

edge_adobe


FluidHTML is a new markup language that greatly expands the application of rich media on the web. Rich Internet Applications are growing rapidly and globally. Yet the most common rich media languages are hard to learn and use and are not search engine indexable.

FHTML, Inc., was founded in March of 2009 to tackle this problem and to significantly simplify and empower development of rich media websites, content and applications for the web. FluidHtml, The Company’s product, is a new markup language that dynamically generates Flash content. Structured like HTML, FluidHtml allows any web developer to dynamically generate Rich Media sites and applications and is compatible with all major browsers. FluidHtml solves the Flash search problem by exposing the markup text to search engines. Now web publishers can combine the human appeal of rich media with all the business benefits of the web.

fluidHTML

FluidHtml has several additional important benefits. It runs in Flash, which is ubiquitous and which is consistent across all browsers. FluidHtml integrates seamlessly with server-side web technologies such as Java, .NET and PHP. And it includes a liquid layout engine with significantly more flexibility than CSS. FluidHtml markup is interpreted client-side using FHTML rendering engine. FHTML markup language is easily combined with HTML page and render on Flash based FHTML rendering engine.

flow

Benefits of FluidHTML

The use of rich media, interactive web applications, and web animations are growing dramatically, and consumer expectations of their web experience with your company are rising as a result. Historically, committing to rich website development meant using Flash, but this has significant problems for CIOs that FluidHtml solves. The main ones are these:

  • Learning curve for HTML web developer is very low
    FluidHtml is a markup language that is rendered in Flash dynamically with HTML-equivalent syntax. So, if we know HTML then we know FluidHtml. FluidHtml puts the power of Flash into the hands of your existing web developers because it follows HTML paradigms can easily be learned in a few weeks. By using our additional tags and properties, we can make applications, widgets and websites and we can mix FluidHtml and HTML on the same web page.
  • CSS3 Style Sheet Support
    Support for stylesheets in Flash is extremely limited. Typically, all style changes have to be done in ActionScript and cannot be shared with the styles on our website. FluidHtml has comprehensive stylesheet support, so now our dynamically-generated Flash applications can be styled and restyled easily. In version 2.0 of FluidHtml, our stylesheets are CSS3 compatible. So, the styles we use for HTML pages can also be used in FluidHtml to create Flash animations and layouts.
  • Liquid Layout and Data Binding
    FluidHtml supports liquid layout. This means objects can be positioned and resized relative to each other in various ways, rather than just in absolute position. Your application can easily adapt to different screens like desktop or mobile. And also support extensive Data Binding feature for components.
  • Developer friendly development approach
    No one today would code a large website in Flash because it was never built for this purpose. Flash is compiled, so each page of your site is essentially a compiled application. This isn’t true of HTML which can be dynamically generated on the server. Since FluidHtml is just markup on the page, it works like HTML. With FluidHtml you can generate Flash pages dynamically just as you do HTML.
  • Inherently Search Engine Compatible
    Flash has a difficult time with SEO. Because Flash is compiled, the search engines can’t index these binary objects. Adobe is working on making this better, but there is a natural limit to what can be done. However, FluidHtml is just markup, so it can be indexed by the search engines just like HTML. This means you can develop in FluidHtml and get all the benefits of Flash without sacrificing search engine indexability.

The upshot of all this is that with FluidHtml, your enterprise can enjoy all of the benefits of rich web deployment while dramatically reducing the total cost of development and maintenance over conventional rich media tools like Flash and Flex. And while Html5 is promising, it isn’t ready. And even when it is ready, it won’t necessarily be the right solution for multiple categories of applications

Technical specification

Programming Language: Tag based markup language FHTML+HTML. For interactivity we can use javascript and actionscript that is interpreted in Flash based FHTML interpreter.
Styling: For styling CSS2.0 and CSS3.0 (in FluidHTML v2.0)
Runtime: Flash Player 10 and above

FluidHTML Technical and Commercial Advantage
Sr. No. Advantage Parameter FHTML Advantages over HTML/FLASH
1 Technical Easy to create rich media websites, content and applications (RIAs, for short). Everyone that can code HTML should be able to build RIAs.
2 Technical Search engine optimization is available in FHTML.
3 Technical FHTML code does not need to be compiled like Flex, Silverlight and Flash.
4 Technical Learning curve for HTML developers is quick and easy.
5 Technical Text/colors/layout cans easily changes without compilation.
6 Technical FHTML content also renders on Apple product through HTML5 with inbuilt fallback mechanism after device and environment detection.
7 Commercial Reduces total cost of ownership for a business i.e. not require purchasing Flash IDE license.

 

References

Official Web page: http://www.fluidhtml.com/
About FHTML Inc.: http://www.crunchbase.com/company/fluidhtml
FAQ Page: http://www.fluidhtml.com/help/
Sotheby’s eCatalogue tool: http://www.sothebys.com/app/ecatalogue/fhtml

Youtube gets an HTML5 website for mobiles

Posted: August 27, 2010 in HTML5
Tags: ,

MOBILE HTML5 VIDEO is now accessible at Youtube through a website dedicated to the format for smartphones, tablets and other mobile devices.

Youtube’s owner Google said that with mobile web browsing expected to overtake desktop browsing it has updated its mobile video website for use on-the-go. With the update Google has added features from the main Youtube website such as like/dislike ratings, the ability to share links with social notworking services such as Facebook, Twitter and Buzz, plus the ability to load videos in lower quality more quickly.

“People want access to videos at all time[s], and they want to do so as quickly and consistently as possible,” said Youtube’s product manager for mobile, Andrey Doronichev. “With this new site, users can get the same experience on their smartphones or tablet devices in terms of both speed and functionality as they do on the desktop as we have streamlined the site to work over 3G networks as fast as possible.”

The Youtube HTML5 website has been designed to offer a consistent user experience on all mobile devices, including the Ipod Touch and the Ipad. Samsung’s Bada OS, as used on that firm’s Wave smartphone, is currently not supported by the website but Google explained that it will be after the first maintenance release of Samsung’s browser.

Youtube’s mobile website now also comes with large, touch-friendly buttons that make navigation easier by removing the need to scroll or zoom. Doronichev also took a swipe at mobile manufacturers by arguing that because the website is managed by Google directly, updates will be done far more regularly than those from phone manufacturers who only periodically update their native applications.

🙂

OSM Player – Advanced HTML5 Media Player

Posted: August 19, 2010 in HTML5
Tags: ,

OSM Player is also known as Open Standard Media (OSM) Player. it’s an open source, fully featured HTML 5 supported media player that is written in jQuery to dynamically play any type of web media, including HTML5, YouTube, Vimeo, and Flash.

For any non-standard media and browsers without HTML5 support, OSM player automatically fallback to Flash. OSM player also support playlists and offer a Seamless Vimeo and YouTube integration. User can easily customize the theme of media player by using jQuery-UI ThemeRoller.

An advanced, intuitive administration interface that allows the website administrator to completely customize the front end media experience for their users without writing any code. Also, the player generates direct and embed links to the media which is very good for anyone willing to include the content to their web pages.

Features of OSM Player

  1. 100% Open Source and 100% free!
  2. Player to Player communication.
  3. Playlist support
  4. Seamless Vimeo and YouTube integration.
  5. Easily themable using the incredible ThemeRoller system.
  6. Automatic Flash fallback for non-standard media.
  7. An advanced, easy to use administrator interface for configuring your media player.
  8. Audio and Video support with the most popular media formats.
  9. Dynamic HTML5 content delivery.
  10. Written in the popular jQuery framework.

Download: Open Standard Media Player