semel website more detail

17

Upload: semel-admin

Post on 16-May-2015

601 views

Category:

Technology


0 download

DESCRIPTION

A more detailed description of the site and its pages and the main features of the site

TRANSCRIPT

Page 1: Semel Website More Detail
Page 2: Semel Website More Detail

Information!Core activity!

Web features!Communicate our activity!

Centers/Programs!Point of reference: leverage

core information and functionality!

Research!

Education!

Health!

Page 3: Semel Website More Detail
Page 4: Semel Website More Detail

Login using UCLA Online ID!

Animated slideshow – can link to pages + news articles!

Search box!

Grey header bar – common to every page in site; links to home page, faculty/staff directory, visitor guide, events calendar, news and gifting!

Core activity – bar not shown on ʻGroupʼ sites!

Most recent news and upcoming events!

Most pages have been tagged with either neuropsychiatric conditions, or specific research areas – links to index of significant pages!

Mini sitemap footer – repeated on every page! UCLA links!

Help and glossary!

Bookmarking widget!

Page 5: Semel Website More Detail

mobile.semel.ucla.edu Many common devices will be automatically directed from the Semel home page

Lightweight site – with projected content needed for mobile audience.!Can only navigate 2 levels down before ʻfullʼ site pages are rendered!

Page 6: Semel Website More Detail

Research Project (Grant)!

Publications Presentations

Participation opportunities

(IRB and recruitment) Participation opportunities

(IRB and recruitment) Participation opportunities

(IRB and recruitment) Participation opportunities

(IRB and recruitment)

Publications Presentations Publications

Presentations Publications Presentations

Page 7: Semel Website More Detail

Project overview (grant abstract) and

list of objectives!

Project dates and links to other websites!

Investigators – linked to public profile pages!

List of publications and project findings!

List of IRB-approved participation opportunities!

Publication!Data populated from

PubMed or DOI!

Links: EndNote, PubMed and Google

Scholar!

Project Recruitment!Participation

opportunity for the public!

IRB-approved flyer attached!

Opportunity shown:!• Under relevant project!• On Program/Center site!• On Semel master list of opportunities!

Removed when IRB renewal date passed!

Page 8: Semel Website More Detail

Needs:!•  List all courses, programs, lectures!•  Optionally contain date/time and venue information!•  Application/eligibility details!•  Facilitate signups (seminars etc)!•  Allow faculty to attach reference material to each page for students (PDF, presentations etc)!•  Cross-reference to Faculty profiles, DSM4, Semel Course Catalogue and Residents/Fellows curriculum!

Page 9: Semel Website More Detail

Overview!List of objectives and

evaluation method!

Link to Director/Instructor profile page!

Application!Process, pre-reqs etc; can also attach forms!

Date/time info to link to calendars (can add

repeats)!

Student Resources!URLs, publications,

embedded slideshows. Attached files (pdf, ppt…) are login protected in this

section!Course admin details!

Venue!Address + phone no!

Embedded map + links!

Optional Signup!Full RSVP and

attendee management!5 star rating (login required)!

Page 10: Semel Website More Detail

Needs:!

•  List all training clinics and full/partial programs!

•  Contain hours, booking/referral, patient directions and general information!

•  Aggregate views of all Semel/Psychiatry/Resnick services; searchable by conditions!

•  Cross-reference to Faculty profiles and DSM4!

Page 11: Semel Website More Detail

Venue!Address + phone no!

Embedded map + links!

Overview!Description of service!

Booking, referral and availability!

Director and clinical team (cross-references

to profile)!

Page 12: Semel Website More Detail

Mini-websites:!•  Content managed by Center/Program!•  Membership controlled by Group admin!•  Can post public and private (ie, Members-only) pages!•  Combines public website and [private] collaborative intranet!

Announcements*!Media features!

Events*!Directory!Forums*!

Wikis*!Multimedia!

* Public or private (intranet)!

Announcements*!Media features!

Events*!Directory!Forums*!

Wikis*!Multimedia!

* Public or private (intranet)!

Announcements*!Media features!

Events*!Directory!Forums*!

Wikis*!Multimedia!

Announcements*!Media features!

Events*!Directory!Forums*!

Wikis*!Multimedia!

Announcements*!Media features!

Events*!Directory!Forums*!

Wikis*!Multimedia!

Groups!

Participate!

Research projects!

Training programs!

Service!

Page 13: Semel Website More Detail

Page elements controlled by Semel

web admin!

Central page content created/managed by

Group admin!

Aggregated lists:!• Pages created by Group!• Block layout controlled by Semel web admin!

Simple navigation system to create and

manage content – controlled by Group.

Only visible to logged-in Group members!

Page 14: Semel Website More Detail

Feature! Examples!

News! www.semel.ucla.edu/news! www.semel.ucla.edu/autism/news !

Calendar! www.semel.ucla.edu/calendar ! www.semel.ucla.edu/timeline/events !

Event signup! www.semel.ucla.edu/imdc/event/10/dec/03/integrated-mood-disorders-clinic-conference !

Mapping! www.semel.ucla.edu/maps ! www.semel.ucla.edu/opendoors/programs/map !

Research! www.semel.ucla.edu/autism/research !

Directory! www.semel.ucla.edu/directory ! www.semel.ucla.edu/tarjan/directory !

Courses! www.semel.ucla.edu/courses ! www.semel.ucla.edu/residency/residents !

Services! www.semel.ucla.edu/npbhs ! www.semel.ucla.edu/health/services !

Publications! www.semel.ucla.edu/publications ! www.semel.ucla.edu/sleepresearch !

Video/Audio! www.semel.ucla.edu/sleepresearch/media ! www.semel.ucla.edu/peers/news !

Slideshows! www.semel.ucla.edu/category/image-galleries/building-images !

FAQ! www.semel.ucla.edu/champ/faq ! www.semel.ucla.edu/nathanson/faq !

Webforms! www.semel.ucla.edu/edit-request (login reqd)!

Live Chat! www.semel.ucla.edu/help/chat (login reqd)!

Other layouts! www.semel.ucla.edu/biomedicalmodeling ! www.semel.ucla.edu/latelife !

Page 15: Semel Website More Detail
Page 16: Semel Website More Detail

1.  Log in with UCLA Online ID at www.semel.ucla.edu !

2.  Validate user account (see www.semel.ucla.edu/help/login for more info)!

3.  Join a ʻGroupʼ – either by registration key or center/program administrator!

4.  Create online content!

5.  It is recommended you use Firefox, Chrome or Safari as your browser if you wish to edit pages!

Page 17: Semel Website More Detail

1.  Comprehensive guides at www.semel.ucla.edu/help !

2.  When logged in, use ʻFeedbackʼ button if really stuck to send message to site admin (also captures your Browser, OS and the page details)!

3.  Schedule a live chat session with site admin [email protected]!