High-Level Project Summary
This project has been created by using discord as a communication medium, and the utilization of a web-based program (FIGMA) to design the UI for the demo website. Our team of 6 is designated to different roles and work together to focus on completing the project. Resources utilized gathered from NASA's database such as "Web WorldWind" and the given 3D models provided by NASA.The project is able to expand the user's knowledge and education prowess by acting as a useful tool by giving live information regarding the International Space Station (ISS) such as the location, and occupants in the ISS.
Link to Final Project
Link to Project "Demo"
Detailed Project Description
The website we developed helps to get a more realistic perspective of where the ISS is, as well as the actual date and time. Information on our tracker and ISS can be obtained through the website, as well as some fun facts you might not know about ISS. By using our computers and phones, we used tools such as Figma and Visual Studio Code to help design and build our website to get the product we have today. HTML, CSS, and JavaScript have been used to make the coding languages for our website. We also got to use Discord and WhatsApp to help in planning and communicating with team members. We hope that our product will help people to get a better understanding of ISS, especially the younger generation which is lacking in this source of knowledge.
7-slide presentation: https://www.canva.com/design/DAFN2-CTFw0/rdH1QG5zbdsPdCB3bP5Y8g/view?utm_content=DAFN2-CTFw0&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton
Pre-UI design: https://www.figma.com/proto/KDUyvin0kpaXkhj5j7Ihr8/ISS?node-id=47%3A86&scaling=scale-down&page-id=0%3A1&starting-point-node-id=47%3A86
Space Agency Data
We used the resources provided by NASA, which is Web WorldWind to get the 3D models as well as other NASA resources to get info about the ISS and use it on our website.
Hackathon Journey
Our team decided to choose "Track the Space Station in 3D" as it is quite appealing to us and we want to challenge ourselves to do what we haven't done before. It was quite nerve-racking at first because we were very worried about not being able to finish the goal we set for ourselves and a lot of bugs were present, but in the end, we accepted it and did our best, enjoying the process thoroughly, and got to learn more about the ISS in general. We got to know each other better and worked together to pull off a part of our project (we used a red dot for the representation of ISS). Huge thanks to our teacher, Kho Tad Song for motivating us and providing us with a workplace to do our project. Lastly, thanks to all of the team members who had given up their spare time to participate in this competition!
References
- https://byjus.com/free-ias-prep/international-space-station-iss/
- https://en.wikipedia.org/wiki/International_Space_Station
- https://www.nasa.gov/audience/forstudents/k-4/stories/nasa-knows/what-is-the-iss-k4.html
- https://nasa3d.arc.nasa.gov/
- https://worldwind.arc.nasa.gov/web/get-started/
- https://worldwind.arc.nasa.gov/web/tutorials/
- https://worldwind.arc.nasa.gov/web/examples/
Tags
#SOFTWARE, #INTERMEDIATE, #ISS, #TRACKER, #3D