-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathatom.xml
More file actions
276 lines (198 loc) · 25.3 KB
/
atom.xml
File metadata and controls
276 lines (198 loc) · 25.3 KB
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
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title><![CDATA[MootCube.info]]></title>
<link href="http://mootcube.info/atom.xml" rel="self"/>
<link href="http://mootcube.info/"/>
<updated>2012-11-30T04:26:31+01:00</updated>
<id>http://mootcube.info/</id>
<author>
<name><![CDATA[Mathieu Chataigner]]></name>
</author>
<generator uri="http://octopress.org/">Octopress</generator>
<entry>
<title type="html"><![CDATA[Shipper des API, du Web avec Scala et de l'Android en mode hackathon]]></title>
<link href="http://mootcube.info/blog/2012/11/30/shipping-scala-webapp-en-mode-hackathon/"/>
<updated>2012-11-30T00:00:00+01:00</updated>
<id>http://mootcube.info/blog/2012/11/30/shipping-scala-webapp-en-mode-hackathon</id>
<content type="html"><-->
<p>Voici tout d’abord une rapide présentation de l’application.</p>
<h3>Le squelette de l’application</h3>
<p>Ce soir, il s’agit d’implémenter une application nommée ‘kplaner’ qui propose un doodle pour choisir une/des séance(s) de cinéma. Elle est composée d’une partie UI en Android, et d’une partie serveur en Scala avec l’API JSON. La partie Web Service REST va être gérée grâce à le toolkit Unfiltered.</p>
<p>Les spécifications:
- je peux choisir une date et un ciné
- on peut me proposer la liste des films qui sont autour de ces horaires, je peux checker ceux qui me branchent
- je peux envoyer des invitations à mes potes par tous les moyens qui me semblent bons</p>
<h3>Unfiltered</h3>
<p>Voici une rapide présentation de Unfiltered:</p>
<ul>
<li>la déclaration d’un web service avec l’opération HTTP Get et une réponse au format JSON s’écrit sous forme d’un contrat (intent) et ses chemins :</li>
</ul>
<figure class='code'><figcaption><span>création d’un web service Rest</span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
<span class='line-number'>2</span>
<span class='line-number'>3</span>
<span class='line-number'>4</span>
<span class='line-number'>5</span>
<span class='line-number'>6</span>
<span class='line-number'>7</span>
<span class='line-number'>8</span>
<span class='line-number'>9</span>
<span class='line-number'>10</span>
</pre></td><td class='code'><pre><code class='scala'><span class='line'><span class="cm">/** unfiltered plan */</span>
</span><span class='line'><span class="k">trait</span> <span class="nc">KApp</span> <span class="k">extends</span> <span class="n">unfiltered</span><span class="o">.</span><span class="n">filter</span><span class="o">.</span><span class="nc">Plan</span> <span class="o">{</span>
</span><span class='line'> <span class="n">self</span><span class="k">:</span> <span class="kt">KinoService</span> <span class="kt">with</span> <span class="kt">KPlanerCreationService</span> <span class="o">=></span>
</span><span class='line'>
</span><span class='line'> <span class="k">def</span> <span class="n">intent</span> <span class="k">=</span> <span class="o">{</span>
</span><span class='line'> <span class="k">case</span> <span class="nc">GET</span><span class="o">(</span><span class="nc">Path</span><span class="o">(</span><span class="s">"/kinolist"</span><span class="o">))</span> <span class="k">=></span> <span class="n">jsonResponse</span><span class="o">(</span><span class="n">listKinos</span><span class="o">())</span>
</span><span class='line'> <span class="k">case</span> <span class="nc">GET</span><span class="o">(</span><span class="nc">Path</span><span class="o">(</span><span class="s">"/filmlist"</span><span class="o">))</span> <span class="k">=></span> <span class="n">jsonResponse</span><span class="o">(</span><span class="n">listFilms</span><span class="o">())</span>
</span><span class='line'> <span class="k">case</span> <span class="nc">GET</span><span class="o">(</span><span class="nc">Path</span><span class="o">(</span><span class="s">"/sessions"</span><span class="o">))</span> <span class="k">=></span> <span class="n">jsonResponse</span><span class="o">(</span><span class="n">listShowing</span><span class="o">())</span>
</span><span class='line'> <span class="o">}</span>
</span><span class='line'><span class="o">}</span>
</span></code></pre></td></tr></table></div></figure>
<ul>
<li>le lancement du serveur:</li>
</ul>
<figure class='code'><figcaption><span>création d’un serveur unfiltered</span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
<span class='line-number'>2</span>
<span class='line-number'>3</span>
<span class='line-number'>4</span>
<span class='line-number'>5</span>
<span class='line-number'>6</span>
<span class='line-number'>7</span>
<span class='line-number'>8</span>
<span class='line-number'>9</span>
<span class='line-number'>10</span>
<span class='line-number'>11</span>
<span class='line-number'>12</span>
<span class='line-number'>13</span>
<span class='line-number'>14</span>
</pre></td><td class='code'><pre><code class='scala'><span class='line'><span class="cm">/** embedded server */</span>
</span><span class='line'><span class="k">object</span> <span class="nc">Server</span> <span class="o">{</span>
</span><span class='line'> <span class="k">def</span> <span class="n">main</span><span class="o">(</span><span class="n">args</span><span class="k">:</span> <span class="kt">Array</span><span class="o">[</span><span class="kt">String</span><span class="o">])</span> <span class="o">{</span>
</span><span class='line'> <span class="k">val</span> <span class="n">http</span> <span class="k">=</span> <span class="n">unfiltered</span><span class="o">.</span><span class="n">jetty</span><span class="o">.</span><span class="nc">Http</span><span class="o">(</span><span class="mi">8080</span><span class="o">)</span> <span class="c1">// this will not be necessary in 0.4.0</span>
</span><span class='line'> <span class="n">http</span><span class="o">.</span><span class="n">context</span><span class="o">(</span><span class="s">"/assets"</span><span class="o">)</span> <span class="o">{</span> <span class="k">_</span><span class="o">.</span><span class="n">resources</span><span class="o">(</span><span class="k">new</span> <span class="n">java</span><span class="o">.</span><span class="n">net</span><span class="o">.</span><span class="nc">URL</span><span class="o">(</span><span class="n">getClass</span><span class="o">().</span><span class="n">getResource</span><span class="o">(</span><span class="s">"/www/css"</span><span class="o">),</span> <span class="s">"."</span><span class="o">))</span> <span class="o">}</span>
</span><span class='line'> <span class="o">.</span><span class="n">filter</span><span class="o">(</span><span class="k">new</span> <span class="nc">KApp</span> <span class="k">with</span> <span class="nc">InMemoryKinoFixtureService</span> <span class="k">with</span> <span class="nc">InMemoryKplanerCreationService</span><span class="o">).</span><span class="n">run</span><span class="o">({</span> <span class="n">svr</span> <span class="k">=></span>
</span><span class='line'> <span class="o">{</span>
</span><span class='line'> <span class="n">unfiltered</span><span class="o">.</span><span class="n">util</span><span class="o">.</span><span class="nc">Browser</span><span class="o">.</span><span class="n">open</span><span class="o">(</span><span class="n">http</span><span class="o">.</span><span class="n">url</span><span class="o">)</span>
</span><span class='line'> <span class="o">}</span>
</span><span class='line'> <span class="o">},</span> <span class="o">{</span> <span class="n">svr</span> <span class="k">=></span>
</span><span class='line'> <span class="n">println</span><span class="o">(</span><span class="s">"shutting down server"</span><span class="o">)</span>
</span><span class='line'> <span class="o">})</span>
</span><span class='line'> <span class="o">}</span>
</span><span class='line'><span class="o">}</span>
</span></code></pre></td></tr></table></div></figure>
<p>Un des avantages de Scala, est la possibilité de mettre du code xml/html inline sans passer par des strings comme le montre l’exemple suivant :</p>
<figure class='code'><figcaption><span>formulaire de création d’un nouveau doodle</span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
<span class='line-number'>2</span>
<span class='line-number'>3</span>
<span class='line-number'>4</span>
<span class='line-number'>5</span>
<span class='line-number'>6</span>
<span class='line-number'>7</span>
</pre></td><td class='code'><pre><code class='scala'><span class='line'><span class="k">case</span> <span class="nc">GET</span><span class="o">(</span><span class="nc">Path</span><span class="o">(</span><span class="s">"/newdoodle"</span><span class="o">))</span> <span class="k">=></span> <span class="nc">Ok</span> <span class="o">~></span> <span class="nc">HtmlContent</span> <span class="o">~></span> <span class="nc">Html</span><span class="o">(</span>
</span><span class='line'> <span class="o"><</span><span class="n">html</span><span class="o">><</span><span class="n">body</span><span class="o">><</span><span class="n">form</span> <span class="n">action</span><span class="o">=</span><span class="s">"/kplaner"</span> <span class="n">method</span><span class="o">=</span><span class="s">"POST"</span><span class="o">></span>
</span><span class='line'> <span class="o"><</span><span class="n">input</span> <span class="n">type</span><span class="o">=</span><span class="s">"text"</span> <span class="n">name</span><span class="o">=</span><span class="s">"kinoid"</span><span class="o">/></span>
</span><span class='line'> <span class="o"><</span><span class="n">input</span> <span class="n">type</span><span class="o">=</span><span class="s">"text"</span> <span class="n">name</span><span class="o">=</span><span class="s">"date"</span><span class="o">/></span>
</span><span class='line'> <span class="o"><</span><span class="n">input</span> <span class="n">type</span><span class="o">=</span><span class="s">"submit"</span><span class="o">/></span>
</span><span class='line'> <span class="o"></</span><span class="n">form</span><span class="o">></</span><span class="n">body</span><span class="o">></</span><span class="n">html</span><span class="o">></span>
</span><span class='line'> <span class="o">)</span>
</span></code></pre></td></tr></table></div></figure>
<h3>Notre production</h3>
<p>Après quelques petits problèmes de configurations d’environnement (n’est-ce pas <a href="http://twitter.com/nivdul">@nivdul</a> :D), on est rentré dans le code.</p>
<p>Nous avons identifié 3 améliorations du squelette :</p>
<ul>
<li>ajout d’un nouveau doodle (correspondant à un cinéma et une date) à l’aide d’un formulaire.</li>
</ul>
<p>Aperçu du service de sauvegarde in memory des nouveaux doodles créés:</p>
<figure class='code'><figcaption><span>enregistrement des nouveaux doodles in memory</span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
<span class='line-number'>2</span>
<span class='line-number'>3</span>
<span class='line-number'>4</span>
<span class='line-number'>5</span>
<span class='line-number'>6</span>
<span class='line-number'>7</span>
<span class='line-number'>8</span>
<span class='line-number'>9</span>
<span class='line-number'>10</span>
<span class='line-number'>11</span>
</pre></td><td class='code'><pre><code class='scala'><span class='line'><span class="k">trait</span> <span class="nc">InMemoryKplanerCreationService</span> <span class="k">extends</span> <span class="nc">KPlanerCreationService</span> <span class="o">{</span>
</span><span class='line'> <span class="k">lazy</span> <span class="k">val</span> <span class="n">kplanerMap</span> <span class="k">=</span> <span class="k">new</span> <span class="n">collection</span><span class="o">.</span><span class="n">mutable</span><span class="o">.</span><span class="nc">HashMap</span><span class="o">[</span><span class="kt">String</span>, <span class="kt">Kplaner</span><span class="o">]()</span>
</span><span class='line'>
</span><span class='line'> <span class="k">def</span> <span class="n">newKplaner</span><span class="o">(</span><span class="n">kino</span><span class="k">:</span> <span class="kt">Kino</span><span class="o">,</span> <span class="n">date</span><span class="k">:</span> <span class="kt">DateTime</span><span class="o">)</span> <span class="k">=</span> <span class="o">{</span>
</span><span class='line'> <span class="k">val</span> <span class="n">uid</span> <span class="k">=</span> <span class="nc">UUID</span><span class="o">.</span><span class="n">randomUUID</span><span class="o">().</span><span class="n">toString</span>
</span><span class='line'> <span class="k">val</span> <span class="n">kplaner</span> <span class="k">=</span> <span class="nc">Kplaner</span><span class="o">(</span><span class="n">uid</span><span class="o">,</span> <span class="n">kino</span><span class="o">,</span> <span class="n">date</span><span class="o">,</span> <span class="nc">Set</span><span class="o">.</span><span class="n">empty</span><span class="o">)</span>
</span><span class='line'> <span class="n">kplanerMap</span> <span class="o">+=</span> <span class="n">uid</span> <span class="o">-></span> <span class="n">kplaner</span>
</span><span class='line'> <span class="n">kplaner</span>
</span><span class='line'> <span class="o">}</span>
</span><span class='line'><span class="err">…</span>
</span><span class='line'><span class="o">}</span>
</span></code></pre></td></tr></table></div></figure>
<ul>
<li>affichage d’une liste filtrée sur un cinéma et une date dans un intervalle de 2h.</li>
</ul>
<figure class='code'><figcaption><span>filtre de la liste des cinémas</span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
<span class='line-number'>2</span>
<span class='line-number'>3</span>
<span class='line-number'>4</span>
<span class='line-number'>5</span>
<span class='line-number'>6</span>
</pre></td><td class='code'><pre><code class='scala'><span class='line'><span class="k">case</span> <span class="nc">GET</span><span class="o">(</span><span class="nc">Path</span><span class="o">(</span><span class="nc">Seg</span><span class="o">(</span><span class="s">"sessions"</span> <span class="o">::</span> <span class="n">timestamp</span> <span class="o">::</span> <span class="nc">Nil</span><span class="o">)))</span> <span class="k">=></span> <span class="n">jsonResponse</span><span class="o">(</span><span class="n">listShowing</span><span class="o">().</span><span class="n">filter</span><span class="o">(</span><span class="n">x</span> <span class="k">=></span>
</span><span class='line'> <span class="o">{</span>
</span><span class='line'>
</span><span class='line'> <span class="k">val</span> <span class="n">showingTimestamp</span> <span class="k">=</span> <span class="n">x</span><span class="o">.</span><span class="n">datetime</span><span class="o">.</span><span class="n">toDate</span><span class="o">.</span><span class="n">getTime</span>
</span><span class='line'> <span class="n">x</span><span class="o">.</span><span class="n">datetime</span><span class="o">.</span><span class="n">toDate</span><span class="o">.</span><span class="n">getTime</span> <span class="o">></span> <span class="n">timestamp</span><span class="o">.</span><span class="n">toLong</span> <span class="o">-</span> <span class="nc">ONE_HOUR</span> <span class="o">&&</span> <span class="n">showingTimestamp</span> <span class="o"><</span> <span class="n">timestamp</span><span class="o">.</span><span class="n">toLong</span> <span class="o">+</span> <span class="nc">ONE_HOUR</span>
</span><span class='line'> <span class="o">}</span>
</span></code></pre></td></tr></table></div></figure>
<ul>
<li>ajout d’une vue de vote pour le film de son choix.</li>
</ul>
<p>Par manque de temps, on n’a pas fait le lien entre le formulaire de vote du choix du film d’un doodle et la partie API serveur, mais on y était proche.</p>
<h3>Bonus</h3>
<p>Premier soucis au niveau des dates: comment gérer une date sur différentes UI?
Un très bon article (<a href="http://blog.eklaweb.com/2012/08/28/gestion-des-dates-en-informatique/">http://blog.eklaweb.com/2012/08/28/gestion-des-dates-en-informatique/</a>) traite ce sujet d’ailleurs. Après plusieurs échanges au seins de l’équipe, il apparaît qu’il est plus simple de passer par des timestamp (nombre de (milli)secondes depuis le 1er Jan 1970) pour les transferts et d’utiliser l’API Joda Time côté Java/Scala.</p>
<p>Pour faciliter les tests*, à noter que les 2 extensions chrome JSONView et Advanced REST client sont assez simple d’utilisation et ont un rendu plutôt sympa.</p>
<p>* Penser à pointer sur le bon serveur ;) cc <a href="http://twitter.com/mchataigner">@mchataigner</a></p>
<p>Enfin pour la partie Web, il aurait été intéressant de rajouter un ‘datepicker’ pour faciliter l’entrée de la date à l’utilisateur, car trouver le datetime de tête… nous on sait pas faire.</p>
<h2>Conclusion</h2>
<!--
##Ludwine
La soirée a été très intéressante en terme de développement, puisque j’ai appris à implémenter des services REST grâce à Unfiltered. J’ai également pu constater qu’il était assez simple de gérer des formulaires html en scala. Enfin, cette soirée m’a vraiment donné envie de participer à un hackathon.
##Mathieu
-->
<p>C’était une expérience sympa. Du coup, j’ai envie d’aller au hackathon AngelHack. Cependant, je ne suis pas sûr d’être au niveau pour shipper les features assez rapidement pour gagner, je ne suis pas encore fluide en Scala. Mais rappelons-le, l’essentiel c’est de participer. Et puis on a jusqu’au 30 novembre pour s’entraîner.</p>
<p>Merci à <a href="http://twitter.com/nivdul">@nivdul</a> pour avoir co-rédigé cet article.</p>
<p>Et toi, viendras-tu au AngelHack?</p>
]]></content>
</entry>
</feed>