DIGM 540 New Media Project Blog - Navigation Website

Figuring out which method of implementing our maps is best visually and accessibly for the website During Week 7, I worked on getting a basic version of what the icon pages would look like for our demo in class. I added an accordion function for the street viewers so that they are a button a user can click on to open the street view for a specific location on the map.  Below is a video showcasing the added accordion feature that was played in class for the demo: This layout is nice for now but however, we still prefer the ability to have the map and the street view side my side for easier usability see that would be more intuitive for the user to see immediately than having to scroll down to the buttons.  So, going into week 8, as suggested by our professor Paul Diefenbach, me and Abal contacted another professor in the department who is well versed in website making. We had our zoom meeting with him on Friday March 1, 2024 and he pointed me to console on inspect elements that had a li

 Developing the Icon Map pages and getting the UX/UI to look like how we want  During week 5, I was able to add a cesium viewer to the website  Problems I faced was that the cesium viewer can only move to one location with the base code I found online to add the viewer on our website.  Also, our google and and our cesium viewer are iframes from two different softwares so we unfortunately connect the two. We would have liked if you clicked on a location on the map the cesium view would automatically switch to it as well but this, as far as my research shows, is not possible. The site in our opinion is not as efficient designed like this especially if a map has multiple locations on it like this one does, since the cesium viewer only loads one location on launch and the only way to change the location would be to manually type it in the finder.  Here is the week 5 demo of the website prototype: That week I also research places to host our site for when we might eventually demo the workin

 Developing the website with the new wireframes Week 3 Nikki was tasked to develop wireframes and a UI design for the website as this project was originally her vison. I couldn't do much work on the website UI wise until I got her wireframes to go off on, so most of the work I did week three went into research on how to use cesium. Luckily the cesium website itself had step by step guides to do this. I just needed to add the code and get a token key from my cesium account, which I already had from a previous school.  Also here is a video of the prototype website with the map embedded before the official UI/UX designs were added.    Then in week 4, once I got the wireframes from Nikki. I worked on coding the website to resemble the UI design of her wireframes.  Nikki's wireframes without color and low-fi:   Nikki's wireframes with color high-fi:   Resulting website look: I also found this site that is a business to easily adding a website to a kiosk that allows for you contr