Design and build an innovative education software or product for Microsoft Imagine Cup 2023
This report focuses on the development of a live, evolving, interactive “Learning Map” software that allows users to explore subjects, topics, concepts, and more that they may find useful in their career or personal lives, and track their learning progress in these subjects or fields. This Learning...
| প্রধান লেখক: | |
|---|---|
| অন্যান্য লেখক: | |
| বিন্যাস: | Final Year Project (FYP) |
| ভাষা: | English |
| প্রকাশিত: |
Nanyang Technological University
2023
|
| বিষয়গুলি: | |
| অনলাইন ব্যবহার করুন: | https://hdl.handle.net/10356/167604 |
| _version_ | 1826118525819813888 |
|---|---|
| author | Chen, Jian Liang |
| author2 | Boon Chirn Chye |
| author_facet | Boon Chirn Chye Chen, Jian Liang |
| author_sort | Chen, Jian Liang |
| collection | NTU |
| description | This report focuses on the development of a live, evolving, interactive “Learning Map” software that allows users to explore subjects, topics, concepts, and more that they may find useful in their career or personal lives, and track their learning progress in these subjects or fields. This Learning Map is developed as a web application (web app) that can be accessed by any user via a web browser. The report showcases the implementation of the Front-End and Back-End of the web application, and describes how it is deployed to the Internet. On the Front-End, the React and D3.js JavaScript frameworks are used to construct the main Learning Map and the various user Login and Sign Up pages of the web app. Bootstrap, a CSS framework, is used for styling and creating user interface components. These frameworks shape how the web app is presented to the user. For the Back-End, the Django Python-based web framework is used to build an application on the server side for handling user authentication and interaction with the database. A PostgreSQL database is utilised for storing user data, which includes each user’s node data relating to the Learning Map, such as the nodes’ completion states. Together, these Back-End components enable a visitor to register for an account, log in to the site, and save the state of their nodes on the Learning Map. To deploy the web app, three Microsoft Azure services are used: Azure Static Web Apps for hosting the Front-End React app, Azure App Service for hosting the Back-End Django app, and Azure Database for PostgreSQL to host the PostgreSQL database. Upon deployment, users can access the Learning Map over the Internet. With a Learning Map, nodes representing subjects, topics, concepts, and more can be clearly laid out in a visual form that is easy to understand, navigate around, and explore. Making it available on the Internet as a web app brings tremendous convenience to users who will be able to access and use it whenever and wherever they are. |
| first_indexed | 2024-10-01T04:45:12Z |
| format | Final Year Project (FYP) |
| id | ntu-10356/167604 |
| institution | Nanyang Technological University |
| language | English |
| last_indexed | 2024-10-01T04:45:12Z |
| publishDate | 2023 |
| publisher | Nanyang Technological University |
| record_format | dspace |
| spelling | ntu-10356/1676042023-07-07T17:48:36Z Design and build an innovative education software or product for Microsoft Imagine Cup 2023 Chen, Jian Liang Boon Chirn Chye School of Electrical and Electronic Engineering ECCBoon@ntu.edu.sg Engineering::Computer science and engineering::Software::Software engineering Engineering::Electrical and electronic engineering This report focuses on the development of a live, evolving, interactive “Learning Map” software that allows users to explore subjects, topics, concepts, and more that they may find useful in their career or personal lives, and track their learning progress in these subjects or fields. This Learning Map is developed as a web application (web app) that can be accessed by any user via a web browser. The report showcases the implementation of the Front-End and Back-End of the web application, and describes how it is deployed to the Internet. On the Front-End, the React and D3.js JavaScript frameworks are used to construct the main Learning Map and the various user Login and Sign Up pages of the web app. Bootstrap, a CSS framework, is used for styling and creating user interface components. These frameworks shape how the web app is presented to the user. For the Back-End, the Django Python-based web framework is used to build an application on the server side for handling user authentication and interaction with the database. A PostgreSQL database is utilised for storing user data, which includes each user’s node data relating to the Learning Map, such as the nodes’ completion states. Together, these Back-End components enable a visitor to register for an account, log in to the site, and save the state of their nodes on the Learning Map. To deploy the web app, three Microsoft Azure services are used: Azure Static Web Apps for hosting the Front-End React app, Azure App Service for hosting the Back-End Django app, and Azure Database for PostgreSQL to host the PostgreSQL database. Upon deployment, users can access the Learning Map over the Internet. With a Learning Map, nodes representing subjects, topics, concepts, and more can be clearly laid out in a visual form that is easy to understand, navigate around, and explore. Making it available on the Internet as a web app brings tremendous convenience to users who will be able to access and use it whenever and wherever they are. Bachelor of Engineering (Information Engineering and Media) 2023-05-31T04:51:51Z 2023-05-31T04:51:51Z 2023 Final Year Project (FYP) Chen, J. L. (2023). Design and build an innovative education software or product for Microsoft Imagine Cup 2023. Final Year Project (FYP), Nanyang Technological University, Singapore. https://hdl.handle.net/10356/167604 https://hdl.handle.net/10356/167604 en A2092-221 application/pdf Nanyang Technological University |
| spellingShingle | Engineering::Computer science and engineering::Software::Software engineering Engineering::Electrical and electronic engineering Chen, Jian Liang Design and build an innovative education software or product for Microsoft Imagine Cup 2023 |
| title | Design and build an innovative education software or product for Microsoft Imagine Cup 2023 |
| title_full | Design and build an innovative education software or product for Microsoft Imagine Cup 2023 |
| title_fullStr | Design and build an innovative education software or product for Microsoft Imagine Cup 2023 |
| title_full_unstemmed | Design and build an innovative education software or product for Microsoft Imagine Cup 2023 |
| title_short | Design and build an innovative education software or product for Microsoft Imagine Cup 2023 |
| title_sort | design and build an innovative education software or product for microsoft imagine cup 2023 |
| topic | Engineering::Computer science and engineering::Software::Software engineering Engineering::Electrical and electronic engineering |
| url | https://hdl.handle.net/10356/167604 |
| work_keys_str_mv | AT chenjianliang designandbuildaninnovativeeducationsoftwareorproductformicrosoftimaginecup2023 |