Hype By Tumult Review

by Yuval Ararat on 30/05/2011

Just encountered the Hype HTML5 generator and looked a bit under the hood.
I am not interested in a review of the UI nor in a comparison to the Flash capabilities.
This is a review of the softwares output, the HTML5 or lack of it and the SEO and Templating issues i am observing.
I will start with the first thing that got my eye.
The source code is only 2 lines, the second line is a JavaScript include to the real software.
<div id="birthdayparty_hype_container" style="position:relative;overflow:hidden;width:1024px;height:690px;"> <script type="text/javascript" src="http://static.tumultco.com/hype/gallery/BirthdayParty/BirthdayParty_Resources/birthdayparty_hype_generated_script.js?93067"></script></div>
and this script include will not be indexed by the search server since it is a JavascriptInclude and not a link to HTML in a frame as you can see below:
http://static.tumultco.com/hype/gallery/BirthdayParty/BirthdayParty_Resources/birthdayparty_hype_generated_script.js?93067
now this is bad enough to get me to walk away from the product, but then i thought about all the minisites that live in the internet and have the merits due to the campaign they represent and not through keywords and search.
Well these draw their site content usually from CMS of some sort in most big organisations.
This is going to be a very hard task to endure here, there is too much wiring in the back to make this JavaScript something that came out of the CMS, wether its content alone or the whole file.
under var scenes there is the whole configuration of the scenes, DIV sections of the design, and they are in a complex array based on the ID later used in timeline and button behaviour. not something you wish to mess with as the DIV ids "D6D4872B-15A0-4AAC-BE1F-D19521BD7D6B-39296-0000A9020DBE91F3":
And this is the content/metadata of that id is represented in this lovely JSON.
{"PaddingTop":"8px","PaddingLeft":"8px","Position":"absolute","Width":"328px","PaddingRight":"8px","Left":"339px","Display":"inline" ,"Height":"294px","Opacity":"0.000000","Overflow":"visible","ZIndex":"12","Top":"249px","TextColor":"#000000","FontSize":"14px" ,"WhiteSpaceCollapsing":"preserve","WordWrap":"break-word","PaddingBottom":"8px","InnerHTML":"<div><b><font class=\"Apple-style-span\" face=\"TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif\"><font class=\"Apple-style-span\" size=\"5\"><span class=\"Apple-style-span\" style=\"font-size: 18px;\">SUNDAY, MAY 15 @ 12:30</span></font></font></b></div><div><br></div><font class=\"Apple-style-span\" face=\"TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif\">Please join us for an afternoon of wine tasting/consuming at Ridge Winery in the Cupertino Hills. I will provide picnic eats.</font><div><span class=\"Apple-style-span\" style=\"font-family: TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif; \"><br></span></div><div><span class=\"Apple-style-span\" style=\"font-family: TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif; \">Please drive carefully as the road becomes one lane as you get higher up the mountain, and there are usually bicyclists sharing the road. Also, be prepared for windier and chillier weather than in the Valley.</span></div><div><span class=\"Apple-style-span\" style=\"font-family: TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif; \"><br></span></div><div><font class=\"Apple-style-span\" face=\"TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif\">Please be mindful of your limit :)</font></div><div><font class=\"Apple-style-span\" face=\"TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif\">&nbsp;</font></div><div><span class=\"Apple-style-span\" style=\"font-family: TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif; \">If picnicing isn't enough for you, or if you're up for going all out, please join us for part 2 ...</span><br></div><div><span class=\"Apple-style-span\" style=\"font-family: TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif; \"><br></span></div>","TagName":"div"}
This will in turn become a nested DIV inside a DIV carrying the ID
<div class="HYPE_element" id="D6D4872B-15A0-4AAC-BE1F-D19521BD7D6B-39296-0000A9020DBE91F3" style="top: 249px; left: 339px; width: 328px; height: 294px; padding: 8px; position: absolute; display: inline; opacity: 1; overflow: visible; z-index: 12; color: rgb(0, 0, 0); font-size: 14px; word-wrap: break-word; -moz-transition: opacity 0.5s ease-in-out 0s;"><div><b><font face="TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif" class="Apple-style-span"><font size="5" class="Apple-style-span"><span style="font-size: 18px;" class="Apple-style-span">SUNDAY, MAY 15 @ 12:30</span></font></font></b></div><div><br></div><font face="TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif" class="Apple-style-span">Please join us for an afternoon of wine tasting/consuming at Ridge Winery in the Cupertino Hills. I will provide picnic eats.</font><div><span style="font-family: TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif; " class="Apple-style-span"><br></span></div><div><span style="font-family: TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif; " class="Apple-style-span">Please drive carefully as the road becomes one lane as you get higher up the mountain, and there are usually bicyclists sharing the road. Also, be prepared for windier and chillier weather than in the Valley.</span></div><div><span style="font-family: TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif; " class="Apple-style-span"><br></span></div><div><font face="TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif" class="Apple-style-span">Please be mindful of your limit :)</font></div><div><font face="TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif" class="Apple-style-span">&nbsp;</font></div><div><span style="font-family: TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif; " class="Apple-style-span">If picnicing isn't enough for you, or if you're up for going all out, please join us for part 2 ...</span><br></div><div><span style="font-family: TrebuchetMS, 'Lucida Grande', Tahoma, Arial, sans-serif; " class="Apple-style-span"><br></span></div></div>
Beyond the cumbersome DIV structure and generation of code that will be improved in later versions as i trust it will the content is not suitable to be converted into the CMS of choice even if you wanted.
This tool at its current state generates a create and forget sites that are not HTML5 until you run the browser over and get the result rendered through the JavaScript engine.
Thus this tool is not really a HTML 5 UI editor but a Site Generator with the capability to get great flash like results in the best standard, well not yet standard, HTML5.
Its use cases are currently limited to the non SEO based sites and to replace the Flash based sites, though Flash does offer a better SEO integration, this could be also guessed by the lovely gallery that Tumult are offering for the product. All the sites are for simple scenarios where there is no content management intended, like the birthday example i am exploiting for code.
Conclusion
Hype is a great tool to be able to replace the Flash based websites and is aimed for the designers and UI specialists. it is not yet a mature product that is capable of generating real HTML5 pages to be later used in the process of templating a WCM and should not be used as such.
In my opinion this tool is for startups, i believe they should abuse this tool in creating online tutorials and demos of their software, it will make it awesome!

