Solved-Assignment 2: Plan Your Project- Solution

Description

Due: see the course outline for a specific date

In this assignment, you will practice writing a plan to define a project’s requirements (consult Assignment 3 for more info about the project). You will need materials from lesson 3 to complete this assignment. Please check the instructions and requirements.

In assignment 3, you will create your first ‘mobile-fit’ web application. The project is about creating a simple to-do list. For now, in Assignment 2, you will need to write a plan, and you will start by identifying project requirements, designing an application interface, and sketching a prototype.

Instructions

1. Your plan should be organized in three sections:

a. The first section (Description section) contains your description and conveys your understanding of the project. This section should answer the questions: “What do you want to make?” and “What technology will you use?” Please consult slides from Lesson 4 for guidance.

i. “What do you want to make?”

1. Specify the steps required to accomplish the project objectives.

2. List the tasks that must be completed at each step (using Work Breakdown Structures).

3. Estimate how much effort each task will require.

4. Itemize the resources required for each task.

ii. “What technology will you use?”

1. Determine which languages you will use (e.g. HTML, CSS, JavaScript).

2. Identify the most effective libraries (e.g. jQuery, Bootstrap).

3. Select your environments (e.g. cross browsers).

b. The second section (Features section) contains all the information about the project (application) features. You must draw a chart for each feature and identify the process flow between features. You need to address only those features listed in Assignment 3, beneath the heading ‘instructions’. This second section should answer the question:

“What features will the application include?”

c. The third section (Prototype section) contains all the information about the project prototype. You must provide a design and height level chart. The prototype should show the feature and process flow, and specify how these processes relate to each other.

2. Things to keep in mind:

a. The project features (code) should be divided into units of (tasks/steps) functionality: modules, services, and so on. Avoid the temptation to have all your code in one huge $(document).ready() block. This concept, loosely, is known as encapsulation.

Page 1 of 3

b. Despite jQuery’s DOM-centric nature, JavaScript applications are not all about the DOM. Remember that not all pieces of functionality need to—or should—have a DOM representation.

c. Units of functionality should be loosely coupled: That is, a unit of functionality should be able to exist on its own, and communication between units should be handled via a messaging system such as custom events or pub/sub. Stay away from direct communication between units of functionality whenever possible.

Requirements

1. The project plan must include all three sections: the project description, features chart, and project prototype.

2. The document should be formatted as follows:

a. The font size must be 12 points.

b. The font type must be Arial.

c. Headlines should appear in bold, and paragraphs in a regular, unbolded font.

3. The project plan should not exceed three pages.

4. Do not repeat yourself. Identify similarities among pieces of functionality and use inheritance techniques to avoid repetitive features.

Please refer to the rubric at the end of this document for evaluation details.

Submission

1. Name your folder assignment_2_project.

2. Right-click on the folder and select ‘Send to -> Compressed (zipped) folder’.
3. Upload the zipped folder to the Assignment 2 Dropbox

How to zip your project folder:

Here are some links that may help compress your main/root folder. Please send only that zip folder.
• How to zip a file in Windows 10: https://www.laptopmag.com/articles/how-to-zip-files-windows-10
• Free file compressor application for Windows: http://www.7-zip.org/download.html

• How to zip a file in Mac: https://www.lifewire.com/how-to-zip-and-unzip-files-and-folders-on-a-mac-2260188

• Free file compressor application for Mac: https://theunarchiver.com/

• How to save a pdf in MS Word document: https://www.bettercloud.com/monitor/the-academy/save-word-doc-pdf/

Page 2 of 3
Evaluation

This assessment is graded out of 25 points and will be evaluated using the following rubric.

Learners may receive partial scores or zero for unacceptable work.

Excellent: 5 points Good: 3 points Fair: 1 point Poor: 0 points Score

Project description, Project description, Project description, Project description,
features chart, and features chart, and
features chart, and features chart, and
project prototype project prototype
project prototype project prototype
(design) sections are (design) sections
(design) sections are (design) sections are /5
Identifying adequately identified are identified and
identified, evaluated, identified, but are not
and evaluated, and evaluated, but are
and completed as evaluated or completed
are completed as not completed as
requested, and to a as requested.
requested. requested.
high standard.

Most relevant Most relevant Some or not much
Amount of information is
All relevant information information is relevant information is
present, but
information /5
is present for each of present and present, and information
information is
for each
the sections. information for all is missing for most of
missing for some of
section
sections. the sections.
the sections.

Application Application design Application design Application design Application design
design
considerations were considerations were considerations considerations were not /5
related to
very well supported by well supported by the were supported by supported by the
collected
the information. information. the information. information.
information

In general, there is
some descriptive In general, there is
In general, there is In general, there is information about almost no descriptive
Final effective descriptive adequate descriptive the application. information about the /10
information about the information about the However, some application. Numerous

application. application. omissions and/or inaccuracies make it
inaccuracies make unclear.
it unclear.
TOTAL /25

Page 3 of 3