forked from nicoverbruggen/iSoc12-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
230 lines (228 loc) · 15.2 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>iRail Summer of code 2012</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/index.css">
<script src="bower_components/modernizr/modernizr.js"></script>
<script type="text/javascript" src="//use.typekit.net/jmo1htn.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body>
<div class="page">
<div class="nav" role="navigation">
<div class="constraint">
<div class="oSoc-logo">
<a href="#" class="scrollTop"><img src="images/logo.svg" alt="Logo iSoc12"></a>
</div>
<ul class="ul-nav">
<li><a href="#" data-target="blog" class="scroll">Blog</a></li>
<li><a href="#" data-target="partners" class="scroll">Partners</a></li>
<li><a href="#" data-target="projects" class="scroll">Projects</a></li>
<li><a href="#" data-target="participants" class="scroll">Participants</a></li>
<li><a href="#" data-target="extra" class="scroll">Extra</a></li>
<li><a class="osoc-bold" href="https://twitter.com/search?q=%23iSoc12" target="_blank">#iSoc12
</a></li>
</ul>
</div>
</div>
<div class="hero" id="hero">
<div class="constraint">
<h1 class="hero-header">
iRail Summer of Code: Quite <span class="strike">Possibly</span> Certainly The Best Thing Of 2012</h1>
<p class="hero-paragraph">iRail Summer of code was a 3 week programme that took place in the Belgian cities of Ghent and Hasselt during the summer of 2012. The goal: provide 25 students the training, network and support necessary to transform 6 open innovation projects into powerful real-world services.</p>
</div>
</div>
<div class="blog" id="blog">
<h2>Blog</h2>
<p class="headline">In order to get a great impression of the iRail summer of Code, make sure to check out the blog posts by the participants.</p>
<a href="https://hello.irail.be/category/summer-of-code/" class="big-participate">Visit the blog</a>
</div>
<div class="partners" id="partners">
<div class="constraint">
<h2 >Partners</h2>
<div class="partners-gallery grid-container">
<div class="grid-50">
<img src="images/sponsors/sponsors.jpg">
</div>
<div class="grid-50">
<ul>
<li><a href="http://www.go-mobile.be/">Go Mobile</a></li>
<li><a href="http://www.b-holding.be/">NMBS Holding</a></li>
<li><a href="http://flatturtle.com/">FlatTurtle</a></li>
<li><a href="http://thedatatank.com/">The DataTank</a></li>
<li><a href="http://mobilevikings.com/">Mobile Vikings</a></li>
<li><a href="http://digipolis.be/">Digipolis</a></li>
<li><a href="http://okfn.be/">OKFN Belgium</a></li>
<li><a href="http://ontoforce.com/">Ontoforce</a></li>
<li><a href="http://gent.be/">Stad Gent</a></li>
<li><a href="http://xploreplus.com/">xplore+</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="projects" id="projects">
<div class="constraint">
<h2>Projects</h2>
<div class="project">
<div class="grid-25">
<img src="images/projects/takealookinside.jpg">
</div>
<div class="grid-75">
<h3><a href="https://github.com/lievenbenoot/Take-A-Look-Inside-App">Code9000: Take A Look Inside</a></h3>
<p class="sponsor">Sponsored by Digipolis & the City of Ghent</p>
<p>Our goal is to develop a mobile app that has something to do with the city of Ghent to provide a better experience for any kind of people, which can vary from tourists to residents and employees. We have the freedom to come up with our own concepts. In order to get inspiration, we had the opportunity to talk with a lot of civil servants from different departments of the city this week. It was very inspiring and we already came up with a lot of ideas.</p>
</div>
</div>
<div class="project">
<div class="grid-25">
<img src="images/projects/flatturtle.jpg">
</div>
<div class="grid-75">
<h3><a href="https://github.com/FlatTurtle/FlatTurtle">FlatTurtle</a></h3>
<p class="sponsor">Sponsored by FlatTurtle</p>
<p>Since open data is becoming more and more popular we can start developing our own creative applications using that data. FlatTurtle does exactly that. It is a system that has a special turtle for each type of data. There is a turtle that likes train data, there is one that likes airplane data and there is a turtle that likes twitter. Combine all of these turtles together and you get a nice visualisation of that data.</p>
</div>
</div>
<div class="project">
<div class="grid-25">
<img src="images/projects/firstsight.jpg">
</div>
<div class="grid-75">
<h3><a href="https://github.com/iRail/FirstsightScripts">Firstsight</a></h3>
<p class="sponsor">Sponsored by Firstsight.be</p>
<p>“Imagine you’re walking in the street and you meet the eyes of a beautiful girl/handsome guy but you don’t make the move to talk to her/him because you don’t really know how to introduce yourself without being considered as an idiot. Have you already experienced this frustrating feeling? Of course, yes. Well with Firstsight, it is only a few clicks away. Get your mobile phone out of your pocket, open Firstsight app, create your “flash” in 10 seconds and take your chance to find back that person. Your flash will record your localization, the time and the mutual descriptions and will then be analyzed by our algorithm. If this person did the same, you’ll get a “matching” which, once confirmed from both sides, will give you the possibility to re-meet. All this for free and totally anonymously so that you don’t lose anything by creating a flash; neither your money, neither your ego.”</p>
</div>
</div>
<div class="project">
<div class="grid-25">
<img src="images/projects/tipenskip.jpg">
</div>
<div class="grid-75">
<h3><a href="https://github.com/iRail/tip-skip">Tip&Skip</a></h3>
<p class="sponsor">Sponsored by Go Mobile</p>
<p>This is a proof of concept base approach to an SMS ticketing platform and/or application. The main goal is to provide a platform where mobile payment services are offered. The platform should ease the process of acquiring such SMS tickets. Examples of such tickets are those provided by De Lijn, NMBS or 4411 parking tickets. In general there are two thought processes; buying via one’s mobile phone or buying for a phone from a computer at distance.</p>
<p>Buying from one’s mobile phone (BfP): When people buy SMS tickets they do this mostly because they lacked the time to buy a ‘real’ ticket in advance or just don’t have the time anymore to buy one. Maybe the ‘ticketeer’ is short in cash but he decides to use the money on his phone instead, again probably just in time before he needs the ticket. Therefore the main priority is speed and usability. Mostly no extra data is necessary to acquire such a ticket. A one-click-does-it-all approach should be envisioned.</p>
<p>Buying for a phone from a computer (BfC): The purpose is somewhat different when< buying an SMS-ticket from your computer which is to be sent to your phone. This will mostly be used when planning your trip beforehand. The ‘ticketeer’ would be able to avoid the hassle of buying a ‘real’ ticket.</p>
</div>
</div>
<div class="project">
<div class="grid-25">
<img src="images/projects/mobilevikings.jpg">
</div>
<div class="grid-75">
<h3><a href="https://github.com/iRail/iRail">iRail 3.0</a></h3>
<p class="sponsor">Sponsored by Mobile Vikings</p>
<p>“iRail 3.0 is an ambitious project to update the existing iRail application. It’s a stable application used daily by more than 5000 users. Our goal is to bring the app to the next level. Beyond today’s basic application, we work to offer integration with Twitter, Facebook, Foursquare and Vikingspots.</p>
<p>To do this, we’re working on making an identity manager for iRail, which will be the behind-the-scenes app that links you to these services. You’ll be able to use any of these services to let people know what you’re doing, where you’re going and how late your train is going to be. And if you have to wait for your train to arrive, you’ll be able to look up interesting spots near your location.</p>
<p>To do this, we’re implementing our own authentication server in PHP, building on the Oauth2 specification. Oauth2 is currently still a draft (version 28 at the time of writing) and finding existing implementations is proving to be very hard. Most are outdated or incomplete.”</p>
</div>
</div>
<div class="project">
<div class="grid-25">
<img src="images/projects/OKFN.jpg">
</div>
<div class="grid-75">
<h3><a href="https://github.com/iRail/KotAtGent">Kot@Gent</a></h3>
<p class="sponsor">Sponsored by OKFN</p>
<p>At Apps for Ghent, the team “The Missing H” with their app Circadia won the chance to finish this app during #iSoc12. However, meanwhile they realized that the idea is not enough of an added value so they started searching for another idea. They found this idea when talking to the Code9000 team, who had some ideas to spare. In the end they decided to make the app for Kot@Gent!</p>
</div>
</div>
<div class="project">
<div class="grid-25">
<img src="images/projects/ontoforce.png">
</div>
<div class="grid-75">
<h3>Ontoforce</h3>
<p class="sponsor">Sponsored by Ontoforce</p>
<p>The project I’m working on is a feasibility study for a faceted browser, using semantic web technologies. At this moment, Ontoforce already has conducted some preliminary studies. They have studied a multitude of possible architectures and existing examples of faceted browsers. Multimedia Lab is researching the possible architectures and looking for the perfect combination of speed and features.</p>
<p>A faceted browser allows the user to browse or search content by applying multiple filters. As opposed to a taxonomic order, where everything is ordered in a tree structure, the ordering can be arbitrary. An example of this is Aquabrowser, the system used for the catalogue of the library of Ghent.</p>
<p>While Multimedia Lab is researching the back end of the application, I’m researching the front end. I’m working bottom-up and they are working top-down, in order to meet each other in the middle.</p>
</div>
</div>
<div><p> </p></div><!-- This element gives height to the above floating elements. -->
</div>
</div>
</div>
<div class="students" id="participants">
<div class="constraint">
<h2>Participants</h2>
<img class="team" src="images/students/team.png">
</div>
</div>
</div>
</div>
<div class="contact" id="extra">
<div class="constraint">
<h2>Extra</h2>
<div class="contact-buttons grid-container">
<div class="grid-25">
<span class="contact-button"><a href="http://summerofcode.be">Join #oSoc14!</a></span>
</div>
<div class="grid-75">
<p class="contact-desc">
Yes, this year we are doing another #oSoc event! Click on the button on your left to find out more about the 2014 edition of open Summer of Code.
</p>
</div>
</div>
<div class="contact-buttons grid-container">
<div class="grid-25">
<span class="contact-button"><a href="http://2011.summerofcode.be">iSoc11</a></span>
</div>
<div class="grid-75">
<p class="contact-desc">
Want to see what was going on during the iRail Summer of Code 2011? Visit the website by clicking the link on your left.
</p>
</div>
</div>
<div class="contact-buttons grid-container">
<div class="grid-25">
<span class="contact-button"><a href="mailto:[email protected]?subject=Request regarding oSoc13">Contact us</a></span>
</div>
<div class="grid-75">
<p class="contact-desc">
Any questions about the 2012 edition of iRail Summer of Code? Feel free to contact us by using the contact us button to your left.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="constraint">
<div class="grid-container">
<div class="grid-50">
<p>Powered by OKFN Belgium.
Source code freely available on
<a href="https://github.com/nicoverbruggen/iSoc12-website">GitHub</a>.
</p>
</div>
<div class="grid-50">
<p class="al-r">Developed by
<a href="https://twitter.com/nicoverbruggen">@nicoverbruggen</a>
and loosely based on the designs of
<a href="https://twitter.com/yungpanda_be">@yungpanda_be</a>.
</p>
</div>
</div>
</div>
</div>
</div>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="js/main.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-50286357-1', 'summerofcode.be');
ga('send', 'pageview');
</script>
</body>
</html>