kshaffer.github.io/index.html at master · kshaffer/kshaffer.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
---
layout: default
title: Kris Shaffer
cover: 'assets/images/cover-laserNegatives.jpg'
class: 'home-template'
navigation: True
current: home
short_description: "Kris Shaffer, Ph.D. - Data scientist. Digital media specialist. Developer. Author."
---

<!-- The big featured header  -->
<header class="main-header {% if page.cover %}"
        style="background-image: url({{ site.baseurl }}{{ page.cover }}) {% else %}no-cover{% endif %}">
    <nav class="main-nav overlay clearfix">
        {% if page.logo %}<a class="blog-logo" href="{{ site.baseurl }}"><img src="{{ site.baseurl }}{{ page.logo }}" alt="Blog Logo" /></a>{% endif %}
        {% if page.navigation %}
            <a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
        {% endif %}
    </nav>
    <div class="vertical">
        <div class="main-header-content inner">
            <h1 class="page-title">{{ site.name }}</h1>
            <h2 class="page-description">{{ site.description }}</h2>
        </div>
    </div>
    <a class="scroll-down icon-arrow-left" href="#content" data-offset="-45"><span class="hidden">Scroll Down</span></a>
</header>

<!-- The main content area on the homepage -->
<main id="content" class="content" role="main" style="max-width: 980px; min-width: 320px; margin: auto; text-align: center;">

  <p style="text-align: left; padding: 0 10px 0 10px;"><img src="/assets/images/krisHeadBanner.jpg" style="float: right; width: 50%; max-width: 480px; margin: 0 10px 10px 10px;" alt="Kris Shaffer headshot in front of Rocky Mountains." />Kris Shaffer, Ph.D. (Yale University, 2011), is an Instructional Technology Specialist and Adjunct Instructor of Computer Science and Digital Studies at the <a href="https://academics.umw.edu/dtlt/" target="_blank">University of Mary Washington</a>. He is also a Contributing Editor for <a href="http://www.hybridpedagogy.com" target="_blank"><i>Hybrid Pedagogy</i></a> and the lead author and editor of <a href="http://openmusictheory.com" target="_blank"><i>Open Music Theory</i></a>.</p>

  <p style="text-align: left; padding: 0 10px 0 10px;">Kris is a data scientist with a background in computational musicology, a digital media specialist, a software developer, and a published author. Recently, he has been developing <a href="https://github/com/kshaffer" target="blank_">open-source software and analytics tools</a> for education, particularly in the context of <a href="http://www.digitalpedagogylab.com/hybridped/critical-digital-pedagogy-definition/" target="_blank">critical digital pedagogy</a>, <a href="http://www.digitalpedagogylab.com/hybridped/open-source-scholarship/" target="_blank">open educational resources</a> (OER), and UMW's <a href="http://umwdomains.com" target="_blank">Domain of One's Own</a> initiative. He is also studying and writing on the spread of misinformation and disinformation through digital platforms ― both independently and for the volunteer collective, <a href="http://datafordemocracy.org" target="_blank">Data for Democracy</a>.</p>

<!--
  <p style="text-align: left; padding: 0 10px 0 10px;">Current and recent projects include:</p>

  <ul style="text-align:left;">
    <li><a href="https://github.com/kshaffer/dooodashboard" target="blank_">Domain of One's Own Analytics</a> – a public dashboard and internal reporting system for usage data in the <a href="http://umwdomains.com" target="blank_">UMW Domains</a> program</li>
    <li>Domain of One's Own corpus study – a statistical analysis of text mined from a corpus of articles about the <a href="http://umwdomains.com" target="blank_">Domain of One's Own</a> initiative worldwide (<a href="http://umwdtlt.com/domain-of-ones-own-a-corpus-study-part-1-words-and-voices/" target="blank_">Part 1</a>, <a href="http://umwdtlt.com/domain-of-ones-own-a-corpus-study-part-2-bigrams-and-changing-trends/" target="blank_">Part 2</a>, <a href="http://umwdtlt.com/domain-of-ones-own-a-corpus-study-part-3-sentiment-analysis/" target="blank_">Part 3</a>, <a href="http://umwdtlt.com/domain-of-ones-own-a-corpus-study-part-4-topic-model/" target="blank_">Part 4</a>)</li>
    <li><a href="https://github.com/corpusmusic/bb-cluster" target="blank_">BB Cluster</a> – a computational musicology project using Markov models and K-means cluster analysis to analyze harmonic practices in the McGill Billboard dataset (article currently out for review)</li>
    <li><a href="https://peasy.pushpullfork.com/" target="blank_">Peasy</a> – a super-simple content management system that has open-licensed content in mind</li>
    <li><a href="https://github.com/corpusmusic/liederCorpusAnalysis" target="blank_">The Lieder Project</a> – a computational musicology project addressing the relationship between phonetic patterns in German lyrics and musical patterns in the songs of Franz Schubert</li>
    <li><a href="http://pushpullfork.com/2016/08/hypothesis-aggregator/" target="_blank">Hypothes.is Aggregator</a> – a WordPress plugin that populates a page/post with <a href="https://hypothes.is" target="_blank">hypothes.is</a> annotations gathered from the <a href="https://h.readthedocs.io/en/latest/api/" target="_blank">hypothes.is API</a>, according to parameters set by the user</li>
  </ul>
