-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (125 loc) · 5.02 KB
/
index.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
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
<!DOCTYPE html>
<html>
<head>
<title>Japanese Vowel Trapezoid</title>
<meta charset="utf-8">
<meta name="description" content="Japanese Vowel Trapezoid">
<meta name="author" content="Manuel Moreno-Carral">
<meta name="generator" content="slidify" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<link rel="stylesheet" href="libraries/frameworks/io2012/css/default.css" media="all" >
<link rel="stylesheet" href="libraries/frameworks/io2012/css/phone.css"
media="only screen and (max-device-width: 480px)" >
<link rel="stylesheet" href="libraries/frameworks/io2012/css/slidify.css" >
<link rel="stylesheet" href="libraries/highlighters/highlight/css/tomorrow.css" />
<base target="_blank"> <!-- This amazingness opens all links in a new tab. --> <link rel=stylesheet href="./assets/css/ribbons.css"></link>
<!-- Grab CDN jQuery, fall back to local if offline -->
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js"></script>
<script>window.jQuery || document.write('<script src="libraries/widgets/quiz/js/jquery.js"><\/script>')</script>
<script data-main="libraries/frameworks/io2012/js/slides"
src="libraries/frameworks/io2012/js/require-1.0.8.min.js">
</script>
</head>
<body style="opacity: 0">
<slides class="layout-widescreen">
<!-- LOGO SLIDE -->
<slide class="title-slide segue nobackground">
<hgroup class="auto-fadein">
<h1>Japanese Vowel Trapezoid</h1>
<h2>Cooler vowel plots with R</h2>
<p>Manuel Moreno-Carral<br/>Comp. Linguist</p>
</hgroup>
<article></article>
</slide>
<!-- SLIDES -->
<slide class="" id="slide-1" style="background:;">
<hgroup>
<h2>Final project</h2>
</hgroup>
<article data-timings="">
<ul>
<li>This is the presentation for the final project in the "Developing data products" Coursera course.</li>
<li>This course is part of the "Data Science" specialization.</li>
<li>The other part of the project is the Shiny app.</li>
</ul>
<p>The app might be found at the following link <a href="https://morecar.shinyapps.io/JapaneseVowels/">Japanese Vowels</a>.</p>
</article>
<!-- Presenter Notes -->
</slide>
<slide class="class" id="slide-2" style="background:;">
<hgroup>
<h2>Vowels</h2>
</hgroup>
<article data-timings="">
<p>Vowels are sounds made by our throat (voice box) and tongue, without any othr artiuclator. They can be described with two frequence parameters: </p>
<ul>
<li>F1: or first formant, it describes how open the mouth of the speaker is. The more open, the higher the frequency.</li>
<li>F2: or second formant, it descrives how far back the tongue is. The further back, the lower the frequency. </li>
</ul>
<p>There are other formants, and othr ways to describe vowels, but this is a widely used system. </p>
</article>
<!-- Presenter Notes -->
</slide>
<slide class="class" id="slide-3" style="background:;">
<hgroup>
<h2>Japanese</h2>
</hgroup>
<article data-timings="">
<p>Japanese is a language with a five-vowel system, or pentavocalism. This system very common among the world's languages; other notorious examples are Spanish and Greek. </p>
<ul>
<li>a is the open-most vowel, the only one with the maximum aperture. </li>
<li>e and o are mid, sitting at half the aperture. </li>
<li>i and u are closed vowels, with maximum closeness.</li>
</ul>
<p>Unlike other 5-vowel languages, Japanese u is pronounced [ɯ], a little bit fronted and less closed. This will be visible in our graph. </p>
</article>
<!-- Presenter Notes -->
</slide>
<slide class="class" id="slide-4" style="background:;">
<hgroup>
<h2>Usage</h2>
</hgroup>
<article data-timings="">
<p>The app has 5 checkboxes which display the 5 different phonemes of the Japanese Language. To do so, the app queries a <a href="http://www2.nict.go.jp/univ-com/mcc/people/parham/formant/formant.html">dataset on Japanese phonology</a>, which has been loaded and structured so that every vowel had a third row containing its unique IPA identifier. </p>
</article>
<!-- Presenter Notes -->
</slide>
<slide class="backdrop"></slide>
</slides>
<div class="pagination pagination-small" id='io2012-ptoc' style="display:none;">
<ul>
<li>
<a href="#" target="_self" rel='tooltip'
data-slide=1 title='Final project'>
1
</a>
</li>
<li>
<a href="#" target="_self" rel='tooltip'
data-slide=2 title='Vowels'>
2
</a>
</li>
<li>
<a href="#" target="_self" rel='tooltip'
data-slide=3 title='Japanese'>
3
</a>
</li>
<li>
<a href="#" target="_self" rel='tooltip'
data-slide=4 title='Usage'>
4
</a>
</li>
</ul>
</div> <!--[if IE]>
<script
src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js">
</script>
<script>CFInstall.check({mode: 'overlay'});</script>
<![endif]-->
</body>
<!-- Load Javascripts for Widgets -->
</html>