The State of The Web

1. The State of The Web CP2010 – Web Programming AndreGunawan Godwin Wong Yohana Priscillia HoangHuuThinh ThetPaing Lin

2. PRESENTATION OVERVIEW • Introduction • Past • Present • Future • Conclusion

3. INTRO • Internet from ARPANET (1970s) • World Wide Web in 1994 • 1st website  build at CERN  put online on 6th August 1991

6. PAST – what shape web design? • Netscape • Founded in 1994 • Most popular web browser! • Lose to Internet Explorer • Users fall from 90% in 1990s to <1% in 2006 • Develop Secure Socket Layer Protocol (SSL) for secure online communication & Java-script, which are both still widely-used. • Flash (Adobe Flash) • Formerly Marcomedia Flash • Multimedia platform to add animation, video and interactivity to web pages. • Frequently used for advertisements and games.

7. PAST – web design • Static website (html) • Mostly consist of text • Focus on the information / content

12. PRESENT • 2010: • Mobile has hit the mainstream • Web typography has reached new levels of sophistication • New coding techniques have vastly improved our ability to get creative with design (without compromising stability).

13. current trends • More engaging design (addressing more to the website’s theme) • Easy interface & navigation • Dynamic • Customizations to personal preferences (language, etc) • Use more icons (images) instead of text link

14.  In 2000 In 2009 

15. The design address the theme more & more user friendly as the design is similar to notes, etc.

18. The death of the Fold • What is Fold? the line beyond which a user must scroll to see more contents of a page (if it exists) after the page displays within their browser • The traditional screen has undergone an explosion of variety. Nowadays they come in all shapes and sizes, from iPhones (and smaller phones) to 60″HDTVs.

19. Mobile Sites • Sites have been being designed for mobile scenarios since the inception of mobile devices • 2010 has seen a huge push towards entire sub-sites that are designed specifically to be viewed on small, handheld screens. • Before, there are only a very few sites, because the trend of using internet on the mobile devices are not yet popular and the technology is not yet advanced as in 2010.

20. Desktop application UI influence • Creating applications has trickled into the web design style-lexicon in an interesting way • In the past, all most all websites can be distinguished between the application by just a look. • Nowadays, many of the websites are like an application. The look and feel of the websites changed to the application like interface due to new technologies.

21. GRID intensive layout • Not new to 2010 (or even 1980). • PAST: web designer prefer to use traditional web layout (header, content column, sidebar, footer) . • NOW: break away from it in favor of more unique, grid driven layouts. • + : can adapt to the viewers screen resolution.

22. Massive Image • better image optimization • faster internet connections • smarter loading methods Can push image sizes to the max!!! Now the trend has likely to change to sites that use vast illustrative (and photographic) backdrops that are as a part of the actual experience as they are simply additional artwork.

23. Immersive Script Integration • Coded plug-ins used to be an afterthought, due to limited plug-ins and the web developing kits hasn’t support this yet. • Now, more advanced web developing tools and plugins • Entire designs can be based on scripts and plug-ins that do more than “add something” to a design. • Script integration defines the entire website experience.

24. CSS3 • In the pass when there was no CSS3 yet, the websites were like less attractive and more simple looking than today. • CSS3 mass adoption is still a little ways off even now but the designers have started using it

25. 3D Environment • 3D based sites are fun to use, but aren’t entirely accessible from some browsers and devices. • PAST: not as advanced + slow internet speed = rarely used. • Now, there are some fun new things happening in the way of 3D environments popular among people.

26. PRESENT – developer companies • Good sites designed by mostly individuals or by small groups. • Why? Easier!

27. FUTURE - directions • Depends on region & culture • Future device: small & portable  MOBILE sites • Foreseeable design: • Simple but sophisticated • Customize/personalize • More like an application • In 3D environment • Many different screens  need to have relative positioning

30. FUTURE – profits over the net • Advertising on website • Selling software over the net (speed not constraint) • Membership (watch online, e-books, etc.) • As hosting place

31. FUTURE - tools • Web site development: • Still used: xhtml, css, php, javascript • Newcomers: ruby gems, CSS3, 3D Environment, other scripting language, etc. • Tools: • Photoshop • Flash • Dreamweaver • Website Management Software (Radiant cms, etc) • 3D creator..

32. Conclusion • Past and present website are very different, esp. in the look and feel!

33. CONCLUSION • In the future: • More efficient • Better user-experience • In 3D environment • Desktop application like look and feel. • More efficient making money • Tools: CSS3  website with immersive script integration. • Major companies have the mobile version of their websites.

34. QUESTIONS?

35. THANK YOU for listening..