www – ways to weave your web at ndsu

16

Upload: zander

Post on 14-Jan-2016

34 views

Category:

Documents


2 download

DESCRIPTION

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. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: WWW – Ways to Weave your Web at NDSU
Page 2: WWW – Ways to Weave your Web at NDSU

NDSU Online Content Matrix

CMS (TYPO3)

WebDev AKA Spider

(Son-of-Spider)

Application Developed

by ECI (aka “Arachnid”)

Server Operated by the Customer

Blackboard Third-party hosting

(e.g., ACM, BisonWeb)

Who can use it to distribute information?

NDSU depts and business units; Ag Extension and affiliates; student organizations

Any Any

Any NDSU faculty, staff, depts and business units; Ag Extension and affiliates, student organizations

Varies

Where can the site be accessed? (i.e., typical URL)

www.ndsu.edu/vh*

www.ndsu.edu/ndsu /vh* vh*.ndsu.nodak.edu

Vh*.ndsu.nodak.edu Vh*.ndsu.nodak.edu bb.ndsu.nodak.edu Varies

What type of content can be distributed using this option?

Content intended for public viewing

Public content ECI-developed content

Any Standard pages and files related to course, group/project

Varies

Who can access the content?

Anyone on or off campus

Anyone on or off campus

Varies Anyone on or off campus

Authenticated users only.

Varies

How is the content/site developed? What technology used?

Customers author standard pages with Web-based WYSIWYG editor.

Customers develop content using their own editors in HTML, Perl, PHP, MySQL.

Customers develop their own content.

Bb user interface Varies

How long can the content/site remain online?

Reviewed yearly for activity

Reviewed each semester for activity.

As arranged No limit Courses - Semester (typically) Groups – As arranged Reviewed yearly for activity

Varies

Page 3: WWW – Ways to Weave your Web at NDSU

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

Page 4: WWW – Ways to Weave your Web at NDSU

•  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.

Page 5: WWW – Ways to Weave your Web at NDSU

 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

Page 6: WWW – Ways to Weave your Web at NDSU

Accessibility for people with disabilities Making it “look good” in many formats:

• Different Web Browsers (IE 6/7, Firefox, Safari, PDA, Printer)

Cost • per-computer setup and licensing• Operations• Training

Collaboration Continuity of operations Security Branding of NDSU

6

Page 7: WWW – Ways to Weave your Web at NDSU

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

Page 8: WWW – Ways to Weave your Web at NDSU

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/its 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/web www.ndsu.edu/webmaster www.ndsu.edu/wellness

Page 9: WWW – Ways to Weave your Web at NDSU

Integrated with NDSU Search Search Within Site functionality Plan is for V2 Search to update from

CMS daily Includes PDFs, Word Docs, etc.

Page 10: WWW – Ways to Weave your Web at NDSU

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 TYPO3).

And that is Better for Users

Page 11: WWW – Ways to Weave your Web at NDSU

11

Page 12: WWW – Ways to Weave your Web at NDSU

12

Page 13: WWW – Ways to Weave your Web at NDSU

Text Sizes

Header

Fonts

Colors

Footer

Search

Navigation

Standard Compliant

Page 14: WWW – Ways to Weave your Web at NDSU

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=#ffcc00, 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

Page 15: WWW – Ways to Weave your Web at NDSU

For version 1.0• ‘Standard’ Template• ‘Single-Column-No-Nav’ template

For version next• ???

15

Page 16: WWW – Ways to Weave your Web at NDSU

Next Steps• Blockers for V1?• Bugs?• V2 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