Training April 14.2008

Download Report

Transcript Training April 14.2008 

www2.computer.org
Web Publishing Training
Leo Wadsworth, Staff Manager
April 2008





Award-winning enterprise class opensource document and content
management system
Able to manage millions of
items/documents
Integrated with IEEE web accounts
Available on a variety of platforms, we are
using Tomcat
Stores the content







Award-winning enterprise class open-source
portal server
Integrated with IEEE web accounts
True portal system with tightly integrated
collaborative tools
Includes over 60 portlets
Page layout of portlets done using drag and drop
Available on a variety of platforms, we are using
Tomcat
Displays the content





World leading enterprise class opensource advertising server
Written using PHP
Able to server millions of impressions in a
variety of formats
We are running PHP on Apache
webservers
Displays promotions and
rotating content
Liferay Terminology

A group of related pages is called a community



The overall page is defined using a theme


The theme determines the navigation and color scheme for the
area
The page is formatted using page layouts.


A community can only have one blog, one message board, and
one wiki
User roles and permissions are typically defined at the
community level
Page layouts determine the number and size of the available
columns, etc.
A page contains one or more portlets (applications) which
are placed within the column(s) using drag and drop.
HTML Snippet



Normal HTML contains various regions
within the code defined by tags such as
<title>, <html>, <body>, etc.
An HTML snippet contains only the code
that would be *inside* the <body> tag, so
that it can be used on an overall page that
has the other tags in other places. Do not
include the tags in your code, or the page
may not render properly.
HTML snippets can contain <div> and
<span> tags.
Portlets - Collaboration Tools

Calendar


Blogs


RSS feeds, threaded comments, email notifications, tags,
entry ratings, social bookmarking, etc.
Message Boards


Shared calendar with task list, iCalendar support, etc.
RSS feeds, statistics, recent posts, email notifications,
administrative tools, fine-grained permissions, etc.
Wikis

Basic Wiki functions, major enhancements coming in Liferay
version 5, now in Beta
Portlets – Content Display

For very simple content


Announcements Portlet
Primary display portlet

Alfresco Content Display
HTML Snippet Display
Liferay Page
Alfresco
Cache
Alfresco
Content
Display
Portlet
Other
Portlets
Alfresco
Content
Display
Portlet
NEW! CS Web Publishing Area


Support area for people doing web
publishing on the www2 systems
Will continue to be
developed/enlarged/improved

http://www2.computer.org/portal/web/cswebpublishing

Bookmark it!
HTML Tools




The HTML used on the site can be
generated using a wide variety of tools,
including Dreamweaver, MyEclipse, etc.
One simple tool that we recommend and
support is the editor from Frederico
Caldeira Knabben (FCKeditor)
We specifically do NOT recommend using
the HTML capabilities of Microsoft Word.
The FCKeditor is linked in the Shortcuts
menu of the CS Web Publishing area
FCKeditor Details


Cost: free
Features





Creates HTML snippets without the extra tags
Creates good quality snippets
Has a tool for cleaning up text pasted from Microsoft
Word
Automatically escapes characters which have been
problematic for us, such as the & and the left and right
quotes
Quick demo of FCKeditor, including use of
“source” button, Word file pasting, and full
screen button
Getting Content into Alfresco

FTP




Alfresco native interface



External address: 207.47.72.30
Internal address: 172.16.1.30
Use your web account to log in
http://www2.computer.org/alfresco/
Not recommended without additional Alfrescospecific training
Future: CIFS, WebDAV
Setting up FTP in Windows
















Click on Start.
Go to My Network Places.
On the left hand side, under Network Tasks, click on "Add a network
place".
A wizard will pop up. Click on "Next".
Select "Choose another network location". Click "Next".
Enter the following inside the text field "Internet or network address:"
ftp://172.16.1.30
(External users need to enter ftp:// 207.47.72.30 )
Click "Next".
Uncheck the checkbox next to "Log on anonymously".
Type your Web account user name inside of the text field box.
Click "Next".
Enter the following in the text field to type a name for this network place:
Production Alfresco
Click "Next".
Click "Finish".
Determining Alfresco Cache URLs



The easiest way is to browse the cache
directly
Browse to your content
Copy the URL from the browser address
bar


Note: Copy only the part starting with /cms/
The Alfresco Cache can be found in the
Shortcuts menu of the CS Web Publishing
area
Workflow – Adding a Page

Upload your images into Alfresco




Browse the Alfresco cache and get the URLs of
your images (starting with /cms/)
Use the URLs in your HTML snippet
Upload your HTML snippet into Alfresco


Wait 10 minutes (this is going away in the future)
Wait 10 minutes
Add Alfresco Content Display Portlet and
configure it to display the snippet from cache
Demonstration

Create a new page








Make the page
Choose theme
Add header art reference, if needed
Add page title
Add shortcut URL
Add metatags
Create an HTML snippet with an image
Display the snippet on the page