Project IU

HTML

• Language designed for describing “Documents”

• Usage of old tags for unintended purposes– E.g. div, anchor, input type, text area, float left……

• Cannot truly understand how webpage appears, as it depends on the Browser!

CSS

• Something That Should Not Exist!

• Designed to enable the separation of doc and design but….

– Do you really agree? “float left” makes everyone crazy!

• Programmers Should Code Design Components!– Android, Cocoa... Design & Program can not be

separated.

Javascript

• The pit of Hell

• What you develop will be legacy within one month

• Its very existence is evil

The source of evil

WDT (web – development – tool)

• Dream weaver? Eclipse?– Nothing good

• Why?– People? Developers have Ph.Ds or are at least Good

Programmers– Companies? Adobe has made Photoshop, a good

product

• The problem is HTML itself

Solution

IU Compiler with Mango IDE

Only 3% of code is needed

1 Month 1Day

Project IU

• Intermediate Unified Markup Language + Graphic IDE

• Let’s inherit DOM objects

• Show same design in all web browsers

• Make ROR + Django Web HTML, easily

Project IU – milestone #1

IU Development Tool

Mango IU Object

HTML byte code

IU Compiler/ Translator

Django +WSGI

Project IU – Goal

IU Development Tool

Mango IU Object

Django +MangoWSGI

IUML• All DOM ELEMENTs Should be Visible.

– Anchor and form are not DOM. They are just properties.

• All coordination systems for all elements should be the same.– Siblings should not skew the coordination system.

• For developing a website, no languages should be needed, except Python and Ruby.– IUML has for-loop, conditional statement– Adapt Binding Concept

• Every DOM type you need can be installed through a Package system.– PIP or APT-Get will be included

IUML VS HTMLIUML HTML

Base JSON

Inheritance Enable Disable

Coordination Absolute ( Origin is ParentDom’s Left Top)

Origin is end of sibling.

Form Property DOM

Link Property Anchor DOM

Hover Property CSS

Conditional Statement

Property Use Javascript

Margin & Padding

Not existed CSS

Library Package Install Not existed

IUML VS HTMLIUML HTML

Browser Brower-Independent Brower-dependent

Array & For Loop

Enable Use Javascript

Overlapped Link

Enable Disable

Form Method

POST GET, POST

HTML Combine tag

IU Define Object first

Mango v0.1

• IDE for IUML

• UI is similar to the Xcode Interface Builder

IU Obj

IU Text

IU Web

IU Facebook IU Youtube

IU Calendar

IU Container

IU RawRaw HTML

IU Button

IU Dropdown

IU Checkbox

IU Dynamic

IU Header

IU Footer Wrapper

IU Page

IU Header Wrapper

IU Footer

Demo

• English version : – http://goo.gl/wxvqq

• Korean version : – http://goo.gl/kgVyu