Welcome to my CIS*4300 term project! starzone is online at www.maddieg.ca/starzone. You can also open the index.html file in your browser to get started.
By Maddie Gabriel (0927580). Under the University of Guelph School of Computer Science. For CIS*4300 (Human Computer Interaction) with Dr. Neil Bruce. Published on Saturday December 12th, 2020.
Please see my:
- project report at docs/gabriel_maddie_project.pdf
- project video at docs/gabriel_maddie_video.mp4
- figma wireframe at docs/starzone_wireframe.pdf
I used the following open source code as a base for some parts of starzone (so as to not "re-invent the wheel"). Each source I used is cited below and also cited within the code. It should be noted that I heavily customized the appearance and UI of any code I borrowed to make it my own.
StartBootstrap (2020) Bootstrap SB UI Kit open source stylesheet (Version 4.1.3) [Style Sheet]. https://github.com/startbootstrap/startbootstrap-sb-admin-2
- I use the SB UI Kit CSS file often for easy padding, margins and cards. It pairs with Bootstrap and extends some of the functionality. It also provides a nice sidebar with toggle functionality, which I customized and used for starzone. The CSS file can be found under css/sb-ui-kit.css.
Bootstrap (2018) Bootstrap Documentation (Version 4) [Source Code]. https://getbootstrap.com/docs/4.1/getting-started/introduction/
- I pulled small HTML code snippets from the Bootstrap docs for two components: the "Star Searcher" search bar and the "Star Searcher" modal popups. Please note that I customized the JavaScript and built my own results section for the Star Searcher.
Bbootstrap Team (2020) Bootstrap 4 Basic News Feed Card [Source Code]. https://bbbootstrap.com/users/bbbootstrap62244
- On the dashboard, I used this short HTML/CSS code snippet I found online for the layout of the news card items under the "starzone news feed". I customized the design and removed some unnecessary elements.
The following citations cover all the images and icons I used in this project:
Interface Sample Data “Astronomy.” timeanddate.com, 28 Nov. 2020, https://www.timeanddate.com/astronomy/.
“Demographics and Intersectionality in Astronomy.” American Institute of Physics, 27 Aug. 2019, https://www.aip.org/statistics/reports/demographics-and-intersectionality-astronomy.
“Interactive Sky Map Online”, SKY-MAP. 14 Dec 2020, http://www.wikisky.org/.
“List of proper names of stars”, Wikipedia, Wikimedia Foundation. 14 Dec 2020, https://en.wikipedia.org/wiki/List_of_proper_names_of_stars.
Mottar, Jenny. “Astronomers Discover New ‘Celestial Autobahn’ in Solar System.” Sci News, 9 Dec. 2020, https://www.sci-news.com/astronomy/celestial-autobahn-solar-system-09137.html.
Norris, Ray. “Ghostly circles in the sky can't be explained. Astronomers are excited.” space.com, 15 Dec. 2020, https://www.space.com/ghostly-circles-puzzle-astronomers.
Ornes, Stephen. “Are strange space signals in Antarctica evidence of a parallel universe?.” Astronomy Magazine, 8 Dec. 2020, https://astronomy.com/news/2020/12/are-strange-space-signals-in-antarctica-evidence-of-a-parallel-universe.
Overbye, Dennis. “Outer Space Just Got a Little Brighter.” The New York Times, 8 Dec. 2020, https://www.nytimes.com/2020/12/08/science/astronomy-cosmos-blackness.html.
Shamohammadi, Mohsen. “The best gift in the galaxy: an astronomer’s guide to buying a home telescope.” The Conversation, 15 Dec. 2020, https://theconversation.com/the-best-gift-in-the-galaxy-an-astronomers-guide-to-buying- a-home-telescope-151374
Wilson, PJ. “North Bay astronomers prepare for planetary 'kiss'.” The North Bay Nugget, 15 Dec. 2020, https://www.nugget.ca/news/north-bay-astronomers-prepare-for-planetary-kiss.