Copyright secured by Digiprove © 2011 Yuval Ararat

{ 4 comments… read them below or add one }

Peter Conn June 9, 2011 at 1:42 am

Feeling very sad that Apple took the non-Flash stance on the iPad and iPhone. Have lived in Flash for the last 6 years.
Question: if this little Tumult product Hype is not the solution to beginning Flash-like animation, then what do you suggest I look at?
And animation is fine, but ultimately we will want something with the ability to transmit and receive data to a DB like Flash MX started maybe 6 years ago.

Yuval Ararat June 9, 2011 at 1:34 pm

Hi Peter,
It is a good solution to a flash based animation. its not a good solution for website creation as it has no SEO value.
If you need to make flash like HTML5 animation this is your tool.

Honney July 7, 2011 at 6:24 am

Geez, that’s ubneliveable. Kudos and such.

ArchiPam April 12, 2012 at 8:30 am

This is a little beyond me but I noticed a few key words. You are saying this program will not allow my website to be indexed by google with keywords? This is very important as I am a start up and need a way to trigger keywords from my site to search engine when people type in things like architecture, design etc…

I though this was going to be a great little app to get an easy site up and going with some minor animations and clean lines. Should I look elsewhere? And if so, any suggestions?

Leave a Comment

Previous post:

Next post: