-
Notifications
You must be signed in to change notification settings - Fork 2
/
technologies2.html
177 lines (157 loc) · 8.21 KB
/
technologies2.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
<!DOCTYPE html>
<html ng-app="openpaas-site" ng-cloak>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>{{ 'TITLE' | translate }}</title>
<link rel="shortcut icon" href="img/openpaas_bubbles.svg">
<!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/freelancer.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="index">
<nav-bar></nav-bar>
<!-- Le projet Section -->
<section class="pres">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Technologies</h2>
<hr class="star-primary">
</div>
</div>
<div class="row text-center ">
<p>Le projet <strong class="iconscolor">OpenPaaS::NG</strong > utilise des technologies modernes et OpenStandard.</p>
</div>
<hr class="star-primary-small">
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<a href="https://angularjs.org/">
<img class="image-size2" src="img/angular-icon.svg" alt="logo_angular">
</a>
</div>
</div>
<div class="col-md-8">
<p>AngularJS est un framework JavaScript développé par Google. Il possède une grande communauté qui lui permet de bénéficier d'une pléthore de modules. Il est conçu pour séparer complètement le code métier et le code d'interaction utilisateur. Cela permet aux développeurs de plus aisément séparer correctement les problématiques ( application du SRP ), de tester correctement l'ensemble de l'application Web et de réutiliser les services métiers avec d'autres interfaces.</p>
</div>
</div>
<hr class="star-primary-small">
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<a href="https://nodejs.org/en/">
<img class="image-size2" src="img/nodejs.svg" alt="logo_nodejs">
</a>
</div>
</div>
<div class="col-md-8">
<p>NodeJs sert en général de dispatcheur de requêtes puis d'agrégateur de résultats. Il fournit les ressources statiques (HTML Templates, clientside, javascript files, CSS files, images...) ainsi que l'API REST aux clients OpenPaaS. Il sert aussi de serveur websocket, assurant les fonctionnalités temps-réel de la plateforme.</p>
</div>
</div>
<hr class="star-primary-small">
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<a href="https://www.mongodb.org/">
<img src="img/mongodb.svg" alt="logo_mongodb">
</a>
</div>
</div>
<div class="col-md-8">
<p>MongoDB est une base de données NoSQL orientée douments qui permet entre autres de rajouter des clés sans reconfiguration. Les données sont manipulables à l'aide de JavaScript et d'autres langages. Cette base de données utilise également la réplication ce qui permet la sécurité des données, et le sharding pour assurer la scalabilité horizontale.</p>
</div>
</div>
<hr class="star-primary-small">
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<a href="https://www.elastic.co/">
<img class="image-size" src="img/Elasticsearch.svg" alt="logo_Elasticsearch">
</a>
</div>
</div>
<div class="col-md-8">
<p>Elasticsearch est un moteur de recherche, s'appuyant sur un puissant système d'indexation qui inclue notamment la possibilité de customiser les index. Il bénéficie aussi d'une grande scabilité. C'est pourquoi il est utilié par des géants de l'internet, tel que Github.</p>
</div>
</div>
<hr class="star-primary-small">
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<a href="https://webrtc.org/">
<img class="image-size" src="img/webrtc.svg" alt="logo_webrtc">
</a>
</div>
</div>
<div class="col-md-8">
<p>WebRTC est un projet qui permet aux navigateurs et aux applications mobiles d'avoir accès à la communication en temps réel via des APIs simples. La technologie WebRTC permet à un serveur central de mettre en relation des clients pour une communication pair à pair. Les pairs peuvent alors échanger des données et des flux audio et vidéo.Nous l'utilisons dans le service OpenPaaS de vidéoconférence Hubl.in.</p>
</div>
</div>
<hr class="star-primary-small">
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<a href="http://cassandra.apache.org/">
<img class="image-size" src="img/cassandra.svg" alt="logo_cassandra">
</a>
</div>
</div>
<div class="col-md-8">
<p>Cassandra est une base de données NoSQL orientée colonnes conçue notamment pour les bases de données très importantes installées sur plusieurs serveurs. Il permet d'éviter la perte de données en copiant automatiquement les données sur de multiples noeuds. C'est un outil utilisé par des sociétés d'envergure comme le CERN, eBay, Instagram, Netflix, Github, ...</p>
</div>
</div>
<hr class="star-primary-small">
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<a href="http://spark.apache.org/">
<img class="image-size" src="img/spark.svg" alt="logo_spark">
</a>
</div>
</div>
<div class="col-md-8">
<p>Spark est un framework OpenSource de calcul distribué pensé pour les grandes bases de données. Il est en général utilisé pour effectuer les opérations de data mining et machine learning sur un nombre important de données. Spark bénéficie d'un large nombre de contributeurs.</p>
</div>
</div>
</div>
</div>
</section>
<website-footer></website-footer>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/freelancer.js"></script>
<!-- OpenPaaS specifics -->
<script src="lang/fr.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular-route.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate/2.8.0/angular-translate.min.js"></script>
<script src="js/site.js"></script>
<script src="js/slideshare.js"></script>
</body>
</html>