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.
Search Results for: JavaScript
Senior’s award-winning research makes education more accessible for students with disabilities
Senior Allyson Yu took a winding path to the MIS Department, as her interests evolved during the pandemic. Yu started out at Temple with a dual major in biology and visual studies in 2019, but she switched to MIS junior year.
Fortunately, all of these disciplines came together to inform Yu’s current work, WebORA, a website that helps organic chemistry students learn by interacting with 3D molecular reactions. Yu presented the project at the peer-reviewed ACM SIGACCESS for Accessibility and Computers conference in October and won first place in the Undergradate Student Research Competition.
The inspiration for the project came from a certificate course Yu took that had a small section about web accessibility. “It really interested me, because I’m very passionate about design thinking and coming up with solutions to help people in their everyday lives,” says Yu.
“Students with disabilities are underrepresented in the STEM fields in higher education. I wanted to create a project that would hopefully bring more awareness to this issue,” she says.
Yu drew from various parts of her studies to inform her work. As a biology major, Yu had worked with Steven Fleming, an organic chemistry professor, to help develop a 3D molecular application.
She also pulled from her MIS courses on user experience and web development. In particular, Yu credits her UX professor Munir Mandviwalla for giving her a framework for usability testing.
Yu’s JavaScript, HTML and CSS skills also enabled her to help the WebORA developer with implementing the accessibility features.
But Yu’s favorite part of the project was her interviews with organic chemistry students as they demoed the prototype she created. “Hearing stories of students in their learning journeys was really eye opening,” says Yu. “Bringing awareness is a big thing—making students feel seen and removing barriers in the curriculum.”
Yu was thrilled when she heard her project was accepted and that she would have the opportunity to talk about it more. “It felt really unreal. And I’m excited,” says Yu.
To support her project, Yu received the Creative Arts Research and Scholarship (CARAS) grant from Temple University.
“Something I’ve learned from this project is that Temple has a lot of resources,” says Yu. “I’m thankful that I go to a school where if a student wants to do something, they’ll have professors who will do their very best to support you.”
MIS2402 Semester – Long Project
- The goal of this project was to create a web based chart using different APIs\
URL for the project itself:https://misdemo.temple.edu/tun39122/Semester_Long_Project/
URL for the GitHub repository:https://github.com/tun39122/Semester_Project
There was a couple of things that I’ve learned through this project. First of all, the need to use outside APIs to accomplish my task was something that I never encountered before. The need to incorporate not only my JavaScript code, but other services that was not created by myself was challenging at first, but through my studies in class, the task became much easier. This was also my first time handling JSON files completely by myself, the need to first understand the data and then apply it to create a desired chart is the key to succeeding in this project. I felt much more confident handling this type of data as well as creating charts accordingly.
Semester Long Web API Project: NYC OpenData Application
For my MIS2402 class, I had a project where I had to create a dynamic web-based chart of API data that was interesting to me. What resulted from my project was an application that created two dynamic web-based charts, one that was a pie chart, and the other was a line chart. This project helped me improve my use of the Javascript function .getJSON to get data from API data, but it also helped me learn how to turn data that is not immediately usable into data that will work with functions like .sort. I also learned how to use the ImageCharts API, which will probably be useful to me in the future as well.
Here is the link to my project in the misdemo website. https://misdemo.temple.edu/tuo26034/SEMESTER_PROJECT1/
Here is the link to my project on Github, where you can access a README explaining more in depth what my project is about. https://github.com/dskliang/MIS2402
API Project
- In this project, our goal was to cumulatively test HTML and Javascript skills learned in MIS 2402. I had to know how to extract information from .json files and serialize that data so that it could be utilized by an Image Charts API to show the desired graphs of trends and compositions of the data. In my project, I explored the relationship between the number of students schools sent to take the SAT and their respective mean math SAT scores. I utilized a second API to explore the average SAT score of schools by each reading, writing, and math section.
- Link to Final Application
- Username: tuk50041
- Password: 489catEgorY53
- Link to GitHub Repository
API Project
Spring 2022 – MIS2402
Professor Konstantin Bauman
The goal of this project was to create a simple application that uses Web APIs. I retrieved data from website and JSON file, which I used the most in the JavaScript code in order for the application to work. The html and JavaScript code in this project were all the topics I’ve learned from the course MIS2402. Topics such as JavaScript functions, conditional statements, arithmetic expressions and loops.
The application shows two charts, one to show differences between amount of sidewalk cafes in each New York areas. The other shows the differences and number of active and inactive sidewalk cafes.
The link (Github) shows the html code for the website as well as access to the charts.
Class API Project MIS2402
My goals for this project was to learn about APIs and how they can been used alongside of JavaScript, HTML, and CSS. My results for the project were that I was able enhance my coding skills and use another source to post and display data. I learned how to use JQuery, Bootstrap, and incorporate Single Page Architecture into my created website. My compressed zip file for the website is below.
MIS 2402 PRO Points project (Covid-19 Stats)
- The end goal for this particular project is to use Jquery, loops, conditional statement and functions to retrieve appropriate information from a JSON objects on a given URL (misdemo) and display them. After doing this project, I feel more confident that I can apply what I have learned to actual codes. Specifically, I adjusted a conditional statement in the codes that eliminates the null values that are associated with the numerators of fractions that calculate the recovery rate of Covid-19 cases in different countries. In the same manner, I also eliminate the arrays that have names of continents as names of countries, and the results with the total number of cases, so that I can display the results of countries with most cases, most deaths and most new cases correctly without having confusing results. Last but not least, I used bootstraps to add CSS classes to the information retrieved from the JSON arrays to set the tone for the information displayed (for example, high recovery rate is green and low recovery rate is red).All in all, this project has effectively increase my confidence and harden my JavaScript skills.
- Attached here is the URL to my work: http://misdemo.temple.edu/tul43068/PRO_point_project/index%201.html
- Attached here is the URL to the project options: https://community.mis.temple.edu/mis2402sec002fall2020/about/mis-pro-points-project/
- Once approved, the description is automatically displayed in a post on your e-portfolio.
Live Covid-19 Data Results though Web API
Used API data to create summary statistics for Live Covid Data. Created an HTML form with a button for various statistics. Used JavaScript and CSS. When buttons are clicked, data for each statistic is retrieved from the Web API.
Link to the website: http://misdemo.temple.edu/tuj75099/MIS%20Pro%20Point%20Covid%20Project/Covid%20Data.html
Web API Covid Data
This project is meant to summarize the teachings of MIS 2402, Web Applications Development, in a single page. For this code, I worked in JavaScript using elements like functions, loops, conditional statements, and jQuery. I enjoyed working with a relevant dataset like this and learning a bit about how other countries are handling the pandemic.
My project can be found at this link.
