Basic procedures for beginners

Contents

2. Preparations
    2.1 Two browser windows
        2.1.1 First browser: website
        2.1.2 Second browser: management
    2.2 Logging in
    2.3 Management home page
        2.3.1 General features
        2.3.2 Blind and visually impaired Users
        2.3.3 [Save], [Done] and [Cancel]
    2.4 The Welcome page explained
    2.5 Logging out

3. Areas, Sections, pages, text and images
    3.1 Add an Area
    3.2 Add a page
        3.2.1 Page and section icons
    3.3 Add some text
    3.4 Add an image
        3.4.1 Select the right folder
        3.4.2 Upload an image
        3.4.3 Insert the image into the web page
    3.5 Add a section
    3.6 Create some order

4. Access permissions
    4.1 Administrator permissions
    4.2 Page manager permissions

5. Add a User

6. Groups and capacities

7. Miscellaneous
    7.1 Locked page
    7.2 Our sandbox
    7.3 Get rid of the Exemplum Primary School

8. How to continue?

1. Introduction

Website@School is a tool to create websites. On those sites you can publish web Pages. The Pages show content like texts, images, etc. or contain modules like contact forms, weblogs, chats, image galleries, collaborative editing, digital flyers, sitemaps and much more. Website@School is a Website Content Management System (CMS). The only thing you need is your browser.

basics_example.png

1.1 What you need to know first

• Create a website with Sections and Pages.
• Add texts and images to the pages with a word processor.
• Manage user accounts and access permissions.

1.2 Access: username and password

NOTE: If you do not have access to Website@School, please read 7.2 Our sandbox to do the tutorial.

1.3 Documentation conventions

• [Save] or for example [OK]: To indicate a button.
• [Enter] or, for example [Alt-N]: To indicate that you can use the keyboard.
• index.php, or for example Mrbh3ws!: monospaced text.
• Example:
  
  font-size: 1.3em; font-family: monospace;
  A block of text or code.
• Example: Add gray background-color: #B6B6B6; to... etc: A snippet code in a text. NOT in this chapter!
• Name or, for example Expiry: The bold character of a field's title identifies 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 or visually-impaired persons) the character replaces the icon. [D] indicates the Delete icon, while [P] indicates the Page preview icon.
• Acitve user [ ] Mark this user as active: The '[ ]' in a text indicates a checkbox.
• Add a page or, for example Areas: A blue text (i.e. a clickable link) refers to the same text in a screenshot.
• Add an Area, or for example My Files: Bold text refers to an item that is visible in a screenshot.

(top)

2. Preparations

2.1 Two browser windows

For schools, it might be wise to have two separate workstations with their own browsers; one for Website@School management and the other to display the website being managed. All popular browsers (Mozilla Firefox, Opera, Safari, etc.) are compatible with Website@School. On most browsers, pressing the [F5] key refreshes the web page content.

2.1.1 First browser: website

Open the websites viewing browser window. Go to the URL (Uniform Resource Locator) of your school. For example: http://exemplum.eu/index.php. This is a fictional URL, replace it with the real URL of your school. Only replace the URL part of your school, do not delete the index.php part.
With the demonstration data installed during the installation of Website@School, the following school web page will be displayed:

basics_site_in_browser.png

basics_areas_sections_pages.png

1. Pages: Welcome, Latest news, Newsletter and Old news. Pages can be grouped in Sections.
2. Sections: School Info, News, Search, MyPage. Sections can contain sub-sectios (sections in sections) like the sub section of News: Archives, which contains the Pages: Old news and Old newsletters. Sections and Pages can be grouped in Areas
3. Area: An Area represents a complete website in its self. Areas can be public (accessible for everyone), like the selected Exemplum Primary School Area. Or Areas can be private (only accessible with a username and password). Areas are selected in the Select area dropdown menu.
4. Select area: In the dropdown menu you select which Area is visible. About the Area of the Senior pupils: you will make it yourself.

2.1.2 Second browser: management

basics_login_in_browser.png

2.2 Logging in

basics_login_wblade.png

• username: Enter the login name you used during the installation of Website@School, or was given to you by the webmaster. (Pressing the [Tab] key on your keyboard moves the cursor to the next field).
• Password: Enter the password you used during the installation of Website@School or the one that belongs to the login name. Asterisks will appear as you type and the password will not be shown in plain text. This is a security feature.
• [OK]: Press the [Enter] key on your keyboard or click on the [OK] button to complete the login.
• home: This is a clickable link to your web site.
• Forgotten your password?: A detailed description on how to reset your password can be found in the Logging in and out chapter.

