cs373-swe

Transcript

1. AeroInfo.me Group 11
2. About our project` Our team is here to help you find out information about Airlines, Flights, and Airports across the world.
3. The Team Yijing Chen Albin Shrestha Noah Lindley Kevin Lu Xiaofei Li Front End Front End Back End Back End Back End Issue: 23 Issue: 9 Issue: 4 Issue: 0 Issue: 11 Unit test: 0 Unit test: 0 Unit test: 0 Unit test: 10 Unit test: 0
4. Demonstration Navigation, Search, Sort and Visualizations AeroInfo.me
5. · React · GitLab · Group Collaboration · Software tools and modules · Deployment of website on GCP What did we learn?
6. Git, GitLab, Group Collaboration: Frontend Tools and Modules: Backend Tools and Modules: Website Deployment:
7. Frontend Structure - Built from React.js framework and Routed with React router framework. - Components mainly built from Bootstrap and Material UI.
8. Backend Structure - Find useful APIs and use Postman to test it - Collect data from api and import it into the database - Use Flask to build and route our own API
9. GitLab Made commits to GitLab Repo: https://gitlab.com/Albisourous/cs373-idb Issues with commits: resolution
10. Group Collaboration 2-2-1 formation: 2 Front-end, 2 Back-end, 1 Database Communication through Discord Screen Share on Zoom: Pair Programming
11. GCP Custom Domain through NameCheap: issues, routeing, etc. Create a database and populate it Deployed Frontend and Backend on GCP: difficulty deploying both at the same time
12. Self Critique
13. · Animation · Visual elements · Amount of information · Practicality of information What did we do well?
14. Animation http://www.aeroinfo.me/flights http://www.aeroinfo.me/photoslay/piechart
15. Visual Elements
16. Information: Amount and Practicality
17. · Better images, more images · Live Updates · More connections What could we do better?
18. Images
19. Live Updates Delete past flights Give upcoming flights priority Scroll to other flights
20. More Connections
21. · AviationStack.com · Countryflags.io · Our API Api’s
22. AviationStack https://aviationstack.com/
23. Countryflags.io https://www.countryflags.io/{country_name}/shiny/64.png
24. Our API http://aeroinfo.me/api/ https://documenter.getpostman.com/view/11816121/T17Q4PZq?version=latest GET /airlines Return a json file of a full list of the airlines GET /airlines/1 Return a json file about a particular airline with detailed information
25. · Implementing Images · Sorting · Search · Pagination · Deployment · Finding good API’s What puzzled us?
26. Unit Tests http://aeroinfo.me/api/test
27. Group 1 http://www.photoslay.me/
28. · Appearance · Great topic What did they do well?
29. Appearance
30. Great Topic Easy find API’s Does not update as frequently Allows for pictures by design All link to each other
31. What could they improve on? · More Entries · Better sort buttons
32. More Entries
33. Sort Buttons Issues
34. · Link on image click · Horizontal listing of information What did we learn from their website?
35. Sorting and Search Implementation
36. Questions?
37. Sources https://slidesgo.com/theme/aviation-consulting http://www.aeroinfo.me/ http://www.photoslay.me/ https://documenter.getpostman.com/view/11816121/T17Q4PZq?version=latest https://aviationstack.com/
38. Thank You !