Assignment 2: Plan Your Project

Assignment 2: Plan Your Project (25 points)
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 2 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-amac-2260188
• Free file compressor application for Mac: https://theunarchiver.com/
• How to save a pdf in MS Word document: https://www.bettercloud.com/monitor/theacademy/save-word-doc-pdf/
Page 3 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
Identifying
Project description,
features chart, and
project prototype
(design) sections are
identified, evaluated,
and completed as
requested, and to a
high standard.
Project description,
features chart, and
project prototype
(design) sections are
adequately identified
and evaluated, and
are completed as
requested.
Project description,
features chart, and
project prototype
(design) sections
are identified and
evaluated, but are
not completed as
requested.
Project description,
features chart, and
project prototype
(design) sections are
identified, but are not
evaluated or completed
as requested.
/5
Amount of
information
for each
section
All relevant information
is present for each of
the sections.
Most relevant
information is
present and
information for all
sections.
Most relevant
information is
present, but
information is
missing for some of
the sections.
Some or not much
relevant information is
present, and information
is missing for most of
the sections.
/5
Application
design
related to
collected
information
Application design
considerations were
very well supported by
the information.
Application design
considerations were
well supported by the
information.
Application design
considerations
were supported by
the information.
Application design
considerations were not
supported by the
information.
/5
Final
In general, there is
effective descriptive
information about the
application.
In general, there is
adequate descriptive
information about the
application.
In general, there is
some descriptive
information about
the application.
However, some
omissions and/or
inaccuracies make
it unclear.
In general, there is
almost no descriptive
information about the
application. Numerous
inaccuracies make it
unclear.
/10
TOTAL /25