Justin Tilton

uPortal Frameworkand User Interface Demonstration

OverviewOverview

What makes this Framework different– It’s Changing the web development paradigm

– Benefits programmers and designers– Flexible structural design– Standardization of presentation– Powerful for nomadic users– Support for new devices– Lower total cost of ownership

New web development paradigmNew web development paradigm

Static sites – HTMLDynamic sites – ASP, JSPTransformed sites – XML, XSL, JAVA– Separate business logic & presentation– Reusable designs– Consistency

Benefits to programmers and designersBenefits to programmers and designers

Division of expertiseCollaboration of expertsMax reuse, min developmentDiverse learning environment

Flexible structural designFlexible structural design

Structure stylesheetTheme stylesheetChannel stylesheetsSupports multiple devicesSupports multiple markup languages

Structure StylesheetStructure Stylesheet

Tab/Column/Row - VES

Tab/Column - JASIG

Tree/Column - JASIG

XSLTProcessor

User XML

StructureStylesheet

Theme StylesheetTheme Stylesheet

HTML 4.0 - Browser

HTML 3.2 - PDA

WML – Mobile Phone

XSLTProcessor

StructureXML

ThemeStylesheet

Channel StylesheetsChannel Stylesheets

Channel XML and Stylesheets

Output Streamto Device

Final Output

Standardization of presentationStandardization of presentation

Consistency in look and feelConsistency in navigationA localized UI element repositoryPowerful user customization

UI element repositoryUI element repository

User personalizationUser personalization

User personalizationUser personalization

User personalizationUser personalization

Powerful for nomadic usersPowerful for nomadic users

Separates logic from presentationMultiple target device supportVirtual environment – central storage– Events, calendars, addresses, files

Multiple Target DevicesMultiple Target Devices

New devices, new languagesNew devices, new languages

Framework has the future in mindXML, XSLT and software engineeringAdd a new device, add a stylesheetAdd a new markup language…

New devicesNew devices

Lower total cost of ownershipLower total cost of ownership

Framework encourages good designFocuses on best use of expertiseReduces time to marketIncreases quality of productFacilitates technology transferCreates re-usable objectsAccommodates change

Conclusion Conclusion

It’s Changing the web development paradigm Benefits programmers and designers Flexible structural design Standardization of presentation Powerful for nomadic users New devices, new languages, it’s covered! Lower total cost of ownership