Assignment 1

Purpose

The purpose of assignment 1 of this assessment is to design a basic interface that

implements graphical user interface elements and takes in some data from a user that can

then be accepted by a program and reported back through a form to an end-user. The use

of wireframe concepts will provide a framework for capturing the information and displaying

the captured information to the end-user in a proper format based on the requirements of

the end-user.

Assignment Requirements

This first assignment will consist of two parts (Part A and Part B).

Part A

Develop an idea for an interactive user interface for an application or website of your

choice. You will write a 2- to 3-page paper that discusses your approach to creating your

interactive user interface design. You will want to discuss the interface design principles that

you applied, and you will also want to discuss how you considered consistent, continuous,

and complementary approaches as you considered your user interface on multiple devices.

Part A Instructions:

1. Describe the software application or website for which you are designing the user

interface.

2. Discuss what input is required from the end-user.

3. Discuss how that input will be processed in the application.

4. Discuss what output needs to be displayed back to the end-user.

5. Discuss how you will apply the core user interface design principles./nPart B Instructions:

Be sure you provide all the detail necessary to illustrate all elements that will appear on the

interactive user interface.

1. Navigation bar/links

2. User input elements

3. Submit buttons

4. Area for display of feedback to end-user

Assignment 2

Purpose

The purpose of this second assignment is to develop and implement a user interface that

accepts user input.

This assignment will consist of two parts (Part A and Part B).

Assignment Requirements

For the programming portion:

TM

Java students: use WindowBuilder ™M in Eclipse.

C# students: use Visual Studio.

Web development students use the HTML Web Editor in Eclipse.

There are videos on the reading page that show how to use each of these tools.

Graphical User Interface - C#

Graphical User Interface - Java

Graphical User Interface - Web Development

Assignment Instructions/nPart A

Consider the data that you will be asking the user to input and write a 1- to 2-page data

input validation plan that includes the following:

• A discussion of the steps you will take in your interface design to ensure that data

entry is correct in terms of content and format.

•

A review of the data types for each field of data entry in the user interface that you

developed.

• An explanation of the rationale for choosing each data type.

Your sources and content should follow proper APA citation style. For more information on

APA style formatting, go to Academic Writer, formerly PA Style Central, under the

Academic Tools area of this course.

Part B

Using the appropriate tool for your language, (as noted above), implement a user interface

that allows the user to enter data. You can create the interface based on your previously

created wireframe, or you can create a new interface. Validate the data according to your

data validation plan.

When the user interface is complete, ask at least one person to use the interface and

provide feedback. Test that your data validation plan is implemented and working correctly.

Record the results of your test.

For the test, ask the user to enter both correct and incorrect data and both correct and

incorrect formats to demonstrate that validation is working. Your test report should list each

input provided by the user and the result.

Input Age (between 5 and 18):

User enters 19 Result:

Age is out of range

Input Email: User enters happy.purdueglobal.edu

Result: email requires an @ symbol