|
|
|
|
Ø
Home Page: Log in
 |
Top
|
|
Web Site Design Specifications
Web Site Definition and Design Specifications
Web Site Main Users
· Students.
· Instructors.
· Administrator.
Login page of E-Learning web site can be a student, instructor or admin. Above can enter the website and based on the logon user, the website will show and hide some parts of the contents and enable or disable some administration functionalities.
|
|
|
|
* How to register:
 |
Top
|
|
If you are not a member, you can register; either a student or instructor, by click on
the following screen will appear:
|
|
After filling all the required information, click on “Save Data”.
|
|
|
Select "My Profile"
from the main menu that summarizes the main functions that the admin can use to mange the instructor, students and class information.
|
|
1.1 Content for administrator options:
1. Contact information................... (1)
2. Class Admin................................ (2)
3. Members...................................... (3)
|
|
|
This menu summarizes the admin contact information; the admin can edit any contact information and he/ she can upload and/ or remove profile picture, as in the screen below:
|
|
- Click on "Save" to save the final amended information.
|
|
|
a. Purpose:
This menu summarizes the main functions that the admin can use to mange the classes information.
From My Profile page, click on Class Administration,
b. Content for administrator options to control class information:
2.1 Add a new class
2.2 Edit a class
2.3 Synchronize a Class
2.4 Archive a class
@
To add a new class, click
 in Class Admin main menu; as in the screen below:
|
|
@
Fill the required fields as clarified below:
üClass Name: name of the class to be added.
üClass Semester: to be selected from the drop-down list: First, Second, Third, Fourth or Fifth Semester.
üClass Designation: description of the class.
üStart Date & End Date: start and end dates of the class.
üClass Day time: Day Time or Evening Time.
üClass Time: the class specific hours during the day.
üClass Email: the electronic mail of the class. Students willing to inquire about any issues related to the class will send their inquiries to this e-mail address. In addition, the instructor will use this email address to send messages to the class students, when needed.
üClass Price: the class registration fees in USD.
üClass Instructor: instructor of the class.
üClass Lectures Days: specify the number and the specific days in the week in which the class lectures will be conducted.
üStudents: specify the class members by selecting names from the “System Members” list.
üAll the fields of red star
 are mandatory fields.
The following screen clarifies the above mentioned information:
|
|
1) To save the class information, click “Save Class”. The class information will be then displayed under the “Classes Information” at the top of this page.
2) To return back, click “Back”.
@
To edit class information, select a class using Arrow image
in the table from class information menu.
@
Amend the class information as required.
|
|
@
To save the class information, click “Save Class”. The new class information will be then displayed under the “Classes Information” at the top of this page.
@
To delete all the entered information, click “Delete Class”.
|
|
|
a) To synchronize a class, go to click “Synchronize Your Classes” part in Class Admin page. This option copies syllabus, assignments, projects and tests from a class (source) to another (destination).
b) Select the class using arrow image beside the class.
c) Select "Source Class" from the drop down list, as in (4) in the screen below.
d) Select "Destination Class" from the drop down list, as in (5) in the screen below
e) Select items to be copied from the source course, as clarified in the figure below
f) To complete the synchronization process and add the selected items to the destination course, click “Synchronize Now”.
|
|
1) To archive a class, select the class using arrow image beside the class name and click “Archive”, as in the screen below.
2) Be sure that the course is "Deactivate" before archiving it, to "Deactivate" course, click on
 from the classes information page.
|
|
|
|
This page is specified to manage the members:
- Instructor Information
- Student information
|
|
- To edit any member; select it using the arrow image to Edit and/or Delete his/her data.
|
|
|
- Click on
 to add new member, the following page will appear:
|
|
- Select the type of new member: select Instructor, Student or Admin from drop down list as in (6).
- Enter the required information; the red stars are mandatory fields.
- You can upload the picture for the member by clicking on browse.
- After filling all the required information, save it by clicking on “Save Data"
- You return back by clicking on "Back"
|
|
|
|
3.2 Edit/ Delete member:
|
Top
|
- Edit:
you can edit any member information; by clicking on
beside any member name that is needed to be edited. For example, to edit the information of “Bob Jones” you should click on arrow image beside "Bob Jones" name, the member information will appear as follow:
|
|
- Edit the required information.
- To save the amended information, click on “Save Data” i.e. on (7) as above.
- Delete:
you can delete any member information; by clicking on
 beside any member name that is needed to be deleted.
|
|
|
Ø
Classes System:
 |
Top
|
Click on
at the main page to go to system classes, the screen below is the Home Page for
classes system:
|
|
|
·
Left Navigation Components:
|
1. Messaging:
 |
