CODE 221

I will be contracted for a A in this course.

What concepts are you going to learn, or skills are you going to develop?How will you learn the content/develop the skill? What evidence will you add to the portfolio to demonstrate your learning?How will you and I assess the evidence of your learning/skill?
(30 %) From 1a

Works in collaboration with community members and develops social networking skills.		Engage in productive conversation with the students.

Work with community in producing a video that makes their voices heard. 		Reflections on meetings

Notes on ways to develop meaningful, trusting relationships.		Reflections demonstrated consideration for developing relationships and how my self presentation plays a role in the outcome.

(10 %) From 6a

Recognize own cultural norms and suspend any bias or judgement.		Consider how my own biases are influencing my perceptions in observations at community site in reflections

In research plan, consider how to prioritize students’ perspectives to help challenge my own biases

Design data collection activities to combat possible biases		Reflections

Research Plan

Data Collection		Reflections demonstrate a conscious consideration of my biases

Research plan makes accommodations for student priorities while checking bias

Data collection thoughtfully considers how to collect data without replicating biases.
(15 %) From 3a

Ponder my intrinsic values and review why I hold them close. 		Writing down my thoughts to think deeper.

Ask why I take a particular perspective in class discussions

Reflections

Specimens of On-site activities

Reflections, and class discussions demonstrate a deeper awareness of my underlying values and how they influence my perspective
(20 %) From 8b

Experiment with several oral delivery techniques and leave others interested in my content.		Researching effective ways of getting an audience to want to listen.

Practicing presentations or talks before I do them. 		Personal speaking techniques.

The final video.		I speak in a more natural and interesting way during talks or presentations
(25 %) From 12a

Bring new ideas to the table and think outside of the box for solutions. 		Brainstorm ideas on my own outside of class.

Use divergent thinking to get a wide range of possible ideas. 		Sections of a page that go through my problem solving strategy.

Notes on frameworks for possible solutions.

Ideas contributed to research plan		Help student create videos that are unique in the way that they tell their story. 
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Bicycle Theft in London – Leaflet Heatmap Template</title>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tachyons/4.11.1/tachyons.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css">

  <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.heat/0.2.0/leaflet-heat.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/papaparse@5.3.0/papaparse.min.js"></script>

</head>

<body class="helvetica">

  <div id="map" class="vh-100 vw-100 bg-near-white"></div>

  <div id="legend" class="bg-white fixed top-0 left-0 pa2 mt2 ml2 br1 o-90" style="z-index: 999; width: 380px">
    <h1 class="f3 mt0">Bicycle Theft in London</h1>

    <p class="measure mb1">
      This heatmap shows hotspots of bicycle theft in London
      in January–July 2020 according to the Metropolitan Police data.
    </p>

  </div>

  <script>

    var map = L.map('map', {
      zoomControl: false, // Add zoom control separately below
      center: [38.9038348, -],90.15 // Initial map center
      zoom: 10, // Initial zoom level
      attributionControl: false, // Instead of default attribution, we add custom at the bottom of script
      scrollWheelZoom: false
    })

    // Add zoom in/out buttons to the top-right
    L.control.zoom({position: 'topright'}).addTo(map)

    // Add baselayer
    L.tileLayer('https://{s}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}{r}.png', {
      attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
      subdomains: 'abcd',
      maxZoom: 19
    }).addTo(map)

    // Add geographical labels only layer on top of baselayer
    var labels = L.tileLayer('https://{s}.basemaps.cartocdn.com/light_only_labels/{z}/{x}/{y}{r}.png', {
      attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
      subdomains: 'abcd',
      maxZoom: 19,
      pane: 'shadowPane'  // always display on top
    }).addTo(map)

    // Read data from CSV file
    $.get('./data.csv', function(csvString) {

      // Use PapaParse to transform file into arrays
      var data = Papa.parse(csvString.trim()).data.filter(
        function(row) { return row.length === 2 }
      ).map(function(a) {
        return [ parseFloat(a[0]), parseFloat(a[1]) ]
      })

      // Add all points into a heat layer
      var heat = L.heatLayer(data, {
        radius: 25
      })

      // Add the heatlayer to the map
      heat.addTo(map)
    })

    // Add custom attribution
    L.control.attribution({
      prefix: '<a href="https://github.com/HandsOnDataViz/leaflet-heatmap">View data and code</a> \
        by <a href="https://handsondataviz.org" target="_blank">HandsOnDataViz</a>'
    }).addTo(map)

  </script>

</body>

</html>