Press the [Enter] key on your keyboard, or click the [OK] button to login to Website@School Home Welcome web page.

2.3 Management Home page

basics_was_home_after_login.png

2.3.1 General features

basics_was_home-top.png

• Grayed out icons and texts: Grayed out clickable icons, public area and logout links. You have to first save or cancel the current action before these items become accessible again. This is a security feature. In high-visibility mode (explanation follows), some texts on the page are struck through when the items are inaccessible.
• Mouseover texts: Almost every image, icon, button or link has an informational text. Please try this not directly visible feature and enjoy the short descriptions, explanation or shortcut key combinations for an item. This feature will certainly help you in the beginning. Hold your mouse pointer here.
• Yellow status bar: The yellow bar shows status messages, for example:
  Data folder (cannot be changed later on): filename not acceptable: 'grade 8'
  Confirmation or Error messages will also be displayed in this yellow bar. If necessary these messages can be copied and past into an e-mail or forum posts.
• Pop-up windows: Sometimes pop-up windows are displayed together with the message in the yellow status bar. These are Alert actions and you must turn them off to proceed. Read them, then and click the [OK] button. The pop up messages are also displayed in the yellow status bar, thus copyable.
• Shortcut keys: You do not need a mouse to work with Website@School. Data fields are accessible using underlined shortcut keys like 'Name'. Your browsers manual will tell you what key combination to press in order to place the cursor in a data field.
• Breadcrumb trails: Breadcrumb trails permit quick and easy navigation. As example in the File Manager:
  

  basics_was_breadcrumb.png

2.3.2 Blind and visually impaired Users

The management interface of Website@School can be customized. These adaptions (called 'Skins') can be set for each individual User in the User settings. This is done in the Account Manager > Users > User name > Basic properties > Drop down menu: Skins. For an overview of skins, see the chapter Account Manager, section 5. Skins.

2.3.3 [Save], [Done] and [Cancel]

Many dialogues in Website@School end with three buttons.

basics_save_done_cancel

Explanation:

• [Save]: This button always saves your work. Depending on the particular dialogue you are in there can be one of these two outcomes after saving your data:
  • If there is no other dialogue to fill out, you stay where you are. This function facilitates editing texts or stylesheets.
    Summary: save and stay.
  • If this dialogue has a follow-up dialogue to fill out, clicking the button brings you to that dialogue.
    Summary: save and continue.
• [Done]: Saves your work and you return to the previous page.
  Summary: save and exit.
• [Cancel]: Nothing is saved or changed and you return to the previous dialogue.
  Summary: don't save and exit

2.4 The Welcome page explained

basics_was_home_after_login.png

Header pane:

• Top row: The Website@School logo followed by the name given during the installation, the name of the person logged in and a link to the website. The Version number is a link to check if your Website@School version is up to date. It is a good idea to check this.
• The icon bar: Clickable links. Each item (except Help, see below) is explained in its own chapter. See the Table of contents for an overview of chapters.
  • Home: Click to return to Home Welcome.
  • Page Manager: Add pages and sections, select and manage modules, add content.
  • File Manager: Upload files and create folders.
  • Module Manager: Manage special functions in modules.
  • Account Manager: Manage User accounts, manage Groups of users, assign or revoke permissions.
  • Configuration Manager: Create Areas and configure the general parts of the website.
  • Statistics: Simple pageview statistics per site or per area.
  • Tools: Translate Tool, Backup Tool, Log View, Update Manager.
  • Help : Content Sensitive Help. For example, when being in the Configuration Manager at Areas, clicking on the question mark displays the relevant part of the Configuration Manager manual.

    NOTE: To open the Help page in full screen mode with scrollbar, right click on the icon and select Open Link in New Window (Firefox).

Below the status bar the screen is divided in 2 panes:

• Menu pane: The empty grey pane on the left side of the screen is used to display selectable Menu items. There are no Menu items in the Welcome page.
• Workplace pane: This pane is used as workspace. The Welcome screen is visible now. It contains clickable links.
  • Book : Access to the documentation index and all chapters.
  • Info: Checks if a newer version is available.
  • E-mail : Allows you to send e-mails to the development team.