This screen shows the inbox (all messages) for the selected course.
§
View:
The student can view the messages by click on
 ; as below:
|
|
|
The message will be viewed as:
|
 |
§
Delete:
The student can delete the messages by click on
|
|
|
From this screen the user can send a new message with full rich editor and many attachments, with the ability to select the members to send to.
|
|
1.3 Sent Messages
 :
|
Top
|
This screen shows the sent messages for the student/instructor and/or administrator.
|
 |
-Delete:
This enables the administrator/ instructor to delete the sent massage by click on
|
|
|
2. Course Syllabus:
 |
From the left Navigation bar, Course Syllabus used to syllabus the selected course, as below, the text of the syllabus is inserted and edited by the administrator or the instructor.
|
|
Syllabus is divided into four sections:
&Course Information.
&Instructor Information.
&Course Material.
&Grading Policy.
|
|
|
By selecting "Edit Syllabus" the instructor and/or the administrator can edit a syllabus for the selected class and can make this syllabus active for the current class, so it will be shown for the students, as shown below:
|
|
- You can edit each section of the Syllabus.
- After completing the edit in any section, you should the changes by click on "Save" to save the amended information.
|
|
|
Delete Syllabus is used to delete the syllabus for selected course, after clicking "Delete Syllabus", you will get the message below:
|
|
- Click on" Delete" to confirm the delete
- Click on "Cancel" to cancel the action
|
@
Add Syllabus:
The instructor and/or the administrator can add a syllabus for the selected class and he can make this syllabus active for the current class, so it will be shown for the students; as shown below:
|
|
- Click on
 to confirm the Addition
- Click on
 to cancel the action
Note: the function "Add Syllabus" will appear and be active when the selected course has not a syllabus.
|
|
|
By clicking on "Print Syllabus" this will open the screen below, you have the choice either to "Close window" to cancel the printing or "Print" to confirm the printing.
|
|
|
|
3. Course Resources:
 |
Top
|
This enables the administrator to determine the required resources for the selected course.
|
|
|
|
3.1 View Course Resources Topics
 :
|
Top
|
To view all resources topics for the selected course as in the screen below:
|
|
|
|
|
3.2 Add Resources Topic :
|
Top
|
To add/ edit the resources topics for the selected course as below:
|
|
- Click on" Save" to save.
- Click on "Cancel" to cancel the action.
|
|
3.3 View Course Resources :
|
Top
|
To view the recourses for the selected course, you can edit/ delete or view details of the resources through this screen as below:
|
|
|
3.3.1 Action: Edit/ Delete:
|
Top
|
When you select "Edit" from "Action", the screen below will appear that enable you to perform the needed action and to save the amended information.
|
|
This option views the resources details:
|
|
|
|
|
3.4 Add Topic Recourses:
|
Top
|
The screen below illustrates the required information that the administrator can add/ edit for the topic recourse, and you can also add short resources and long recourses description.
After completing the addition, you should save the added/ amended information through clicking on Save at the end of screen.
|
|
4. Live Conference
 |
Top
|
|
5. Recorded Lectures
 |
|
5.1 View Recorded Lectures:
|
Top
|
This screen shows a list of the recorded lectures added, with edit and deletes options for the instructor and/or the administrator. The presentation, Audio and Video files can be downloaded just by clicking the link.
|
|
|
|
This screen shows how the instructor and/or the administrator can add a new lecture for the selected class by week with the capability of uploading attachments (Presentation, Audio and Video).
|
|
|
|
|
5.3 Delete Current Lecture:
|
Top
|
This option to delete the selected lecture, the following message will appear:
|
|
- Click on "Delete" to confirm
- Click "Back" form the main menu.
|
|
|
6. Assignments
 |
This screen shows the assignments in the selected class.
|
|
- View: Click on
 to view all assignment data, as below:
|
|
- Delete: click on
 to delete the assignment for the selected class.
|
|
|
|
6.2 Add/ Edit Assignment
|
Top
|
This screen shows how the instructor and/or the administrator can add a new assignment for the selected class with the capability of uploading attachments and editing the text for the assignment.
|
|
|
|
|
6.3 Add/ Edit Imported Assignment
|
Top
|
This screen enables the administrator/ instructor to add/ edit imported assignment by insert assignment title and assignment link as below.
|
|
|
|
7. Projects:
 |
This screen shows the projects in the selected class as below:
|
|
|
|
|
7.2 Add/ Edit Project
|
Top
|
This screen shows how the instructor and/or the administrator can add/ edit a project for the selected class with the capability of uploading attachments and editing the text for the project.
|
|
|
|
|
7.3 Add/ Edit Imported Project
|
Top
|
This screen enables the administrator/ instructor to add/ edit imported project by insert project title and project link as below:
|
|
|
|
8. Testing
 |
