0% found this document useful (0 votes)
18 views4 pages

AT1 - Checklist

The document outlines a comprehensive checklist for developing a Progressive Web App (PWA), divided into three parts: Research and Analysis, Planning and Designing, and Implementation and Testing. It details tasks such as selecting a PWA topic, researching existing PWAs, identifying user needs, selecting programming languages, creating design sketches, and implementing the app with a focus on functionality and user experience. The checklist also includes timelines for completion and final submission preparations.

Uploaded by

Jahnavi Kendhuli
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
18 views4 pages

AT1 - Checklist

The document outlines a comprehensive checklist for developing a Progressive Web App (PWA), divided into three parts: Research and Analysis, Planning and Designing, and Implementation and Testing. It details tasks such as selecting a PWA topic, researching existing PWAs, identifying user needs, selecting programming languages, creating design sketches, and implementing the app with a focus on functionality and user experience. The checklist also includes timelines for completion and final submission preparations.

Uploaded by

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

Checklist

Task Summary
☐ Chose one PWA topic: Fitness Tracker, Weather App, Budget Tracker, or To-do list
with notetaking.
☐ Ensured that the PWA handles user interactions, data storage, and retrieval
securely and efficiently.
☐ Integrated both client-side (front-end) and server-side (back-end) programming
concepts.

Part A – Research and Analysis (20 marks)


Research Two PWAs Related to Your Topic:

☐ Researched and documented two Progressive Web Apps related to the chosen
topic.

Components to Complete:

1. Problem Statement (5 marks):


☐ Provided an understanding of the problem solved by each of the two PWAs.

2. User Needs (2 marks):


☐ Outlined the user needs that PWAs in your topic address (e.g., offline
access, push notifications, responsive design).

3. Data Types and Structures (3 marks):


☐ Created a comprehensive list of the data types and structures used by the
PWAs.

4. Data Dictionary (5 marks):


☐ Developed a data dictionary for one PWA, including data items, types,
format, and validation.
☐ Attached a screenshot of the specific page for reference.

5. Screen Elements (5 marks):


☐ Provided a list of screen elements from the researched PWAs.
☐ Justified the inclusion of these elements in the prototype.

Total Part A Marks: 20

Part B – Planning and Designing (10 marks)


Using Information from Part A:

☐ Used the insights gathered in Part A to move forward with planning.


Components to Complete:

1. Programming Language Selection (5 marks):


☐ Identified two programming languages that could be used to develop the
PWA.
☐ Justified the selection of one programming language, mentioning any
relevant frameworks (e.g., Anvil works, Django, React, SQL).

2. Initial Design Sketches (5 marks):


☐ Provided annotated design sketches for the PWA user interface, including
layout, navigation, and UI elements.
☐ Ensured sketches adhered to UI/UX principles such as accessibility and
consistency.

Total Part B Marks: 10

Part C – Implementation and Testing (50


marks)
Create a Working PWA Prototype:

☐ Implemented the PWA with the appropriate use of functions, loops, and data
types.
☐ Ensured the PWA demonstrates effective problem-solving and logical structure.

Assessment Focus Areas:

☐ Quality of the solution (functional, minimal errors).


☐ Degree of difficulty (advanced features and complexity).
☐ Effective use of programming constructs (functions, loops, conditional statements,
data types, and structures).
☐ Logical problem-solving and structure in the solution.
☐ Included intrinsic and internal documentation for code clarity.
☐ Developed a GUI design that is user-friendly and considers accessibility and
inclusivity.

Total Part C Marks: 50

Final Checks:
☐ Prepared and reviewed the final draft for submission.
☐ Submitted all required documents via Canvas by the deadline.
☐ Retained a copy of the final submission for personal records.
Week 1: Research and Analysis (Part A)

 Choose your PWA topic (Fitness Tracker, Weather App, Budget Tracker, To-
do list with note-taking).
 Research and document two Progressive Web Apps related to your chosen
topic. Write a detailed problem statement explaining the issues each PWA
addresses.
 Outline the user needs each PWA meets, noting features like offline
access, push notifications, and responsive design.
 Create a comprehensive list of the data types and structures used by the
researched PWAs.
 Develop a data dictionary for one PWA, including data items, types,
format, and validation.

Tasks to Complete by the End of Week 1:

☐ Select PWA topic.


☐ Complete and document problem statements.
☐ Identify and outline user needs.
☐ Finish the data dictionary with a screenshot.

Week 2: Continue Part A & Planning and Designing (Part B)

 Capture and include a screenshot of the page used for the data dictionary.
List the screen elements and justify their inclusion in your prototype.
 Identify and research two programming languages that could be used for
the PWA. Decide on the best one and justify your choice, including any
frameworks.
 Create initial annotated design sketches for the PWA user interface,
ensuring they follow UI/UX principles like accessibility and consistency.

Tasks to Complete by the End of Week 2:

☐ Complete the list of data types and structures.


☐ List and justify screen elements.
☐ Finalize programming language choice with justification.
☐ Complete annotated design sketches.

Week 3: Begin Implementation and Coding (Part C)

 Set up the development environment and start coding basic structures of


the PWA.
 Implement key features such as navigation, user interaction handling, and
data storage logic using functions and loops.
 Test the PWA for errors and ensure all features function correctly.
 Add internal and external documentation.

Tasks to Complete by the End of Week 3:


☐ Start coding the PWA structure.
☐ Implement basic navigation and user interaction features, test and add
documentation.

Week 4-5: Finalise Implementation and Testing

 Complete remaining coding tasks and ensure effective use of data


structures and conditional logic.
 Test the PWA for errors and ensure all features function correctly.
 Add internal and external documentation.
 Finalise the GUI, focusing on user accessibility and inclusivity.

Tasks to Complete by the End of Week 5:

☐ Complete coding with all features included.


☐ Conduct thorough testing and debug as needed.
☐ Document code and ensure GUI design meets standards.

Final Submission Prep:

 Review all components (Parts A, B, and C).

 Ensure documentation and design sketches are polished and ready for
submission.

 Submit the task on Canvas before the deadline.

Checklist for Submission:

☐ Prepare a final draft and get feedback, by draft submission date on Canvas, if
possible.
☐ Submit all materials to Canvas by the due date.
☐ Retain a copy of the submission for your records.

You might also like