-->

    <p style="text-align: left; padding: 0 10px 0 10px;">Explore Kris's projects, articles, and essays below. Or visit the <a href="/blog-archive/">complete blog archive</a> or his <a href="https://github.com/kshaffer" target="blank_">GitHub profile</a>.</p>

  <hr/ style="margin: 12px 0 12px 0;">

  <h1 style="text-align: center; margin-top: 0em;">featured projects</h1>

  <hr/ style="margin: 12px 0 12px 0;">

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="https://medium.com/data-for-democracy">D4D</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="https://medium.com/data-for-democracy" title="data for democracy" class="post-teaser"><img src="{{ site.baseurl }}assets/images/data-dem-logo.png" alt="teaser" itemprop="image" style="max-width: 300px; margin: 50px 0 61px 0px;"></a><br/>
          A volunteer collective using data science for social good.</a></p>
      </section>
  </article>

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="https://github.com/kshaffer/dooodashboard">DoOO Analytics</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="https://github.com/kshaffer/dooodashboard" title="data science" class="post-teaser"><img src="{{ site.baseurl }}assets/images/door-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Public dashboard and private analytics reports for Domain of One's Own.</a></p>
      </section>
  </article>

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="http://umwdtlt.com/domain-of-ones-own-a-corpus-study-part-1-words-and-voices/">DoOO Corpus</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="http://umwdtlt.com/domain-of-ones-own-a-corpus-study-part-1-words-and-voices/" title="data science" class="post-teaser"><img src="{{ site.baseurl }}assets/images/corpus-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Mining and analyzing text from 300+ articles about Domain of One's Own worldwide.</a></p>
      </section>
  </article>

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="https://github.com/corpusmusic/bb-cluster">BB-Cluster</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="https://github.com/corpusmusic/bb-cluster" title="data science" class="post-teaser"><img src="{{ site.baseurl }}assets/images/stoneStacks-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Using Markov models and K-means cluster analysis to analyze harmonic practices in the McGill Billboard dataset.</a></p>
      </section>
  </article>

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="https://peasy.pushpullfork.com/">Peasy</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="https://peasy.pushpullfork.com/" title="data science" class="post-teaser"><img src="{{ site.baseurl }}assets/images/monuments-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Super-simple content management system designed for open-licensed content.</a></p>
      </section>
  </article>

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="http://pushpullfork.com/2016/08/hypothesis-aggregator/">Web Annotations</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="http://pushpullfork.com/2016/08/hypothesis-aggregator/" title="data science" class="post-teaser"><img src="{{ site.baseurl }}assets/images/oldtype-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Hypothes.is aggregator embeds hypothes.is annotations on WordPress pages and posts.</a></p>
      </section>
  </article>


  <hr/ style="margin: 12px 0 12px 0;">

  <h1 style="text-align: center; margin-top: 0em;">featured article</h1>

  <hr/ style="margin: 12px 0 12px 0;">

    <div style="width: 80%; margin: auto">

    <h2 class="post-title" style="text-align: left; padding: 0 10px 0 10px;"><a href="https://medium.com/data-for-democracy/spot-a-bot-identifying-automation-and-disinformation-on-social-media-2966ad93a203" target="_blank">Spot a Bot: Identifying Automation and Disinformation on Social Media</a></h2>

    <p style="text-align: left; padding: 0 10px 0 10px;"><a href="https://medium.com/data-for-democracy/spot-a-bot-identifying-automation-and-disinformation-on-social-media-2966ad93a203" target="_blank"><img src="/assets/images/drone-medium.jpg" style="float: right; width: 50%; max-width: 400px; margin: 0 10px 10px 10px;" alt="Human silouette rendered in code." /></a><a href="https://www.theatlantic.com/technology/archive/2017/01/bots-bots-bots/515043/" target="_blank" data-href="https://www.theatlantic.com/technology/archive/2017/01/bots-bots-bots/515043/">There are bots everywhere</a>, or so it seems. Some of these bots can be <a href="https://twitter.com/HouseBudgets" target="_blank">fun</a>. But all too often, automated and otherwise high-volume social media accounts <a href="https://www.ribbonfarm.com/2017/05/23/there-are-bots-look-around/" target="_blank">exist to deceive</a>. Not only do they try to make readers believe they are real people, but they also participate in the spread of <a href="https://medium.com/data-for-democracy/macronleaks-how-disinformation-spreads-d1efe9d3dd18" target="_blank">disinformation</a> and <a href="http://pushpullfork.com/2017/03/fake-news-adtech-misinformation/" target="_blank">malware</a>, as well as coordinated harassment campaigns.</p>

    <p style="text-align: left; padding: 0 10px 0 10px;">The bad news is that they often succeed in their deceptive ventures. But the good news is that most bots ― and their close cousins, “<a href="https://medium.com/data-for-democracy/sockpuppets-secessionists-and-breitbart-7171b1134cd5" target="_blank">sockpuppets</a>” and “<a href="http://www.politico.com/magazine/story/2017/03/memes-4chan-trump-supporters-trolls-internet-214856" target="_blank">trolls</a>” ― exhibit some clear tell-tale signs. What follows is a list of those signs, based on <a href="https://medium.com/data-for-democracy/democracy-hacked-a46c04d9e6d1" target="_blank">our research</a> into bots, sockpuppets, and disinformation on Twitter. With these signs, anyone can spot a bot, and resist the spread of disinformation online.</p>

    <p style="text-align: left; padding: 0 10px 0 10px;"><a href="https://medium.com/data-for-democracy/spot-a-bot-identifying-automation-and-disinformation-on-social-media-2966ad93a203" target="_blank">Read more at <i>Data for Democracy</i>...</a> (Co-authored with Bill Fitzgerald.)</p>

  </div>

  <hr/ style="margin: 12px 0 12px 0;">

  <h1 style="text-align: center; margin-top: 0em;">writings by category</h1>

  <hr/ style="margin: 12px 0 12px 0;">

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="{{ site.url }}/datascience/">propagandalytics</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="{{ site.url }}/propagandalytics/" title="data science" class="post-teaser"><img src="{{ site.baseurl }}assets/images/nightstreet-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Exposing massive digital deception campaigns.</a></p>
      </section>
  </article>

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="{{ site.url }}/datascience/">data science</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="{{ site.url }}/datascience/" title="data science" class="post-teaser"><img src="{{ site.baseurl }}assets/images/bletchley-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Using machine learning and statistics to explore musical and textual data.</a></p>
      </section>
  </article>

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="{{ site.url }}/musicology/">musicology</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="{{ site.url }}/musicology/" title="musicology" class="post-teaser"><img src="{{ site.baseurl }}assets/images/imogen-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Music theory, history, and cognition.</a></p>
      </section>
  </article>

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="{{ site.url }}/coding/">coding</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="{{ site.url }}/coding/" title="coding" class="post-teaser"><img src="{{ site.baseurl }}assets/images/oldtype-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Software projects, hacks, and tricks.</a></p>
      </section>
  </article>

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="{{ site.url }}/pedagogy/">pedagogy</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="{{ site.url }}/pedagogy/" title="pedagogy" class="post-teaser"><img src="{{ site.baseurl }}assets/images/lemmeout-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Pedagogy, teaching, education.</a></p>
      </section>
  </article>

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="{{ site.url }}/presentations/">presentations</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="{{ site.url }}/presentations/" title="presentations" class="post-teaser"><img src="{{ site.baseurl }}assets/images/lectureHall-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Keynotes, research presentations, workshops, unconferences.</a></p>
      </section>
  </article>

  <!--
    <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
        <header class="post-header">
            <h2 class="post-title" style="text-align: center"><a href="{{ site.url }}/personal/">personal news</a></h2>
        </header>
        <section class="post-excerpt">
            <p><a href="{{ site.url }}/personal/" title="personal" class="post-teaser"><img src="{{ site.baseurl }}assets/images/hurley-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
            Life updates.</a></p>
        </section>
    </article>
  -->

<!--
  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="{{ site.url }}/publicscholarship/">public scholar</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="{{ site.url }}/publicscholarship/" title="public scholarship" class="post-teaser"><img src="{{ site.baseurl }}assets/images/socialBookmark-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Thoughts on open data, open educational resources, and public scholarship.</a></p>
      </section>
  </article>

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="{{ site.url }}/socialmedia/">social media</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="{{ site.url }}/socialmedia/" title="social media" class="post-teaser"><img src="{{ site.baseurl }}assets/images/rainbow-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          Critical and technical perspectives on social media.</a></p>
      </section>
  </article>

  <article class="post" style="width: 300px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 10px;">
      <header class="post-header">
          <h2 class="post-title" style="text-align: center"><a href="{{ site.url }}/highered/">higher ed</a></h2>
      </header>
      <section class="post-excerpt">
          <p><a href="{{ site.url }}/highered/" title="higher ed" class="post-teaser"><img src="{{ site.baseurl }}assets/images/humanity-teaser.jpg" alt="teaser" itemprop="image" style="max-width: 300px; margin: 0 0 10px 0px;"></a><br/>
          The state, future, and philosophy of higher educational institutions.</a></p>
      </section>
  </article>

</main>
-->