1. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Web Development Tools Visual (HTML) Editors Site Managers Hypermedia Tools -- rejuvenated HTML-Database Integration Publication Wizards Model-driven Web Generators based on paper from Piero Fraternali (WWW7)

2. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Visual Editors and Site Managers WYSIWYG, page upload, link repair Adobe Site/Page Mill, NetObject Fusion, SoftQuad HotMetal, MS Frontpage

3. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Hypermedia Tools Asymetrix Toolbook, Macromedia Director and Authorware authoring, multimedia and synchronisation, navigation platform-dependent - plugins

4. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie HTML-DBPL Integration merge of Web and databases integrate HTML with database programming language Cold Fusion, MS Active Server Pages form editors, report writers database publishing wizards MS Visual InterDev, Oracle Developer 2000

5. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Model-driven Web Generators coverage of all developers activities from analysis to implementation state-of-the art software engineering Oracle Web Developer Suite AutoWeb, OOHDM,... - research prototypes

6. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Web Application Development Support structure behavior navigation presentation... orthogonal features, with peer dignity

7. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Enabling communication - education decreasing sense of isolation increasing flexibility increasing variety increasing communication experience enabling variety of pedagogy

8. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Forms of communication asynchronous - email, news, ftp, http synchronous - IRC, MUD/MOO, chat face-to-face - audio/video conferencing

9. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Communication Approaches one-to-one - peer assessment and email buddies one-to-many - lectures, presentations many-to-one - feedback and evaluation many-to-many - virtual class, panel discussions

10. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Communication Tools (1) email - threading, filters, MIME,..., search mailing list - majordomo Web/email-news Gateway - MHonArc (archives) news readers conferencing - …

11. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Communication Tools (2) MUD/MOO/MUSH - multi-user shared hallucination chat - CGI, IRC, Java, avatar-based groupware - Lotus Notes audio communication - Cooltalk, Netmeeting video communication - CuSeeMe, MBONE

12. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Concept Planning and Development Questions to ask yourself Issues in concept development Development steps Site metaphors taken from Creating Internet Entertainment

13. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Questions to ask yourself Should you build a site? Do you know how to use the Internet effectively? Is your industry/business online? Low cost or high cost? Is the concept practical? Who will create the site? Who will develop/maintain the content? Who is the audience? Does your site fit within a community? Is access unlimited or members-only?

14. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Issues in Concept Development Choose a name! Choose a class - micro or macro? Choose a metaphor - literal is possible! Develop a flowchart - navigation User-centric - adaptive (cookie)? Interactivity - email, form, bulletin, polls, chat,... User evaluation - is it effective?

15. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Development Steps 1.Proposal - short summary 2.Description of purpose - economic model 3.Concept - type, site, metaphor, multimedia 4.Implementation facilities - CGI, Java, Shockwave 5.Cost - hardware, software, support 6.Time-table - research, production, development, launch... 7.Maintenance and upgrades - personnel 8.Expansion options - programming and administration 9.Appendix - flowchart and demographics 10. Business plan - funding and marketing

16. vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Metaphors for Sites spatial - cities, solar system, room, backyard representational - train, ship, radio person or entity - home, tax-wizard time or event - camera, mechanical arm, fishcam literal - functional control (tables and lists)