Skip Navigation Links

Getting Started with Zero’s Visual HTML Page Editor

Posted by chrism1 on October 17th, 2008. Other posts by chrism1

At the recent Ajax Experience and Dojo Developer Day in Boston, I gave a couple of lightning demos of the Visual HTML Page Editing tool, one of the many web-based tools that are under development in Project Zero’s Application Builder.

Here’s a short clip that takes you through the high level pieces of the HTML page editor’s capabilities, which includes drag-and-drop page design, automatic HTML source generation (and bi-directional source editing), Dojo widgets, CSS property editing and data binding using Dojo datastores.
Please enable Javascript and Flash to view this Viddler video.
Transcript and Download (Quicktime .mov)

- Chris Mitchell

Tagged as , , , , , , , , , , , , | Filed in Development, Video
4 Comments »
1 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 5 (1 votes, average: 4.00 out of 5, rated)
Loading ... Loading ...

4 Responses to “Getting Started with Zero’s Visual HTML Page Editor”

  1. Shaochen Huang Says:
    November 2nd, 2008 at 1:28 am

    I think the text in the screen is very vague..very hard to see clearly…

    The HTML page editor is pretty cool and convenient.

    But we have some problems in the layout, the layout in the editor is different from what really displays in the browser.

  2. CpILL Says:
    November 3rd, 2008 at 7:42 am

    Looks fabulous and you guys have obviously done a lot of work, but who is the target audience?

    It does seems you’ve made a data aware version of Dreamweaver. The problem being that its too technical for the masses (if you mum can’t figure out how to use it alone its too hard) and also there is Dreamweaver which in the graphic designers eyes will be the preference.

    Whats the end goal here? Whats the target market?

  3. Brandon Smith Says:
    November 3rd, 2008 at 1:19 pm

    Screencasts such as these are indeed useful. But the screen (especially the text) is blurred to the point that I cannot quite see what is going on exactly. I know I am not the first to

    Is there any way to find a higher quality video solution?

  4. Chris Mitchell Says:
    November 4th, 2008 at 11:40 am

    @Shaochen We’d like more info on what you’re seeing, so that we can make the layouts more exact (that is one of the main reasons the tool was done in the browser). Feel free to open a ticket in the bug system.

    @CpILL The application builder is actually a suite of tools that are all web-based. The particular editor demod in this screen cast is targetted at a web developer, rather than that of mom & dad end user; however, be sure to check out some of the other tools that are coming like the schema-driven form builder, which are require less of a technical level but are still not targetted directly at the business-end user. Lotus Mashup Center is a product targeted more at the business user level, and we’re working on the integration between pages/widgets you create via this tool in the application builder and products like Mashup Center. We’d also like to do a CSS design tool that allows a user to see various widgets styled in various states, to ease the burden of CSS and make it easier to import artifacts from market-leading design tools. This particular tool is not intended to be a designer’s primary tool suite.

    @brandon There’s a .mov download that should be a bit better quality (I have the full resolution original that I could post for d/l in high quality if you think the .mov isnt good enough).

    Thanks for all your feedback!
    -Chris