Search Results for: Ajax

For my MIS 2402 Pro Point Project, I opted to create an HTML webpage incorporating JavaScript to retrieve and analyze a JSON dataset sourced from https://catalog.data.gov/dataset. The chosen dataset, titled “CDC Data – U.S. State Life Expectancy by Sex, 2020,” was processed using an Ajax call to compute three key statistics. These included the average life expectancy for both males and females across all U.S. states, as well as identifying the minimum and maximum life expectancies for both genders along with the corresponding states. This project not only showcased my proficiency in web development but also demonstrated the practical application of data analysis techniques within a real-world context.

The task for this project was to analyze a data set of our choice using jQuery’s and ajax calls. We were to calculate different summary statistics, and write a potential hypothesis that we could test. I leaned more about the structure of data and datasets may be similar, but they are never the same. Furthermore, you have to be careful of the data you use to make sure that the code iterates through the data correctly.
Here is the project url:

https://misdemo.temple.edu/tuo47980/ProPoints/PRO_point_PROJECT.html

1. Goals
   1. Use Javascript, AJAX, JSON, JQuery, HTML, and CSS to retrieve COVID data from an API and display it on a single page application.
2.  Results
   1. I created a webpage with four main sections: a header, overview page, country data display, and a display for a few lists. I used the getJSON function to retrieve data from the array, iterate through the data, and display the data in lists, strings, or buttons.
3. Project URL
   1. http://misdemo.temple.edu/tuj65429/COVID-19/
4. What I learned
   1. I greatly improved my understanding of coding a single page application and interacting with APIs and datasets. Many of the functions in the page were challenging to plan, code, and execute. I also enhanced my understanding of organizing objects and sections using HTML and styling with CSS/Bootstrap. Overall, this project really challenged my ability to consolidate the concepts I’ve learned into a singular, cohesive work.

The goal of this project was to integrate and utilize an API provided by Google Maps into our project API to create and display static images of properties. In order to display an image of a property, a request must be sent to Google Maps from the client side web page, requesting information by passing “Address” data. The data regarding the address is stored in a SQL database, and must first be pulled with AJAX and serialized before being passed to Google. Google then takes the request embedded within an img tag, and outputs the result to the webpage once the call has been completed.

This additional requirement to the RentZen project provided us with an opportunity to utilize open source tools to enhance the user experience on our website. It also provided us with a very important lesson in how important reading developer notes can be in making short work of a seemingly large problem.

1. Include the goals, results, project URL (if applicable), and what you learned in a brief paragraph.

The project can be found at misdemo.temple.edu/tuh29326/apiproject. 

The API found at https://openweathermap.org/current could be used in a multitude of ways. The OpenWeatherMap API provides current weather data for free that can be retrieved by zipcode, city name, geographic coordinates, and many more fields. A user could utilize this API to simply check the current weather for where they live, for an event they might be attending, or for a city they might be traveling to. I only created a demo for the user to enter a zipcode, but with a simple change of the input form and ajax request, any of the other fields mentioned above can be utilized. The API is also free for up to 60 calls per minute with a simple email registration.

My team created this website for our MIS 3502 class project. We were asked to create a website for RentZen so that renters can easily search and contact landlords about properties for rent. Our results were very good! We were able to create an aesthetically pleasing,  functional website for RentZen! The part I learned most from was creating our AJAX functions for the website. We used an autofill function for the homepage and a google map when you search by city.

http://misdemo.temple.edu/spring101/onewordRentZen/