Innehåll
1. Introduktion
1.1 Vad du ska veta först
1.2 Tillgång: användarnamn och lösenord
1.3 Dokumentationsavtal
2. Förberedelser
2.1 Två webbläsare
2.1.1 Första webbläsare: webbsajt
2.1.2 Andra webbläsaren: hantering
2.2 Att logga in
2.3 Hanteringshemsida
2.3.1 Allmänna funktioner
2.3.2 Blinda och synskadade användare
2.4 Välkomstsida förklarad
2.5 Att logga ut
3. Områden, sektioner, sidor, text och bilder
3.1 Tillfoga ett område
3.2 Tillfoga en sida
3.2.1 Sida och sektion ikoner
3.3 Tillfoga text
3.4 Tillfoga en bild
3.4.1 Välj rätt mapp
3.4.2 Ladda upp en bild
3.4.3 Foga in bilden till webbsidan
3.5 Tillfoga en sektion
3.6 Skapa viss ordning
4. Åtkomsträttigheter
4.1Administratörsrättigheter
4.2 Sidansvarigrättigheter
5. Tillfoga en användare
6. Grupper och rättigheter
7. Allehanda
7.1 Låst sida
> 7.2 Vår sandlåda
7.3 Bli av med Exemplum Primary School
8. Hur du ska gå vidare?
Website@School är ett verktyg för att bygga webbsajter. På dessa sidor kan du publicera webb Sidor. Sidorna kan vissa innehåll såsom text, bilder, osv. eller innehålla moduler liksom kontaktformulär, bloggar, chattar, bildgalerier, användbar redigering, digital reklamblad, sajtmapper och mycket mer. Website@School är ett Innehållshanteringssystem (IHS). Det enda du behöver är din webbläsare.
basics_enablement.png
Ett exempel av en sajt byggt med Website@School IHS.
When you have finished this tutorial you will be
able to:
- Create a website with Sections and Pages.
- Add texts and images to the pages with a word
processor.
- Manage user accounts and access permissions.
For our tutorial we use fictional data. A very small school
with only 2 classes, a few pupils, teaching staff, team and a
webmaster (you!): The Exemplum Primary School.
We assume you have access to a Website@School
installation with demonstration data and you have a valid
username, password and full access permissions to manage
Website@School.
NOTE: If you do not have access to Website@School, you can
make use of our Sandbox to do the tutorial.
Here are the text elements that have a
special markup meaning:
top
Website@School
is a Content Management System. The content that you
create in the management part of Website@School, becomes visible
on your school's website. Often, when you have completed an
action in Website@School management, you want to immediately see
the results of your action. The easiest way to do this is by
using two browser windows.
To
work with Website@School as easily as possible, we advise you to
open two browser windows on the workstation; one browser
window for Website@School management and another to see the
results of your work, i.e. the website.
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.
Open the websites viewing browser window. Go to the URL (Uniform Resource Locator) of your school. For example: http://exemplum.eu/index.php. Detta är en fiktiv webbadress, ersätta den med den riktiga webbadressen för din skola. 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
Now click on the News link
and you will see:
basics_areas_sections_pages.png
You see:
- Pages: Welcome, Latest news, Newsletter
and Old news. Pages can be grouped in Sections.
- Sections: Welcome, 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
- 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.
- Select area: In the dropdown menu you
select which Area is visible. About the Area of the Senior
pupils: you will make it yourself.
Please click on MyPage and try
the modules like the Mailpage, Weblog, Aggregator, Snapshots,
Chat, etc.
Now open a second browser window either on
this workstation or on a second workstation. Go to:
http://exemplum.eu/admin.php.
(This again is a fictional URL, replace it with the real URL of
your school. Only replace the URL part of the
school, keep the admin.php part.)
You will see the login dialogue giving access to Website@School
Management:
basics_login_in_browser.png
You are now ready to log in.
We will now
explain the login webpage.
basics_login_wblade.png
Items in the Login web page:
- 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. Detta är en säkerhetsfunktion.
- [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.
When you have successfully logged in (see yellow
status bar and message), you are on the Website@School
Welcome page:
basics_was_home_after_login.png
Website@School has a number of features that
make your life easy. Below we explain the header of the
Welcome page:
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. Detta är en säkerhetsfunktion. 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.
- Genväg kombination: Du behöver inte en mus för att kunnan jobba med 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
The management interface of Website@School can be customized. These adaptions (called 'Skins') can be set for each individual User in the User settings. Du kan göra det i Kontohanteraren > Användare > Användarnamn >Bas egenskaper > Rullningslista: Skinn. For an overview of skins, see the chapter Account Manager, section 5. Skinn.
After a successful login you enter the Home or
Welcome page:
basics_was_home_after_login.png
The page is divided in a header, menu, workplace and
footer. From here all management functions are accessible.
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.
Yellow status
bar: Displays copy & paste status messages.
See 2.3.1 General
features.
Below the status bar the screen is divided in 2 panes:
- Meny ruta: Den tomma grå rutan på vänster sida av skärmen används för att visa valbara Meny alternativ. Det befinner sig inga Meny alternativ på Välkommen sida.
-
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.
Bottom bar:
- 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.
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 at your next log in. For an explanation
and help, see section 7.
Error messages below.
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
The pop-up message confirms your successful logout. To log
in again, click [OK] in the pop up
message.
top
In this section, you will create a new Area and a
Welcome page for the 'Seniors' Area, add a Section for seniors
'Andrew Reese' and 'Catherine Hayes', and then create the actual
web pages with text and images.
An Area
represents a complete website in itself. So we start by creating
a new Area and this is done from the Welcome
management page:
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
Förklaring:
- 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. Du kan inte ändra ett privat område till ett publikt område eller tvärtom. Detta är en säkerhetsfunktion. 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]:
-
-
basics_save_done_cancel
-
[Save]:
Please read this carefully. The [Save] button has two functions:
- [Save]: 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.
- [Save]: If this dialogue has
yet another dialogue to fill out, clicking the
[Save] button brings you to
that dialogue. Summary: save and continue.
NOTE: Better not click the [Save] button right now! The next screen
to edit is discussed in chapter Configuration
manager, section 3.3 Edit
basic properties of this area.
- [Done]:
Saves your work and you return to the previous page.
Summary: save and exit.
- [Cancel]:
Nothing is done and you return to the previous dialogue.
Summary: Don't save and exit
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.
In this
paragraph you will create a welcome page for the new Area. Return
to Welcome page by clicking on the Home icon:
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
Förklaring:
- Namn: Ange namnet av sidan. For example: Welcome
- Beskrivning av sidan/sektionen: Ge en kort beskrivning av sidan. 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. För detailjer se kapitlet om Sidhanteraren.
- [Save], [Done],
[Cancel]: Please click
here for the full
expalanation in this tutorial.
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.
When a page (or a Section) is created, its
properties and features can be modified by using the clickable
icons.
basics_pagemanager_page_properties.png
The icons are:
NOTE: Capitals between '[ ]' (brackets) are for visually impaired, using the skin specially designed for them. See Account Manager section 5. Skinn.
- 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.
-
Trashcan icon or [D]: Click to delete an Area,
Section or Page.
-
Pencil icon or [E]: To edit the basic
properties of an Area, Section or Page.
-
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.
-
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.
- Page/Section name: Clicking
the page name gives access to the page. Clicking the
section name opens, like the section icon, the section
folder.
- (n): The Section/page number.
Every page or section has a unique number.
- name: The abbreviated name of
the module connected to the page.
NOTE: The pencil, visible/invisible icons and page/Section
names are all clickable links:
-
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.
We will
now add some content to the page. When in the Senior Pupils Area, click the Welcome page, to open the page editor:
basics_pagemanager_FCK_open.png
The Editor is a WYSIWYG (What You See Is What You Get) text
editor, which is fully explained via links in chapter Editors. You will also find a
list of keyboard shortcuts there.
There is one property of the editor which we advise you to use.
Click on the Maximize the editor size icon at the right side of
the bottom row of icons. The editor will now occupy the full
screen allowing you more room on the screen to create your text
and add images.
Var vänlig och skriv en text. till exempel:
Hej Världen!
This is the welcome page of the Seniors.
We hope you enjoy our pages.
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 see [Save],
[Done], [Cancel] in this tutorial.
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
Click [Done] to return to the
Page Manager:
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.
In this
paragraph we will add an image* to the 'Welcome' page of Senior
Pupils. This is done in three steps :
- Selecting the right folder.
- Uploading an image to your schools web server.
- Inserting the image into the web page.
* We assume you have an image and know where it is on
your computer.
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
Gör så här:
- Ställ in markören emellan dem två senaste linjer.
- Klick på Infoga/redigera bild ikonen.
Bildegenskaper dialogruta öppnar:
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.
Navigate to the folder where the files for the Area
of the Senior Pupils are to be stored.
Use the 'breadcrumb trail' at the top bar to quickly move to the
top level folder 'All Files' by clicking the all files link. Next click the folder named
Areas and then the folder named
Senior pupils. You are now in the
correct folder, i.e. Senior Pupils:
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.
Klick på bildens miniatyrbild. 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
Click the Save icon to return to:
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
Photo by courtesy of the pupils of Grade 7 of the Barbara
school, Amsterdam, the Netherlands.
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. Detta är ett enkelt jobb. 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.
In this
paragraph, we will add a new Section for Andrew Reese, a senior
student. He has a classmate called Catherine Hayes.
Please go to the Website@School Welcome
page:
basics_was_home.png
Klick på Sidhanterarens ikon. 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
Explanation of the displayed items:
- 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.
- Huvud sektion:För nu, använd inte detta val. 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. För detaljer kolla kapitel Sidhanteraren.
- [Save], [Done], [Cancel]: Please see [Save], [Done],
[Cancel] in this tutorial.
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. Gör så här:
- 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.
We
assume you are in the Page Manager and in the Area Senior
Pupils.
If you completed the exercises described above, the screen you
see might look somewhat like:
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
In this
paragraph, only the basics of access management are discussed.
More sophisticated management is discussed in the Account Manager
chapter.
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.
Klick på Kontohanterarens ikon, för att öppna Kontohanteraren:
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
Continue as follows. In the
Menu, click on Admin, to enter the Administrator
permissions: username (Full Name) dialogue:
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:
- Grund handläggare
- Sidhanteraren
- Filhanteraren
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.
In the previous paragraph we have made the
Page Manager and File Manager accessible for user Andrew. This
results in adding the Page Manager
link, as can be seen in the screenshot below.
We can now grant Andrw access to only his section and
page(s) to create content and add files via the File Manager.
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. Det kommer att synas flera möjliga Roller. En rol framställar en uppsättning av rättigheter. 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
In this section we
will create a user account for the new teacher Mary Astell.
Klick på Kontohanterarens ikon, för att öppna Kontohanteraren:
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
- det är även bättre om du användar speciala tecken såsom: snabel-a '@', nummertecken '#', dollar '$', procenttecken '%', insättningstecken '^', och-tecken '&', asterisk '*', vänster parentes '(', höger parentes ')', bindestreck '-', understreck '_', plustecken '+', likamedtecknet '=', vänster klammarparentes '{', höger klammarparentes '}', hakparentes för att öppna '[', hakparentes för att sluta ']', semikolon ';', snedstreck '/', punkt '.' och frågetecken '?'.
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]: Please see [Save], [Done],
[Cancel] in this tutorial.
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.
The
Groups and Capacities feature enables creating groiups and in
those groups give differentiated permissions to its members.
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
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
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, he
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.
NOTE: In this case, only the
owner of the page has access to the unlock feature.
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.
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
Congratulations! You know about Areas,
Sections, Pages, how to create text and add images, create a user
account and assign basic permissions.
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.
top
Author: Dirk Schouten < dirk (at) websiteatschool (dot) eu
>
Last updated: 2014-08-21, version 1.54