Capitol Technology University Activity Map

Whenever Students attend a university, they rarely see what they can do throughout their 4 years. This application displays all the activities that promote fitness and mental wellness on campus.

Comment

Inspiration

When it came to the inspiration of the project, I was actually initially lost. I was at a state where I was unsure what type of application would promote fitness and mental wellness until I realized that I needed to make one that not only fits with the theme but also makes sense to what I want to accomplish. I thought to my self that I needed to think like a marketer and see what exactly I could use to meet the criteria. Furthermore, I realized that the University has various activities and labs that promote fitness and mental wellness, but are not usually touched upon during tours or students are not aware of said events/activities. That is why I wanted to create a simple interactive map that displays not only the activities on campus, but also a nice route students can take when they want to jog or walk.

What it does

This simple application overall displays a map of the University, and has various sections outlined, since normally they would be easy to miss. What the user can do is click on the icons and see the different activities that can be done on campus, while also being given a route they can take if they ever want to jog or just have a nice walk. Since on Capitol Technology University there are various different activities that are sometimes not known to some students, I believe by not only displaying the activities that students can do to improve their mental state and fitness, I would also be able to aid students who are not aware of some activities on campus or facilities.

How I built it

To start off the original beta version which was just the basic map of the University, I needed to display the map through a Jupyter notebook since this was where most of the work would be done prior to implementing it with the flask library in a .py file. To do so, I took the latitude and longitude of the university and placed it in the following code

Capitollocation = (39.046900 ,-76.850400)
map_cap = folium.Map(location = Capitollocation, width = "75%", zoom_start=17)

From there I looked through various videos such as this one, which I used as inspiration when it came to creating the path displayed on the map. The video displayed how they made a navigation system for the hospital referenced in the video, but since my application solely focuses on the activities on campus, I only used a bit of the information to build the foundation.

From there I began adding new markers and using images I found on the web as the icons to ensure we do not simply use the already given icons.

Finally, I wanted to implement this map into a flask application, which led to the following code

app = Flask(__name__)


@app.route('/')
def index():
    start_coords = (39.046900, -76.850400)
    map_cap = folium.Map(location=start_coords, width="100%", zoom_start=17)
....
....
....
....
....
    return map_cap._repr_html_()


if __name__ == '__main__':
    app.run(debug=True)

Throughout the process, I utilized geojson.io, and the folium library to make the final product. More information can be found on the GitHub.

Challenges I ran into

When it came to the Challenges I ran into, I believe the first challenge was thinking of the idea. I was initially stumped for three hours on the 22nd of March, since that is when I entered the competition and began working on the project. I was initially panicking due to the fact that I was unsure what to create nor how to make it fit into endorsing physical or mental wellness. It was until I stopped and thought about the creation / marketing process that made me realize that I had the basic idea, but I just needed to implement my own creative way to make it endorse physical and mental wellness.

Furthermore, I was initially stumped on using the folium library due to the fact I had never used that library prior to this competition. In addition, I had never really played around with making an application that utilized and relied on a map, so I had to face a challenge of understanding a new library while also troubleshooting any errors I encountered.

Accomplishments that we're proud of

When it comes to the accomplishments I am proud of, I would say that I am proud that the application not only runs well but that the map is also not only accurate but includes every possible event that I believe any student would want to know about so not only are they physically active while on campus but also are mentally well by being able to communicate with other students through events but also through stress relievers provided by some facilities on campus. Overall, I am proud that the application displays every aspect of the university that can help students be more active throughout their four years.

What I learned

I was able to learn a lot when it came to the folium library but also about flask since I am still in creating my own mobile and web applications because previously I was used to creating programs that solely relied on terminal or a badly done graphic user interface, so now being able to delve into another area has allowed me to learn even more these libraries and the development process.

What's next for Capitol Technology University Activity Map

To be honest, the plan is to try and propose this map as a possible application to be provided during the universities open houses. Of course, the application would need to be refined heavily since this application would need to be very visually appealing while also being given more functions such as displaying if there will be an event today or this week.

Built With

Share this project:

Updates