WWW Ways to Weave your Web at NDSU

WWW – Ways to Weave your Web at NDSU

URL Confusion �Users expect SITE. ndsu. edu and www. ndsu. edu/SITE are the same page �Autos. yahoo. com == www. yahoo. com/autos �In some cases we have 4 different pages on 4 different URLs that could all be perceived as the primary page for a group 3

Current NDSU Domains • http: //SITE. ndsu. nodak. edu – no problems • http: //SITE. ndsu. edu – URLs in this format are being removed and will be forwarded to URLs of the format http: //www. ndsu. edu/SITE • http: //www. ndsu. edu/SITE – must meet UR requirements on style. No problem if using CMS, lots of work to comply (but possible) on your own. • http: //www. SITE. ndsu. edu – deprecated web style. • http: //www. SITE. ndsu. nodak. edu – deprecated web style.

NDSU Domains for the future � http: //SITE. ndsu. nodak. edu • “free to be me” space �http: //www. ndsu. edu/SITE • “official branded” space. Must meet UR requirements on style/design/etc

CMS Goals Accessibility for people with disabilities Making it “look good” in many formats: � � • Cost � • • • � � Different Web Browsers (IE 6/7, Firefox, Safari, PDA, Printer) per-computer setup and licensing Operations Training Collaboration Continuity of operations Security Branding of NDSU 6

Why Use a CMS? � � • • • � � � Web-based site management Accessible pages Easier collaboration process Built-in editing Roles Writers *Reviewers Approvers No software costs Browser compatibility Separates information from design Version control on your content Not tied to a Desktop

Sites in progress/production � � � � � � � www. ndsu. edu/arch www. ndsu. edu/bisonconnection www. ndsu. edu/cms www. ndsu. edu/diversityresources www. ndsu. edu/english www. ndsu. edu/hnes www. ndsu. edu/itsecurity www. ndsu. edu/mu www. ndsu. edu/student_success www. ndsu. edu/recordsmanagement www. ndsu. edu/tfac www. ndsu. edu/univsenate www. ndsu. edu/vpit www. ndsu. edu/vpur www. ndsu. edu/weather connectnd. ndus. edu helpcenter. ndsu. edu sits. ndus. edu ag. ndsu. edu www. ndsu. edu/finearts www. ndsu. edu/gradschool www. ndsu. edu/international www. ndsu. edu/news www. ndsu. edu/physics www. ndsu. edu/registrar www. ndsu. edu/vpsa www. ndsu. edu/alcoholinfo www. ndsu. edu/bulletin www. ndsu. edu/carringtonrec www. ndsu. edu/cdfs www. ndsu. edu/commencement www. ndsu. edu/communication www. ndsu. edu/counseling www. ndsu. edu/disabilityservices www. ndsu. edu/dining_services www. ndsu. edu/eci www. ndsu. edu/education www. ndsu. edu/forestservice www. ndsu. edu/ime www. ndsu. edu/modernlanguages www. ndsu. edu/oira www. ndsu. edu/pesticide www. ndsu. edu/president www. ndsu. edu/pkp www. ndsu. edu/saem www. ndsu. edu/sheepandgoat www. ndsu. edu/staff_senate www. ndsu. edu/statistics www. ndsu. edu/trio www. ndsu. edu/vpaa www. ndsu. edu/webmaster www. ndsu. edu/wellness

Search � � Integrated with NDSU Search Within Site functionality Plan is for V 2 Search to update from CMS daily Includes PDFs, Word Docs, etc.

On Design Freedom � � CMS does impose constraints on how sites look But you gain… • • � Better control of your site Efficiency in managing your web content More current information A consistent professional design Consistent navigation Better accessibility for people with disabilities; Fewer broken links (managed by TYPO 3). And that is Better for Users

11

12

Header Design Elements Text Sizes Colors Search Navigation Fonts Footer Standard Compliant

Design Specifics � Required • Header (NDSU (official logo), top left, links to www. ndsu. edu N. . D. . S. . • • U. . spelled out Fargo, N. D. - right justified) Text allows for resizing by users Fonts (Lucida Grande (including Lucida Sans Unicode and Bitstream Vera Sans for different systems), Myriad, Tahoma, Arial, sans-serif. Headers are of the first variety - Lucida Grande family) Colors (Black, White, Hex codes for NDSU colors - yellow=#ffcc 00, green=#006633 ) Banner graphic designed and approved by University Relations. Black bar near bottom including : NDSU, Campus Map, Search, etc. Site validation links for accessibility. Footer with departmental and contact info. , including new standard mail address on right side. � Optional • Underneath banner graphic - black bar for NDSU/Dept links • Yellow Campus Directory bar. • Anti-bias logo, available for download at VPUR 14

Available Templates �For version 1. 0 • ‘Standard’ Template • ‘Single-Column-No-Nav’ template �For version next • ? ? ? 15

Conclusion � Next Steps • Blockers for V 1? • Bugs? • V 2 Feature requests � Resources • http: //www. ndsu. edu/web • Help Desk http: //its. ndsu. edu/help_desk/ • Training http: //its. ndsu. edu/training_resources/ • http: //cms. ndsu. edu/request_account • http: //cms. ndsu. edu/request_site • http: //gforge. ndsu. edu 16