High-Level Project Summary
We developed an open-source online application that tracks the space station and accurately represents the Earth, the orbit of the station, and the station itself in three dimensions would be useful to users, As the challenge required a web application and we start digging into 3D Technologies that implemented in the Web using the JavaScript programming language finally we founded the Three.js a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser using WebGL, Today open source has changed the face of technology our project allows customers to know how the code works.
Link to Final Project
Link to Project "Demo"
Detailed Project Description
tracks the space station and offers interactive, 3D visualizations of Earth, the space station orbit, and the Station itself. Consider the intriguing aspects that users of our software would find appealing. An open-source website application that tracks the space station might be helpful to other users.
As the challenge required a web application and we start digging into 3D Technologies that implemented in the Web after that by looking to the resources in NASA 3D RESOURCES to get the earth texture to work on and by adding some Three.js functionalities that can make us create a 3D world globe and add it to the scene, we started with a very basic earth. This earth is rendered as perfect sphere,as Good starting material for maps of the earth can be found from nasa here: ‘https://nasa3d.arc.nasa.gov/images’, after we finished the earth part we jumped right into the space station which is as the challenge recommended an ISS
( International Space Station ) and start the implementation by importing some data as a TLE (Two line element ) that give us the correct position of the station in the meantime as a coordinate system to put the station at it’s right location in the space also allow us the draw it’s path directly
Working in three dimensions has advantages over traditional drafting in that it enables architects and engineers to comprehend a design's conditions more completely. Building system design is intricate and can be used to better communicate projects to clients, other designers, and builders.
The JavaScript programming language was so helpful in our project we founded the Three.js a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser using WebGL.
Space Agency Data
we did use the TLE API by the link : "https://tle.ivanstanojevic.me/" to get the data of the satellite in the real time after that we added this data to our project to start tracking the space station.
Hackathon Journey
At the first beginning we saw the project as a little challenging to maintain and difficult to work on without doing research and exploring how space trackers work. We found it fun to play around and make the most of it. Also we get the chance to split tasks to every member of the team.
We get the chance to learn how to organize our team and work on a full project by splitting task to each other and gathering the whole App together to make it completely at its final structure
The idea of choosing this challenge is took us a little time after discovering all the projects that NASA provided, but immediately we took the TRACK SPACE STATION IN 3D because it’s really a interesting topic to all of us
We start at the first basic of the Three.js technologies and understand it’s structure to make our code more clearly to work on, after that by using some web design techniques and taking care of the user experience in more simplicity.
During the challenge as all teams we get some setbacks and we get stuck in some parts of our project but we manage them by revealing the problem and breaking it into small pieces to easily solve it.
Actually the whole team did well in this challenge so I would thank him because they did a great effort and stayed committed all day and night to make sure they complete the project to the final.
References
Time line :
https://www.issnationallab.org/about/iss-timeline/
api tracking :
https://tle.ivanstanojevic.me/
programming laguages :
JavaScript
Three.js library
Design :
Figma
earth and space station :
https://solarsystem.nasa.gov/resources/2378/international-space-station-3d-model/
Tags
#nasa_spaceapp #challenge #tech #solarsystem #iss #internationalspacestation #teamwork

