1. Justin Tilton uPortal Framework and User Interface Demonstration

2. Overview 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

3. New web development paradigm Static sites – HTML Dynamic sites – ASP, JSP Transformed sites – XML, XSL, JAVA –Separate business logic & presentation –Reusable designs –Consistency

4. Benefits to programmers and designers Division of expertise Collaboration of experts Max reuse, min development Diverse learning environment

5. Flexible structural design Structure stylesheet Theme stylesheet Channel stylesheets Supports multiple devices Supports multiple markup languages

6. Structure Stylesheet Tab/Column/Row - VES Tab/Column - JASIG Tree/Column - JASIG XSLT Processor User XML Structure Stylesheet

10. Theme Stylesheet HTML 4.0 - Browser HTML 3.2 - PDA WML – Mobile Phone XSLT Processor Structure XML Theme Stylesheet

12. Channel Stylesheets Channel XML and Stylesheets Output Stream to Device Final Output

14. Standardization of presentation Consistency in look and feel Consistency in navigation A localized UI element repository Powerful user customization

15. UI element repository

16. User personalization

19. Powerful for nomadic users Separates logic from presentation Multiple target device support Virtual environment – central storage –Events, calendars, addresses, files

20. Multiple Target Devices

21. New devices, new languages Framework has the future in mind XML, XSLT and software engineering Add a new device, add a stylesheet Add a new markup language…

22. New devices

23. Lower total cost of ownership Framework encourages good design Focuses on best use of expertise Reduces time to market Increases quality of product Facilitates technology transfer Creates re-usable objects Accommodates change

24. 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