-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathOLI.html
253 lines (210 loc) · 12.3 KB
/
OLI.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
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
248
249
250
251
252
<!DOCTYPE HTML>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-68825102-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-68825102-2');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>OLI - NSS, IITB</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- Flaticons -->
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<section id="colorlib-hero" class="js-fullheight" font face = "Microsoft YaHei UI Light";" data-section="home" style = "margin:0;padding-bottom:0;">
<div class="flexslider js-fullheight" style = "margin:0;padding-bottom:0;">
<img style = "height: 100vh; z-index: -3; position: relative; " align = "right" src = "images/OLI2.png" />
<div class = "front-table-mthesis" style="background-color:rgba(231,119,7,0.9); padding:1em">
<h1 style="color:#ffffff; font-family: Quicksand, Arial, sans-serif;">Open Learning Initiative (OLI)</h1>
<h2 style="color:#ffffff; font-family: Quicksand, Arial, sans-serif;">A project under National Service Scheme (NSS), IIT Bombay</h2>
<h3 ></h3>
<h3 style="color:#ffffff; font-family: Quicksand, Arial, sans-serif;">The most successful project under NSS, invited by the Ministry of Human Resources Development, Government of India, to partner with them.</h3>
<div class="row">
<div class="col-md-12" >
<div class="fancy-collapse-panel">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title" style="color:#00ff00">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"
aria-expanded="false" aria-controls="collapseOne" style = "padding: 10px 15px;">About OLI
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="One">
<div class="panel-body">
<p>
OLI is a portal that was launched by NSS, IITB in May 2015 to ensure that
language does not become a barrier in education. Apart from the portal, the videos are also uploaded on YouTube. Educational videos are recorded by
our volunteers (mostly UG students in their first, second or third years) in regional languages of India,
with the aim to make the internet equally useful for students who don't study in English
medium schools. Currently, the channel contains more than 350 educational videos
on Science and Maths in 9 Indian languages, namely, Hindi, Marathi, Gujarati,
Bengali, Odia, Malayalam, Tamil, Kannada and Telugu. There is also a course on English
to benefit the students and a section on scientific experiments</p></div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"
aria-expanded="false" aria-controls="collapseTwo" style = "padding: 10px 15px;">Long term goals
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="Two">
<div class="panel-body">
<p> The following are the long term goals of OLI:
<ul>
<li>Cover all the major regional languages of India</li>
<li>Reach out to as many NGOs as possible</li>
<li>Cover all the basic topics in Science and Math and also other subjects</li>
<li>Train the students in English and make them proficient in the language so that they
don't face any problems in their higher studies and professional life</li>
<li>Make learning fun and interesting</li>
</ul>
</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree"
aria-expanded="false" aria-controls="collapseThree" style = "padding: 10px 15px;">My Role
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="Three">
<div class="panel-body">
<p>I ideated, founded and led OLI as the Channel Manager for more than two years, before passing on the baton
to the newer members of NSS. I built the entire eco-system around OLI:
Video-makers, reviewers, content-coordinators, web team, media team and the Channel Manager. I set strict quality
standards for the videos right from the launch of OLI, looking at the clarity of explanations, factual correctness,
presence of illustrative examples, presence of complementary content outside of the textbook and overall appeal
of the video.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFour">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour"
aria-expanded="false" aria-controls="collapseFour" style = "padding: 10px 15px;">Impact/ Outcome
</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="Four">
<div class="panel-body">
<p>OLI's impact has left us all stunned. The current numbers stand as follows:
<ul>
<li><strong>Subscribers:</strong> 100,000+</li>
<li><strong>Views:</strong> 9,500,000+</li>
<li><strong>Videos:</strong> 350+</li>
<li><strong>Languages:</strong> 9</li>
</ul>
Apart from the overwhelming numbers, which we never expected for regional language content, we were really humbled
when we realized that OLI was being used by the district administration of Giridih (an insurgency affected district) to
teach students in the absence of permanent teachers. We, sitting in our hostel rooms, were reaching out to students
in places where teachers were refusing to teach. One glimpse of a session in Giridih is shown in the background image. <br /><br />
Also, videos from OLI were hosted on the Educational Portal of the Madhya Pradesh State Government. A few months ago, we
were invited by the Ministry of Human Resources Development, Government of India, to contribute to their initiative DIKSHA- National
Teacher Platform.
</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFive">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFive"
aria-expanded="false" aria-controls="collapseFive" style = "padding: 10px 15px;">Media Coverage
</a>
</h4>
</div>
<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="Five">
<div class="panel-body">
<p>OLI has been covered by various leading national publications:
<ul>
<li><strong>Business Insider:</strong><a href="https://www.businessinsider.in/an-iit-bombay-students-channel-is-becoming-a-rage-on-youtube-heres-why/articleshow/57495768.cms" target="_blank"> An IIT Bombay student's channel is becoming a rage on YouTube, here's why </a></li>
<li><strong>Indian Express:</strong><a href="https://indianexpress.com/article/education/iit-bombay-students-regional-education-video-channel-hits-10000-subscribers/" target="_blank"> IIT Bombay student's regional education video channel hits 10,000 subscribers </a></li>
<li><strong>YourStory:</strong><a href="https://yourstory.com/2016/01/iit-bombay-brings-internet-closer/" target="_blank"> This third year student of IIT Bombay brings the Internet closer to non-English-medium schools </a></li>
</ul></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingSix">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSix"
aria-expanded="false" aria-controls="collapseSix" style = "padding: 10px 15px;">Learn more about OLI
</a>
</h4>
</div>
<div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="Six">
<div class="panel-body">
<p> OLI Portal: <a href = "https://gymkhana.iitb.ac.in/~nss/olidwd/" target="_blank">https://gymkhana.iitb.ac.in/~nss/olidwd/ </a></p>
<p> YouTube Channel Link: <a href = "https://www.youtube.com/c/OLINSSIITB" target="_blank">https://www.youtube.com/c/OLINSSIITB </a></p>
<p>Personal Blog: <a href = "https://theiinaniitian.wordpress.com/2018/01/31/the-making-of-oli-nss-iitb/" target="_blank">The Making of OLI - NSS, IITB</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 ">
<p><a href="index.html#socialWork" class="btn btn-primary btn-lg btn-load-more" style="background-color:#8b4513; border:#8b4513;">Back to Social Work </a></p>
</div>
</div>
</div>
</div>
</section>
</body>
</html>