Project IU - Technical View
-
Upload
jd-yang -
Category
Technology
-
view
216 -
download
3
Transcript of Project IU - Technical View
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