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.
Search Results for: JavaScript
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.
New Digital Systems course teaches all business students how to code
Last year, the MIS department began previewing several redesigned courses, and this fall the new curriculum has been officially rolled out in full. The introductory course, Digital Systems, teaches basic programming skills to all business students, regardless of major. It’s a new approach that will give Fox students a competitive edge after graduation.
“There’s been a push that MBAs should know how to code, and we’re bringing that thinking to our undergradates,” says David Schuff, Professor and Chair of the Department of Management Information Systems. “Some other business school programs start with basic computer literacy, but we’re asking, ‘What’s the next generation of tools and skills?’”
Digital Systems provides an overview of how businesses use technology in today’s economy. The first two-thirds of the course help students get a grasp of the big ideas in an active learning environment. Through hands-on, in-class assignments, students practice applying the concepts they’re learning, including programming.
“It represents a shift from a project-management focus to a product-management focus,” says Schuff.
During the final third of the course, students learn to code using JavaScript to build a digital product of their own. Their final project challenges students to make a tool that can rank potential investors in a fictional firm in terms of various functions like income, assets, and debt. “Their job is to write those functions,” says Steven Sclarow, Assistant Professor of MIS and the course coordinator.
“In the past, coding assignments taught concepts without putting the business perspective on it,” says Sclarow. “Our approach uses an overarching narrative throughout the course to help students see how it relates to them and digital product management,” he says.
The prospect can be daunting for some students, especially outside MIS, but completing the project gives them not only important new skills, but also confidence. And for MIS students, this introduction prepares them expertly for what’s to come: more advanced courses on API-based software development, user experience, and cybersecurity.
“The new Digital Systems course is the latest example of how Temple’s MIS department prepares students for the workforce,” says Bruce Fadem, chair of the IT Advisory Board and retired VP and CIO of Wyeth.
“All business students are going to encounter digital systems, no matter what job they have,” says Sclarow. And Schuff emphasizes this point: “If you’re in accounting or finance, you might have a need to do process automation. In marketing, you might need to manipulate data to do analyses. Programming is becoming an essential tool to do these things yourself.”
COVID-19 Data Display
- Goals
- Use Javascript, AJAX, JSON, JQuery, HTML, and CSS to retrieve COVID data from an API and display it on a single page application.
- Results
- 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.
- Project URL
- http://misdemo.temple.edu/tuj65429/COVID-19/
- What I learned
- 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.
Courses give MIS undergrads an edge in the API economy
This semester, the MIS major introduces exciting new content to prepare students for the emerging API economy. A three-course series emphases application development and cloud software deployment, enhancing learning while building skills and confidence. “This sequence emphasizes the interconnectedness of the information. Now it’s not like three 15-week courses, it’s like a single 45-week course that goes from one semester to the next,” says professor Jeremy Shafer, who teaches both the first and third courses in the series.
The first course introduces cloud application programming and JavaScript, but it provides a more holistic view than typical JavaScript classes. This course introduces the idea that a programmer can reach into the cloud for an API and use it in the application at hand. “There’s the code you write, and then there are the resources out there in the cloud for you to bring in and leverage,” says Shafer.
The second course explores networking basics and cloud platforms. “We teach them how to build a very simple API and deploy it on the infrastructure they build,” says David Schuff, professor and chair of the MIS Department, who teaches a section of this course.
Professor Mart Doyle also teaches this second course. “But it’s in the third course that students really bring everything together,” says Doyle. “In the final course, we write an API from scratch. If you understand both halves of the process, and you can put your own API endpoint out in the cloud, there’s nothing you can’t build,” says Shafer.
One powerful shift that separates the Fox School from a typical MIS curriculum is the use of JavaScript across the sequence. “If you use a different computer language in every course, you spend a lot of instructional time just getting used to the language. By investing in one language across the three courses, we give introductory instruction once and build on it,” says Shafer.
A focus on the API economy also unifies this series. Modern businesses mix and match APIs with their own custom-coded tools to solve problems. “It’s no longer a choice between building it all from scratch or buying something out of the box,” says Schuff. Through this series, students learn the end-to-end process. “They learn the business thinking behind it,” says Schuff.
This sequence gives students a number of advantages after graduation. “Our students can have an insightful conversation about how to leverage the cloud to deploy APIs and how to design an application that scales,” says Doyle.
“Students who go through this sequence are coming away with something that will set them apart from their peers from other schools,” says Shafer. “Not everyone is being as aggressive as we are at conveying these ideas.”
The MIS Helpdesk for coding is now open.
The MIS Helpdesk for Coding is a resource for MIS students who are new to programming and web development. It is primarily a resource for students who are in MIS2402 and MIS2101.
If an MIS student needs assistance with the programming tasks related to those classes, they are encouraged to stop by and pay the helpdesk a visit!
HOW TO GET HELP
- Click here and fill out the form.
- Wait for an email reply from a consultant.
About the consultants:
The helpdesk consultants are MIS undergraduate students. They can assist with basic questions related to: HTML, CSS, Bootstrap, JavaScript, and jQuery. They can also help their peers read error messages and understand what to do about them!
Some tips for success:
MIS students who visit the helpdesk are encouraged to ask the consultants questions that are focused on a specific error or task. Broad questions (such as “Can you teach me JavaScript?”) are not appropraite for the helpdesk environment. The consultants may offer direction, advice and/or clarifying remarks, but they are not there to (re)teach material that was already presented in the classroom.
No helpdesk consultation should exceed 20 minutes.
Other kinds of support:
Regarding student laptop problems and/or problems with course-related software: the helpdesk consultants will (of course) offer friendly advice regarding any specific problem. However, their role is not to install or configure software for their fellow students. Helpdesk consultants do not repair or service hardware.
RockPaperScissors Client/Server Game
- The goal was to use the tools we learned in class and make a working game through a webpage that is hosted/run on a Virtual Machine. By using our Virtual Machine (IIS Server) we were to use node.js to run a JavaScript program through a webpage we created through HTML. I added inbound/outbound port rules to allow established connections to be able to properly run the game through the webpage. I needed the web page to display the buttons properly and, when clicked, display an alert to let the user know the result of whether they won the game or not (by picking rock, paper, or scissors). The result was that I was able to successfully get the webpage and the game to work, whilst running the IIS server through my Virtual Machine. I was able to add new rules for ports and placed the HTML and JS files in their rightful locations in order to have the game work properly. I learned that this whole process is very versatile, during the course of the semester we learned both Virtual Machines (Azure), and coding (node.js), however we learned them separately. This exercise helped combine the two and show what’s possible with what we can work with. I also learned how important adding inbound/outbound port rules were, in order to allow connections to be able to run any webpages, programs, or games that you make.
- Once approved, the description is automatically displayed in a post on your e-portfolio.
MIS 2402 Web API Proof of Concept
The goal of this project was to demonstrate how an API can be used. In order to do so, I used Javascript to create a page that displays dinosaur species that have been discovered relatively near the user’s location using the Google Geolocation and GeoCoding API as well as the Paleobiology Database API. My page ended up doing exactly this though it could use some adjusting. The address that is displayed is not perfectly accurate to the user’s location and the area created to find dinosaurs within varies in distance, since the measures are in latitude and longitude. While it still needs work, I think the project perfectly displays my proof of concept for a program that can identify dinosaurs nearby based on a user’s location.
http://misdemo.temple.edu/tug58991/pro_points_paleo_api/
