Contents
1. Introduction
1.1 Features
1.2 Assumptions
1.3 Convetions
2. Page Manager overview
3. Pages
3.1 Add a page
3.2 Edit page: Basic properties
3.3 Edit page: Advanced
3.4 Edit page: Content
3.5 Delete pages
4. Sections
4.1 Add a section
4.2 Edit section: basic properties
4.3 Edit section: advanced properties
4.4 Delete sections
5. Moving pages, sections, areas
6. Locked pages
7. To conclude
The page manager is the heart of Website@School. Here you create pages and sections, texts with images, and manage them. To explain its features, please read this little introduction.
With the page manager you manage the website of a school. The website contains Areas. An area is a separate part of the website that, for the website visitor, appears as a site on its own. Examples: the site of the Board, a site for the team, for grade 8, for the parents committee, several intranets for them, etcetera.
An area can contain sections, sub-sections, sub-sub-sectons and even deeper. Sections are, like directories, distinct parts of an area. A section can be, for example, 'School info', 'Parents', 'Health Care', etcetera.
A sectrion can contain pages. A page contains a 'module'. A module is a self-contained component of a system, which has a well-defined interface to the other components. In Website@School a module can be virtually everything. It can be a text editor to create pages with texts and images, like the 'School Guide'. It can be a guestbook to fill out by your website visitors, an e-mail page, a Forum, etcetera. For an overview of the available modules, see the Index.
The general idea of the page manager was described above. Below its main features are described in no particular order.
- General: Manage the areas, sections and pages (provided you have access permissions to them). Areas can be managed, not created or deleted. Areas and site are treated in chapter Configuration Manager, sections Areas and Site.
- Areas: Manage areas (if you have access permissions). Areas you have no access to are greyed out.
- Sections: Create, edit and delete sections (if you have access to them). Set properties on sections. These properties are: the name of a section, a description, the location in the tree (set parent section and order in that section), make a section readonly or hidden, set embargo-, expiration date and time on a section. Only use icons to 'name' sections: ideal for analphabetics and young children.
- Pages: Create, edit and delete pages (if you have access to them).Set properties on pages. These are: the name of a page, a description, the location in the tree (set parent section and order in that section), select a module for the page, make the page readonly or hidden, use icons to 'name' pages, set link to URL, set target of URL, set embargo- and expiration date and time on a pags.
- Move: Move sections and pages between areas and sections. This feature permits you to easily manipulate content.
- Tree views: The mode in which the area/section/page tree is shown, can be set to: maximal, minimal or customised.
- Modules: Manage the modules (provided you have access to it). For an overview of the available modules, see section Index.
- Locking: Sections or files that are processed are locked. When a section or page is locked, it cannot be processed by other users. They get warning message telling them who is processing that page. Locks are automatically removed in 24 hours or less.
- Bazar Style Style: Per area, secion or page manageable style to change the appearance of areas, sections and pages by users (depending permissions).
- E-mail alerts: Most actions in the Page Manager result in sending e-mail alerts. This treated in chapter Conficturation Manager, section Alerts.
This chapter builds on other chapters. We assume you have an installation with demo data and the Website@School Users Guide. and you have full access to Website@School.
Next to that we assume you have read the Introduction, Logging in and out and completely performed the Guided Tour.
Some general features of W@S are not that easily found. Some corrrespond with the markup of this manual text, so we explain them both here.
- Mouseovers: Almost every image, icon, button, link or data field has a mouseover text. Please hover over these items to see a short description, and expanastion or shortcut key combination for an item. This user friendly feature is aimed at the novice user of a CMS.
- Shortcut keys: You do not need a mouse to work with W@S. Items are accessible with shorcut keys that are mentioned in the mouseover. Your browsers manual will tell you which keys to press in conjunction with the shortcut keys.
- Yellow status bar: The yellow bar will give status messages, for example:
Data folder (cannot be changed lateron): filename not acceptable: 'grade 8'
Confirmation or error messages will be displayed in this yellow bar. If necessary these messages can be copied and past in e-mail or forum posts for support.
- Pop up windows: Sometimes pop up windows are displayed together with the yellow status bar. They draw your attention and you have to turn them off to proceed. Read them, then click the [OK] button. The pop up messages are also displayed in the yellow status bar to cut and paste them.
- Text markup: Below are the text elements that have s special markup:
- [Enter] or, for example [Alt-N]: To indicate that you can use the keyboard.
index.php
: To indicate a file name.
- Name: The bold underlined character of field titles identfy the keyboard shortcut that can be used to access or modify the item. Your browsers manual will tell you which keys to press in conjunction with the bold underlined character.
- [D] or, for example [P]: In high visibility mode (for blind an dvisually impaired persons) the first one indicates the Trashcan (Delete). The second one indicates the Page preview
icon.
- Private area [ ] Mark ... etcetera: The [ ] in a text indicates a checkbox.
- Add a page or, for example Area: A blue text refers to the same text in a screenshot.
- Add an area, or for example Page Manager: Bold text refers to an item that is visible in a screen shot
(top)
We start with an overwiew of the Page Manager. Suppose you were user Herbert. If he were to go to the Page Manager, clicking on the page manager icon
, he would see:
pagemanager_open_herbert.png
NOTICE:
Herbert only has access to News. He has no access to several managers (greyd out), to the inactive area (greyed out) and cannot even see the Intranet.
In this manual we assume you have full access permissions, like Wilhelmina Bladergroen, the webmaster. She sees:
pagemanager_open.png
Explanation:
- Menu: Depending on the task you are performing the Menu can have two modes:
- Area mode: (now visible) Gives access to the areas on the schoolsite. The underlined area is the selected area, visible on the right pane. By clicking on an area link, the area is selected for management. Areas you have no access to are greyed out or are invisible.
You cannot create or delete areas here. Please refer to chapter Configuration Manager, section 3. Areas for details.
- Edit mode: When pages or sections are selected, basic- and advanced properties and content management are selectable.
- Workinplace: The right pane of the screen shows the title of the area and it's pages and sections in the form of a 'bottom up' tree. All sections and subsections are displayed minimal.
- Add a page : This option will be discussed in detail in the section 3. Pages and its subsections.
- Add a section: This option will be discussed in section 4. Sections and its subsections.
- Set tree view: Three options are available:
- maximal: Fully expands the tree.
- minimal: Collapses the tree
- customised: When certain section(s) were manually opened, whereafter maximal or minimal was selected, customised brings you back to the section(s) you previously had openend.
- Home icon: A visible home icon indicates the default (opening) page of the area, section or page, i.e what the visitors will see first. A greeyed out Home icons indicate that these sections or pages are not the opening ones.
- Trashcan icon: To delete pages and sections is discussed in section 3.5 Deletin pages or 4.4 Delete sections.
- Pencil icon: To edit the basic properties of a page or section. These options are discussed in sections 3. Pages and 4. Sections.
- Visible/Invisible icons: The icons have two functions. 1. Clicking on the links opens the advanced edit options. 2. The icons indicate whether a page or section is visible, invisible or hidden. These options are discussed in sections
3.3 Edit page: advanced properties and 4.3 Edit secton: advanced properties.
- Page/Directory icon: Clicking the 'Display page' icon shows the content of the page in a new window. Clicking on the directory icon opens the directory and shows its underlaying pagens and/or directories.
- Page/Section name: The page name gives access to the chosen module. For example, when a text editor was chosen, you can edit text. Or, when the guestbook module was chosen, you can manage the guestbook.
The section name gives, like the pencil icon, access to the basic properties of the section.
NOTICE:
The icons 8 (pencil), 9 (visible/invisible) and 10 (page/section) lead to 3 options of editing: basic, advanced and content and can serve as shortcuts, saving a mouse click.
3. Pages
To add a pgae, in the Page Manager overview click the Add a page link to open the Add a page dialogue:
pagemanager_page_add.png
Explanation:
- Name: The name of the page.
- Description of the page/section: The description when hovering over the page name.
- Parent section: The dropdwon menu can be used to put the page at the top of the selected section. The place can be changed later on. If not selected, the new page will be placed at the top of the area.
pagemanager_page_add_parent_section.png
- Module: In the dropdown menu select the module you want to attach to this page (node).
- Initial visibility: Three options are available:
- Visible: Once saved, the page will be visible. An alert will be sent.
- Hidden: Once saved, the page will not be visible. No e-mail alert will be sent. Hidden is the default option. This is a security feature.
- Embargo: Once saved, the page will not be visible. No e-mail alert will be sent. Use the Edit advanced properties of page nn option to set the embargo- and expiry date/time.
- Save: After saving your work, the newly created page will eiter appear at the top of the chosen section or on top of the area.
On e-mail alerts, see the Configuration Manager>, section Alerts for further information.
- Cancel: To cancel your action and return to the Page Manager.
Proceed by setting basic- and advanced properties and add content.
- Edit page: Basic properties: Clicking the Pencil icon opens the Edit basic properties of page nn dialogue.
- Edit page: Advanced : Clicking the Visible/Invisible icon, opens the Edit advanced properties of page nn dialogue.
- Content: Clicking the page name opens the Content dialogue.
Clicking on the Pencil icon of a page opens the Edit basic properties of page nn dialogue:
pagemanager_page_basic.png
Explanation:
Clicking on the page Visible/Invisible icon of a page opens the Edit advanced properties of page nn dialogue:
pagemanager_page_advanced.png
Explanation:
- Readonly [ ] Make the page/section readonly: Checking this option makes the page readonly. That is, it's impossible to change its properties, nor delete the page. This is a feature. For example, when you have created code in the FCK editor. Sometimes FCK editor ruins your carefully created code when editing that page. By making a page readonly, you have to think twice. Why did you make this page readonly?
- Area: In this dropdown menu you can select another area for this page. The page will be moved to the top of the tree in the chosen area and can be further moved with the Edit basic properties of page nn dialogue.
- Icon pathname: In stead of a page name, an icon can be selected as page name. Very useful for analphabetics or kindergartens. It's thus possible to create a completely visual area and navigate via icons. The path can be formed:
- From the CMS program folder, for example
program/graphics/waslogo-284x71.png
. No leading slash!
- From CMS data folder. Use the Fileroot program as prefix for the path to the logo, for example
file.php/areas/grade8/pupils-284x71.jpg
. A slash after file.php
!
- From an URL, for example: http://websiteatschool.org/graphics/schools/school17.png.
- Icon width: Speciefies the width of the icon in pixels.
- Icon height: Specifies the height of the icon in pixels.
- Target: The target attribute lets you specify where to display the content of a selected hyperlink.Target examples: target="_blank", "_top", "_self", "_parent".
- URL: An URL (Universal Resource Locator) can be specified. Clicking on the page name on the site brings the visitor directly to the specified website location.
- Hidden [ ] Hide the page/section: To hide the page, check this option.
- Embargo: Set the date and time on which the page will become visible. The date/time format must be: yyyy-mm-dd hh:mm:ss.
- Expiry: Set the date and time on which the page will become invisible. The date/time format must be: yyyy-mm-dd hh:mm:ss.
NOTICE:
An illustration of expiry and embargo can be found in the demonstration data, in three different pages in the section 'School Info'
- Save: To save your results. After saving your results you will be returned to the page manager main screen.
- Cancel: To cancel your action and return to the page manager main screen.
Clicking on the name of the page opens the Content dialogue:
pagemanager_page_content.png
Explanation:
The content of the module, in this case the FCK editor, can be modified. Management of modules can be found in the Module Manager.
This feature is not yet implemented.
Clicking on the Trashcan icon opens the Confirm delete of page nn Pagename (Page description) dialogue:
pagemanager_page_delete.png
Explanation:
Your last chance to decide. Are you sure? Is this page not in use anywhere?
- Delete: To delete the file(s). After deleting you will be directed to the Page Manager main screen.
- Cancel: To cancel your apparently unwise action and return to the page manager main screen.
(top)
By clicking Add a section, its dialogue opens:
pagemanager_section_add.png
Explanation:
- Name: The name of the section.
- Description of the page/section: The description when hovering over the section name.
- Parent section: The dropdwon menu can be used to put the section on the desired place. The place can be changed later on. If not selected, the new section will be placed at the top of the area.
- Initial visibility: Three options are available:
- Visible: Once saved, the section will be visible and, if selected, an e-mail alert will be sent.
- Hidden: Once saved, the section will not be visible and, an e-mail alert will not be sent. 'Hidden' is the default option. This is a security feature.
- Embargo: Once saved, the section will not be visible and no e-mail alert will be sent. Use the advanced edit option to set the embargo- and expiry date/time.
- Save: To save your results. After saving your results, the newly created section will appear at the top of the chosen section.
- Cancel: To cancel your action and return to the page manager main screen.
The newly created section is in the top of the area or opened section. Proceed by setting basic- and advanced properties.
Proceed by setting basic- and advanced properties.
Clicking on the name or the pencil icon of the newly created section opens the Edit basic properties of section nn dialogue:
pagemanager_section_basic.png
Explanation:
- Name: The name can be changed
- Description of the page/section: The description can be changed.
- Parent section: Use the drowpdown menu to select in which section you want this section.
- Order: In the dropdwon menu select where to place the section.
- Save: To save your results. After saving your results, the section will appear at the chosen place.
- Cancel: To cancel your action and return to the page manager main screen.
Clicking the 'visible/invisible page' icon, opns the Edit advance properties of section nn dialogue:
pagemanager_section_advanced.png
Explanation:
- Readonly [ ] Make the page/section readonly: Checking this option makes the section readonly. That is, it's impossible to change its properties, nor delete the section. This is a feature.
- Area: In this dropdown menu you can select another area for this section and it's underlaying sections and pages. The moved section will be the first in the area tree and can be further moved in that area by selecting the chosen area and moving the section to its proper place.
- Icon pathname: In stead of a page name, an icon can be selected as page name. Very useful for analphabetics or kindergartens. It's thus possible to create a completely visual area and navigate via icons. The path can be formed:
- From the CMS program folder, for example
program/graphics/waslogo-284x71.png
. No leading slash!
- From CMS data folder. Use the Fileroot program as prefix for the path to the logo, for example
file.php/areas/grade8/pupils-284x71.jpg
. A slash after file.php
!
- From an URL, for example: http://websiteatschool.org/graphics/schools/school17.png.
- Iconwidth: Speciefies the width of the icon in pixels.
- Icon height: Specifies the height of the icon in pixels.
- Target: The target attribute lets you specify where where to display the contents of a selected hyperlink.DIT MOET ONDER URL QUA VORMGEVING. Examples: target="_blank", target="_top", target="_self", target="_parent".
- URL: An URL (Universal Resource Locator) can be specified here. Clicking on the page name on the site brings the visitor directly to the specified website location.
- Hidden Hide the page/section: To hide the section, check this option.
- Embargo: Set the date and time on hich the section and it's underlying sections and pages will become visible on the site. The format of the entry must be: yyyy-mm-dd hh:mm:ss.
- Expiry: Set the date and time the section and its underlying sections and pages must become invisible. The format of the entry must be: yyyy-mm-dd hh:mm:ss.
- Save: To save your results. After saving your results you will be returned to the page manager main screen.
- Cancel: To cancel your action and return to the page manager main screen.
To delete a section, click its Trashcan icon. A section can be immediately deleted when it has pages in it. The pages will also be deleted.
A section cannot be deleted if it contains non-empty subsection(s). These sections first have to be deleted. This is a security feature.
Clicking on the Trashcan to open the
Confirm delete of scton nn Section Name (Description of the section) dialogue:
pagemanager_section_delete_with_pages.png
Explanation:
The [Delete] button deletes the section and the pages in it, Pressing the [Cancel] button brings you back to the page manager main window.
Trying to delete a section that contains non-empty section(s):
pagemanager_section_delete_non_empty_subsection.png
The directory contents of both 'School Info' and 'News' can be seen. You first have to delete the underlying section(s) before you can delete the 'Nees' section.
NOTICE:
Deleting a section with pages that are processed (i.e. in use and thus locked), will delete the the empty sections and pages in it, but not delete the parent section and the locked page(s). You will get an error message.
You first have to unlock the section or page before you can delete it. For details on locking and unlocking, see section 3. Locking and unlocking sections and files.
(top)
Sections and pages can be moved wherever you like.
NOTICE:
Please bear in mind that links in pages, for example images, are stored in their areas. Moving an area to another are, or moving a sction with pages, will most probably break the links.
(top)
When a user tries to access a page that is already processed by another user, the following message is displayed:
.png
When you see this message, hop on the bike and start a real life converstion with your colleague on the content of the page.
The page stays locked until the lock is released. This can happen in several ways:
- By pressing the [Save] or [Cancel] button.
- By terminating the session, i.e. properly log out.
- By waiting for the expiration of the lock. When a page is processed and stays open for 30 minutes, the lock is released.
- Every night all eventually or accidentally locked pages and sections are unlocked. This is a feature.
NOTICE:
Do NOT exit your browser by clicking the 'close' icon (the 'X') in the upper right corner of your browser, or by selecting Exit in the broswers Menu. In both ways the
file stays locked and the lock will expire after 30 minutes or at night.
(top)
(top)
Author: Dirk Schouten <schoutdi (at) knoware (dot) nl>
Last updated: 2010-12-30