• The Website@School logo is a clickable link to the Legal Notices and contains links and information on how to obtain the source code or modified sources of Website@School.
• A Logout link wiht the name of the logged in user is shown at the bottom.

2.5 Logging out

Clicking on the text in the upper right corner of the screen (logout Wilhelmina Bladergroen), will log you out cleanly.

basics_login_logged_out.png

(top)

3. Areas, Sections, pages, text and image

3.1 Add an Area

basics_was_home.png

Click the Configuration Manager icon, to open the Configuration Manager dialogue:

basics_configurationmanager_overview.png

In the Menu, click Areas to open the Areas dialogue:

basics_configurationmanager_areas_overview.png

In Areas pane, click Add an Area to open the Add an Area dialogue:

basics_configurationmanager_add_area.png

• Name: Enter the name of the Area (website). For example: Senior Pupils.
• Private Area: The pages for Seniors must be publicly accessible so do not check this default setting. A private Area is protected and is only accessible using a login name and a password. Only check the box if you want an private Area (Intranet).

  NOTE: Once you have saved the Area details, the Area type is permanent. You cannot change a private Area into a public one or vice versa. This is a security feature. The content of an area can be moved. See the Configuration Manager for details.

• Data folder: Enter the name of the data folder used for this Area. For example: seniors.
  Accepted characters are: [a-z], [A-Z], [0-9], '.' (dot), '-' (dash) and '_' (underscore). The folder name must start with a character or digit and spaces are not allowed. It is a good idea to keep the name short and descriptive.

  NOTE: An unacceptable or invalid name results in an error message. Website@School then suggests a suitable directory name. If this occurs, accept the suggested name and click [Done].

• Theme: Select a theme for the Area. Example: Frugal Theme (frugal). This is the default theme for all documentation. The theme can be changed later on.
• [Save], [Done], [Cancel]: see section 2.3.3 [Save], [Done] and [Cancel] for a discussion of these three buttons.

Click the [Done] button to return to the Areas dialogue:

basics_configurationmanager_area_added.png

The Areas dialogue is now displayed. The Senior Pupils Area has been added. Notice the message in the yellow status bar.

3.2 Add a page

basics_was_home.png

Click the Page Manager icon, to open the Page Manager dialogue. In the Workplace pane, the name of the Area Exemplum Primary School is displayed:

basics_pagemanager_overview.png

The Menu pane shows the list of Areas you can manage. The Exemplum Primary School is highlighted so the pages and sectionss belonging to that Area are displayed in the Workplace pane, i.e. the Exemplum Primary School

We are interested in your new Area, so in the Menu, click on Senior Pupils to enter your new Area.

basics_pagemanager_area_no_nodes.png

Notice that no nodes [*] (pages and sections) exist as yet in our new Area. We will now add a node with a page.
[*] Node: computer jargon, meaning, a basic unit used to build data structures.

Click Add a page, to open the Add a page dialogue:

basics_pagemanager_add_page.png

• Name: Enter the name of this page. For example: Welcome
• Description of the page/section: Give a short description of the page. It will be displayed as mouseover descriptive text in the Page Manager and on the site. For example: Welcome page for the Seniors
• Parent section: Ignore this option for the time being.
• Module: In the dropdown menu, select Plain HTML-page (htmlpage):
  

  basics_pagemanager_add_page_modules.png

  With the Plain HTML-page (htmlpage) module one of the available editors in Website@School is selected. Eeach user can have his preferred editor, from sophisticated WYSIWYG (What You See Is What You Get) word processors to a basic HTML editor.

  Check the Table of contents for all available modules and editors.

• Initial visibility: Select visible . We do not want an invisible page or a page under embargo at this time. For details see the Page Manager chapter.
• [Save], [Done], [Cancel]: see section 2.3.3 [Save], [Done] and [Cancel] for a discussion of these three buttons.

Click [Done] to save the page details. The Page Manager of the Area is now displayed. Notice the status message shown:

basics_pagemanager_page_added.png

The Welcome page has been added. Notice the the icons to the left of the Welcome page text. They are explained below.

3.2.1 Page and Section icons

basics_pagemanager_page_properties.png

The icons are:

