W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of...
-
Upload
trevor-marshall -
Category
Documents
-
view
213 -
download
1
Transcript of W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of...
![Page 1: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/1.jpg)
WEBFORUM11 December 2002
![Page 2: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/2.jpg)
Revamping UCL’s Web Structure
Professor Roland Rosner
Director of EISD
![Page 3: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/3.jpg)
Infrastructure
Information Strategy organisation
Software &
Standards
Information Strategy Committee
Academic Systems
Administrative Systems
Web & Intranet
Working Group on Web Structure
Steering Groups
![Page 4: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/4.jpg)
Working Party on Web Structure- terms of reference
• To further the Web and Intranet Steering Group's exploration of the structure of UCL domains and graphical mapping thereof
• To consider the revision of the structure of UCL domains
• To submit a final report and recommendations to the meeting of the Web and Intranet Steering Group in early Spring 2002
![Page 5: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/5.jpg)
Membership
• Professor Roland Rosner (EISD)
• Jeremy Speller (Registry)
• Anthony Peacock (CHIME)
• Marco Federighi (Engineering Sciences)
• Professor Susan Hockey (SLAIS)
• Nicholas Tyndale (Development Office)
• Rachel Port (Secretary)
![Page 6: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/6.jpg)
Mode of operation• Short monthly meetings - from Dec 2001
• Early decisions– restructuring of top levels
• target audiences• information about…
– content management– pilots
• Subgroups– design– content management
• Budgetary constraints
![Page 7: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/7.jpg)
Conclusions• Design
– New look and structure
• Open source software for CMS– Zope
• Provision of CMS server– IS - Web Unit responsibilities
• Pilots– Registry, Bartlett, Engineering Sciences
• XML group– preparation for portals and MLE!
• Launch!
![Page 8: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/8.jpg)
WEBFORUM11 December 2002
![Page 9: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/9.jpg)
Introduction to the new look and the new structure
• Why now?• WPWS Report• What does it mean for Departments/Divisions?• Timetable• Examples
UCLONLINE
![Page 10: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/10.jpg)
Introduction to the new look and the new structure
• Why now?– Ingram Initiative
– Legislation
• WPWS Report– Need to address target audiences
– Need for consistent style and menuing
– Visual & Production Design Project Group
• What does it mean for Departments/Divisions?– Central Divisions / Faculties will be strongly encouraged to work with us to
adopt the new framework
– Departments will be encouraged and helped if they wish to adopt the new framework
– Guidelines / templates / support will be provided AFTER the central site has settled down
UCLONLINE
![Page 11: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/11.jpg)
Introduction to the new look and the new structure
• Timetable– Merger delay– Existing examples
• www.ucl.ac.uk/Registry• www.ucl.ac.uk/proposedmerger• www.chime.ucl.ac.uk• www.ucl.ac.uk/WebForum
– Development site - wu4.reg.ucl.ac.uk/build2– Launch
• Examples
UCLONLINE
![Page 12: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/12.jpg)
![Page 13: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/13.jpg)
![Page 14: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/14.jpg)
![Page 15: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/15.jpg)
![Page 16: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/16.jpg)
![Page 17: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/17.jpg)
WEBFORUM11 December 2002
![Page 18: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/18.jpg)
UCLONLINE
Web Standards
Neil Martin
Web Support Officer (Production Design)
![Page 19: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/19.jpg)
UCLONLINE
Summary
•Nature of web standards
•XHTML and CSS
•Web Accessibility
•Context of new design
![Page 20: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/20.jpg)
UCLONLINE
What are Web Standards?
• Web technologies developed by the W3C
• E.g. XHTML, CSS, XML, DOM
• Separation of Style and Content
![Page 21: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/21.jpg)
UCLONLINE
Advantages of web standards?
• Inclusive design• Device independence & repurposing content • Better control over style - layout, colours • Reduction of costs/time consumption• Long-term viability of content• New versions of browsers are implementing
web standards • It’s the future - XML, etc
![Page 22: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/22.jpg)
UCLONLINE
Standards Used In the New Design• XHTML
• Cascading Style Sheets (CSS1,CSS2)
• Web Accessibility Standard (WCAG)
![Page 23: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/23.jpg)
UCLONLINE
XHTML
•Latest version XHTML 1.1
•Highly structured - headers, paragraphs, lists, etc
•Ensure that all tags are closed (well formed) and properly nested
• HTML as an application of XML
![Page 24: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/24.jpg)
UCLONLINE
XHTML
•Latest version XHTML 1.1
•Highly structured - headers, paragraphs, lists, etc
•Ensure that all tags are closed and properly nested.
• HTML as an application of XML
1.<p>content</p> NOT <p>content
2.<p><em>content</em></p>
NOT
<em><p>content</em></p>
3.<br> becomes <br />
![Page 25: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/25.jpg)
UCLONLINE
CSS
•Presentation of HTML content•Control of fonts, colour, positioning and layout•Style sheets for different media and output devices•Can make global changes to style of a web site thus dramatically reducing workload•Users may override your style sheet with their own
![Page 26: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/26.jpg)
UCLONLINE
Web Accessibility
•Legal Obligations - DDA,SENDA
•W3C, WAI, WCAG
•Levels of conformance to guidelines
•Ongoing project to improve practice within UCL
•See www.w3c.org/wai
![Page 27: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/27.jpg)
UCLONLINE
Validation Tools
•Dreamweaver MX
•W3C Markup Validation Service http://validator.w3.org
•W3C CSS Validator
http://jigsaw.w3.org/css-validator/
•Bobby (Bobby Worldwide)
http://bobby.watchfire.com/
![Page 28: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/28.jpg)
UCLONLINE
Does the new design validate to all the standards?•Not quite•Designing for Netscape 4.0 - poor support for CSS in certain areas•Limitations of using Dreamweaver (and advantages of a Content Management System)•Production of guidelines and support from Web Unit (dissemination of good practice)
![Page 29: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/29.jpg)
UCLONLINE
Useful Links
•www.webstandards.org
•www.alistapart.com/
•www.w3.org/wai
•www.techdis.ac.uk
•www.wired.com/news/culture/0,1284,55675,00.html
![Page 30: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/30.jpg)
WEBFORUM11 December 2002
![Page 31: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/31.jpg)
Introduction to Content Management at UCL
• Information strategy requires efficient access to accurate and timely information
• The web is a common, readily available access mechanism• Current web development methods require a large amount of
dedicated effort• A content management system can provide a flexible development
framework that enables information integration, dynamic web views and delegation of responsibility for content
UCLCMS
Anthony Peacock 11 December 2002
![Page 32: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/32.jpg)
Introduction to Content Management at UCL
• Content Management Systems Working Group (CMSWG)• Three pilot projects
– Bartlett– Engineering– Registry
• Attendance at international conferences• Consulted with experts
UCLCMS
Anthony Peacock 11 December 2002
The process
![Page 33: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/33.jpg)
Introduction to Content Management at UCL
• Zope• UCL supported server
– Test server being installed now– Development and production servers being specified and ordered
• Use of server for UCL ‘core’ pages• Development of service for other users
UCLCMS
Anthony Peacock 11 December 2002
The outcome
![Page 34: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/34.jpg)
WEBFORUM11 December 2002
![Page 35: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/35.jpg)
Engineering Sciences CMS: talk outline
• Background and boundaries• Content• Management• Site design• Why Zope/Plone?• Functionality• What’s missing• Conclusions
UCLCMS
![Page 36: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/36.jpg)
Background and Boundaries
• 1997: online registration (EE)• 1998: online exam results (EE)• 2000 - 2001: paperless office (ENG)• 2001 - 2002: admissions (UCL)• early 2002: UCL website CMS• 2002 - 2003: student records (UCL)
UCLCMS
![Page 37: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/37.jpg)
Content
• Student records
• Course records
• Dept information (teaching, research)
• Projects
• Admin (committees……)
• Audit trail, statistics
• Events
UCLCMS
![Page 38: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/38.jpg)
Management
• Departments
• Faculty
• Central College
• Committees
• External agencies (QAA, ….)
UCLCMS
![Page 39: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/39.jpg)
Site design
• Departments– programmes and modules– research
• Faculty– committees– projects– news– events
UCLCMS
![Page 40: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/40.jpg)
Why Zope/Plone?
• remote authoring via browser
• workflow and version control
• open source, platform independent
• Zope: transactional object database
• Plone: useful tools (form handling, searching….)
• tailored for large organisations
UCLCMS
![Page 41: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/41.jpg)
Functionality
• Structured documents
• Discussions: BB and comments
• News
• Events– deadlines– room bookings
• Topics
UCLCMS
![Page 42: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/42.jpg)
What’s missing?
• Structured documents
• Workflow
• Audit trail (versions)
• Reports
UCLCMS
![Page 43: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/43.jpg)
WEBFORUM11 December 2002
![Page 44: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/44.jpg)
Bringing it all together
• Separation of content and design– Multi-purposing of content– Re-usability of content– Distributed authoring and workflow
• UCL ONLINE and Zope– Flexibility– Zope and Dreamweaver– Content provider interface– When?
UCLONLINE & UCLCMS
![Page 45: W EB F ORUM 11 December 2002. Revamping UCL’s Web Structure Professor Roland Rosner Director of EISD.](https://reader030.fdocuments.us/reader030/viewer/2022032802/56649e005503460f94ae8f7e/html5/thumbnails/45.jpg)
WEBFORUM11 December 2002