Scribd
Upload
33 views8 pages

373-Assignment Webeng

The document outlines the design of an interface for a university online learning system. It discusses mapping user objectives such as browsing materials, uploading assignments, and taking online tests to specific interface actions. Screen images are provided for logging in, resetting passwords, and changing language. The interface layout and required objects like input fields and buttons are defined. Procedural and behavioral representations of user interaction are also described, including interface states for re-logging in or fixing login errors. The goal is to create an easy-to-use interface for accessing coursework and resources.

Uploaded by

alkhateebmohammed310
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
33 views8 pages

373-Assignment Webeng

The document outlines the design of an interface for a university online learning system. It discusses mapping user objectives such as browsing materials, uploading assignments, and taking online tests to specific interface actions. Screen images are provided for logging in, resetting passwords, and changing language. The interface layout and required objects like input fields and buttons are defined. Procedural and behavioral representations of user interaction are also described, including interface states for re-logging in or fixing login errors. The goal is to create an easy-to-use interface for accessing coursework and resources.

Uploaded by

alkhateebmohammed310
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Computer Science Department

373 CCS Web Engineering


Instructor: Ms. Thejovathi Lakkmisetty
Semester -III
Group May_ 2761 and 2579
Name: ID_Number:

Design an Interface.

1. Review user characteristics and categories, user tasks, use cases, and related information
contained in the analysis model and refine as required.

First, the users of this interface are all students within the campus of King Khalid University in all and

various disciplines of study, including information systems, computer science, medicine, and others.

Secondly, the main task for the users is to register their university numbers with their password, then

authenticate via Google document to access their study materials, do assignments and tests, download the

course chapters, and so on.

It is used in cases such as:

Entry for a specific test

Duty resolved and delivered

Enter an online lecture

Follow-up study materials

Review teacher notices


Computer Science Department
373 CCS Web Engineering
Instructor: Ms. Thejovathi Lakkmisetty

2. Develop a rough design prototype of the WebApp interface layout.


Computer Science Department
373 CCS Web Engineering
Instructor: Ms. Thejovathi Lakkmisetty

3. Map user objectives into specific interface actions.

• The main objectives are:

• Browse existing materials and classes that are uploaded by subject teachers

• Upload assignments and activities entrusted to students through the site to reach teachers

• Conducting online tests

• Easy and smooth entry to the virtual classroom

• Browse scores

• Discuss topics in groups

4. Define a set of user tasks that are associated with each action.

• Firstly, the interface consists of:

• Enter the user's collective number in the space provided, then.

• Enter the password in the space provided.

• If the information is correct, it will move to the authentication screen.

• The student enters the authentication code and enters the internal system.

• But if the password is rejected and the student forgets the password.

• He will click on the reset password button.

• In the event that the student wants to change his password, he will press the

Change Password button.

• When the user wants to change the language, he presses the button at the top right

of the page.
Computer Science Department
373 CCS Web Engineering
Instructor: Ms. Thejovathi Lakkmisetty

5. Develop screen images for each interface action.

The password accepted and witing for code:

Reset password:

Change language:
Computer Science Department
373 CCS Web Engineering
Instructor: Ms. Thejovathi Lakkmisetty

6. Refine interface layout and screen images using input from aesthetic design.

It is possible for the password change interface to be developed in a more interactive, simplified and

easy-to-use manner for the student who uses the interface, because when asking and searching, the

problem facing the majority was changing the password, the complications that occur every time

7. Identify user interface objects that are required to implement the interface.

• We need the fields that the user will fill in with information to log in

• We need the button to be pressed to log in

• We need the link that takes us to the interface to change the password or forget the password

• We need a button that changes the language of the interface

8. Develop a procedural representation of the user’s interaction with the interface.


Computer Science Department
373 CCS Web Engineering
Instructor: Ms. Thejovathi Lakkmisetty

9. Develop a behavioral representation of the interface.


Computer Science Department
373 CCS Web Engineering
Instructor: Ms. Thejovathi Lakkmisetty
Computer Science Department
373 CCS Web Engineering
Instructor: Ms. Thejovathi Lakkmisetty

10. Describe the interface layout for each state.

• If you leave the page for a long time without using it and then return to use, the

screen will display a return button with the phrase “Click here” because the session

has ended and you need to log in again.

• In the event that the name and password are entered correctly, a pop-up screen will

appear, suggesting that the information be saved.

• In the event of an error in entering the information, a message will appear in red

indicating that you made a mistake and you should try again.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy