TLC2 Web Portal

1
TLC2 Web Portal

• Basic Instructions for
• Content Owners
• August 11th 2006.

2
Agenda

• Introduction
• Review portal enviro concepts
• Learn the terms and tools
• Discussions Exercise
• Joining and Logging in
• Creating content
• Publishing content
• Member, News, Events, Faculty, FAQ
• Questions and Answers

3
What is Zope / Plone?

• Zope
• http//www.zope.org
• Open Source web application server
• Python
• Plone
• http//www.plone.org
• Open Source Content Management System
• Linux, Windows, Mac OS X, Solaris, and BSD

4
Usage Model

• Anonymous
• Anyone that visits the site
• Members Content Owners
• Anyone registered to the site
• Can view user content and add/edit own content
• Can add/edit own content based on ownership
• Administrators
• Anyone given the administrative role
• Administration and development

5
Web Page Layout

• Header
• Banner Logo
• Shortcuts
• Bread Crumb
• Menu
• Main Body
• Footer Hot Pages
• Member Edit Sections

6
Page Layout
Banner
Login
Logo
Shortcuts
Footer
Menu
7
Login Layout
Member Section
Logo
Edit Section
Footer
Menu
8
Web Items

• Folder to hold other items
• Image/Photo
• File e.g. text, pdf, ppt
• Web Page html formatted pages
• Event items in the Calendar folder
• News items in the News folder
• Transparent Folder folder with an attitude
• More

9
Member Layout
Member Section
Breadcrumbs
Folder View
View page
Item Tabs
Add Items
10
Exercise 1

• Register as a Member (skip for class)
• Login (usern/usern)
• Find your personal folder
• Edit Personal Preferences
• Change your password
• Add your email address

11
Adding Items to My Folder

• Always start with a target Folder
• Review folder contents
• Select the Web Item to add

12
Member Layout
Member Section
Breadcrumbs
Folder View
View page
Item Tabs
Add Items
13
Create a Web Page

• In every folder usually there is a index_html
  item
• This is the default page for this section
• Name (ID) is the identifier of the item
• Title is the heading for the item
• Description is the details for the web page
• Use your favorite HTML editor

14
Web Page View
Member Section
Breadcrumbs
Folder View
View page
Add Items
Item Tabs
Web Page Interface
15
Apply Content Template

• Choose templates
• Types
• Front page
• With images
• Slots
• Combinations
• Working with widgets of the template

16
Web Page Templates View
Member Section
Breadcrumbs
Change Template
View page
Web Page Templates
17
Exercise 2

• Create a new folder in your personal area
• Create a default web page in the new folder
• Change its template to a Landing Page 3
  template
• Add a File in the new folder
• Insert an Image into new default web page

18
News Item

• News item belongs to the News folder
• Short name to identify the item
• Headline is similar to the title of any items
• Lead-in is a short description of the news
• Body Test can be of 3 different formats
• publish the news item for the world
• Activate news item for main page

19
News Folder View
Member Section
Breadcrumbs
Folder View
Items in News Folder
View page
Add Items
Item Tabs
20
News View-1
Item Tabs
Name
Headline
Lead-in
Body Text
21
News View-2
Body Text
Text Format
Save
22
Active News Item
Item Tabs- Property
Key Words
Active
Dates
23
Publish or Perish
Publish
Perish
24
Event

• Events belongs to the Event Folder
• Short name is an id for the event
• Title appears in the header
• Details are description and abstracts
• External Link URL
• Contact Information
• Start and End Date

25
Event View-1
Item Tabs
Name
Title
Location
Type
Description
Abstract
26
Event View-2
Abstract
External Links
Start End Dates
Contact Information
27
Publish or Perish
Publish
Perish
28
Exercise 3

• Add a News Item for your Birthday Party
• A News Item is a special type of document that
  becomes visible on the "News" tab. This type of
  object should be used for announcements and
  things like that.
• Add your Birthday in as an Event
• An Event is something to be added to the
  calendar, such as a meeting, an appointment, or a
  social event.

29
FAQ

• Information that help server our customers
• If you think people needs to know
• If it will ease your work load
• Check periodically (accuracy, freshness, )
• Update whenever business needs change
• Four Business Areas
• If it is not there and need-to-be lets talk

30
FAQ Main Page
FA
Grants Proposal
Computer Resources
Application Areas
31
FAQ Business Area
Business Area
Sample Question
32
FAQ Creating w Template
Question Template
33
FAQ Business Area
Contacts
Primary
Secondary
Detail Subjects
34
Detail Subjects
Bread crumbs
Sample Question
35
Exercise 4

• Create a new FAQ items for your business area
• Extra Credits
• Create a Affiliated Faculty page
• Use Nested Document with Body Text template
• Upload a photo image
• Insert title and basic information for the
  faculty
• Create a header
• Insert details like research interests, web link,
  publications, presentations,

36
Questions Answers
37
References Tips
38
Exercise Tips

• Publish or Perish
• Once you have created an item, the next step is
  to publish it so that it becomes available to
  other site visitors. You do this by changing its
  state.
• By default, items are created in the visible
  state. This means they can be found through the
  search interface and by typing in their URL
  directly, but they will not appear in site
  navigation.
• Items that are published appear in site
  navigation and are also available to site
  visitors who are not logged in.

39
Exercise 1 Tips

• Member Folder
• Upper right hand "my folder".
• Click this link
• To show the Member Folder
• Set Preferences
• Upper right hand "my preferences".
• Click this link
• To show the customization options

40
Exercise 2 Tips

• Add a Web Page
• Default web page has to be called index_html
• You can only add content in the parts of the site
  where you are allowed to
• By default you will have permission to add
  content to your member folder
• Navigate to your member folder by clicking on "my
  folder" in the upper right-hand corner
• Your folder will open in "contents view". This
  means you will see all of the items inside your
  folder
• If you haven't added anything to your folder yet,
  the only item that will be in your folder is a
  document called Home page for User"

41
Exercise 2 Tips

• Add a Web Page
• Above the document list there will be two
  drop-down menus. The one on the left allows you
  to customize your folder view by only showing
  certain items. The one on the right allows you to
  add new types of content, including documents,
  events, files, folders, images, news items, etc.
• All types of content will have a name, a title
  and a description. The name becomes part of the
  item's web address, and should be written in all
  lowercase letters with no spaces. The title will
  appear in the navigation structure and at the top
  of the page. The description should provide a
  brief summary of the object and will appear
  beneath the title.

42
Extra Credits Tips

• Learn from existing pages that are similar
• Navigate to an existing Affiliated Faculty page
• Change to the appropriate template when necessary
• Use your favorite html editor to help you make
  content changes

43
Exercise Tips

• Publish or Perish
• Once you have created an item, the next step is
  to publish it so that it becomes available to
  other site visitors. You do this by changing its
  state.
• By default, items are created in the visible
  state. This means they can be found through the
  search interface and by typing in their URL
  directly, but they will not appear in site
  navigation.
• Items that are published appear in site
  navigation and are also available to site
  visitors who are not logged in.