This screen shows all tests entered by instructor and/or administrator with View, Edit and Delete for each test:
|
|
|
|
|
|
- View: this function views the selected test, with the ability to:
ü Activate the test: to make the test active
ü View Exam : to see the exam questions
ü View Status: to view the test status
As illustrated in the screens below.
|
|
|
View Tests
|
|
|
View Exam
|
|
|
This screen shows how the instructor and/or the administrator can add the test information including: Test Title, Time, Duration, Options, Reply Time, Notes and adding students.
|
|
|
|
|
|
|
8.3 Add/ Edit Test Questions
|
Top
|
This screen shows how the instructor and/or the administrator can add/edit the test questions including editing each question based on its type “True/False”, “Multiple Choice” and ES questions.
|
|
|
|
·Add TF Question
This screen shows how the instructor and/or the administrator can add True/ False Question
|
|
|
|
·Add MC Question
This screen shows how the instructor and/or the administrator can add Multiple Choice Question
|
|
·Add ES Question
This screen shows how the instructor and/or the administrator can add ES Question
|
|
|
|
This screen enables the administrator/ instructor to import test by insert test name and test link as below:
|
|
|
|
The student can show only the test title, duration, notes and action, the student doesn’t have any access on adding or editing any test.
|
|
|
9. Performance
 |
|
9.1 View Grades Sheet
|
Top
|
This screen shows the performance (grades sheets) according to weeks with:
View, Edit and Delete for instructors and/or administrator.
|
|
|
|
üView
 :
To view the uploaded grade sheet, for example, the excel sheet below:
|
 |
|
|
üEdit
 :
To edit Grade Sheet by browsing new grades sheet, edit Sheets Title and/ or Sheets Week:
|
 |
|
|
üDelete
 :
This option allows deleting the graded sheet.
|
|
|
This screen is to add a selected grade sheet with ability to upload the sheet file to the selected sheet and replace the current sheet (if available) by click on "Browse".
|
 |
|
|
|
·
Top Navigation Menu Components:
|
1. Library:
 |
Top
|
|
1.1 View System Library
This function shows the user the internal Library books with request ability, in addition to the external libraries links with edit and delete ability for instructor and/or administrators.
|
·
Add/Edit Item
From this screen the instructor and/or administrator can add/edit an item (book) to/from the Library. S/he should enter all fields shown in the figure above.
|
 |
|
|
|
1.2 View Online Libraries
|
Top
|
This screen shows the user the Online Libraries books with request ability
|
 |
|
|
|
1.3 Add Online Library
|
Top
|
From this screen the instructor and/or administrator can add a library link
|
 |
|
|
2. Resources:
 |
|
2.1 View Resources Topics:
|
Top
|
|
This screen shows the user all active E-Learning resources according to resources topics.
|
|
|
|
2.2 Add Resource Topic
|
Top
|
|
From this screen the user can add/edit resource topic.
|
|
|
|
2.3 View Topic Resources
|
Top
|
|
This screen shows the user all E-Learning topics according to topics resources.
|
|
|
|
2.4 Add Topic Resource
|
Top
|
From this screen the user can add a topic resource.
|
 |
|
|
|
2.5 Edit Selected Topics
|
Top
|
To add/ edit recourses topics:
|
 |
|
|
|
2.6 Delete Selected Topics:
|
Top
|
The following screen appears when you select Delete selected Topics:
|
- Click on "Delete" to confirm
- Click "Cancel " to cancel the action
|
|
|
3. Personal Tutoring
|
3.1 Personal Tutoring
|
Top
|
|
From this screen the student can send his /her instructor an email for extra personal tutoring by specifying the class and description about the tutoring; this will be sent also to the administrator.
|
|
|
4. Class Evaluation
From this screen the student can send his/her evaluation for a specific class and instructor to the administrator, this evaluation will be sent to the administrator as he/ she click on
 at the end of class evaluation screen. |
|
|
|
5. My Profile:
 |
Top
|
My Profile was describe in the
Administrator Menu.
|
|
|
·
Contents:
 |
Top
|
The content of home page views the available courses that the student can view any selected course details and buy the course on line.
|
- Click on the class, e.g. the first class to view its details, the following screen will appear:
|
|
|
|
- Click on "Back" to exit from this page
- Click on "Buy" to purchase the class, the following screen will appear
|
|
|
|
|
|
- Click on "Checkout" to confirm purchasing
- The following purchase options will appear as in the following screen
|
|
|
|
Also, the student can select one of the available classes from the scrolling list on left menu side as below:
|
|
|
|
·
Log out:
 |
|
Click on "Logout" from the Home Page
|
 |
|
|