The CSP Forum website is available to all members of the public. Users have access to browse all elements of the site. However, since the new member’s area has been implemented to the site, members of the Trust & Security research community now have the ability to register and login. The features include:
· Creating and maintaining member profiles
· Viewing other members’ profiles
· Sending member messages via email
· Viewing projects and public project deliverables
· Adding multiple projects
· Editing projects you have authored
· Adding deliverables to projects
· Editing information on those deliverables.
On every webpage the ‘member’s area’ button is displayed in the top right corner of the content section. When the user clicks this button, he/she is directed to the login page. Also on this page is the option for the user to register if not already a member of the site.
Figure 1: Homepage of the CSP Forum website
Figure 2: Login to member’s area
Figure 3: Registration form for CSP Forum
When the user clicks Register, he/she is given feedback that their account has been successfully created.
Figure 4: Registration complete
As part of the Registration process, the user is then sent a welcome message, login details and an activation link via email.
Figure 5: Registration email
When the user clicks the activation link in the email he/she is then automatically a member of the site and is prompted with the Thank You message.
Figure 6: Activation confirmation
The new member can then navigate to the member’s area where he/she will enter their login details. The member’s area button is displayed in the top right corner of the site.
Figure 7: Member's area link
When the user enters in their login details, the following message appears. If the user is not automatically redirected to the home page of the site, he/she can simply click the link supplied in the message area. The login and logout messages are the same format.
Figure 8: Logged in message
Figure 9: Logged out message
After submission, the user is directed back to the home/index page where the member’s area button is replaced by ‘my account’ and ‘logout’.
Figure 10: My account & logout links
Once the user clicks ‘my account’ he/she will be redirected to their individual profile page.
Here, the user can see their profile picture and the following information:
· Join Date
· Last Activity
Figure 11: My Profile
From the profile page, the member can navigate to and from many areas, these areas include:
· Update Profile
o Overview (Simply an overview of ‘my profile’)
o Update Profile Picture
o Update Settings
o Update My Account
o Delete Account
· Member List
· My Entries
· My Projects
· My Deliverables
· Member Search
· Invite (Admins Only)
Here the user can change any of the following as shown below:
· Screen Name
Figure 12: Update Profile
The user can choose any image he/she wishes. This image then becomes the members profile picture.
Figure 13: Update Profile Picture
This will allow the user to accept or reject messages/emails from other members. Also the Localisation Settings can be adjusted here. These include Time formatting and Language.
Figure 14: Update Settings
This option lets the user change the following:
When the member is satisfied with these changes, he/she must enter their current password to submit the changes made.
Figure 15: Update Account
A SuperAdmin cannot delete his/her account via the front end of the site, the message that is shown in figure 16 will appear. If a SuperAdmin wishes to delete their account, they must do so via the Expression Engine control panel which is not accessible to regular users. However, a member of the site that is not a SuperAdmin can delete his/her account via the site.
Figure 16: Delete account error
The member must enter their password to delete their account and are prompted with a Warning message specifying that this action cannot be undone. After entering their password and clicking the ‘Delete Account’ option, the user is prompted with another warning message to clarify the deletion of their account. Feedback is then given to the user, specifying that their account and all associated content has successfully deleted.
Figure 17: Delete account
Figure 18: Confirm delete account
Figure 19: Successful deletion of account
The Member list lets the user search for any person who is a member of the CSP Forum website. Only users who are members of the site can view this page.
Figure 20: Member list
This feature lets the user search for any member of the site, under the following criteria:
· Screen Name
Figure 21: Member Search
This feature is only available to the SuperAdmin of the site. It will let the user send a potential user an invitation to the site via email.
Figure 22: Send Invite (Admins Only)
When viewing another member’s profile, the option to message that member is also included. The message will be sent directly to that members email address.
Figure 23: Send message to member
However, if this member chooses not to accept emails from other members, the following will be displayed:
Figure 24: Message denied
This section lists all the entries that the currently logged in user has created. It shows how many entries the user has posted along with the date that the entry was submitted. When the user selects any of these entries, it will take the user to the page that the entry is posted to. The user can create as many entries as he/she wishes.
When viewing another member’s profile, the logged in user can see their Entries, projects and deliverables. However, only the author of the entry has permission to edit that entry.
Figure 25: Entries of member
The ‘My Projects’ page displays all the individual projects that the user has created. When the user clicks on any of the Project Acronyms, it will direct the user to that project, giving all the information about that specific project. As well as selecting any of the projects, the user can choose to edit any of his/her projects from here and also Manage the deliverables of that project.
Figure 26: Projects of member
There is also a separate area called ‘My Deliverables’ where the user can view any deliverables that they have posted along with the option to edit that deliverable.
Figure 27: Deliverables of member
The Projects page lists all of the projects that have been added to the site. Each project displays the following information:
· Project Logo
· Project Acronym
· Project Title
· Project Progress (meter bar)
· Start and End Date
· Brief Description
The maximum number of projects that is displayed on the Projects page is six. At the bottom the page, the user can navigate to the next page and so forth.
When the user clicks on the Project Logo or Acronym he/she is directed to that Project. If the currently logged in user is the author of that project, the option to edit and manage the deliverable will be displayed under the brief description of that project.
Figure 28: Projects
Figure 29: Author of project
On the Projects page is a drop down menu labeled Filter Projects where the user can choose from:
· All Projects
· Project Index
Figure 30: Project drop down menu
A button to reassign authorship of projects has been implemented under each project on the CSP Forum site. Once the logged in user hits this button, an email is sent to the CSP Admin to request to be the author of this project. Once validated by the Admin, the user can edit the project and manage the deliverables.
Figure 31: Request Admin Rights
The Project Index displays a quick and efficient way to find a specific project. It lists the project acronyms alphabetically, with the project title underneath. These are links and will navigate the user to their chosen project.
Figure 32: Project index
Active Project page for a user that is not logged in.
Figure 33: Active Projects - logged out user/ not author
Active Project page for the author of the project. Displays the Edit option, Manage deliverables and the author of the project.
Figure 34: Active Projects – logged in user & Author
Finished projects page for user that is not an author of the Project or not a logged in member.
Figure 35: Finished Projects - logged out user/ not author
Finished Projects page for user who is the author of the project.
Figure 36: Finished Projects - logged in user & author
When a certain project is selected e.g. EFFECTS+, the user is directed to the Project Objectives page.
Figure 37: Project - Effects+
Figure 38: Project Objectives
From the Objectives page the user can select any of the following tabs:
· Other Information
· Project Website
The Partners page displays the Coordinator and Project participants of the chosen project – EFFECTS+.
Figure 39: Project Partners
The deliverables of EFFECTS+ are listed in this section. From here the user can add another deliverable if desired. Of the deliverables, the following information is displayed:
· Title of deliverable
· Brief description
· If Author (Edit Deliverable, Delete Deliverable, Author)
Figure 40: Project Deliverables
If the user selects ‘Delete Deliverable’, he/she is prompted with following message.
Figure 41: Delete deliverable confirmation
Here displays Other Project Information in relation to the chosen project.
Figure 42: Other Project Information
Every project has its own website and it is included in this area.
Figure 43: Project website
To add a project to the site, the user must first be a registered member. On the Project page is the option to ‘Add a Project’. Once logged in, the user can then begin to add a project. The fields that are required are as follows:
· Project Website
· Project Objectives
· Project Partners
· Other Information
· Project Website
· Start and End date of Project
· Project Logo
Figure 44: Add Project
After the user hits the Submit Project button and all fields have been filled, the project is sent to expression engines holding area. The status of the project is automatically set to closed hence it will not be displayed on the site until a SuperAdmin has validated the Project and set the status to open, to be displayed on the site.
If the user is not logged in and tries to add a project, the following message will be displayed.
Figure 45: Add Project - not logged in
Only the author of a project can edit their own project. When editing a certain project, all the fields are filled in, any changes can be made to the project.
Figure 46: Editing a project
The Deliverables page lists all deliverables of all projects as well as the option to add a deliverable. The information displayed is as follows:
· Date of entry
· Title of Deliverable
· Brief Description (Optional)
· Project Associated
If Author of the Deliverable, displayed will be the option to:
· Edit Deliverable
· Delete Deliverable
Figure 47: Deliverables
On the deliverables page, a drop down menu labeled Filter Deliverables exists. (Fig 5.9) Within the menu are two tabs:
· All Deliverables
· Deliverables list
Figure 48: Deliverable - drop down menu
The Advantage of the Deliverables list is it lets the user quickly navigate to a certain project and find the deliverables associated with that project.
Figure 49: Deliverables list
To add a Deliverable of a certain project to the site, the following condition must be met: the logged in member must be an author of projects.
The following fields are required to add a deliverable:
· Associated Project
· Brief Description
When selecting the associated project, all the projects that the logged in user has created will appear in the drop down menu. Details about newly uploaded deliverables are automatically posted to CSP Forum Social Media accounts.
Figure 50: Add Deliverable
Figure 51: Add deliverable - Select associated project
If the user is not logged in and tries to add a deliverable, the following message will appear:
Figure 52: Add deliverable - not logged in
Similar to editing a project, only the author of the deliverable can edit the deliverable details. All the relevant fields are filled in and any changes can be made to the deliverable here.
Figure 53: Edit details of deliverable
After all the changes have been made, the user simply has to hit Submit Deliverable.
Figure 54: Submit deliverable
Two member groups have the ability to post news items to the CSP News section of the site. These member groups are Admin and Seccord users. Once the news item is submitted, it gets passed to the news feed and then is dispersed to the CSP Forum accounts of Facebook, Twitter and LinkedIn.
Figure 55: CSP News
If the user is the author of the news item, he/she has the ability to:
· Edit News Item
· Delete News Item
· Share via Facebook (to their own account)
When adding a news item to the site, the following fields are required:
· News Summary
Figure 56: Add News Item
Here the author of the news item can edit any information displayed. After the adjustments have been made, the user can simply hit submit news, the news item is then changed and updated to the site.
Figure 57: Edit News Item
When the author of the news item clicks “Delete News Item” he/she is prompted with the following message:
Figure 58: Delete News Item Message
When the News feed is updated with a news item, these items are then passed to Faceboook, Twitter and LinkedIn. It takes at least 15 minutes to be posted to the social media accounts.
Figure 59: News feed to disperse news to social media accounts
The application being used to post to Twitter and LinkedIn is called Twitter feed.
Figure 60: Twitter feed Logo
To post to Facebook, an app called RSS Graffiti is being used.
Figure 61: RSS Graffiti Logo
A Facebook post will display the CSP logo, the title and description of the news item and it appears as follows:
Figure 62: Facebook post from CSP Forum
The Tweet on the CSP Forum account of Twitter will be displayed as follows:
Figure 63: Tweet from CSP Forum
LinkedIn news items will appear as shown below:
Figure 64: Post from CSP Forum to LinkedIn
All members of the site have the ability to add events to the Events List page. The member must be logged into the site to avail of this feature.
Figure 65: Events List Page
The members of the site can add Events and also edit or delete them if they desire. Added Events are automatically posted to CSP Forum Social Media accounts.
Figure 66: Edit Event
There are two News feeds on the CSP Forum website:
1. SecCord Project News
· This feed comes from the news items that Admin and Seccord users post to the site.
2. Security Projects News
· This feed comes from the following FP7 Projects:
The user has the option to Subscribe to the SecCord Project News feed.
Figure 67: SecCord Project News
Figure 68: Security Projects News feed
Not only will news items get published to the CSP Forum social media accounts but also Security Projects News, CSP Events and details on uploaded project deliverables.
· Security Project News includes all news updates from all FP7 projects on the CSP Forum website.
· Any Events that registered logged in members post will also be sent to Facebook, Twitter and LinkedIn.
· All social media networking accounts will also be notified when deliverables are added to the site.