-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtutor.html
76 lines (75 loc) · 4.36 KB
/
tutor.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Evan Anderson Portfolio</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Abel&family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&family=Cambay:ital,wght@0,400;0,700;1,400;1,700&family=Jaldi:wght@400;700&family=News+Cycle:wght@400;700&family=Oswald:[email protected]&family=Prociono&family=Share:ital,wght@0,400;0,700;1,400;1,700&family=Sofia+Sans+Condensed:ital,wght@0,1..1000;1,1..1000&family=Sulphur+Point:wght@300;400;700&family=Sunflower:wght@300&display=swap" rel="stylesheet"><link rel="icon" href="favicon.ico">
<link rel="icon" href="favicon.ico">
</head>
<body>
<div>
<h1 class="title">Evan Marlo Anderson</h1>
<hr>
<h1 class="subtitle">Undergraduate Computer Science Student</h1>
</div>
<ul style="background-color: rgb(214, 214, 214);">
<li class="inactive"><a href="/">Home</a></li>
<li class="inactive"><a href="resume">Resume</a></li>
<li class="inactive"><a href="gaspacs">GASPACS</a></li>
<li class="inactive"><a href="dispenser">ITLS 4270 Dispenser</a></li>
<li class="inactive"><a href="reclamation">License Reclamation</a></li>
<li class="active"><a href="tutor">Typing Trainer</a></li>
<li class="inactive"><a href="dashboard">SOAR Inventory</a></li>
</ul>
<div class="card">
<div id="parent">
<div class="col_left" style="padding-left: 1em; width: 65%">
<h2 class="pagetitle">AI Typing Trainer</h2>
<p>
For my CS5890 <i>AI Applications in Education</i> <a href="https://github.com/evanmarlo/AI_typing_trainer"; target=”_blank”>final project</a> I created a typing trainer that makes use of generative AI. This trainer uses ChatGPT to generate new text for the user every time they want to practice typing. It also tracks what keys the user struggles with, and generates text that incorporates those keys.
</p>
<h2 class="pagetitle">Purpose</h2>
<p>
Typing is an essential skill for most people. The main purpose of this project is to improve both typing speed and accuracy of the user. The secondary purpose of this project was to evaluate ChatGPT's ability to incorporate certain keys into a paragraph, while keeping that paragraph sensible.
</p>
<h2 class="pagetitle">Approach</h2>
<p>
I wrote this project in Python and used Tkinter for the UI. I used GPT 3.5 Turbo for text generation. I spent a total of $0.04 on the OpenAI API throughout developing, testing, and demonstrating my prototype in class (which I found surprisingly cheap).
</p>
<h2 class="pagetitle">Evaluation</h2>
<p>
Anecdotally, ChatGPT did a great job at generating text with noticeable amounts of letters the user struggles with. In order to quantitatively show the letter increase, I found data on regular English letter frequencies. I also charted letter frequencies of regular ChatGPT text, that was (expectedly) identical.
</p>
<p>
I charted letter frequencies for text after the user struggled with the letter "Z". The text was sensible and the frequency of "Z" increased to 8.8%, or 44 times as many "Z"s as would normally be generated.
</p>
</div>
<div class="col_right" style="width: 35%">
<img src="gif_tutor.gif" style="border-radius: 0em"></img>
</div>
</div>
<div class="row">
<div class="column">
<img src="tutor_regular_frequency.png" style="border: 4px solid #555;"></img>
<figcaption>English letter frequencies (
<a href="https://www3.nd.edu/~busiforc/handouts/cryptography/letterfrequencies.html"; target=”_blank”>Keating, Barry. University of Notre Dame</a> )
</figcaption>
</div>
<div class="column">
<img src="tutor_GPT_frequency.png" style="border: 4px solid #555;"></img>
<figcaption>English letter frequencies generated by ChatGPT
</figcaption>
</div>
<div class="column">
<img src="tutor_GPT_z.png" style="border: 4px solid #555;"></img>
<figcaption>English letter frequencies generated by ChatGPT when prompted to include more of the letter "Z"
</figcaption>
</div>
</div>
</div>
</body>
</html>