Description
Time
June 14th-25th
Monday-Friday
7:00-8:30 p.m. EDT
15 hours in total.
Class Size
10 Students.
Student Requirements
Recommended for students Grades 8-10, is interested in coding and science, has basic computer skills and knowledge, requires basic coding experience.
Key Words: Python, Javascript, HTML, CSS, Google Material Design, User Experience design, GIS, Leaflet.js, Github, data science.
Teacher
Mark Hoel
Used to work as a programming engineer at ESRI (the world’s largest GIS software company) in California, a senior computer teacher at UCC (Upper Canada College), and the former director of IB geography teaching and research. Is good at interdisciplinary teaching combining computer and geography.
Course Information
Use the COVID-19 database of Johns Hopkins Medical School to design a COVID-19 dynamic monitoring APP! COVID-19 has touched every life on planet earth. This intensive summer program will teach you how to design and build an informative and interactive COVID-19 web dashboard using the best data available.
Week 1
• Project introduction, data organization, tool setting. What is a dashboard?
• Analyze existing excellent products and design a model of your future product;
• Introduction to Python, from writing the first “hello world” program to writing interactive scripts to solve simple problems;
• Python and COVID-19 data, from writing the first Python program to creating a script, to writing a powerful script to read COVID-19 data (data source: John Hopkins University);
• Introduction to HTML and CSS, learn the basics of expressing yourself on the web. Use materiale.css (an external library based on Google Material Design) to get the basic skills needed to make dashboards and make them look great
Week 2
• Introduction to Javascript, learn the basics of network programming language. You will learn how to integrate user interaction into dashboard pages, and even search data sets and return information to users;
• Use fluel.js to draw a map, learn how to use an external Javascript and CSS library called fluel.js to incorporate interactive mapping into the dashboard;
• Bring together the useful data points created using Python in Week 2 to make the ever-evolving dashboard truly useful;
• Collect all the content on the dashboard for final touches, and use the user experience (UX) design basic checklist to check the progress;
• Show and tell, show your software and wiki website to your classmates, don’t be afraid to show off and brag!
