-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
executable file
·442 lines (355 loc) · 23.5 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
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
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
<!doctype html>
<html lang="en" ng-app="ebizApp">
<head>
<meta charset="utf-8">
<meta charset="text/html utf-8">
<meta charset="UTF-8">
<meta name="keywords" content="ebiz e-biz ebusiness information java j2ee jee android angular angularjs angular.js react react.js sass gulp bower cordova ionic hybride mobile opensource UX user experience stratégie digitale sur-mesure gatling jawg maps cloud carte custom widgets personnalisé devops docker ci continuous integration continuous delivery jenkins">
<meta name="description" content="Une équipe de Ninjas du développement Web / Java / Mobile natif, hybride pour vous accompagner dans votre stratégie digitale. Des experts techniques et UX, spécialistes en intégration et livraison continue, et DevOps-aware.">
<title>eBiz</title>
<!-- App css -->
<link href="css/bootstrap.min.css" rel="stylesheet"/>
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="css/header.css" rel="stylesheet">
<link href="css/footer.css" rel="stylesheet">
<link href="css/app.css" rel="stylesheet"/>
<link href="css/content.css" rel="stylesheet"/>
<link href="css/navbar.css" rel="stylesheet"/>
<!-- Fonts -->
<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
<link href="./img/favicon.png" rel="icon" type="image/png" />
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="100" ng-controller="MainCtrl">
<div class="container">
<!-- Header
================================================== -->
<header>
<div class="header-bg"></div>
<div class="header-bg-shadow-start transition-color"></div>
<!-- Top strip -->
<div class="header-top-strip" style="display: none;">
<div class="header-top-strip-content"></div>
</div>
<!-- Light effect below top strip -->
<div class="header-light-effect" style="display: none;">
<div class="header-hr"></div>
</div>
<!-- Header main content -->
<div class="header-content">
<div class="reflect"><div> </div></div>
<div class="centered">
<div class="text">
<div class="ebiz" style="display: none">eBusiness<span class="biz">Information</span></div>
<img src="./img/logo-ebusiness.png" alt="" class="ebusiness-logo " style="display: none"/>
<div class="ebiz-description" style="display: none">Centré sur l'<font class="hand">excellence</font> des compétences et des prestations</div>
</div>
</div>
<!-- Navbar in document -->
<div class="header-bottom-strip"></div>
<div class="flow-navbar">
<div class="navbar-top"><i class="icon-double-angle-up"></i> Haut</div>
<div class="navbar">
<div class="navbar-inner">
<div class="nav-collapse collapse">
<ul class="nav">
<li>
<a ng-click="toggleNews(false)" href="#anchor-adn">Nos expertises</a>
</li>
<li>
<a ng-click="toggleNews(false)" href="#anchor-top">Nos solutions</a>
</li>
<li>
<a ng-click="toggleNews(false)" href="#anchor-adn">Notre ADN</a>
</li>
<li>
<a ng-click="toggleNews(false)" href="#anchor-pitch">Pitch</a>
</li>
<li>
<a ng-click="toggleNews(false)" href="#anchor-join">Nous rejoindre</a>
</li>
<li>
<a ng-click="toggleNews(false)" href="#anchor-internship">Stages</a>
</li>
<li>
<a ng-click="toggleNews(true)" href="#anchor-news"><b>Dernières news</b></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<a class="forkme smooth-scroll" href="#anchor-join">
Nous recrutons
</a>
</header>
<content ng-if="viewManager.showNews">
<h1 id="anchor-news">
<span><i class="icon-envelope"></i> Dernières news</span>
</h1>
<div>
<news></news>
</div>
</content>
<content ng-if="!viewManager.showNews">
<div ng-controller="LinksCtrl">
<div id="anchor-top" style="width:0px; height:0px;"></div>
<div class="featurette slideIn" ng-click="redirect('http://gatling.io')">
<img class="featurette-image pull-right" src="./img/gatling.png">
<h2 class="featurette-heading">Gatling.io. <span class="muted">Stress-testez vos applications web.</span></h2>
<p class="lead">
Gatling est une solution de test haute performance permettant de simuler un grand nombre de clients tout en consommant peu de ressources. Il est Open Source, il est utilisé par des dizaines de milliers d'utilisateurs dans le monde entier.
<br/>
La nouvelle version Frontline apporte de nombreuses fonctions : suivi temps réel, stockage, clustering natif, nouvelles statistiques...
<br/>
Nos équipes peuvent traiter des besoins spécifiques : organiser des sessions de tir ou coder les scripts, former à l'utilisation avancée de Gatling ou réaliser des modules custom.
</p>
<p class="link float-left">gatling.io</p><p class="twitter-link float-right with-margin"><a ng-click="redirect('https://twitter.com/gatlingtool')" href="">@GatlingTool</a></p>
</div>
<div class="featurette slideIn" ng-click="redirect('http://jawg.io')">
<img class="featurette-image pull-left designmyapp-image" src="./img/jawg-logo.png" alt="jawg maps logo" />
<h2 class="featurette-heading">Jawg maps. Reprenez le contrôle de vos cartes.</h2>
<p class="lead">
Les cartes sont un enjeu stratégique pour de nombreux SI.
<br/>Jawg maps est en mesure de répondre à certains de vos intérêts:
<br/> • critères de personnalisation
<br/> • disponibilité hors-ligne ou en réseau privé
<br/> • propriété intellectuelle
<br/>Jawg maps, c'est toute la puissance du système de cartes le plus scalable et performant du moment, disponible en SaaS, sur serveur dédié, ou on-premises.
</p>
<p>Cette expertise est aujourd'hui rassemblée dans l'offre <a ng-click="redirect('https://jawg.io', $event)" href="">jawg.io</a>. Serveurs de cartes personnalisées, app mobiles, intégration web.</p>
<p class="link float-left">jawg.io</p>
</div>
<div class="featurette slideIn" ng-click="redirect('http://designmyapp.mobi')">
<img class="featurette-image pull-right designmyapp-image" src="./img/dma_cube.png">
<h2 class="featurette-heading">DesignMyApp. <span class="muted">Un clic, une app mobile ou web.</span></h2>
<p class="lead">
Vos clients sont uniques. Avec DesignMyApp, vous pourrez proposer à vos clients une App Android, iOS ou web totalement personnalisée car générée et déployée spécialement pour lui. En un clic, ou presque.
DesignMyApp invente le concept de l'App jetable à usage unique.
</p>
<p>
DesignMyApp a été développée par les équipes d'eBiz en utilisant de nombreuses technologies comme Java8, Tomcat8, Spring 4, Spring Boot, Spring MVC, Jackson, Maven 3.3, MongoDB 2.6, Docker 1.6, NPM, Gulp, Bower, AngularJS 1.3, SASS, Node.js, Jenkins ou Sonar.
</p>
<p class="link float-left">designmyapp.mobi</p><p class="twitter-link float-right"><a ng-click="redirect('https://twitter.com/DesignMyApp')" href="">@DesignMyApp</a></p>
</div>
<div class="featurette slideIn" ng-click="redirect('http://openparis.org')">
<img class="featurette-image pull-left" src="./img/openparis-opencyclo.png">
<h2 class="featurette-heading">Mobilité. <span class="muted">App Android, iOS et OpenData.</span></h2>
<p class="lead">Les technolologies mobiles transforment les usages. Depuis peu, collectivités, états et entreprises libèrent certaines de leurs données : l'OpenData est en marche.</p>
<p>Découvrez <a ng-click="redirect('http://openparis.org', $event)" href="">OpenParis</a>, app gagnante du prix RATP Moov'In The City 2013.<br>
Inventer de nouveaux concepts et les mettre en œuvre, c'est facile : de la matière grise, de l'OpenData et du savoir-faire technique.
</p>
<p>Retrouvez également <a ng-click="redirect('http://opencyclo.org', $event)" href="">OpenCyclo</a>, un exemple d'utilisation des données ouvertes de JCDecaux sur iOS et Android.
<br />
Disponible sur <a ng-click="redirect('https://play.google.com/store/apps/details?id=com.ebiz.opencyclo.android', $event)" href="">Google Play</a> et sur l'<a ng-click="redirect('https://itunes.apple.com/fr/app/opencyclo/id645447749?mt=8&ign-mpt=uo%3D4', $event)" href="">Apple Store</a> !</p>
<p class="link">openparis.org</p>
</div>
<div class="featurette slideIn" ng-click="redirect('http://androidkickstartr.com/')">
<img class="featurette-image pull-right" src="./img/androidkickstartr.png">
<h2 class="featurette-heading">AndroidKickstartR. <span class="muted">Productivité avec Android.</span></h2>
<p class="lead">AndroidKickstartR permet de créer en 10 secondes une application Android embarquant vos librairies préférées. Votre projet est créé et configuré pour vous. Concentrez-vous uniquement sur le code !</p>
<p class="link">androidkickstartr.com</p>
</div>
<div class="featurette slideIn" ng-click="redirect('http://androidannotations.org/')">
<img class="featurette-image pull-left" src="./img/androidannotations.png">
<h2 class="featurette-heading">AndroidAnnotations. <span class="muted">Développez rapidement, maintenez facilement.</span></h2>
<p class="lead">AndroidAnnotations est un framework Open Source visant à simplifier et industrialiser les développements Android, sans impacter les performances.</p>
<p class="link">androidannotations.org</p>
</div>
</div>
<h1 id="anchor-adn">
<span><i class="icon-tint"></i> Notre ADN</span>
</h1>
<p class="slideIn">Que les projets soient Open Source, applications mobiles B2C ou B2B, intranets, ou infrastructure hautes disponibilités, l'approche nécessite toujours de répondre aux mêmes questions : quelles options structurantes, quelles réponses fonctionnelles, quelles solutions techniques, quelle enveloppe budgétaire et au fond quels moyens humains ?</p>
<ul class="words slideIn">
<li>expertise</li><li>talent</li><li>volontarisme</li><li>éthique</li><li>collaboration</li>
</ul>
<div class="adn slideIn">
<img src="img/adn.png" alt="ADN" class="slideIn" />
<div class="box box1 slideIn">
<div> </div>
<strong>Notre ADN</strong>, ce sont nos consultants, issus d'un processus de sélection et de formation ambitieux qui s'adresse aux plus motivés par les métiers de l'ingénierie Java/JEE/Mobilité.</div>
<div class="box box2 slideIn">
<div> </div>
<strong>Notre ADN</strong>, ce sont nos réalisations, c'est à dire les projets de nos clients, les projets Open Source comme Gatling ou AA, les workshops techniques ou les contributions sur nos médias.</div>
<div class="box box3 slideIn">
<div> </div>
<strong>Notre ADN</strong> enfin, c'est notre capacité d'écoute du marché, et d'anticipation des besoins des DSI pour qu'elles assurent leur fonction essentielle : accompagner, outiller voire précéder la stratégie métier.</div>
</div>
<h1 id="anchor-pitch">
<span><i class="icon-quote-left"></i>Pitch</span>
</h1>
<div class="column30 slideIn">
<p class="slideIn column">
<i class="icon-group column-head"></i>
<img src="img/ebusiness.png" class="logo">, c'est une équipe d'une <strong>cinquantaine</strong> de femmes et d'hommes, de <strong>moins de 30 ans</strong> de moyenne d'âge, qui réalisent chaque année des projets pour tous types de clients : <strong><i class="icon-building"></i> startups, banques, assurances, telecom, BTP, transport, services</strong>.
<p class="slideIn column">
<i class="icon-heart-empty column-head"></i>
Ce sont certainement des <strong><i class="icon-laptop"></i> geeks</strong>, mais surtout de vrais <strong><i class="icon-star"></i> professionnels</strong> au service de la réussite des projets.
<br />
Ils savent manipuler les premières versions de la <strong>stack JEE</strong>, mais aussi, la <strong>stack Typesafe</strong>, les <strong>frameworks Javascript</strong> ou les principales technologies <strong><i class="icon-tablet"></i> mobiles</strong>.
<p class="slideIn column">
<i class="icon-thumbs-up column-head"></i>
<img src="img/ebusiness.png" class="logo"> pense que les principales clefs d'une bonne collaboration sont des <strong>valeurs humaines</strong> communes de <strong>partage</strong> et d'<strong>entre-aide</strong>. Ces valeurs sont sans cesse réaffirmées, que ce soit en interne ou lorsque nos équipes interviennent auprès des collaborateurs de nos clients.</p>
</div>
<div class="clearfix"></div>
</content>
<div ng-if="!viewManager.showNews" class="timeline slideIn" ng-controller="TimelineCtrl">
<content>
<div class="end"> </div>
<div class="start"> </div>
<div class="date {{{true: 'with-text', false: ''}[date % 5 == 0 || date == 2016]}} {{{true: 'now', false: ''}[date == 2016]}}" style="left: {{(date-2000)*100/16}}%; width: {{100/16}}%" ng-repeat="date in [2000, 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016]">
{{{true: date, false: ''}[date % 5 == 0 || date == 2016]}}
</div>
<div class="date-strip" style="left: {{(date-2000)*100/16}}%; width: {{100/14}}%" ng-repeat="date in [2000, 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016]">
</div>
<div class="text" style="left: {{(1999.84-2000)*100/16}}%; top: 40px;">
<div>
Depuis <strong>2000</strong>, <img src="img/ebusiness.png" class="logo"> propose à ses clients des consultants spécialisés dans les technologies Java/JEE et apparentées.
</div>
</div>
<div class="text" style="left: {{(2001.84-2000)*100/16}}%; top: 225px;">
<div>
<img src="img/ebusiness.png" class="logo"> animent depuis <strong>2002</strong> un réseau d'écoles d'ingénieurs dans toute la France en réalisant des séminaires techniques, des formations JEE, Mobilité et Agilité.
</div>
</div>
<div class="text" style="left: {{(2008.5-2000)*100/16}}%; top: -2px;">
<div>
En <strong>2009</strong>, <img src="img/ebusiness.png" class="logo"> a voulu ajouter des projets conséquents à la communauté des développeurs et ainsi apporter sa pierre à l'édifice Open Source. <br />Gatling et AndroidAnnotations ont été les deux premiers projets concrets issus de cette volonté.
</div>
</div>
<div class="text with-right-pin" style="left: calc({{(2013.84-2000)*100/16}}% - 320px); top: 230px;">
<div>
En <strong>2014</strong>, <img src="img/ebusiness.png" class="logo"> devient leader d'un groupe de travail européen sur les Smart City Services au sein de FIcontent puis lance DesignMyApp et le concept de la génération d'app mobiles ou web jetables.
</div>
</div>
<div class="text" style="left: {{(2014.84-2000)*100/16}}%; top: 5px;">
<div>
En <strong>2015</strong>, Gatling dépasse les 150k téléchargements et se dote d'un nouveau site en .io.<br/>DesignMyApp met sa puissance au service de la contribution dans OpenStreetMap.
</div>
</div>
<div class="text" style="left: {{(2015.84-2000)*100/16}}%; top: 215px;">
<div>
En <strong>2016</strong>, Gatling dépasse les 300k téléchargements et lance la version Gatling Frontline. L'offre basée sur OpenStreetMap devient Jawg maps et part à la conquête de son marché.
</div>
</div>
</content>
</div>
<content ng-if="!viewManager.showNews">
<h1 id="anchor-join">
<span><i class="icon-signin"></i> Nous rejoindre</span>
</h1>
<div>
<div class="column30 slideIn">
<p class="slideIn column">
<i class="icon-time column-head"></i>
<img src="img/ebusiness.png" class="logo"> est bien connue pour son recrutement de jeunes ingénieurs. Durant une période d'intégration de <strong><i class="icon-time"></i> 6 mois</strong>, toutes les technologies orthodoxes <br /><strong><i class="icon-coffee"></i> JEE</strong> et <strong><i class="icon-mobile-phone"></i> Mobiles</strong> sont abordées dans le détail, et chacun décide d'une ou plusieurs spécialisations, y compris dans des technologies qui font le buzz.
</p>
<p class="slideIn column">
<i class="icon-picture column-head highlighted"></i>
Le logement dans une <strong><i class="icon-building"></i> résidence</strong>, les événements de <strong>team building</strong> et <strong>d'intégration</strong>, la <strong><i class="icon-bookmark"></i> certification OCPJP</strong> achèvent de créer un bon esprit d'équipe.
</p>
<p class="slideIn column">
<i class="icon-envelope-alt column-head"></i>
Alors si vous êtes <strong>passionné</strong> des technologies Java/JEE et apparentées, de mobilité ou de technologies utilisées dans nos projets open source, <strong>postulez</strong>.<br /><br /><strong><i class=" icon-bolt"></i> Cassez les codes</strong>, et plutôt qu'un CV et une lettre de motivation classiques, montrez de quoi vous êtes capables, car c'est précisément ce qui intéressera l'équipe.
</p>
</div>
<div class="clearfix"></div>
</div>
<h1 id="anchor-internship">
<span><i class="icon-briefcase"></i>Stages</span>
</h1>
<p class="slideIn sidenote">
<i class="icon-exclamation-sign icon-gray"></i> <img src="img/ebusiness.png" class="logo"> recrute aussi des talents déjà confirmés. Une seule obligation pour postuler : se reconnaître dans son <a href="#anchor-adn" class="smooth-scroll">ADN</a>.
</p>
<div ng-controller="InternshipsCtrl" id="columns">
<div class="internship slideIn" ng-repeat="internship in internships" ng-click="download(internship.pdf)">
<div class="internship-head">
{{internship.title}}
</div>
<i class="icon-download-alt"></i>
<ul>
<li ng-repeat="line in internship.description">{{line}}</li>
</ul>
</div>
</div>
</content>
<div class="clearfooter">
<!-- Forces the footer to display below the content -->
</div>
</div>
<div class="footer">
<div class="footer-bg"></div>
<!-- Light effect on top -->
<div class="footer-light-effect"> </div>
<div class="footer-column">
<div class="footer-title">Adresse</div>
<div class="footer-text">
eBusiness Information<br />
152-160 avenue Aristide Briand<br />
92220 Bagneux<br /><br />
</div>
<div class="phone-label">Mail</div>
<span class="phone-text"><i class="icon-comment-alt"></i> [email protected]</span><br />
<div class="phone-label">Tél</div>
<span class="phone-text"><i class="icon-phone"></i> +33 (0) 1 41 24 43 20</span><br/>
<div class="phone-label">Fax</div>
<span class="phone-text"><i class="icon-print"></i> +33 (0) 1 41 24 43 21</span><br />
</div>
<!-- Contact form -->
<div class="footer-column footer-column-right">
<div class="quote">
<i class="icon-quote-left"></i>L'excellence au service<br />de vos ambitions<i class="icon-quote-right"></i>
</div>
</div>
<div class="footer-copyright">
<a href="#aboutModal" role="button" data-toggle="modal">Mentions Légales</a> - ©2017 eBusiness Information 2000-2017
</div>
<!-- Adresse postale et mail de contact, lien direct vers les stages, mentions légales, copyright -->
</div>
<div id="aboutModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Mentions légales</h3>
</div>
<div class="modal-body">
<p>
Le propriétaire et éditeur de site web est la <strong>SARL eBusiness Information</strong> inscrite au RCS de Nanterre sous le numéro <strong>B 432 709 574</strong>.<br />
Le capital social est de <strong>231 000 euros</strong>.<br />
Le siège social est situé au <strong>152-160 avenue Aristide Briand - 92220 Bagneux</strong>.<br />
Le standard est le <strong>+33 1 41 24 43 20</strong>.
</p>
</div>
<div class="modal-footer">
Toute réclamation quant au contenu de ce site doit être adressée par voie postale au siège social de la société à l'attention du directeur de la publication <strong>Olivier Duvoid</strong>.<br />
</div>
</div>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="lib/angular/angular.min.js"></script>
<script src="lib/angular/angular-sanitize.min.js"></script>
<script src="lib/bootstrap/bootstrap.min.js"></script>
<!-- Angular.js -->
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/MainCtrl.js"></script>
<script src="js/LinksCtrl.js"></script>
<script src="js/TimelineCtrl.js"></script>
<script src="js/InternshipsCtrl.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
<script src="js/news.directive.js"></script>
<!-- Basic jQuery -->
<script src="js/jquery/navbar.js"></script>
<!--<script src="js/jquery/presentation.js"></script> <!– Must be last –>-->
<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-10826408-14', 'ebusinessinformation.fr');
ga('send', 'pageview');
</script>
</body>
</html>