Landing : Athabascau University

Unit 7: External Data Sources (APIs): Proposal

Below are two ideas which I plan to implement to my website using external data services. Both of the ideas add certain functionalities which will improve the experience of my targeted personas and scenarios. The external data sources that will be used throughout this chapter will come in the form of APIs that are built on top of the JavaScript language itself. Using these APIs will hopefully help me integrate complex functionality relatively easily in my JavaScript code. It is also important to note that all of the ideas discussed here are client-side rather than server sided implementations. 

 

1 - The first idea that I would like to implement is a dedicated webpage with an embedded, customized google map window. I want this window to contain an interactive map with numbered tags within it. These numbered tags will correspond to an accordion that will display information regarding the locations specified in the map. These tags can be manually inputted by entering global coordinates to variables in the JS code that builds atop of the API. This will be implemented using Google’s Map API. I will also be able to control the location which is displayed once the map is loaded. The zoom level of the map will also be set in this code. Ultimately, this map will show locations and descriptions of old growth forests across southern Ontario. This is meant to improve the experience of several targeted personas, one including Ashley Scarpelli. This visitor is planning her wedding and is looking for ideal locations to take her wedding photos. This map will act as an ideal resource for personas looking for forests to visit or hike. 

 

2 - The second idea that I am attempting to implement in this chapter is an updating section on my “About” page that pulls a collection of my latest Instagram posts. During most of the year I am most active on my Wilderness Ontario Instagram page. By including my most recent uploaded images, my website will look up to date. This will provide me with an easy way to constantly update content on the webpage by simply uploading to my instagram page. This will directly improve the experience of my identified personas, considering that it will increase the professionalism of my site. By showcasing my Instagram posts, I believe the webpage will appear more graphical and polished in nature. This implementation will require the client ID of my Instagram account in order to be able to pull the image data from it. 

 

When attempting to implement these ideas, it is important to keep in mind that opening local files won’t allow the browser to send and receive HTTP headers and responses. This will prevent my site from loading external data sources. I plan to get around this by uploading the code to the SCIS server for testing and verification. Overall, I look forward to seeing how these last ideas turn out.

 

Comments

These comments are moderated. Your comment will not be visible unless accepted by the content owner.

Only simple HTML formatting is allowed and any hyperlinks will be stripped away. If you need to include a URL then please simply type it so that users can copy and paste it if needed.

(Required)

(Required)


Group members: this is the place for your learning diary. Use this to post your zipped-up site at least once each unit, and your reflections as often as you wish (at least once per unit). Please write your reflections directly in the post, not as attached files. Where you do need to attach documents, such as for unit 1 designs, use PDF, PNG or JPG formats. You can attach files using the 'Embed content' link in the editor.

QUICK COURSE LINKS:  Add blog post - Read latest group postsFAQs: Course process : Site design : HTML : CSS : JavaScript : JQuery : AJAX : Misc