1. Home or [H] or Not Home or [_] icon: A visible Home icon indicates the default (opening) page of an Area, Section or Page, i.e the first page seen in that Area or Section. A greyed out Home icon indicates that these areas, sections or pages are not the opening ones.
2. Trashcan icon or [D]: Click to delete an Area, Section or Page.
3. Pencil icon or [E]: To edit the basic properties of an Area, Section or Page.
4. Visible or [_] or Invisible or [I]: These icons have two functions:
   - 1. The icons indicate whether a page or section is visible, invisible or hidden. For the difference between 'invisible' and 'hidden', see chapter Page Manager, section 3.1 Add a page.
   - 2. Clicking on the icons opens the advanced editing options.
5. Page preview or [P] or Folder icon or [+]: These icons have two functions:
   - 1. Clicking the Page preview icon displays the content of the page in a new window.
   - 2. Clicking on the folder icon opens its tree structure and shows its underlying pages and/or folders. Clicking on the opened folder closes it.
6. Page/Section name: Clicking the page name gives access to the page. Clicking the section name opens, like the section icon, the section folder.
7. (n): The Section/page number. Every page or section has a unique number.
8. name: The abbreviated name of the module connected to the page.

• Pencil icon: Accesses the Edit Basic properties of page/Section.
• Visible or Invisible icon: Accesses the Edit advanced properties of page/Section.
• Page/Section name: Clicking on the Page name accesses the page content. Clicking the Section name opens the section folder.

Now set the Home icon by clicking on the (greyed out) Home icon to make the page the home page:

basics_pagemanager_home_added.png

NOTE: It is not necessary to set the home icon because something will always be displayed, even an empty page. But it is good practice to set the home icon now.

Although the page is visible, it has no content yet. In the next section we will add some text and an image to the page.

3.3 Add some text

basics_pagemanager_FCK_open.png

Please enter some text, for example:

basics_pagemanager_FCK_maximised.png

Save the text in the editor, either with the Save icon, or use [Ctrl+Shift+S] on your keyboard. After saving you return to the Page Manager.

You can also use the [Save] and [Done] buttons. Please refer to section 2.3.3 [Save], [Done] and [Cancel] for a discussion of these buttons.

NOTE: Save often as it reduces the risk of losing the text due to a sudden workstation failure or losing connection to the school server or the Internet.

After saving, you return to the small sized editor:

basics_pagemanager_page_edited.png

basics_pagemanager_page_saved.png

You have returned to the Page Manager in the Senior Pupils Area. Check your results by clicking on the Page Preview icon. A new window opens showing you what the page will look like on the website:

basics_pagemanager_seniors_preview_text.png

If you prefer to see a full screen page, right click on the preview icon and select Open Link in New Window (in Firefox).
Close the window and you are back in the Page Manager dialogue of the Senior Pupils Area.
In the next paragraph, we will add a photograph of the seniors class to the Welcome page.

3.4 Add an image

1. Selecting the right folder.
2. Uploading an image to your schools web server.
3. Inserting the image into the web page.

* We assume you have an image and know where it is on your computer.

3.4.1 Select the right folder

In the Welcome page, click on the Page Manager icon and select in the Menu the Senior Pupils Area:

basics_pagemanager_home_added.png

In the Senior Pupils workspace, click the Welcome (37) page link.
The page editor opens. Maximize the editor workspace by clicking the maximize icon.

basics_pagemanager_FCK_add_image.png

Proceed as follows:

• Set the cursor between the last two lines.
• Click the Insert/Edit image icon.

The Image Properties dialogue opens:

basics_pagemanager_FCK_image_properties.png

In the Image Properties dialogue, click the [Browse Server] button, to open the My Files dialogue:

basics_FCK_image_properties_My_Files.png

There are no files present at this time; not in your personal file storage (called 'My Files') or in the storage space associated with the Area 'Senior Pupils'.

You must first upload an image to your Website@School server before you can insert it in your web page. Please see the next paragraph.

3.4.2 Upload an image

basics_FCK_files_seniors.png

Click Add (upload) files, to enter the Add (upload) files dialogue:

basics_FCK_add_upload_files.png

You can upload files directly from the computer your are now working on to your school server.
The number of uploadable files can be changed. Please see the Configuration Manager to change this. Default is 8. Multiple file upload is also possible. Do not uncheck the 'Resize images' checkbox. For both features and help, please see the File Manager chapter.

Click the [Browse] button for Filename (1), to open a dialogue on your computer allowing you to navigate to the path and filename of a file you want to upload:

basics_FCK_add_upload_files_browse.png

Select the file and click [Open] (the button name depends on your operating system: Mac, Linux or Windows PC):

basics_FCK_add_upload_files_ready.png

