150 likes | 259 Views
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). Visual Editors and Site Managers. WYSIWYG, page upload, link repair
E N D
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)
Visual Editors and Site Managers • WYSIWYG, page upload, link repair • Adobe Site/Page Mill, NetObject Fusion, SoftQuad HotMetal, MS Frontpage
Hypermedia Tools • Asymetrix Toolbook, Macromedia Director and Authorware • authoring, multimedia and synchronisation, navigation • platform-dependent - plugins
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
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
Web Application Development Support • structure • behavior • navigation • presentation ... orthogonal features, with peer dignity
Enabling communication - education • decreasing sense of isolation • increasing flexibility • increasing variety • increasing communication experience • enabling variety of pedagogy
Forms of communication • asynchronous - email, news, ftp, http • synchronous - IRC, MUD/MOO, chat • face-to-face - audio/video conferencing
Communication Tools (1) • email - threading, filters, MIME, ..., search • mailing list - majordomo • Web/email-news Gateway - MHonArc (archives) • news readers • conferencing - …
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
Concept Planning and Development • Questions to ask yourself • Issues in concept development • Development steps • Site metaphors taken from Creating Internet Entertainment
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?
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?
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
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)