Final Project Week 8 Update

Right now, we are gathering information about the history of Carleton’s Arboretum for our timeline and are working on georeferencing historical maps of the Arb for our website. The majority of our maps have come from the Cowling Arboretum Collection which has land surveys dating as early as 1931. We are figuring out the best way to use the georeferenced Arb maps that are already available in Carleton’s ArcGIS DataBase in conjunction with creating our own georeferenced Arb maps to paint a picture of how the Arboretum’s land use has developed over time. We are also working on developing our final project website. 

We began by designing the pages of our website, which we did using Figma. After the design step, we then began coding up our website using custom HTML and CSS. We’ve been using many online resources to navigate implementation of our features (e.g. this tutorial on how to make a timeline in HTML). To implement more interactive aspects like making our timeline clickable, we plan on using vanilla Javascript.

We did run into some problems with Georeferencing as the program that we were using only allowed us to make one free map at a time, so we turned to using ArcGis and the map resources that were readily available to us. 

Our project is on track with the original timeline that we created. All of the maps have been georeferenced and the timeline and website development is in progress. Next steps include finishing the timeline and uploading the maps to the website.

Personal Progress Reports

Quoc/Aishwarya

I collaborated with Aishwarya to create designs for the website. Attached below are the designs. We are still messing with color palettes and fonts so nothing is finalized quite yet. We started out by establishing the layout. For this step, we made sure to do research by looking at other similar websites which had timeline components. Some were from class, and others were found through a quick Google search. Next, we started adding colors and font to the page. We found a color palette using a Pokemon color palette generator, which generates color palettes based on Pokemon characters Pokemon Palettes (pokepalettes.com). We kept looking until we found a palette that best matched the vibe of the project we were creating. Our next steps are to incorporate a title page into our design, and perhaps add some graphics. 

Mockup of Website
Mockup of About Page

As we begin development, we started by creating a github repository to store the source code. Beyond that, we’ve started the HTML and CSS coding, the process of which is shown below.

Current state of the website

Evie

Last week, I focused primarily on finding maps to georeference and find sources for our project. This week, I will focus on working on our spreadsheet with descriptions for the maps that will be a part of our timeline. I will also work on finding relevant current and historical pictures of the arb 

for the website.

Jayti

For the project, I have started an ongoing spreadsheet with all of the maps and information about each of them. This will be used later as a csv file for the website. This week I will be working with Evie to finish the spreadsheet with the information for the timeline as well as adding our own descriptions for the maps. 

Connor

I have georeferenced all of the maps that weren’t already, and uploaded them to the group ArcGIS page. Over the course of this week, I will work on combining these maps into a single web map, as well as finding additional information to add interactivity to the map. For some reason 3 of the maps that I referenced were moved to the ocean, so I will also be redoing those.

css.php