The path and the filename on your computer are now visible in the Filename (1) field. Click [Done] to upload the file to the school server. After this, you return to the Senior Pupils Area file space:

basics_FCK_files_file_uploaded.png

The image has been uploaded to your schools Website@School server. Notice the confirmation message displayed in the yellow status bar. The file has been scanned for viruses and a thumbnail has been automatically created.

3.4.3 Insert the image into the web page

Click on the thumbnail of the image. The Image Properties dialogue is displayed:

basics_FCK_image_properties_with_image.png

Here you can add or modify additional properties of the image. For now, simply press the [OK] button to insert the image into the page:

basics_FCK_image_added.png

You can easily change the image size by clicking on any corner of it and, while keeping the left mouse button pressed, simply enlarge or shrink it to the desired size.

basics_FCK_image_resized.png

basics_FCK_image_resized_done_button.png

Click [Done] to save your page and return to the Page Manager.

basics_pagemanager_page_saved.png

You are now back on the Page Manager in the Senior Pupils Area.
If you wish, you can display your page by pressing the Page preview icon; this has already been explained before. It is more fun to go directly to the Website@School website:

basics_frugal_site.png

Use the dropdown menu Select Area and select the Senior Pupils Area. If you do not have JavaScript, click the [Go] button:

basics_site_seniors_text_img.png

Not only are you on the site of the Seniors, but, just for this occasion, we replaced our logo with the one of the Seniors. This is a simple operation. Please see chapter Bazaar Style Style, paragraph 2. Replace the Website@School logo to simply put a new image here, or to leave it blank. Or see one of the other available themes in the Website@School index.

3.5 Add a section

Please go to the Website@School Welcome page:

basics_was_home.png

Click the Page Manager icon. Then in the Menu, click Senior Pupils to open the Senior Pupils Area dialogue:

basics_pagemanager_area_seniors_open.png

In the Senior Pupils workspace, click Add a section, to go to the Add a section dialogue:

basics_pagemanager_add_section.png

• Name: Enter the name for this new Section. For example: Andrew Reese.
• Description of the page/section: Enter a short description. This description is used as a mouseover text in the Page Manager and the website. For example: Andrew's Section.
• Parent section: For the moment, do not use this option. It will be explained in the next paragraph.
• Initial visibility: Select Visible. For this tutorial we do not want an invisible Section or a Section under embargo. For details see the Page Manager chapter.
• [Save], [Done], [Cancel]: see section 2.3.3 [Save], [Done] and [Cancel] for a discussion of these three buttons.

Click [Done] to save the Section data. After doing this, you are back in the Page Manager for Senior Pupils. The Section for Andrew has been added:

basics_pagemanager_section_added.png

The following exercise is useful to practice creating new sections and pages. Proceed as follows:

- Add 2 new section called 'Catherine Hayes' and 'Poems'
- Create a page for a poem called 'Cat'

Make sure that the sections and pages you add are Visible.

You can now display an overview of the complete Area by setting the tree view to maximal.
The result could look like this:

basics_pagemanager_create_order_overview.png

Or it could look different, but that does not matter for this exercise; it merely serves to bring you to the next paragraph.

3.6 Create some order

basics_pagemanager_create_order_overview.png

You will notice the new items were added at the top of the Area. That is because we did not create the new Sections and the page within Andrew's Section. This is not what we really want for the structure of the website. Now is the time to put things right and arrange them in the order we want. We want the Welcome page at the top of the tree structure and the Sections belonging to the Seniors placed in alphabetical order below it. And we want the poem in Andrew's poems section.

This is how you can adjust the items to suit your desired order:

Click on the pencil icon of Catherine's Section. The Edit Basic properties of section nn dialogue opens:

basics_pagemanager_area_create_order_basic_prop.png

Use the Order dropdown menu to move Catherine's section and Andrew's section.
Use the Parent section dropdown menu to move the Poems section to Andrew's section.
Finally, also with the Parent section dropdown menu, move the Cat poem to Poems.

Your final result could look like this:

basics_pagemanager_area_create_order_ready.png

Now expand the display to maximal to show the items in the structure:

basics_pagemanager_area_expanded_tree.png

We used the 'Set tree view to minimal' and clicked on it. The tree view has a few options, which are explained in the Page Manager chapter.

In the next section, we will give Andrew the necessary Access permissions to his Section and pages.

(top)

4. Access permissions

