Web Competition Final Report

Team Vo Dich

Date: 13th January,2021

1. Product Description.
AGILE – NewPy for Newbie is a brilliant website for anyone interested in learning Python but
have little to no prior experience in programming. With many excellent features such as Hands-
on Coding, Challenges, and Materials, etc. this website will help them have a solid basic
knowledge about programming in Python and ignite a flame of programming passion. This
website is coded in Python, HTML, CSS, and Javascript.

2. Project Deliverable Issue (Is there any expected outcomes that cannot be delivered? If YES,
please justify the reason(s) why it cannot be delivered, e.g., technical difficulty, time
management issue, team conflict, etc.).

Expected outcomes that cannot be delivered Reasons

Search toolbar Shortage of time
Navigation menu Technical difficulty
Calendar, to-do list Shortage of time
IDE, test case Technical difficulty

3. Product Functionality (Describe the main functions/features in your product).

The functionality of the web is based on the survey conducted by our team on Python learning
demand for university students from non-engineering and non-CS majors.
- The main feature of the web is to provide detailed documentation for learning python
(Materials cover from the beginning to dictionaries and tuples).
- Navigation menu (out of order)
- Additional feature that would be designed in the future will be the login site and account
management.
4. Architecture (Architecture model, technology, software, and hardware used).
- Architecture model: The web is constructed using HTML (Hypertext Markup Language) and
CSS (Cascading Style Sheet) as a mean to provide a decent GUI (Graphic User Interface). The
interactive functionality of the web is provided by utilizing Javascript. Python is being used to
associated documentation and homepage to a localhost for convenient launch and request
processing.
- Software used: Pycharm, Visual Studio Code, Google Chrome.
- This web utilizing Python (Tornado library), HTML (Bootstrap), CSS and Javascript languages.

5. Design (GUI design-main screenshots, UML-activity diagram).

GUI design-main screenshots:

UML-activity diagram:
6. Video presentation link:
https://youtu.be/aYDWLNpj-Vk