Assignment 2: Plan Your Project Solution

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




Your plan should be organized in three sections:



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.



“What do you want to make?”



Specify the steps required to accomplish the project objectives.



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



Estimate how much effort each task will require.



Itemize the resources required for each task.



“What technology will you use?”



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



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



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



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?”




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.



Things to keep in mind:



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



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.



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




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



The document should be formatted as follows:



The font size must be 12 points.



The font type must be Arial.



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



The project plan should not exceed three pages.



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




Name your folder assignment_2_project.



Right-click on the folder and select ‘Send to - Compressed (zipped) folder’.
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