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

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

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

 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

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

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

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

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

CMS daily Includes PDFs, Word Docs, etc.

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

11

12

Text Sizes

Header

Fonts

Colors

Footer

Search

Navigation

Standard Compliant

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

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

For version next• ???

15

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