In this tutorial, we will assign access permissions to Andrew's Sections and pages. This is done from within his Admin and Page Manager permissions.

Click on the Account Manager icon, to open the Account Manager:

basics_accountmanager_overview.png

In the Menu, click Users to open the list of Users:

basics_accountmanager_users.png

To set Andrew Reese's account permissions, click on the pencil icon next to his name, to open the Edit User username (Full Name) dialogue:

basics_accountmanager_user_basic.png

4.1 Administrator permissions

basics_accountmanager_user_admin.png

On this page you can set the permissions for the various management tasks. Default there are no permissions set for a new user. This is a security feature.
We want to limit Andrew's permissions to editing his pages and uploading images in his own file space 'My Files'. That is why we only check the boxes for the following options:

• Basic administrator
• Page Manager
• File Manager

NOTE: For normal Users, 'Basic administrator' permission is always necessary. The User can also be given extra permissions but never assign 'All permissions' to an ordinary User.

Click [Done] to save the User's permissions. You are now positioned back on the Edit User username (Full Name) dialogue.
In the Menu, the Page Manager link has now been added and is accessible.

4.2 Page Manager permissions

basics_accountmanager_user_page_perms_added.png

Click on Page Manager to open the Page Manager permissions: username (Full Name) dialogue:

basics_accountmanager_page_man_perms.png

You can see there are no permissions at all assigned to User Andrew. This is a standard security feature. We only want to grant Andrew partial permissions to his own section in the Senior Pupils Area.
To open the Senior Pupils Area, click on the folder icon of 'Area 4: Senior Pupils', to open its tree:

basics_accountmanager_user_page_manager_permissions.png

Look for 'Section 38: Andrew Reese' and click to open its dropdown menu. Several Roles become visible. A 'Role' represents a set of permissions. These access permissions are discussed in depth in the Account Manager chapter.

We trust Andrew Reese so we can give him permission to create, delete and modify pages in his own Section, as well add subsections like Poems and Papers. It is safe to make him Sectionmaster over his own Section, so we set the dropdown menu to Sectionmaster.

NOTE:
Be very careful NOT to assign Andrew permissions as Guru on all current and future Areas!

Now click [Done] to save Andrew's permissions and return to his basic properties.

When Andrew logs in with his username and password, he sees the following page when he navigates to the Page Manager:

basics_pagemanager_andrews_view.png

NOTE: Andrew has no access (greyed out) to the other management tasks. Nor to the other Areas (also greyed out) or to Catherine's section (greyed out) and he has no knowledge of the existence of Intranet(s).

The access permissions are further discussed in the Account Manager chapter.

(top)

5. Add a User

Click the Account Manager icon, to open the Account Manager:

basics_accountmanager_overview.png

In the Menu, click Users, to open the list of all Users:

basics_accountmanager_users_all.png

At the Users, click Add a User to open the Add a new User dialogue:

basics_accountmanager_add_user.png

• Name: Enter the login name of the new User. For example: mastell.

  NOTE: A username can have a maximum 16 characters: lowercase (a-z), digits (0-9), underscore (_) and starts with a letter.

• Password: Please always enter a password for each User. Website@School does not accept simple passwords e.g. helen or maria2. They are very easy to guess and using them endangers your complete website and its content. Unusual passwords are difficult to guess. An acceptable Website@School password must:
  • have a minimum length of 6 (six) characters,
  • have at least 1 (one) uppercase character (A-Z) within it.
  • have at least 1 (one) lowercase character (a-z) within it.
  • have at least 1 (one) digit (0-9) within it
  • preferably have special character like: at-sign '@', hash '#', dollar '$', percentage sign '%', caret '^', ampersand '&', asterisk '*', left parenthesis '(', right parenthesis ')', dash '-', underscore '_', plus '+', equals '=', left curly brace '{', right curly brace '}', opening bracket '[', closing bracket ']', semicolon ';', slash '/', dot '.' and question mark '?'.

  A well-chosen password, for example, could be Mrbh3ws!. This password is easy to remember for its owner as it can mean "My red bike has 3 wheels!". And only the owner knows this, making it difficult for anyone else to guess. This 'sentence trick' is one easy way for Users to create difficult passwords while making it easy to remember.

  When your password is not acceptable to Website@School, it will be rejected andin the yellow status bar you will see a warning message.
  

