Archive for the ‘HTML5’ Category


AdobeNow to conclude Adobe published there view’s on Flex and its future by releasing a whitepaper. This whitepaper is about Adobe’s plan in relation to Flex that is now donated to Apache Foundation. This is a well-documented white paper that covers history, evolution, use cases and future of Flex. Here I am listing key details from this whitepaper.

  • Adobe believes that Flex is the best solution for enterprise and data-centric application development today, and that moving Flex into a community-driven open source project ensures the continued development and success of Flex for years to come.
  • In this new community-driven model, the community will be responsible for the maintenance and evolution of the Flex SDK while Adobe will continue to evolve tooling and runtimes.
  • Closed to one decade (2004-12) Flex travels very long journey and released several milestone build Flex 1.0 to Flex 4.6.
  • Flex is popular for its data-driven capability that attracts the enterprise level applications.
  • Flex is friendlier with other technologies such as J2EE, PHP and .NET for integration.
  • Innovation in HTML development model is moving at a very rapid pace that will provide developers with more choices when selecting the appropriate technology. But Flex has some advantage over HTML which makes it the best solution in the enterprise space for years to come. The key USP of Flex are:
    • Flex offers complete feature-level consistency across multiple platforms, browsers, and devices.
    • The Flex component set and programming model makes it extremely productive when building complex user interfaces.
    • ActionScript 3 is a mature object-oriented programming language, suitable for large application development.
    • Supporting tools offer a productive development environment with respect to code editing, debugging, profiling, and testing.
  • As Flex moves into a community-driven open source project, Adobe will make initial technical contributions and will also continue to provide a team of full-time Flex SDK engineers to contribute to the Apache project. These are the list of contribution from Adobe to Apache Foundation for this movement:
    • Flex SDK contributions to Apache
    • Falcon compiler contribution to Apache
    • Falcon JS compiler contribution to Apache
    • Testing contributions to Apache
    • BlazeDS contributions to Apache
    • Engineering contributions to the Apache Flex Project
    • Community support
  • Adobe will not be contributing the AIR for Linux SDK, LCDS, or LCCS to Apache. Adobe is still investigating the viability of contributing TLF, BlazeDS.NET, Gravity, FXG, Squiggles, and OSMF.
  • Now that Flex is a community-driven project, it is no longer appropriate nor practical for Adobe to sign the resulting Apache Flex RSLs. This means that when using an Apache Flex release, framework RSLs will not be cached globally by Flash Player, but rather per domain in the web browser.
  • Adobe is remains committed to Adobe Flash Player for Desktop, Adobe AIR for both Desktop and Mobile and development of Adobe tools for Flex.
  • Adobe will no longer develop Flash player for the mobile browser.

Adobe’s are currently in the process of contributing the core Flex SDK, automation libraries, AIR SDK binaries, and documentation to the Apache Flex Project. Adobe will also be contributing Falcon, Falcon JS, Mustella, and BlazeDS.

 

apache_flex_logo_3d

References:
Adobe White Paper
Apache Flex Project


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


Adobe released a preview version of interesting code free website designer tool called Muse. This tool is 100% code free, without writing a single line of code you can build your stylish and attractive website. Adobe Muse LogoThis is really interesting, I downloaded the preview version from Adobe lab and really enjoyed working on this.

Adobe already have a powerful website editor called Dreamweaver then why they introduced another one? The reason behind is Dreamweaver is for programmer to build website by writing code and this Muse is specially targeted for designer group those are very much familiar with DTP and printing software like inDesign. By using Muse designers are able to create websites as easily as creating a layout for print. Design and publish original HTML pages using the latest web standards, and without writing code.

The main feature of Adobe Muse are:
# Plan your project — Easy-to-use sitemaps, master pages, and a host of flexible, site-wide tools make it fast and intuitive to get your site planned out and ready for design.

# Design your pages — Adobe Muse is a WYSIWYG type of tool and it helps to design web pages very effectively. Combine imagery, graphics and text with complete control, flexibility and power (almost as if you were using Adobe InDesign).

# Add interactivity — Drag and drop fully customizable widgets like navigation menus and slide shows, embed HTML code snippets to include things like Google Maps, enable tool tips, rollovers and much more.

# Publish your site — Preview your site with Muse to see how it looks and test how it works. Then convert to a live website using Adobe for hosting, or export the HTML for hosting with a provider of your choice.

Adobe Muse Tool

For getting more please visit Muse official website – http://muse.adobe.com/

This tool is built by using Adobe AIR technology. If you are looking for online brochures page then this is for you but this is not accommodate complex and data interactive website. If you are a designer and want to develop attractive website in lesser time then this is for you. Lets see how this tool is welcomed by web designers.

Overall this is very interesting tool just give a try for this.


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