• Confirm password: Retype the password you have chosen.
• Full name: The full name of the owner of this account, for example Mary Astell.
• E-mail: Enter the e-mail address of this User. For example m.astell@exemplum.eu. This e-mail address is used to send e-mails when the User has forgotten the password.
• Active User [ ] Mark this User as active: Default: checked, i.e. the User is active; can login and can do whatever his permissions permit him to do.
  Uncheck this box to make it impossible for a User to use his account, i.e. he has no access at all. This can be a handy feature for a naughty pupil.
• [Save], [Done], [Cancel]: see section 2.3.3 [Save], [Done] and [Cancel] for a discussion of these three buttons.

Click [Done] to return to the list of Users. The user is added:

basics_accountmanager_user_added.png

At this point, it is a good exercise to add a new User called mastell who is a new teacher in the school and to create a Section and pages for her.

6. Groups and capacities

In this way we can create a Group consisting of say: Teachers and Pupils. Teachers can have diffeent permissions compared to Pupils. That is, the Teachers may add sections and pages to an Area, whereas the Pupils may only add pages to a section.

Now, when creating accounts, we do not have to give 20 pupils their permissions one by one. It's annoyingly, time consuming and error prone to each time in Admin give Basic-, Page Manager and File Maanger permmssions and next in Page Manger grant permissions in the specific Area, eanble the right Role in the dropdown menu.
With the Groups and Campacites feature we simply make the 20 pupils a Pupil in the Group 'Class Name' as Pupil. And we make their teacher a Teacher in the group 'Class Name'. Now we can make Pupils a Sectionmaster and Teacher 'Areamaster'. That's all.

The power of Groups, Capacities and Roles, combined with Areas, Sections and Pages deserves more than this too short explanation. The features are extensively discussed in the Account Manager.

(top)

7. Miscellaneous

7.1 Locked page

It is very important to log out cleanly and formally. Do not terminate your session by clicking the X in the browser corner or exiting your browser via its Exit option. This causes an error message when you next log in:

basics_locked_page_unlock.png

The page owner is the same person as the one who wants access to the page. Click the [OK] button to unlock the page. The page is accessible again.

If the one who tries to access the page is the owner of the lock of the page, it suffices to click the [OK] button to unlock the page.

When a User selects a page that is in use by someone else, that User will see the following screen:

basics_locked_page.png

The message says that the webmaster Wilhelmina tries to open the page Andrew is working in. This means the page is in use and cannot be unlocked by Wilhelmina.

NOTICE:
In this case, only Andrew, the owner of the lock of the page has access to the unlock feature.

NOTICE:
There is another way out of this situation, but it requires permissions for Tools (Session Tool). See section 7. Session Tool in chapter Tools for more information.

7.2 Our sandbox

When you have no access to Website@School, or you want to do a test drive, you can use our Sandbox. It's like a real sandbox, it's cleaned every night, i.e. your data will be erased. The sandbox can be found at:
http://wyxs.net/was_daily/index.php.

To login in to the Website@School sandbox, go to:
http://wyxs.net/was_daily/admin.php, where you find:

basics_sandbox.png

Login with:
Username: jtester
Password: Jtester4U
Click the [OK] button, after which you will see the following screen:

basics_sandbox_welcome.png

You are now in Website@School Management, on the Welcome page. You can start your tutorial. Please bear in mind: the sandbox is refreshed every night at 04.00 +1 TZ (Time Zone) and all your test data is erased.

7.3 Get rid of the Exemplum Primary School

There are a number of ways:

• Delete the Exemplum Primary School Area. Not a good idea because you lose your own sandbox if you have installed Website@School with demonstration data.
• Change the name in: Configuration Manager > Areas. Same as above.
• Better: Create a new Area, give it the name you wish and make that Area the Home Area. Make the Exemplum Primary School Area inactive so it does not show up in the Select Area dropdown menu.
• And read chapter Configuration Manager, section Site. Under 'Website title' you can change the title visible: in Website@School Management.

(top)

8. How to continue?

Now it's time to add more public and private Areas and giving each one modules like: contact forms, sitemaps, image galleries, multiple weblogs, chats, collaborative editors, ? In the 'Modules' section of the Table of Contents, we explain in detail how to add these functions and configure them. On the top of that page you find a clickable link to a long page with a searchable list of the contents of all chapters. Easy if you are looking for something specific.

You can find example modules in the demonstration data:

basics_EPS_MyPage.png

Happy learnng!

(top)