https://air.imag.fr/api.php?action=feedcontributions&user=Tararaina.Klipffel&feedformat=atomair - User contributions [en]2024-03-28T15:47:35ZUser contributionsMediaWiki 1.35.13https://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing2&diff=24886VT2015 Complex Event Processing22015-10-26T16:06:29Z<p>Tararaina.Klipffel: /* Bibliographie */</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration :<br />
* Apache Storm et Spark Streaming sur le cloud d'Azure <br />
* Saas IFTTT<br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés :<br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Résumé==<br />
<br />
De nos jour, le concept de Big-Data fait partie intégrante de notre quotidien. Nous faisons face à une véritable explosion du nombres de sources d'informations et par conséquent de l’augmentation exponentielle de l’information. En effet, les données générées deviennent tellement volumineuses qu'il devient difficile de les traiter avec des outils classiques de gestion de base de données ou de gestion de l'information en temps réel. Toutes ces données et événements peuvent être cruciaux pour analyser ou prendre des décisions stratégiques. D’où l'apparition des technologies de style "Complex Event Processing" qui permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles afin de générer des solutions.<br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
<br />
[[File:Complex Event Processing.jpg|center|thumb|600px]]<br />
<br />
Le Complex Event Processing (en francais, Traitement des événements complexes) est un concept d'analyse d'événements permettant de traiter un flots continus de données (mesures, événements) en temps réel dans un nuage d'événements. Cela consiste à un traitement des événements (lecture, création, transformation, l’abstraction des données) puis à l'emploie de techniques de détection de schémas complexes (corrélation, abstraction, et hiérarchies entre événements, causalité, l'adhésion, la chronologie). La fonction principal du CEP est de trier les informations contenues dans les événements et ensuite d'analyser son impact au niveau macro comme "événement complexe" pour décider d'un plan d'action en temps réel.<br />
<br />
====Architecture EDA====<br />
[[File:Architecture-EDA.jpg|center|thumb|600px]]<br />
<br />
Les systèmes basé sur le concept CEP se repose sur une architecture de type EDA (Event-Driven Architecture). L'Event-Driven Architecture est un pattern d'architecture développé autour des actions suivantes : Produire, détecter, consommer et réagir à des évènements. C'est à dire sur un modèle d'interaction applicatif qui met en oeuvre des services répondant aux demandes. La particularité de cette architecture et de ne pas avoir de langage ou plat-forme particuliers avec des communications asynchrone. C'est une architecture qui s'articule autour d'un bus disposant de fonctionnalités d'abonnement et de publication (Publish/Subscribe) et des services. Les services seront producteurs et/ou consommateurs d'événements qu'ils transmettront au bus pour avertir les services abonnées. Le Bus Publish & Subscribe a donc un rôle de médiateur (middleware) entre émetteurs et consommateurs.<br />
<br />
===Domaine d'application===<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
* Traçabilité par le biais de puces RFID<br />
** Réseaux de capteurs (IoT)<br />
** Exemple : Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
<br />
* Fiabilité<br />
** Journaux système (détection de fraudes, ...)<br />
** Problématiques financières et boursières (quotations boursières, ...)<br />
** Exemple : Détection des « Microcap stock fraud »<br />
** Sécurité des systèmes d’information par corrélation d’événements<br />
<br />
* Réactivité<br />
** Réseaux sociaux (post)<br />
** Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
* Prise de décision<br />
** Supervision technique des plateformes<br />
** Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
** Business Activity Monitoring (BAM)<br />
<br />
<br />
===Solutions===<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB). Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
<br />
* Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
* D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
<br />
===Apache Spark===<br />
<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation. Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel).<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning : dont Spark Streaming<br />
<br />
====Spark Streaming====<br />
<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
====Storm Apache====<br />
Apache Storm est un système de calcul distribué, open source et tolérant aux pannes qui permet de traiter les données en temps réel avec Hadoop. Les solutions Storm peuvent également permettre un traitement garanti des données, ainsi que la possibilité de relire les données dont le traitement a échoué une première fois.<br />
<br />
==Conclusion==<br />
<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour l’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. <br />
<br />
<br />
==Bibliographie==<br />
*http://fabulous-lab.com/blog/2015/01/17/spark-streaming-affichez-vos-donnees-en-presque-temps-reel/<br />
*http://blog.octo.com/complex-event-processing-cep-de-quoi-sagit-il/ <br />
*http://www.infoq.com/fr/articles/apache-spark-introduction<br />
*http://searchsoa.techtarget.com/definition/complex-event-processing<br />
*https://upload.wikimedia.org/wikipedia/commons/3/39/Complex_Event_Processing.jpg<br />
*http://www.lemagit.fr/conseil/Spark-contre-MapReduce-quelle-solution-pour-les-entreprises<br />
*http://www.infoq.com/fr/articles/apache-spark-introduction</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing2&diff=24885VT2015 Complex Event Processing22015-10-26T16:05:46Z<p>Tararaina.Klipffel: /* Storm Apache */</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration :<br />
* Apache Storm et Spark Streaming sur le cloud d'Azure <br />
* Saas IFTTT<br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés :<br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Résumé==<br />
<br />
De nos jour, le concept de Big-Data fait partie intégrante de notre quotidien. Nous faisons face à une véritable explosion du nombres de sources d'informations et par conséquent de l’augmentation exponentielle de l’information. En effet, les données générées deviennent tellement volumineuses qu'il devient difficile de les traiter avec des outils classiques de gestion de base de données ou de gestion de l'information en temps réel. Toutes ces données et événements peuvent être cruciaux pour analyser ou prendre des décisions stratégiques. D’où l'apparition des technologies de style "Complex Event Processing" qui permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles afin de générer des solutions.<br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
<br />
[[File:Complex Event Processing.jpg|center|thumb|600px]]<br />
<br />
Le Complex Event Processing (en francais, Traitement des événements complexes) est un concept d'analyse d'événements permettant de traiter un flots continus de données (mesures, événements) en temps réel dans un nuage d'événements. Cela consiste à un traitement des événements (lecture, création, transformation, l’abstraction des données) puis à l'emploie de techniques de détection de schémas complexes (corrélation, abstraction, et hiérarchies entre événements, causalité, l'adhésion, la chronologie). La fonction principal du CEP est de trier les informations contenues dans les événements et ensuite d'analyser son impact au niveau macro comme "événement complexe" pour décider d'un plan d'action en temps réel.<br />
<br />
====Architecture EDA====<br />
[[File:Architecture-EDA.jpg|center|thumb|600px]]<br />
<br />
Les systèmes basé sur le concept CEP se repose sur une architecture de type EDA (Event-Driven Architecture). L'Event-Driven Architecture est un pattern d'architecture développé autour des actions suivantes : Produire, détecter, consommer et réagir à des évènements. C'est à dire sur un modèle d'interaction applicatif qui met en oeuvre des services répondant aux demandes. La particularité de cette architecture et de ne pas avoir de langage ou plat-forme particuliers avec des communications asynchrone. C'est une architecture qui s'articule autour d'un bus disposant de fonctionnalités d'abonnement et de publication (Publish/Subscribe) et des services. Les services seront producteurs et/ou consommateurs d'événements qu'ils transmettront au bus pour avertir les services abonnées. Le Bus Publish & Subscribe a donc un rôle de médiateur (middleware) entre émetteurs et consommateurs.<br />
<br />
===Domaine d'application===<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
* Traçabilité par le biais de puces RFID<br />
** Réseaux de capteurs (IoT)<br />
** Exemple : Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
<br />
* Fiabilité<br />
** Journaux système (détection de fraudes, ...)<br />
** Problématiques financières et boursières (quotations boursières, ...)<br />
** Exemple : Détection des « Microcap stock fraud »<br />
** Sécurité des systèmes d’information par corrélation d’événements<br />
<br />
* Réactivité<br />
** Réseaux sociaux (post)<br />
** Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
* Prise de décision<br />
** Supervision technique des plateformes<br />
** Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
** Business Activity Monitoring (BAM)<br />
<br />
<br />
===Solutions===<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB). Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
<br />
* Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
* D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
<br />
===Apache Spark===<br />
<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation. Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel).<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning : dont Spark Streaming<br />
<br />
====Spark Streaming====<br />
<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
====Storm Apache====<br />
Apache Storm est un système de calcul distribué, open source et tolérant aux pannes qui permet de traiter les données en temps réel avec Hadoop. Les solutions Storm peuvent également permettre un traitement garanti des données, ainsi que la possibilité de relire les données dont le traitement a échoué une première fois.<br />
<br />
==Conclusion==<br />
<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour l’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. <br />
<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing2&diff=24884VT2015 Complex Event Processing22015-10-26T16:05:36Z<p>Tararaina.Klipffel: /* Apache Spark */</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration :<br />
* Apache Storm et Spark Streaming sur le cloud d'Azure <br />
* Saas IFTTT<br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés :<br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Résumé==<br />
<br />
De nos jour, le concept de Big-Data fait partie intégrante de notre quotidien. Nous faisons face à une véritable explosion du nombres de sources d'informations et par conséquent de l’augmentation exponentielle de l’information. En effet, les données générées deviennent tellement volumineuses qu'il devient difficile de les traiter avec des outils classiques de gestion de base de données ou de gestion de l'information en temps réel. Toutes ces données et événements peuvent être cruciaux pour analyser ou prendre des décisions stratégiques. D’où l'apparition des technologies de style "Complex Event Processing" qui permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles afin de générer des solutions.<br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
<br />
[[File:Complex Event Processing.jpg|center|thumb|600px]]<br />
<br />
Le Complex Event Processing (en francais, Traitement des événements complexes) est un concept d'analyse d'événements permettant de traiter un flots continus de données (mesures, événements) en temps réel dans un nuage d'événements. Cela consiste à un traitement des événements (lecture, création, transformation, l’abstraction des données) puis à l'emploie de techniques de détection de schémas complexes (corrélation, abstraction, et hiérarchies entre événements, causalité, l'adhésion, la chronologie). La fonction principal du CEP est de trier les informations contenues dans les événements et ensuite d'analyser son impact au niveau macro comme "événement complexe" pour décider d'un plan d'action en temps réel.<br />
<br />
====Architecture EDA====<br />
[[File:Architecture-EDA.jpg|center|thumb|600px]]<br />
<br />
Les systèmes basé sur le concept CEP se repose sur une architecture de type EDA (Event-Driven Architecture). L'Event-Driven Architecture est un pattern d'architecture développé autour des actions suivantes : Produire, détecter, consommer et réagir à des évènements. C'est à dire sur un modèle d'interaction applicatif qui met en oeuvre des services répondant aux demandes. La particularité de cette architecture et de ne pas avoir de langage ou plat-forme particuliers avec des communications asynchrone. C'est une architecture qui s'articule autour d'un bus disposant de fonctionnalités d'abonnement et de publication (Publish/Subscribe) et des services. Les services seront producteurs et/ou consommateurs d'événements qu'ils transmettront au bus pour avertir les services abonnées. Le Bus Publish & Subscribe a donc un rôle de médiateur (middleware) entre émetteurs et consommateurs.<br />
<br />
===Domaine d'application===<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
* Traçabilité par le biais de puces RFID<br />
** Réseaux de capteurs (IoT)<br />
** Exemple : Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
<br />
* Fiabilité<br />
** Journaux système (détection de fraudes, ...)<br />
** Problématiques financières et boursières (quotations boursières, ...)<br />
** Exemple : Détection des « Microcap stock fraud »<br />
** Sécurité des systèmes d’information par corrélation d’événements<br />
<br />
* Réactivité<br />
** Réseaux sociaux (post)<br />
** Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
* Prise de décision<br />
** Supervision technique des plateformes<br />
** Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
** Business Activity Monitoring (BAM)<br />
<br />
<br />
===Solutions===<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB). Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
<br />
* Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
* D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
<br />
===Apache Spark===<br />
<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation. Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel).<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning : dont Spark Streaming<br />
<br />
====Spark Streaming====<br />
<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
====Storm Apache====<br />
Apache Storm est un système de calcul distribué, open source et tolérant aux pannes qui permet de traiter les données en temps réel avec Hadoop. Les solutions Storm peuvent également permettre un traitement garanti des données, ainsi que la possibilité de relire les données dont le traitement a échoué une première fois.<br />
<br />
==Conclusion==<br />
<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour l’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. <br />
<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing2&diff=24883VT2015 Complex Event Processing22015-10-26T16:02:29Z<p>Tararaina.Klipffel: /* CEP */</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration :<br />
* Apache Storm et Spark Streaming sur le cloud d'Azure <br />
* Saas IFTTT<br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés :<br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Résumé==<br />
<br />
De nos jour, le concept de Big-Data fait partie intégrante de notre quotidien. Nous faisons face à une véritable explosion du nombres de sources d'informations et par conséquent de l’augmentation exponentielle de l’information. En effet, les données générées deviennent tellement volumineuses qu'il devient difficile de les traiter avec des outils classiques de gestion de base de données ou de gestion de l'information en temps réel. Toutes ces données et événements peuvent être cruciaux pour analyser ou prendre des décisions stratégiques. D’où l'apparition des technologies de style "Complex Event Processing" qui permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles afin de générer des solutions.<br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
<br />
[[File:Complex Event Processing.jpg|center|thumb|600px]]<br />
<br />
Le Complex Event Processing (en francais, Traitement des événements complexes) est un concept d'analyse d'événements permettant de traiter un flots continus de données (mesures, événements) en temps réel dans un nuage d'événements. Cela consiste à un traitement des événements (lecture, création, transformation, l’abstraction des données) puis à l'emploie de techniques de détection de schémas complexes (corrélation, abstraction, et hiérarchies entre événements, causalité, l'adhésion, la chronologie). La fonction principal du CEP est de trier les informations contenues dans les événements et ensuite d'analyser son impact au niveau macro comme "événement complexe" pour décider d'un plan d'action en temps réel.<br />
<br />
====Architecture EDA====<br />
[[File:Architecture-EDA.jpg|center|thumb|600px]]<br />
<br />
Les systèmes basé sur le concept CEP se repose sur une architecture de type EDA (Event-Driven Architecture). L'Event-Driven Architecture est un pattern d'architecture développé autour des actions suivantes : Produire, détecter, consommer et réagir à des évènements. C'est à dire sur un modèle d'interaction applicatif qui met en oeuvre des services répondant aux demandes. La particularité de cette architecture et de ne pas avoir de langage ou plat-forme particuliers avec des communications asynchrone. C'est une architecture qui s'articule autour d'un bus disposant de fonctionnalités d'abonnement et de publication (Publish/Subscribe) et des services. Les services seront producteurs et/ou consommateurs d'événements qu'ils transmettront au bus pour avertir les services abonnées. Le Bus Publish & Subscribe a donc un rôle de médiateur (middleware) entre émetteurs et consommateurs.<br />
<br />
===Domaine d'application===<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
* Traçabilité par le biais de puces RFID<br />
** Réseaux de capteurs (IoT)<br />
** Exemple : Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
<br />
* Fiabilité<br />
** Journaux système (détection de fraudes, ...)<br />
** Problématiques financières et boursières (quotations boursières, ...)<br />
** Exemple : Détection des « Microcap stock fraud »<br />
** Sécurité des systèmes d’information par corrélation d’événements<br />
<br />
* Réactivité<br />
** Réseaux sociaux (post)<br />
** Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
* Prise de décision<br />
** Supervision technique des plateformes<br />
** Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
** Business Activity Monitoring (BAM)<br />
<br />
<br />
===Solutions===<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB). Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
<br />
* Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
* D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
<br />
===Apache Spark===<br />
<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
<br />
====Avantages====<br />
Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel). Ensuite, Spark permet à des applications sur clusters Hadoop d’être exécutées jusqu’à 100 fois plus vite en mémoire, 10 fois plus vite sur disque. Il vous permet d’écrire rapidement des applications en Java, Scala ou Python et inclut un jeu de plus de 80 opérateurs haut-niveau. De plus, il est possible de l’utiliser de façon interactive pour requêter les données depuis un shell.<br />
<br />
Enfin, en plus des opérations de Map et Reduce, Spark supporte les requêtes SQL et le streaming de données et propose des fonctionnalités de machine learning et de traitements orientés graphe. Les développeurs peuvent utiliser ces possibilités en stand-alone ou en les combinant en une chaîne de traitement complexe.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve : Spark Streaming<br />
<br />
====Spark Streaming====<br />
<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
==Conclusion==<br />
<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour l’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. <br />
<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=File:Architecture-EDA.jpg&diff=24882File:Architecture-EDA.jpg2015-10-26T16:01:26Z<p>Tararaina.Klipffel: </p>
<hr />
<div></div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing2&diff=24881VT2015 Complex Event Processing22015-10-26T16:01:09Z<p>Tararaina.Klipffel: /* Synthèse */</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration :<br />
* Apache Storm et Spark Streaming sur le cloud d'Azure <br />
* Saas IFTTT<br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés :<br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Résumé==<br />
<br />
De nos jour, le concept de Big-Data fait partie intégrante de notre quotidien. Nous faisons face à une véritable explosion du nombres de sources d'informations et par conséquent de l’augmentation exponentielle de l’information. En effet, les données générées deviennent tellement volumineuses qu'il devient difficile de les traiter avec des outils classiques de gestion de base de données ou de gestion de l'information en temps réel. Toutes ces données et événements peuvent être cruciaux pour analyser ou prendre des décisions stratégiques. D’où l'apparition des technologies de style "Complex Event Processing" qui permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles afin de générer des solutions.<br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
<br />
[[File:Complex Event Processing.jpg]]<br />
<br />
Le Complex Event Processing (en francais, Traitement des événements complexes) est un concept d'analyse d'événements permettant de traiter un flots continus de données (mesures, événements) en temps réel dans un nuage d'événements. Cela consiste à un traitement des événements (lecture, création, transformation, l’abstraction des données) puis à l'emploie de techniques de détection de schémas complexes (corrélation, abstraction, et hiérarchies entre événements, causalité, l'adhésion, la chronologie). La fonction principal du CEP est de trier les informations contenues dans les événements et ensuite d'analyser son impact au niveau macro comme "événement complexe" pour décider d'un plan d'action en temps réel.<br />
<br />
====Architecture EDA====<br />
[[File:Architecture-EDA.jpg]]<br />
<br />
Les systèmes basé sur le concept CEP se repose sur une architecture de type EDA (Event-Driven Architecture). L'Event-Driven Architecture est un pattern d'architecture développé autour des actions suivantes : Produire, détecter, consommer et réagir à des évènements. C'est à dire sur un modèle d'interaction applicatif qui met en oeuvre des services répondant aux demandes. La particularité de cette architecture et de ne pas avoir de langage ou plat-forme particuliers avec des communications asynchrone. C'est une architecture qui s'articule autour d'un bus disposant de fonctionnalités d'abonnement et de publication (Publish/Subscribe) et des services. Les services seront producteurs et/ou consommateurs d'événements qu'ils transmettront au bus pour avertir les services abonnées. Le Bus Publish & Subscribe a donc un rôle de médiateur (middleware) entre émetteurs et consommateurs.<br />
<br />
<br />
===Domaine d'application===<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
* Traçabilité par le biais de puces RFID<br />
** Réseaux de capteurs (IoT)<br />
** Exemple : Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
<br />
* Fiabilité<br />
** Journaux système (détection de fraudes, ...)<br />
** Problématiques financières et boursières (quotations boursières, ...)<br />
** Exemple : Détection des « Microcap stock fraud »<br />
** Sécurité des systèmes d’information par corrélation d’événements<br />
<br />
* Réactivité<br />
** Réseaux sociaux (post)<br />
** Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
* Prise de décision<br />
** Supervision technique des plateformes<br />
** Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
** Business Activity Monitoring (BAM)<br />
<br />
<br />
===Solutions===<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB). Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
<br />
* Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
* D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
<br />
===Apache Spark===<br />
<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
<br />
====Avantages====<br />
Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel). Ensuite, Spark permet à des applications sur clusters Hadoop d’être exécutées jusqu’à 100 fois plus vite en mémoire, 10 fois plus vite sur disque. Il vous permet d’écrire rapidement des applications en Java, Scala ou Python et inclut un jeu de plus de 80 opérateurs haut-niveau. De plus, il est possible de l’utiliser de façon interactive pour requêter les données depuis un shell.<br />
<br />
Enfin, en plus des opérations de Map et Reduce, Spark supporte les requêtes SQL et le streaming de données et propose des fonctionnalités de machine learning et de traitements orientés graphe. Les développeurs peuvent utiliser ces possibilités en stand-alone ou en les combinant en une chaîne de traitement complexe.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve : Spark Streaming<br />
<br />
====Spark Streaming====<br />
<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
==Conclusion==<br />
<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour l’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. <br />
<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing2&diff=24880VT2015 Complex Event Processing22015-10-26T16:00:21Z<p>Tararaina.Klipffel: </p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration :<br />
* Apache Storm et Spark Streaming sur le cloud d'Azure <br />
* Saas IFTTT<br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés :<br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Résumé==<br />
<br />
De nos jour, le concept de Big-Data fait partie intégrante de notre quotidien. Nous faisons face à une véritable explosion du nombres de sources d'informations et par conséquent de l’augmentation exponentielle de l’information. En effet, les données générées deviennent tellement volumineuses qu'il devient difficile de les traiter avec des outils classiques de gestion de base de données ou de gestion de l'information en temps réel. Toutes ces données et événements peuvent être cruciaux pour analyser ou prendre des décisions stratégiques. D’où l'apparition des technologies de style "Complex Event Processing" qui permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles afin de générer des solutions.<br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
<br />
[[File:CEP.jpg]]<br />
<br />
Le Complex Event Processing (en francais, Traitement des événements complexes) est un concept d'analyse d'événements permettant de traiter un flots continus de données (mesures, événements) en temps réel dans un nuage d'événements. Cela consiste à un traitement des événements (lecture, création, transformation, l’abstraction des données) puis à l'emploie de techniques de détection de schémas complexes (corrélation, abstraction, et hiérarchies entre événements, causalité, l'adhésion, la chronologie). La fonction principal du CEP est de trier les informations contenues dans les événements et ensuite d'analyser son impact au niveau macro comme "événement complexe" pour décider d'un plan d'action en temps réel.<br />
<br />
====Architecture EDA====<br />
[[File:Architecture.jpg]]<br />
<br />
Les systèmes basé sur le concept CEP se repose sur une architecture de type EDA (Event-Driven Architecture). L'Event-Driven Architecture est un pattern d'architecture développé autour des actions suivantes : Produire, détecter, consommer et réagir à des évènements. C'est à dire sur un modèle d'interaction applicatif qui met en oeuvre des services répondant aux demandes. La particularité de cette architecture et de ne pas avoir de langage ou plat-forme particuliers avec des communications asynchrone. C'est une architecture qui s'articule autour d'un bus disposant de fonctionnalités d'abonnement et de publication (Publish/Subscribe) et des services. Les services seront producteurs et/ou consommateurs d'événements qu'ils transmettront au bus pour avertir les services abonnées. Le Bus Publish & Subscribe a donc un rôle de médiateur (middleware) entre émetteurs et consommateurs.<br />
<br />
<br />
===Domaine d'application===<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
* Traçabilité par le biais de puces RFID<br />
** Réseaux de capteurs (IoT)<br />
** Exemple : Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
<br />
* Fiabilité<br />
** Journaux système (détection de fraudes, ...)<br />
** Problématiques financières et boursières (quotations boursières, ...)<br />
** Exemple : Détection des « Microcap stock fraud »<br />
** Sécurité des systèmes d’information par corrélation d’événements<br />
<br />
* Réactivité<br />
** Réseaux sociaux (post)<br />
** Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
* Prise de décision<br />
** Supervision technique des plateformes<br />
** Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
** Business Activity Monitoring (BAM)<br />
<br />
<br />
===Solutions===<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB). Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
<br />
* Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
* D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
<br />
===Apache Spark===<br />
<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
<br />
====Avantages====<br />
Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel). Ensuite, Spark permet à des applications sur clusters Hadoop d’être exécutées jusqu’à 100 fois plus vite en mémoire, 10 fois plus vite sur disque. Il vous permet d’écrire rapidement des applications en Java, Scala ou Python et inclut un jeu de plus de 80 opérateurs haut-niveau. De plus, il est possible de l’utiliser de façon interactive pour requêter les données depuis un shell.<br />
<br />
Enfin, en plus des opérations de Map et Reduce, Spark supporte les requêtes SQL et le streaming de données et propose des fonctionnalités de machine learning et de traitements orientés graphe. Les développeurs peuvent utiliser ces possibilités en stand-alone ou en les combinant en une chaîne de traitement complexe.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve : Spark Streaming<br />
<br />
====Spark Streaming====<br />
<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
<br />
==Conclusion==<br />
<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour l’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. <br />
<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing2&diff=24879VT2015 Complex Event Processing22015-10-26T15:56:16Z<p>Tararaina.Klipffel: </p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration :<br />
* Apache Storm et Spark Streaming sur le cloud d'Azure <br />
* Saas IFTTT<br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés :<br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Résumé==<br />
<br />
De nos jour, le concept de Big-Data fait partie intégrante de notre quotidien. Nous faisons face à une véritable explosion du nombres de sources d'informations et par conséquent de l’augmentation exponentielle de l’information. En effet, les données générées deviennent tellement volumineuses qu'il devient difficile de les traiter avec des outils classiques de gestion de base de données ou de gestion de l'information en temps réel. Toutes ces données et événements peuvent être cruciaux pour analyser ou prendre des décisions stratégiques. D’où l'apparition des technologies de style "Complex Event Processing" qui permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles afin de générer des solutions.<br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
<br />
[[File:CEP.jpg]]<br />
<br />
Le Complex Event Processing (en francais, Traitement des événements complexes) est un concept d'analyse d'événements permettant de traiter un flots continus de données (mesures, événements) en temps réel dans un nuage d'événements. Cela consiste à un traitement des événements (lecture, création, transformation, l’abstraction des données) puis à l'emploie de techniques de détection de schémas complexes (corrélation, abstraction, et hiérarchies entre événements, causalité, l'adhésion, la chronologie). La fonction principal du CEP est de trier les informations contenues dans les événements et ensuite d'analyser son impact au niveau macro comme "événement complexe" pour décider d'un plan d'action en temps réel.<br />
<br />
====Architecture EDA====<br />
[[File:Architecture.jpg]]<br />
<br />
Les systèmes basé sur le concept CEP se repose sur une architecture de type EDA (Event D Architecture). C'est à dire sur un modèle d'interaction applicatif qui met en oeuvre des services répondant aux demandes. La particularité de cette architecture et de ne pas avoir de langage ou platforme particuliers avec des communications asynchrone (bus : PublishedSubscibe).<br />
<br />
===Domaine d'application===<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
* Traçabilité par le biais de puces RFID<br />
** Réseaux de capteurs (IoT)<br />
** Exemple : Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
<br />
* Fiabilité<br />
** Journaux système (détection de fraudes, ...)<br />
** Problématiques financières et boursières (quotations boursières, ...)<br />
** Exemple : Détection des « Microcap stock fraud »<br />
** Sécurité des systèmes d’information par corrélation d’événements<br />
<br />
* Réactivité<br />
** Réseaux sociaux (post)<br />
** Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
* Prise de décision<br />
** Supervision technique des plateformes<br />
** Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
** Business Activity Monitoring (BAM)<br />
<br />
<br />
===Solutions===<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB). Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
<br />
* Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
* D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
<br />
===Apache Spark===<br />
<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
<br />
====Avantages====<br />
Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel). Ensuite, Spark permet à des applications sur clusters Hadoop d’être exécutées jusqu’à 100 fois plus vite en mémoire, 10 fois plus vite sur disque. Il vous permet d’écrire rapidement des applications en Java, Scala ou Python et inclut un jeu de plus de 80 opérateurs haut-niveau. De plus, il est possible de l’utiliser de façon interactive pour requêter les données depuis un shell.<br />
<br />
Enfin, en plus des opérations de Map et Reduce, Spark supporte les requêtes SQL et le streaming de données et propose des fonctionnalités de machine learning et de traitements orientés graphe. Les développeurs peuvent utiliser ces possibilités en stand-alone ou en les combinant en une chaîne de traitement complexe.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve : Spark Streaming<br />
<br />
====Spark Streaming====<br />
<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
<br />
==Conclusion==<br />
<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour l’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. <br />
<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing2&diff=24878VT2015 Complex Event Processing22015-10-26T15:50:32Z<p>Tararaina.Klipffel: /* Présentation */</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration :<br />
* Apache Storm et Spark Streaming sur le cloud d'Azure <br />
* Saas IFTTT<br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés :<br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Résumé==<br />
<br />
De nos jour, le concept de Big-Data fait partie intégrante de notre quotidien. Nous faisons face à une véritable explosion du nombres de sources d'informations et par conséquent de l’augmentation exponentielle de l’information. En effet, les données générées deviennent tellement volumineuses qu'il devient difficile de les traiter avec des outils classiques de gestion de base de données ou de gestion de l'information en temps réel. Toutes ces données et événements peuvent être cruciaux pour analyser ou prendre des décisions stratégiques. D’où l'apparition des technologies de style "Complex Event Processing" qui permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles afin de générer des solutions.<br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
Le Complex Event Processing (en francais, Traitement des événements complexes) est un concept d'analyse d'événements permettant de traiter un flots continus de données (mesures, événements) en temps réel dans un nuage d'événements. Cela consiste à un traitement des événements (lecture, création, transformation, l’abstraction des données) puis à l'emploie de techniques de détection de schémas complexes (corrélation, abstraction, et hiérarchies entre événements, causalité, l'adhésion, la chronologie). La fonction principal du CEP est de trier les informations contenues dans les événements et ensuite d'analyser son impact au niveau macro comme "événement complexe" pour décider d'un plan d'action en temps réel.<br />
<br />
===Domaine d'application===<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
* Traçabilité par le biais de puces RFID<br />
** Réseaux de capteurs (IoT)<br />
** Exemple : Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
<br />
* Fiabilité<br />
** Journaux système (détection de fraudes, ...)<br />
** Problématiques financières et boursières (quotations boursières, ...)<br />
** Exemple : Détection des « Microcap stock fraud »<br />
** Sécurité des systèmes d’information par corrélation d’événements<br />
<br />
* Réactivité<br />
** Réseaux sociaux (post)<br />
** Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
* Prise de décision<br />
** Supervision technique des plateformes<br />
** Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
** Business Activity Monitoring (BAM)<br />
<br />
<br />
===Solutions===<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB). Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
<br />
* Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
* D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
<br />
===Apache Spark===<br />
<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
<br />
====Avantages====<br />
Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel). Ensuite, Spark permet à des applications sur clusters Hadoop d’être exécutées jusqu’à 100 fois plus vite en mémoire, 10 fois plus vite sur disque. Il vous permet d’écrire rapidement des applications en Java, Scala ou Python et inclut un jeu de plus de 80 opérateurs haut-niveau. De plus, il est possible de l’utiliser de façon interactive pour requêter les données depuis un shell.<br />
<br />
Enfin, en plus des opérations de Map et Reduce, Spark supporte les requêtes SQL et le streaming de données et propose des fonctionnalités de machine learning et de traitements orientés graphe. Les développeurs peuvent utiliser ces possibilités en stand-alone ou en les combinant en une chaîne de traitement complexe.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve : Spark Streaming<br />
<br />
====Spark Streaming====<br />
<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
<br />
==Conclusion==<br />
<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour l’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. <br />
<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing2&diff=24877VT2015 Complex Event Processing22015-10-26T15:49:39Z<p>Tararaina.Klipffel: Created page with "==Présentation== Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre Sujet : Complex Event Processing Démonstration de Apache Storm et Spark Streaming sur le cloud d'Az..."</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration de Apache Storm et Spark Streaming sur le cloud d'Azure <br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés : <br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Résumé==<br />
<br />
De nos jour, le concept de Big-Data fait partie intégrante de notre quotidien. Nous faisons face à une véritable explosion du nombres de sources d'informations et par conséquent de l’augmentation exponentielle de l’information. En effet, les données générées deviennent tellement volumineuses qu'il devient difficile de les traiter avec des outils classiques de gestion de base de données ou de gestion de l'information en temps réel. Toutes ces données et événements peuvent être cruciaux pour analyser ou prendre des décisions stratégiques. D’où l'apparition des technologies de style "Complex Event Processing" qui permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles afin de générer des solutions.<br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
Le Complex Event Processing (en francais, Traitement des événements complexes) est un concept d'analyse d'événements permettant de traiter un flots continus de données (mesures, événements) en temps réel dans un nuage d'événements. Cela consiste à un traitement des événements (lecture, création, transformation, l’abstraction des données) puis à l'emploie de techniques de détection de schémas complexes (corrélation, abstraction, et hiérarchies entre événements, causalité, l'adhésion, la chronologie). La fonction principal du CEP est de trier les informations contenues dans les événements et ensuite d'analyser son impact au niveau macro comme "événement complexe" pour décider d'un plan d'action en temps réel.<br />
<br />
===Domaine d'application===<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
* Traçabilité par le biais de puces RFID<br />
** Réseaux de capteurs (IoT)<br />
** Exemple : Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
<br />
* Fiabilité<br />
** Journaux système (détection de fraudes, ...)<br />
** Problématiques financières et boursières (quotations boursières, ...)<br />
** Exemple : Détection des « Microcap stock fraud »<br />
** Sécurité des systèmes d’information par corrélation d’événements<br />
<br />
* Réactivité<br />
** Réseaux sociaux (post)<br />
** Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
* Prise de décision<br />
** Supervision technique des plateformes<br />
** Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
** Business Activity Monitoring (BAM)<br />
<br />
<br />
===Solutions===<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB). Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
<br />
* Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
* D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
<br />
===Apache Spark===<br />
<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
<br />
====Avantages====<br />
Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel). Ensuite, Spark permet à des applications sur clusters Hadoop d’être exécutées jusqu’à 100 fois plus vite en mémoire, 10 fois plus vite sur disque. Il vous permet d’écrire rapidement des applications en Java, Scala ou Python et inclut un jeu de plus de 80 opérateurs haut-niveau. De plus, il est possible de l’utiliser de façon interactive pour requêter les données depuis un shell.<br />
<br />
Enfin, en plus des opérations de Map et Reduce, Spark supporte les requêtes SQL et le streaming de données et propose des fonctionnalités de machine learning et de traitements orientés graphe. Les développeurs peuvent utiliser ces possibilités en stand-alone ou en les combinant en une chaîne de traitement complexe.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve : Spark Streaming<br />
<br />
====Spark Streaming====<br />
<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
<br />
==Conclusion==<br />
<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour l’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. <br />
<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing&diff=24828VT2015 Complex Event Processing2015-10-23T09:56:28Z<p>Tararaina.Klipffel: /* Abstract */</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration de Apache Storm et Spark Streaming sur le cloud d'Azure <br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés : <br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Abstract==<br />
Today’s information society abounds in a myriad of information flows, computer-based human collaborations, software agent interactions, electronic business transactions, and the explosion of data on the Internet. Understanding what is happening in these environments is becoming increasingly difficult. In other words, we need to find the best ways to make sense of this wealth of data, to improve the quality and availability of information, and to ensure effective responses. Traditional storage and data analysis technologies are not adapted to this exponential growth of volume and event rates.<br />
<br />
In addition, the value of information may decay rapidly over time. For instance, some events that may help anticipate a production outage have no value once the outage happened. There is a need to process data as soon as events occur, with respect to latency constraints. We need to move away from traditional client-server (query-response) interaction models, to more asynchronous, event-oriented, loosely coupled push model, with applications able to take decisions based on events data.<br />
<br />
Complex Event Processing (CEP) is a set of technologies that allows exploring temporal, causal, and semantic relationships among events to make sense of them in a timely fashion.<br />
<br />
<br />
Of our in the daytime, Big-Data is an integral part of our everyday life(daily paper). The generated data become so voluminous that they become difficult there to work with classic tools of management of database or management of the information. Indeed, we attend a real explosion of the number of information sources and consequently the exponential increase of the information. All these data and events can have of value and can allow to make strategic decisions, if we can handle(treat) them in time. Complex Event Processing's technologies allow to handle this information under time constraint, and to explore the semantic and temporal relations.<br />
<br />
==Résumé==<br />
<br />
De nos jour, le Big-Data fait partie intégrante de notre quotidien. Les données générées deviennent tellement volumineux qu'ils en deviennent difficiles à travailler avec des outils classiques de gestion de base de données ou de gestion de l'information. En effet, nous assistons à une véritable explosion du nombre de sources d'informations et par conséquent de l’augmentation exponentielle de l’information. Toutes ces données et événements peuvent avoir de valeur et peuvent permettre de prendre des décisions stratégiques, si on peut les traiter à temps. Les technologies de Complex Event Processing permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles.<br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
Le Complex Event Processing (en francais, Traitement des événements complexes) est un concept d'analyse d'événements permettant d'identifier les événements significatifs dans un nuage d'événements. Cela consiste à un calcul et/ou traitement exécutant des opérations (lecture, création, transformation, l’abstraction des données) sur des événements. Le CEP emploie des techniques telles que la détection des schémas complexes de multiples événements: corrélation, abstraction, et hiérarchies entre événements et les relations entre événements tels que les liens de causalité, l'adhésion, la chronologie et les processus pilotés par les événements. La fonction du CEP est de découvrir les informations contenues dans les événements qui passent dans toutes les couches d'une organisation et ensuite d'analyser son impact au niveau macro comme "événement complexe" et puis décider du plan d'action en temps réel.<br />
<br />
Traitement de flots continus (ie non borné dans le temps) de données (mesures, événements) en temps réel.<br />
<br />
===Domaine d'application===<br />
Applications:<br />
réseaux de capteurs (IoT)<br />
journaux système (détection de fraudes, ...)<br />
finance (quotations boursières, ...)<br />
réseaux sociaux (post)<br />
<br />
<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
• Traçabilité par le biais de puces RFID<br />
– Exemple 1: Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
– Exemple 2: Traçabilité des bagages dans un aéroport entre le dépôt à l’enregistrement par le voyageur et le chargement dans l’avion<br />
<br />
• Problématiques financières et boursières<br />
– Exemple : Détection des « Microcap stock fraud » (**).<br />
<br />
• Optimisation de tournées de flottes de véhicule<br />
– Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
• Supervision technique des plateformes<br />
– Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
<br />
• Business Activity Monitoring (BAM)<br />
<br />
• Sécurité des systèmes d’information par corrélation d’événements.<br />
<br />
===Solutions===<br />
CEP dans la jungle des solutions<br />
<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB).<br />
<br />
Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
– Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
– D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
C’est pour cette raison que ces solutions logicielles ne sont pas positionnées comme des solutions concurrentes, plutôt, complémentaires:<br />
– CEP, BI: solutions d’optimisation du business<br />
– BPM, workflow: solutions de gestion des processus<br />
– ESB/EAI: solution d’infrastructure logicielle<br />
– Serveurs physiques, virtualisation: solutions d’infrastructure physique <br />
<br />
<br />
===Apache Spark===<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
====Avantages====<br />
Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel). Ensuite, Spark permet à des applications sur clusters Hadoop d’être exécutées jusqu’à 100 fois plus vite en mémoire, 10 fois plus vite sur disque. Il vous permet d’écrire rapidement des applications en Java, Scala ou Python et inclut un jeu de plus de 80 opérateurs haut-niveau. De plus, il est possible de l’utiliser de façon interactive pour requêter les données depuis un shell.<br />
<br />
Enfin, en plus des opérations de Map et Reduce, Spark supporte les requêtes SQL et le streaming de données et propose des fonctionnalités de machine learning et de traitements orientés graphe. Les développeurs peuvent utiliser ces possibilités en stand-alone ou en les combinant en une chaîne de traitement complexe.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve : Spark Streaming<br />
<br />
====Spark Streaming====<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
<br />
batch :En informatique, un traitement par lots est un enchaînement automatique d'une suite de commandes (processus) sur un ordinateur sans intervention d'un opérateur.Une fois que ce processus est terminé (quel que soit le résultat), l'ordinateur traite le lot suivant. Le traitement des lots se termine une fois que tous les lots de la pile ont été exécutés.<br />
<br />
Les Resilient Distributed Datasets (basés sur la publication de recherche de Matei), ou RDD, sont un concept au cœur du framework Spark. Vous pouvez voir un RDD comme une table dans une base de données. Celui-ci peut porter tout type de données et est stocké par Spark sur différentes partitions. Les RDD permettent de réarranger les calculs et d’optimiser le traitement. Ils sont aussi tolérants aux pannes car un RDD sait comment recréer et recalculer son ensemble de données. Les RDD sont immutables. Pour obtenir une modification d’un RDD, il faut y appliquer une transformation, qui retournera un nouveau RDD, l’original restera inchangé. Les RDD supportent deux types d’opérations :<br />
<br />
==Conclusion==<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour. L’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. Selon IDC, ce marché représente 140M$ aujourd’hui et 800M$ en 2012.<br />
<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing&diff=24821VT2015 Complex Event Processing2015-10-23T09:46:42Z<p>Tararaina.Klipffel: /* Résumé */</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration de Apache Storm et Spark Streaming sur le cloud d'Azure <br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés : <br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Abstract==<br />
Today’s information society abounds in a myriad of information flows, computer-based human collaborations, software agent interactions, electronic business transactions, and the explosion of data on the Internet. Understanding what is happening in these environments is becoming increasingly difficult. In other words, we need to find the best ways to make sense of this wealth of data, to improve the quality and availability of information, and to ensure effective responses. Traditional storage and data analysis technologies are not adapted to this exponential growth of volume and event rates.<br />
<br />
In addition, the value of information may decay rapidly over time. For instance, some events that may help anticipate a production outage have no value once the outage happened. There is a need to process data as soon as events occur, with respect to latency constraints. We need to move away from traditional client-server (query-response) interaction models, to more asynchronous, event-oriented, loosely coupled push model, with applications able to take decisions based on events data.<br />
<br />
Complex Event Processing (CEP) is a set of technologies that allows exploring temporal, causal, and semantic relationships among events to make sense of them in a timely fashion.<br />
<br />
==Résumé==<br />
<br />
De nos jour, le Big-Data fait partie intégrante de notre quotidien. Les données générées deviennent tellement volumineux qu'ils en deviennent difficiles à travailler avec des outils classiques de gestion de base de données ou de gestion de l'information. En effet, nous assistons à une véritable explosion du nombre de sources d'informations et par conséquent de l’augmentation exponentielle de l’information. Toutes ces données et événements peuvent avoir de valeur et peuvent permettre de prendre des décisions stratégiques, si on peut les traiter à temps. Les technologies de Complex Event Processing permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles.<br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
Le Complex Event Processing (en francais, Traitement des événements complexes) est un concept d'analyse d'événements permettant d'identifier les événements significatifs dans un nuage d'événements. Cela consiste à un calcul et/ou traitement exécutant des opérations (lecture, création, transformation, l’abstraction des données) sur des événements. Le CEP emploie des techniques telles que la détection des schémas complexes de multiples événements: corrélation, abstraction, et hiérarchies entre événements et les relations entre événements tels que les liens de causalité, l'adhésion, la chronologie et les processus pilotés par les événements. La fonction du CEP est de découvrir les informations contenues dans les événements qui passent dans toutes les couches d'une organisation et ensuite d'analyser son impact au niveau macro comme "événement complexe" et puis décider du plan d'action en temps réel.<br />
<br />
Traitement de flots continus (ie non borné dans le temps) de données (mesures, événements) en temps réel.<br />
<br />
===Domaine d'application===<br />
Applications:<br />
réseaux de capteurs (IoT)<br />
journaux système (détection de fraudes, ...)<br />
finance (quotations boursières, ...)<br />
réseaux sociaux (post)<br />
<br />
<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
• Traçabilité par le biais de puces RFID<br />
– Exemple 1: Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
– Exemple 2: Traçabilité des bagages dans un aéroport entre le dépôt à l’enregistrement par le voyageur et le chargement dans l’avion<br />
<br />
• Problématiques financières et boursières<br />
– Exemple : Détection des « Microcap stock fraud » (**).<br />
<br />
• Optimisation de tournées de flottes de véhicule<br />
– Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
• Supervision technique des plateformes<br />
– Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
<br />
• Business Activity Monitoring (BAM)<br />
<br />
• Sécurité des systèmes d’information par corrélation d’événements.<br />
<br />
===Solutions===<br />
CEP dans la jungle des solutions<br />
<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB).<br />
<br />
Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
– Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
– D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
C’est pour cette raison que ces solutions logicielles ne sont pas positionnées comme des solutions concurrentes, plutôt, complémentaires:<br />
– CEP, BI: solutions d’optimisation du business<br />
– BPM, workflow: solutions de gestion des processus<br />
– ESB/EAI: solution d’infrastructure logicielle<br />
– Serveurs physiques, virtualisation: solutions d’infrastructure physique <br />
<br />
<br />
===Apache Spark===<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
====Avantages====<br />
Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel). Ensuite, Spark permet à des applications sur clusters Hadoop d’être exécutées jusqu’à 100 fois plus vite en mémoire, 10 fois plus vite sur disque. Il vous permet d’écrire rapidement des applications en Java, Scala ou Python et inclut un jeu de plus de 80 opérateurs haut-niveau. De plus, il est possible de l’utiliser de façon interactive pour requêter les données depuis un shell.<br />
<br />
Enfin, en plus des opérations de Map et Reduce, Spark supporte les requêtes SQL et le streaming de données et propose des fonctionnalités de machine learning et de traitements orientés graphe. Les développeurs peuvent utiliser ces possibilités en stand-alone ou en les combinant en une chaîne de traitement complexe.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve : Spark Streaming<br />
<br />
====Spark Streaming====<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
<br />
batch :En informatique, un traitement par lots est un enchaînement automatique d'une suite de commandes (processus) sur un ordinateur sans intervention d'un opérateur.Une fois que ce processus est terminé (quel que soit le résultat), l'ordinateur traite le lot suivant. Le traitement des lots se termine une fois que tous les lots de la pile ont été exécutés.<br />
<br />
Les Resilient Distributed Datasets (basés sur la publication de recherche de Matei), ou RDD, sont un concept au cœur du framework Spark. Vous pouvez voir un RDD comme une table dans une base de données. Celui-ci peut porter tout type de données et est stocké par Spark sur différentes partitions. Les RDD permettent de réarranger les calculs et d’optimiser le traitement. Ils sont aussi tolérants aux pannes car un RDD sait comment recréer et recalculer son ensemble de données. Les RDD sont immutables. Pour obtenir une modification d’un RDD, il faut y appliquer une transformation, qui retournera un nouveau RDD, l’original restera inchangé. Les RDD supportent deux types d’opérations :<br />
<br />
==Conclusion==<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour. L’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. Selon IDC, ce marché représente 140M$ aujourd’hui et 800M$ en 2012.<br />
<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=File:Complex_Event_Processing.pdf&diff=24819File:Complex Event Processing.pdf2015-10-23T09:38:36Z<p>Tararaina.Klipffel: </p>
<hr />
<div></div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015&diff=24816VT20152015-10-22T23:38:36Z<p>Tararaina.Klipffel: </p>
<hr />
<div>[[EA2014|<< Etudes 2014]] [[EA|Sommaire]] [[VT2016|Etudes 2016 >>]]<br />
<br />
<br />
=Veille Technologique et Stratégique=<br />
* Enseignants: Georges-Pierre Bonneau, Didier Donsez<br />
* UE/Module: EAM (HPRJ9R6B) et EAR (HPRJ9R4B) en RICM5<br />
<br />
L'objectif des études approfondissement est de réaliser un travail de synthèse et d’évaluation sur une technologie / spécification / tendance<br />
<br />
Dans votre futur vie d'ingénieur, vous aurez à d'une part, vous former par vous-même sur une technologie émergente et d'autre part à réaliser une veille technologique (et stratégique) par rapport à votre entreprise et projet.<br />
Il s'agira de réaliser<br />
* le positionnement par rapport au marché<br />
* d'être critique<br />
<br />
Votre synthèse fait l'objet d'une présentation orale convaincante devant un auditoire (dans le futur, vos collègues, vos chefs ou vos clients) avec des transparents et un discours répété.<br />
Pour finir de convaincre (Saint Thomas), vous ferez la présentation d'une démonstration.<br />
<br />
Votre présentation sera noté et commenté par tous vos camarades via un formulaire (téléphone mobile). Leurs notes et leurs commentaires seront notés en fonction de leur exactitude de jugement.<br />
<br />
La présentation peut être réalisée avec [[reveal.js]]<br />
<br />
[[File:presentation-VT-RICM5-1516.pdf|transparents d'introduction à l'UE]]<br />
<br />
<br />
[[Image:ChoixSujetsVT2015.png|500px|center|Affectation des Sujets]]<br />
<br />
==Planning==<br />
<br />
<br />
====02 Octobre====<br />
Didier DONSEZ<br />
<br />
Sujets : 1, 15,19,32<br />
<br />
* 1. Sébastien Toussaint, [https://securityblog.redhat.com/2015/09/02/factoring-rsa-keys-with-tls-perfect-forward-secrecy/ Factoring RSA Keys With TLS Perfect Forward Secrecy], démonstration d'une attaque, [[VT2015_Factoring_RSA|Fiche de synthèse]], [[Media:VT2015_Factoring_RSA.pdf|Transparents]]<br />
* 32. Géolocalisation Indoor : Google [[Eddystone]], Apple [[iBeacon]], [[AltBeacon]], [[VT2015_Geolocalisation_Indoor|Fiche de synthèse]], [[Media:VT2015_Geolocalisation_Indoor.pdf|Transparents]]<br />
* 15. [[Graph Databases]], [[VT2015_Graph_Databases|Fiche de synthèse]], [[Media:VT2015_Graph_Databases.pdf|Transparents]]<br />
* 19. [[Software Forensics]] : cas d'étude Linagora vs Bluemind (vous compléterez les pages en et fr de Wikipédia sur ce sujet). , [[VT2015_Software_Forensics|Fiche de synthèse]], [[Media:VT2015_Software_Forensics.pdf|Transparents]]<br />
<br />
====09 Octobre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 22, 13, 17, 25<br />
* 13 : Xueyong Qian, Intelligent Personal Assistant, [[VT2015_Intelligent_Personal_Assistant|Fiche de synthèse]],[[Media:Intelligent_Personal_Assistant.pdf|Transparents]]<br />
* 17 : Christophe Adam, Rendu Expressif, [[VT2015_Rendu_Expressif|Fiche de synthèse]], [[Media:Rendu_Expressif2.pdf|Transparents]]<br />
* 25 : Vivien Michel, Visualisation de journaux : Kibana/Logstash, [[VT2015_Kibana_Logstash|Fiche de synthèse]], [[Media:Kibana_Logstash.pdf|Transparents]]<br />
* 22: Sarah Aissanou, Reconnaissance de la parole, [[VT2015/Speech_Recognition|Fiche de synthèse]], [[Media:La_reconnaissance_de_la_parole.pdf|Transparents]]<br />
<br />
====16 Octobre====<br />
Didier DONSEZ<br />
<br />
Sujets : 7,8,12<br />
<br />
* Evolution(s) de HTTP : [[HTTP 2.0]], [[SPDY]], ... [[VT2015_HTTP20|Fiche de synthèse]],[[Media:VT2015_HTTP20.pdf|Transparents]]<br />
* [[Quick UDP Internet Connection (QUIC)]] [[VT2015_QUIC|Fiche de synthèse]],[[Media:VT2015_QUIC.pdf|Transparents]]<br />
* Simulateurs de Smart Cities : UrbanSIM, CanVis, Suicidator City Generator, [[Blended Cities]], ... [[VT2015_SimSmartCities|Fiche de synthèse]],[[Media:VT2015_SimSmartCities.pdf|Transparents]]<br />
<br />
====23 Octobre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 14, 30, 6, 29<br />
<br />
* 14 : KLIPFFEL Tararaina : [Complex Event Processing] : [[VT2015_Complex_Event_Processing2|Fiche de synthèse]], [[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
* 29 : BARTHELEMY Romain : The [[Rust]] Programming Language : [[VT2015_Rust_Programming_Language|Fiche de synthèse]], [[File:Rust_Programming_Language.pdf|Transparents]]<br />
<br />
====6 Novembre====<br />
Didier DONSEZ (seul)<br />
<br />
Sujets : 24, 26, 27, 10<br />
<br />
====13 Novembre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 2, 3, 20<br />
<br />
==Liste des Sujets==<br />
# [https://securityblog.redhat.com/2015/09/02/factoring-rsa-keys-with-tls-perfect-forward-secrecy/ Factoring RSA Keys With TLS Perfect Forward Secrecy], démonstration d'une attaque --> Sébastien Toussaint (OBLIGATOIREMENT)<br />
# [[Structural Health Monitoring]] <br />
# [[CryptoMoney]] ([[BitCoin]], ...)<br />
# [[Memcached]] : Usages, Patrons d'arhitecture. Démonstration sur votre projet eCOM pour les ressources multimédia (images, videos, ...). Démonstration de l'[http://dev.mysql.com/doc/ndbapi/en/ndbmemcache.html API Memcache API for MySQL Cluster] et de [[Redis.io]]<br />
# [[In-Memory Databases]]<br />
# [[NewSQL]]<br />
# Evolution(s) de HTTP : [[HTTP 2.0]], [[SPDY]], ...<br />
# [[Quick UDP Internet Connection (QUIC)]]<br />
# [[Cloud Foundry]]<br />
# [[OpenStack]]<br />
# [[MicroServices]]<br />
# Simulateurs de Smart Cities : UrbanSIM, CanVis, Suicidator City Generator, [[Blended Cities]], ...<br />
# [[Digital Assistant]] : démonstration de UMich Sirius<br />
# (Complex) [[Event Stream Processing]] : démonstration de [[Apache Storm]] et de [[Spark Streaming]] sur le cloud [[Azure]]. Démo supplémentaire du SaaS [[IFTTT]]<br />
# [[Software Forensics]] : cas d'étude Linagora vs Bluemind (vous compléterez les pages en et fr de Wikipédia sur ce sujet).<br />
# [[Privacy policy guidelines]] : Démo: application à votre projet [[ECOM-RICM]]<br />
# [[Rendu expressif]] ([[hatching surface rendering]])<br />
# [[FPGA]]<br />
# [[Graph Databases]]<br />
# [[Akka]]<br />
# [[Continuous Delivery]]<br />
# [[Speech Recognition]]<br />
# Protocoles, Formats et Plateformes pour le bâtiment intelligent : [[oBIX]], ... démonstration d'[[IoTSys]]<br />
# Orchestration Tools : Puppet vs. Chef vs. Ansible vs. Salt (pour 2)<br />
# Visualisation de Journaux : démonstration de [[Kibana]] et [[Logstash]] : démonstration sur les logs de votre projet [[eCOM]]<br />
# Protocoles de consensus et applications : [[Paxos]], [[Raft]] et Canevas de consensus : [[Zookeeper]], [[Curator]], [[Etcd]]<br />
# [[Apache Mesos]], [[Borg]], [[Kubernete]], [[Alibaba Fuxi]] : démonstration sur le projet [[eCOM]]<br />
# Cluster Management : [[Apache Helix]]<br />
# The [[Rust]] Programming Language<br />
# [[SQL-on-Hadoop]] : [[Pinot]]<br />
# [[A/B Testing]] @ Internet Scale ([http://fr.slideshare.net/courseratalks/talkscoursera-ab-testing-internet-scale voir])<br />
# Géolocalisation Indoor : Google [[Eddystone]], Apple [[iBeacon]], [[AltBeacon]]<br />
# Performance Debugging : The [http://brendangregg.com/usemethod.html USE Method].</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing&diff=24764VT2015 Complex Event Processing2015-10-21T00:37:26Z<p>Tararaina.Klipffel: </p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration de Apache Storm et Spark Streaming sur le cloud d'Azure <br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés : <br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Abstract==<br />
Today’s information society abounds in a myriad of information flows, computer-based human collaborations, software agent interactions, electronic business transactions, and the explosion of data on the Internet. Understanding what is happening in these environments is becoming increasingly difficult. In other words, we need to find the best ways to make sense of this wealth of data, to improve the quality and availability of information, and to ensure effective responses. Traditional storage and data analysis technologies are not adapted to this exponential growth of volume and event rates.<br />
<br />
In addition, the value of information may decay rapidly over time. For instance, some events that may help anticipate a production outage have no value once the outage happened. There is a need to process data as soon as events occur, with respect to latency constraints. We need to move away from traditional client-server (query-response) interaction models, to more asynchronous, event-oriented, loosely coupled push model, with applications able to take decisions based on events data.<br />
<br />
Complex Event Processing (CEP) is a set of technologies that allows exploring temporal, causal, and semantic relationships among events to make sense of them in a timely fashion.<br />
<br />
==Résumé==<br />
<br />
Nous assistons à une véritable explosion de la quantité d’information et du nombre de sources que les SI doivent gérer : interactions homme-machine ou entre machines, à l’intérieur du SI ou avec des partenaires, sans compter les nouvelles sources de données sur internet et les réseaux sociaux.<br />
<br />
Toutes ces données, tous ces évènements peuvent avoir beaucoup de valeur et peuvent permettre de prendre des décisions, si on peut les traiter à temps.<br />
<br />
L’article suivant, en anglais, présente les technologies de Complex Event Processing ; technologies qui permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles. <br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
Le Complex Event Processing (en francais, Traitement des événements complexes) est un concept d'analyse d'événements permettant d'identifier les événements significatifs dans un nuage d'événements. Cela consiste à un calcul et/ou traitement exécutant des opérations (lecture, création, transformation, l’abstraction des données) sur des événements. Le CEP emploie des techniques telles que la détection des schémas complexes de multiples événements: corrélation, abstraction, et hiérarchies entre événements et les relations entre événements tels que les liens de causalité, l'adhésion, la chronologie et les processus pilotés par les événements. La fonction du CEP est de découvrir les informations contenues dans les événements qui passent dans toutes les couches d'une organisation et ensuite d'analyser son impact au niveau macro comme "événement complexe" et puis décider du plan d'action en temps réel.<br />
<br />
Traitement de flots continus (ie non borné dans le temps) de données (mesures, événements) en temps réel.<br />
<br />
===Domaine d'application===<br />
Applications:<br />
réseaux de capteurs (IoT)<br />
journaux système (détection de fraudes, ...)<br />
finance (quotations boursières, ...)<br />
réseaux sociaux (post)<br />
<br />
<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
• Traçabilité par le biais de puces RFID<br />
– Exemple 1: Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
– Exemple 2: Traçabilité des bagages dans un aéroport entre le dépôt à l’enregistrement par le voyageur et le chargement dans l’avion<br />
<br />
• Problématiques financières et boursières<br />
– Exemple : Détection des « Microcap stock fraud » (**).<br />
<br />
• Optimisation de tournées de flottes de véhicule<br />
– Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
• Supervision technique des plateformes<br />
– Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
<br />
• Business Activity Monitoring (BAM)<br />
<br />
• Sécurité des systèmes d’information par corrélation d’événements.<br />
<br />
===Solutions===<br />
CEP dans la jungle des solutions<br />
<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB).<br />
<br />
Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
– Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
– D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
C’est pour cette raison que ces solutions logicielles ne sont pas positionnées comme des solutions concurrentes, plutôt, complémentaires:<br />
– CEP, BI: solutions d’optimisation du business<br />
– BPM, workflow: solutions de gestion des processus<br />
– ESB/EAI: solution d’infrastructure logicielle<br />
– Serveurs physiques, virtualisation: solutions d’infrastructure physique <br />
<br />
<br />
===Apache Spark===<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
====Avantages====<br />
Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel). Ensuite, Spark permet à des applications sur clusters Hadoop d’être exécutées jusqu’à 100 fois plus vite en mémoire, 10 fois plus vite sur disque. Il vous permet d’écrire rapidement des applications en Java, Scala ou Python et inclut un jeu de plus de 80 opérateurs haut-niveau. De plus, il est possible de l’utiliser de façon interactive pour requêter les données depuis un shell.<br />
<br />
Enfin, en plus des opérations de Map et Reduce, Spark supporte les requêtes SQL et le streaming de données et propose des fonctionnalités de machine learning et de traitements orientés graphe. Les développeurs peuvent utiliser ces possibilités en stand-alone ou en les combinant en une chaîne de traitement complexe.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve : Spark Streaming<br />
<br />
====Spark Streaming====<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
<br />
batch :En informatique, un traitement par lots est un enchaînement automatique d'une suite de commandes (processus) sur un ordinateur sans intervention d'un opérateur.Une fois que ce processus est terminé (quel que soit le résultat), l'ordinateur traite le lot suivant. Le traitement des lots se termine une fois que tous les lots de la pile ont été exécutés.<br />
<br />
Les Resilient Distributed Datasets (basés sur la publication de recherche de Matei), ou RDD, sont un concept au cœur du framework Spark. Vous pouvez voir un RDD comme une table dans une base de données. Celui-ci peut porter tout type de données et est stocké par Spark sur différentes partitions. Les RDD permettent de réarranger les calculs et d’optimiser le traitement. Ils sont aussi tolérants aux pannes car un RDD sait comment recréer et recalculer son ensemble de données. Les RDD sont immutables. Pour obtenir une modification d’un RDD, il faut y appliquer une transformation, qui retournera un nouveau RDD, l’original restera inchangé. Les RDD supportent deux types d’opérations :<br />
<br />
==Conclusion==<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour. L’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. Selon IDC, ce marché représente 140M$ aujourd’hui et 800M$ en 2012.<br />
<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing&diff=24763VT2015 Complex Event Processing2015-10-21T00:20:54Z<p>Tararaina.Klipffel: </p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration de Apache Storm et Spark Streaming sur le cloud d'Azure <br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés : <br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Abstract==<br />
Today’s information society abounds in a myriad of information flows, computer-based human collaborations, software agent interactions, electronic business transactions, and the explosion of data on the Internet. Understanding what is happening in these environments is becoming increasingly difficult. In other words, we need to find the best ways to make sense of this wealth of data, to improve the quality and availability of information, and to ensure effective responses. Traditional storage and data analysis technologies are not adapted to this exponential growth of volume and event rates.<br />
<br />
In addition, the value of information may decay rapidly over time. For instance, some events that may help anticipate a production outage have no value once the outage happened. There is a need to process data as soon as events occur, with respect to latency constraints. We need to move away from traditional client-server (query-response) interaction models, to more asynchronous, event-oriented, loosely coupled push model, with applications able to take decisions based on events data.<br />
<br />
Complex Event Processing (CEP) is a set of technologies that allows exploring temporal, causal, and semantic relationships among events to make sense of them in a timely fashion.<br />
<br />
==Résumé==<br />
<br />
Nous assistons à une véritable explosion de la quantité d’information et du nombre de sources que les SI doivent gérer : interactions homme-machine ou entre machines, à l’intérieur du SI ou avec des partenaires, sans compter les nouvelles sources de données sur internet et les réseaux sociaux.<br />
<br />
Toutes ces données, tous ces évènements peuvent avoir beaucoup de valeur et peuvent permettre de prendre des décisions, si on peut les traiter à temps.<br />
<br />
L’article suivant, en anglais, présente les technologies de Complex Event Processing ; technologies qui permettent de traiter ces informations sous contrainte de temps, et d’en explorer les relations sémantiques et temporelles. <br />
<br />
==Synthèse==<br />
<br />
===CEP===<br />
Le Traitement des événements complexes (Complex Event Processing) est un concept de traitement d'événements permettant d'identifier les événements significatifs dans un nuage d'événements. <br />
<br />
Le CEP emploie des techniques telles que la détection des schémas complexes de multiples événements: corrélation, abstraction, et hiérarchies entre événements et les relations entre événements tels que les liens de causalité, l'adhésion, la chronologie et les processus pilotés par les événements. La fonction du CEP est de découvrir les informations contenues dans les événements qui passent dans toutes les couches d'une organisation et ensuite d'analyser son impact au niveau macro comme "événement complexe" et puis décider du plan d'action en temps réel.<br />
<br />
Traitement de flots continus (ie non borné dans le temps) de données (mesures, événements) en temps réel.<br />
<br />
===Domaine d'application===<br />
Applications:<br />
réseaux de capteurs (IoT)<br />
journaux système (détection de fraudes, ...)<br />
finance (quotations boursières, ...)<br />
réseaux sociaux (post)<br />
<br />
<br />
Complex Event Processing, en tant que concept, répond à tout besoin exigeant en termes de traçabilité, réactivité, disponibilité et prise de décision. La complexité de mise en œuvre réside dans la définition d’algorithmes de calcul et de corrélation performants ainsi que de processus et règles métiers optimisés.<br />
<br />
Les domaines d’application sont divers et variés. Ci-dessous quelques exemples:<br />
<br />
• Traçabilité par le biais de puces RFID<br />
– Exemple 1: Fiabilisation de la traçabilité d’objets dans une chaîne logistique<br />
– Exemple 2: Traçabilité des bagages dans un aéroport entre le dépôt à l’enregistrement par le voyageur et le chargement dans l’avion<br />
<br />
• Problématiques financières et boursières<br />
– Exemple : Détection des « Microcap stock fraud » (**).<br />
<br />
• Optimisation de tournées de flottes de véhicule<br />
– Optimisation en temps réel de tournées de flotte par corrélation de positions GPS et état du trafic<br />
<br />
• Supervision technique des plateformes<br />
– Exemple : Traitement des alertes SNMP remontées par les composants logiciels et les serveurs<br />
<br />
• Business Activity Monitoring (BAM)<br />
<br />
• Sécurité des systèmes d’information par corrélation d’événements.<br />
<br />
===Solutions===<br />
CEP dans la jungle des solutions<br />
<br />
Les solutions CEP peuvent être intégrées soit dans un périmètre applicatif (utilisation de frameworks comme Esper ou NEsper) ou positionnées comme un module transverse recueillant l’ensemble des événements provenant d’applications diverses du SI (par exemple, intégrées à une plateforme d’échanges transverse entreprise à base d’ESB).<br />
<br />
Par rapport aux solutions existantes, de type BPM, BI ou autres, les solutions CEP se caractérisent par :<br />
– Un traitement continu d’une masse considérable (plusieurs centaines de milliers par seconde) d’événements provenant de sources d’information différentes<br />
– D’un besoin de prise de décision en temps réel par rapport à un ensemble d’événements quelconque surgissant dans une fenêtre temporelle définie. (de quelques secondes, à quelques heures, voire quelques jours)<br />
<br />
C’est pour cette raison que ces solutions logicielles ne sont pas positionnées comme des solutions concurrentes, plutôt, complémentaires:<br />
– CEP, BI: solutions d’optimisation du business<br />
– BPM, workflow: solutions de gestion des processus<br />
– ESB/EAI: solution d’infrastructure logicielle<br />
– Serveurs physiques, virtualisation: solutions d’infrastructure physique <br />
<br />
<br />
===Apache Spark===<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
====Avantages====<br />
Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel). Ensuite, Spark permet à des applications sur clusters Hadoop d’être exécutées jusqu’à 100 fois plus vite en mémoire, 10 fois plus vite sur disque. Il vous permet d’écrire rapidement des applications en Java, Scala ou Python et inclut un jeu de plus de 80 opérateurs haut-niveau. De plus, il est possible de l’utiliser de façon interactive pour requêter les données depuis un shell.<br />
<br />
Enfin, en plus des opérations de Map et Reduce, Spark supporte les requêtes SQL et le streaming de données et propose des fonctionnalités de machine learning et de traitements orientés graphe. Les développeurs peuvent utiliser ces possibilités en stand-alone ou en les combinant en une chaîne de traitement complexe.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve : Spark Streaming<br />
<br />
====Spark Streaming====<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
<br />
batch :En informatique, un traitement par lots est un enchaînement automatique d'une suite de commandes (processus) sur un ordinateur sans intervention d'un opérateur.Une fois que ce processus est terminé (quel que soit le résultat), l'ordinateur traite le lot suivant. Le traitement des lots se termine une fois que tous les lots de la pile ont été exécutés.<br />
<br />
Les Resilient Distributed Datasets (basés sur la publication de recherche de Matei), ou RDD, sont un concept au cœur du framework Spark. Vous pouvez voir un RDD comme une table dans une base de données. Celui-ci peut porter tout type de données et est stocké par Spark sur différentes partitions. Les RDD permettent de réarranger les calculs et d’optimiser le traitement. Ils sont aussi tolérants aux pannes car un RDD sait comment recréer et recalculer son ensemble de données. Les RDD sont immutables. Pour obtenir une modification d’un RDD, il faut y appliquer une transformation, qui retournera un nouveau RDD, l’original restera inchangé. Les RDD supportent deux types d’opérations :<br />
<br />
==Conclusion==<br />
On peut dire aujourd’hui que les solutions existantes sont au stade de la « croissance » et dépassent largement l’écosystème «trading» financier, historiquement connues pour. L’évolution et l’adaptation de ce genre de solution sur les prochaines années sera rapide. Selon IDC, ce marché représente 140M$ aujourd’hui et 800M$ en 2012.<br />
<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing&diff=24762VT2015 Complex Event Processing2015-10-20T22:37:02Z<p>Tararaina.Klipffel: /* Apache Spark */</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration de Apache Storm et Spark Streaming sur le cloud d'Azure <br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés : <br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Abstract==<br />
<br />
==Résumé==<br />
<br />
==Synthèse==<br />
<br />
<br />
Le Traitement des événements complexes (Complex Event Processing) est un concept de traitement d'événements permettant d'identifier les événements significatifs dans un nuage d'événements. <br />
<br />
Le CEP emploie des techniques telles que la détection des schémas complexes de multiples événements: corrélation, abstraction, et hiérarchies entre événements et les relations entre événements tels que les liens de causalité, l'adhésion, la chronologie et les processus pilotés par les événements. La fonction du CEP est de découvrir les informations contenues dans les événements qui passent dans toutes les couches d'une organisation et ensuite d'analyser son impact au niveau macro comme "événement complexe" et puis décider du plan d'action en temps réel.<br />
<br />
===Apache Spark===<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
====Avantages====<br />
Spark présente plusieurs avantages par rapport aux autres technologies big data et MapReduce comme Hadoop et Storm. D’abord, Spark propose un framework complet et unifié pour répondre aux besoins de traitements Big Data pour divers jeux de données, divers par leur nature (texte, graphe, etc.) aussi bien que par le type de source (batch ou flux temps-réel). Ensuite, Spark permet à des applications sur clusters Hadoop d’être exécutées jusqu’à 100 fois plus vite en mémoire, 10 fois plus vite sur disque. Il vous permet d’écrire rapidement des applications en Java, Scala ou Python et inclut un jeu de plus de 80 opérateurs haut-niveau. De plus, il est possible de l’utiliser de façon interactive pour requêter les données depuis un shell.<br />
<br />
Enfin, en plus des opérations de Map et Reduce, Spark supporte les requêtes SQL et le streaming de données et propose des fonctionnalités de machine learning et de traitements orientés graphe. Les développeurs peuvent utiliser ces possibilités en stand-alone ou en les combinant en une chaîne de traitement complexe.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve : Spark Streaming<br />
<br />
====Spark Streaming====<br />
Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. En vérité Spart Streaming ne fait pas de l'analyse de données en temps réel mais utilise plutôt un mode de traitement "micro-batch". C'est à dire que Spark ne traite pas les données d’un flux en continue (contrairement à Apache Storm) mais les accumule pendant un laps de temps fixé avant d’être traitées. Deplus Spark stream utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
<br />
batch :En informatique, un traitement par lots est un enchaînement automatique d'une suite de commandes (processus) sur un ordinateur sans intervention d'un opérateur.Une fois que ce processus est terminé (quel que soit le résultat), l'ordinateur traite le lot suivant. Le traitement des lots se termine une fois que tous les lots de la pile ont été exécutés.<br />
<br />
Les Resilient Distributed Datasets (basés sur la publication de recherche de Matei), ou RDD, sont un concept au cœur du framework Spark. Vous pouvez voir un RDD comme une table dans une base de données. Celui-ci peut porter tout type de données et est stocké par Spark sur différentes partitions. Les RDD permettent de réarranger les calculs et d’optimiser le traitement. Ils sont aussi tolérants aux pannes car un RDD sait comment recréer et recalculer son ensemble de données. Les RDD sont immutables. Pour obtenir une modification d’un RDD, il faut y appliquer une transformation, qui retournera un nouveau RDD, l’original restera inchangé. Les RDD supportent deux types d’opérations :<br />
<br />
==Conclusion==<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing&diff=24761VT2015 Complex Event Processing2015-10-20T22:11:13Z<p>Tararaina.Klipffel: /* Synthèse */</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration de Apache Storm et Spark Streaming sur le cloud d'Azure <br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés : <br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Abstract==<br />
<br />
==Résumé==<br />
<br />
==Synthèse==<br />
<br />
<br />
Le Traitement des événements complexes (Complex Event Processing) est un concept de traitement d'événements permettant d'identifier les événements significatifs dans un nuage d'événements. <br />
<br />
Le CEP emploie des techniques telles que la détection des schémas complexes de multiples événements: corrélation, abstraction, et hiérarchies entre événements et les relations entre événements tels que les liens de causalité, l'adhésion, la chronologie et les processus pilotés par les événements. La fonction du CEP est de découvrir les informations contenues dans les événements qui passent dans toutes les couches d'une organisation et ensuite d'analyser son impact au niveau macro comme "événement complexe" et puis décider du plan d'action en temps réel.<br />
<br />
===Apache Spark===<br />
<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve :<br />
<br />
Spark Streaming : Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. Il s’appuie sur un mode de traitement en "micro batch" et utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
Les concepts<br />
<br />
En fait Spark Streaming ne fait pas du vrai temps réel mais plutôt du micro-batch c’est-à-dire que Spark ne traite pas les données d’un flux au fil de l’eau (contrairement à Apache Storm), elles sont accumulées pendant un laps de temps avant d’être traitées. Bien entendu, ce laps de temps peut être configuré.<br />
<br />
batch :En informatique, un traitement par lots (batch processing en anglais) est un enchaînement automatique d'une suite de commandes (processus) sur un ordinateur sans intervention d'un opérateur1.<br />
Une fois que ce processus est terminé (quel que soit le résultat), l'ordinateur traite le lot suivant. Le traitement des lots se termine une fois que tous les lots de la pile ont été exécutés.<br />
<br />
==Conclusion==<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing&diff=24760VT2015 Complex Event Processing2015-10-20T22:00:13Z<p>Tararaina.Klipffel: /* Synthèse */</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration de Apache Storm et Spark Streaming sur le cloud d'Azure <br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés : <br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Abstract==<br />
<br />
==Résumé==<br />
<br />
==Synthèse==<br />
<br />
===Apache Spark===<br />
<br />
Apache Spark est un framework de traitements Big Data open source développé par AMPLab, de l’Université UC Berkeley, en 2009 et passé open source sous forme de projet Apache en 2010. Apache Spark permet d'effectuer des analyses sophistiquées. C'est principaux avantages et sa rapidité et sa facilité d’utilisation.<br />
<br />
À côté des API principales de Spark, l’écosystème contient des librairies additionnelles qui permettent de travailler dans le domaine des analyses big data et du machine learning. Parmi ces librairies, on trouve :<br />
<br />
Spark Streaming : Spark Streaming peut être utilisé pour traitement temps-réel des données en flux. Il s’appuie sur un mode de traitement en "micro batch" et utilise pour les données temps-réel DStream, c’est-à-dire une série de RDD (Resilient Distributed Dataset).<br />
<br />
Les concepts<br />
<br />
En fait Spark Streaming ne fait pas du vrai temps réel mais plutôt du micro-batch c’est-à-dire que Spark ne traite pas les données d’un flux au fil de l’eau (contrairement à Apache Storm), elles sont accumulées pendant un laps de temps avant d’être traitées. Bien entendu, ce laps de temps peut être configuré.<br />
<br />
batch :En informatique, un traitement par lots (batch processing en anglais) est un enchaînement automatique d'une suite de commandes (processus) sur un ordinateur sans intervention d'un opérateur1.<br />
Une fois que ce processus est terminé (quel que soit le résultat), l'ordinateur traite le lot suivant. Le traitement des lots se termine une fois que tous les lots de la pile ont été exécutés.<br />
<br />
==Conclusion==<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015&diff=24759VT20152015-10-20T21:30:03Z<p>Tararaina.Klipffel: /* 23 Octobre */</p>
<hr />
<div>[[EA2014|<< Etudes 2014]] [[EA|Sommaire]] [[VT2016|Etudes 2016 >>]]<br />
<br />
<br />
=Veille Technologique et Stratégique=<br />
* Enseignants: Georges-Pierre Bonneau, Didier Donsez<br />
* UE/Module: EAM (HPRJ9R6B) et EAR (HPRJ9R4B) en RICM5<br />
<br />
L'objectif des études approfondissement est de réaliser un travail de synthèse et d’évaluation sur une technologie / spécification / tendance<br />
<br />
Dans votre futur vie d'ingénieur, vous aurez à d'une part, vous former par vous-même sur une technologie émergente et d'autre part à réaliser une veille technologique (et stratégique) par rapport à votre entreprise et projet.<br />
Il s'agira de réaliser<br />
* le positionnement par rapport au marché<br />
* d'être critique<br />
<br />
Votre synthèse fait l'objet d'une présentation orale convaincante devant un auditoire (dans le futur, vos collègues, vos chefs ou vos clients) avec des transparents et un discours répété.<br />
Pour finir de convaincre (Saint Thomas), vous ferez la présentation d'une démonstration.<br />
<br />
Votre présentation sera noté et commenté par tous vos camarades via un formulaire (téléphone mobile). Leurs notes et leurs commentaires seront notés en fonction de leur exactitude de jugement.<br />
<br />
La présentation peut être réalisée avec [[reveal.js]]<br />
<br />
[[File:presentation-VT-RICM5-1516.pdf|transparents d'introduction à l'UE]]<br />
<br />
<br />
[[Image:ChoixSujetsVT2015.png|500px|center|Affectation des Sujets]]<br />
<br />
==Planning==<br />
<br />
<br />
====02 Octobre====<br />
Didier DONSEZ<br />
<br />
Sujets : 1, 15,19,32<br />
<br />
* 1. Sébastien Toussaint, [https://securityblog.redhat.com/2015/09/02/factoring-rsa-keys-with-tls-perfect-forward-secrecy/ Factoring RSA Keys With TLS Perfect Forward Secrecy], démonstration d'une attaque, [[VT2015_Factoring_RSA|Fiche de synthèse]], [[Media:VT2015_Factoring_RSA.pdf|Transparents]]<br />
* 32. Géolocalisation Indoor : Google [[Eddystone]], Apple [[iBeacon]], [[AltBeacon]], [[VT2015_Geolocalisation_Indoor|Fiche de synthèse]], [[Media:VT2015_Geolocalisation_Indoor.pdf|Transparents]]<br />
* 15. [[Graph Databases]], [[VT2015_Graph_Databases|Fiche de synthèse]], [[Media:VT2015_Graph_Databases.pdf|Transparents]]<br />
* 19. [[Software Forensics]] : cas d'étude Linagora vs Bluemind (vous compléterez les pages en et fr de Wikipédia sur ce sujet). , [[VT2015_Software_Forensics|Fiche de synthèse]], [[Media:VT2015_Software_Forensics.pdf|Transparents]]<br />
<br />
====09 Octobre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 22, 13, 17, 25<br />
* 13 : Xueyong Qian, Intelligent Personal Assistant, [[VT2015_Intelligent_Personal_Assistant|Fiche de synthèse]],[[Media:Intelligent_Personal_Assistant.pdf|Transparents]]<br />
* 17 : Christophe Adam, Rendu Expressif, [[VT2015_Rendu_Expressif|Fiche de synthèse]], [[Media:Rendu_Expressif2.pdf|Transparents]]<br />
* 25 : Vivien Michel, Visualisation de journaux : Kibana/Logstash, [[VT2015_Kibana_Logstash|Fiche de synthèse]], [[Media:Kibana_Logstash.pdf|Transparents]]<br />
* 22: Sarah Aissanou, Reconnaissance de la parole, [[VT2015/Speech_Recognition|Fiche de synthèse]], [[Media:La_reconnaissance_de_la_parole.pdf|Transparents]]<br />
<br />
====16 Octobre====<br />
Didier DONSEZ<br />
<br />
Sujets : 7,8,12<br />
<br />
* Evolution(s) de HTTP : [[HTTP 2.0]], [[SPDY]], ... [[VT2015_HTTP20|Fiche de synthèse]],[[Media:VT2015_HTTP20.pdf|Transparents]]<br />
* [[Quick UDP Internet Connection (QUIC)]] [[VT2015_QUIC|Fiche de synthèse]],[[Media:VT2015_QUIC.pdf|Transparents]]<br />
* Simulateurs de Smart Cities : UrbanSIM, CanVis, Suicidator City Generator, [[Blended Cities]], ... [[VT2015_SimSmartCities|Fiche de synthèse]],[[Media:VT2015_SimSmartCities.pdf|Transparents]]<br />
<br />
====23 Octobre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 14, 30, 6, 29<br />
<br />
* 14 : KLIPFFEL Tararaina : [Complex Event Processing] : [[VT2015_Complex_Event_Processing|Fiche de synthèse]], [[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
====6 Novembre====<br />
Didier DONSEZ (seul)<br />
<br />
Sujets : 24, 26, 27, 10<br />
<br />
====13 Novembre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 2, 3, 20<br />
<br />
==Liste des Sujets==<br />
# [https://securityblog.redhat.com/2015/09/02/factoring-rsa-keys-with-tls-perfect-forward-secrecy/ Factoring RSA Keys With TLS Perfect Forward Secrecy], démonstration d'une attaque --> Sébastien Toussaint (OBLIGATOIREMENT)<br />
# [[Structural Health Monitoring]] <br />
# [[CryptoMoney]] ([[BitCoin]], ...)<br />
# [[Memcached]] : Usages, Patrons d'arhitecture. Démonstration sur votre projet eCOM pour les ressources multimédia (images, videos, ...). Démonstration de l'[http://dev.mysql.com/doc/ndbapi/en/ndbmemcache.html API Memcache API for MySQL Cluster] et de [[Redis.io]]<br />
# [[In-Memory Databases]]<br />
# [[NewSQL]]<br />
# Evolution(s) de HTTP : [[HTTP 2.0]], [[SPDY]], ...<br />
# [[Quick UDP Internet Connection (QUIC)]]<br />
# [[Cloud Foundry]]<br />
# [[OpenStack]]<br />
# [[MicroServices]]<br />
# Simulateurs de Smart Cities : UrbanSIM, CanVis, Suicidator City Generator, [[Blended Cities]], ...<br />
# [[Digital Assistant]] : démonstration de UMich Sirius<br />
# (Complex) [[Event Stream Processing]] : démonstration de [[Apache Storm]] et de [[Spark Streaming]] sur le cloud [[Azure]]. Démo supplémentaire du SaaS [[IFTTT]]<br />
# [[Software Forensics]] : cas d'étude Linagora vs Bluemind (vous compléterez les pages en et fr de Wikipédia sur ce sujet).<br />
# [[Privacy policy guidelines]] : Démo: application à votre projet [[ECOM-RICM]]<br />
# [[Rendu expressif]] ([[hatching surface rendering]])<br />
# [[FPGA]]<br />
# [[Graph Databases]]<br />
# [[Akka]]<br />
# [[Continuous Delivery]]<br />
# [[Speech Recognition]]<br />
# Protocoles, Formats et Plateformes pour le bâtiment intelligent : [[oBIX]], ... démonstration d'[[IoTSys]]<br />
# Orchestration Tools : Puppet vs. Chef vs. Ansible vs. Salt (pour 2)<br />
# Visualisation de Journaux : démonstration de [[Kibana]] et [[Logstash]] : démonstration sur les logs de votre projet [[eCOM]]<br />
# Protocoles de consensus et applications : [[Paxos]], [[Raft]] et Canevas de consensus : [[Zookeeper]], [[Curator]], [[Etcd]]<br />
# [[Apache Mesos]], [[Borg]], [[Kubernete]], [[Alibaba Fuxi]] : démonstration sur le projet [[eCOM]]<br />
# Cluster Management : [[Apache Helix]]<br />
# The [[Rust]] Programming Language<br />
# [[SQL-on-Hadoop]] : [[Pinot]]<br />
# [[A/B Testing]] @ Internet Scale ([http://fr.slideshare.net/courseratalks/talkscoursera-ab-testing-internet-scale voir])<br />
# Géolocalisation Indoor : Google [[Eddystone]], Apple [[iBeacon]], [[AltBeacon]]<br />
# Performance Debugging : The [http://brendangregg.com/usemethod.html USE Method].</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015&diff=24758VT20152015-10-20T21:28:53Z<p>Tararaina.Klipffel: /* 23 Octobre */</p>
<hr />
<div>[[EA2014|<< Etudes 2014]] [[EA|Sommaire]] [[VT2016|Etudes 2016 >>]]<br />
<br />
<br />
=Veille Technologique et Stratégique=<br />
* Enseignants: Georges-Pierre Bonneau, Didier Donsez<br />
* UE/Module: EAM (HPRJ9R6B) et EAR (HPRJ9R4B) en RICM5<br />
<br />
L'objectif des études approfondissement est de réaliser un travail de synthèse et d’évaluation sur une technologie / spécification / tendance<br />
<br />
Dans votre futur vie d'ingénieur, vous aurez à d'une part, vous former par vous-même sur une technologie émergente et d'autre part à réaliser une veille technologique (et stratégique) par rapport à votre entreprise et projet.<br />
Il s'agira de réaliser<br />
* le positionnement par rapport au marché<br />
* d'être critique<br />
<br />
Votre synthèse fait l'objet d'une présentation orale convaincante devant un auditoire (dans le futur, vos collègues, vos chefs ou vos clients) avec des transparents et un discours répété.<br />
Pour finir de convaincre (Saint Thomas), vous ferez la présentation d'une démonstration.<br />
<br />
Votre présentation sera noté et commenté par tous vos camarades via un formulaire (téléphone mobile). Leurs notes et leurs commentaires seront notés en fonction de leur exactitude de jugement.<br />
<br />
La présentation peut être réalisée avec [[reveal.js]]<br />
<br />
[[File:presentation-VT-RICM5-1516.pdf|transparents d'introduction à l'UE]]<br />
<br />
<br />
[[Image:ChoixSujetsVT2015.png|500px|center|Affectation des Sujets]]<br />
<br />
==Planning==<br />
<br />
<br />
====02 Octobre====<br />
Didier DONSEZ<br />
<br />
Sujets : 1, 15,19,32<br />
<br />
* 1. Sébastien Toussaint, [https://securityblog.redhat.com/2015/09/02/factoring-rsa-keys-with-tls-perfect-forward-secrecy/ Factoring RSA Keys With TLS Perfect Forward Secrecy], démonstration d'une attaque, [[VT2015_Factoring_RSA|Fiche de synthèse]], [[Media:VT2015_Factoring_RSA.pdf|Transparents]]<br />
* 32. Géolocalisation Indoor : Google [[Eddystone]], Apple [[iBeacon]], [[AltBeacon]], [[VT2015_Geolocalisation_Indoor|Fiche de synthèse]], [[Media:VT2015_Geolocalisation_Indoor.pdf|Transparents]]<br />
* 15. [[Graph Databases]], [[VT2015_Graph_Databases|Fiche de synthèse]], [[Media:VT2015_Graph_Databases.pdf|Transparents]]<br />
* 19. [[Software Forensics]] : cas d'étude Linagora vs Bluemind (vous compléterez les pages en et fr de Wikipédia sur ce sujet). , [[VT2015_Software_Forensics|Fiche de synthèse]], [[Media:VT2015_Software_Forensics.pdf|Transparents]]<br />
<br />
====09 Octobre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 22, 13, 17, 25<br />
* 13 : Xueyong Qian, Intelligent Personal Assistant, [[VT2015_Intelligent_Personal_Assistant|Fiche de synthèse]],[[Media:Intelligent_Personal_Assistant.pdf|Transparents]]<br />
* 17 : Christophe Adam, Rendu Expressif, [[VT2015_Rendu_Expressif|Fiche de synthèse]], [[Media:Rendu_Expressif2.pdf|Transparents]]<br />
* 25 : Vivien Michel, Visualisation de journaux : Kibana/Logstash, [[VT2015_Kibana_Logstash|Fiche de synthèse]], [[Media:Kibana_Logstash.pdf|Transparents]]<br />
* 22: Sarah Aissanou, Reconnaissance de la parole, [[VT2015/Speech_Recognition|Fiche de synthèse]], [[Media:La_reconnaissance_de_la_parole.pdf|Transparents]]<br />
<br />
====16 Octobre====<br />
Didier DONSEZ<br />
<br />
Sujets : 7,8,12<br />
<br />
* Evolution(s) de HTTP : [[HTTP 2.0]], [[SPDY]], ... [[VT2015_HTTP20|Fiche de synthèse]],[[Media:VT2015_HTTP20.pdf|Transparents]]<br />
* [[Quick UDP Internet Connection (QUIC)]] [[VT2015_QUIC|Fiche de synthèse]],[[Media:VT2015_QUIC.pdf|Transparents]]<br />
* Simulateurs de Smart Cities : UrbanSIM, CanVis, Suicidator City Generator, [[Blended Cities]], ... [[VT2015_SimSmartCities|Fiche de synthèse]],[[Media:VT2015_SimSmartCities.pdf|Transparents]]<br />
<br />
====23 Octobre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 14, 30, 6, 29<br />
<br />
* (Complex) [[Event Stream Processing]] : démonstration de [[Apache Storm]] et de [[Spark Streaming]] sur le cloud [[Azure]]. Démo supplémentaire du SaaS [[IFTTT]] : [[VT2015_Complex_Event_Processing|Fiche de synthèse]], [[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
====6 Novembre====<br />
Didier DONSEZ (seul)<br />
<br />
Sujets : 24, 26, 27, 10<br />
<br />
====13 Novembre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 2, 3, 20<br />
<br />
==Liste des Sujets==<br />
# [https://securityblog.redhat.com/2015/09/02/factoring-rsa-keys-with-tls-perfect-forward-secrecy/ Factoring RSA Keys With TLS Perfect Forward Secrecy], démonstration d'une attaque --> Sébastien Toussaint (OBLIGATOIREMENT)<br />
# [[Structural Health Monitoring]] <br />
# [[CryptoMoney]] ([[BitCoin]], ...)<br />
# [[Memcached]] : Usages, Patrons d'arhitecture. Démonstration sur votre projet eCOM pour les ressources multimédia (images, videos, ...). Démonstration de l'[http://dev.mysql.com/doc/ndbapi/en/ndbmemcache.html API Memcache API for MySQL Cluster] et de [[Redis.io]]<br />
# [[In-Memory Databases]]<br />
# [[NewSQL]]<br />
# Evolution(s) de HTTP : [[HTTP 2.0]], [[SPDY]], ...<br />
# [[Quick UDP Internet Connection (QUIC)]]<br />
# [[Cloud Foundry]]<br />
# [[OpenStack]]<br />
# [[MicroServices]]<br />
# Simulateurs de Smart Cities : UrbanSIM, CanVis, Suicidator City Generator, [[Blended Cities]], ...<br />
# [[Digital Assistant]] : démonstration de UMich Sirius<br />
# (Complex) [[Event Stream Processing]] : démonstration de [[Apache Storm]] et de [[Spark Streaming]] sur le cloud [[Azure]]. Démo supplémentaire du SaaS [[IFTTT]]<br />
# [[Software Forensics]] : cas d'étude Linagora vs Bluemind (vous compléterez les pages en et fr de Wikipédia sur ce sujet).<br />
# [[Privacy policy guidelines]] : Démo: application à votre projet [[ECOM-RICM]]<br />
# [[Rendu expressif]] ([[hatching surface rendering]])<br />
# [[FPGA]]<br />
# [[Graph Databases]]<br />
# [[Akka]]<br />
# [[Continuous Delivery]]<br />
# [[Speech Recognition]]<br />
# Protocoles, Formats et Plateformes pour le bâtiment intelligent : [[oBIX]], ... démonstration d'[[IoTSys]]<br />
# Orchestration Tools : Puppet vs. Chef vs. Ansible vs. Salt (pour 2)<br />
# Visualisation de Journaux : démonstration de [[Kibana]] et [[Logstash]] : démonstration sur les logs de votre projet [[eCOM]]<br />
# Protocoles de consensus et applications : [[Paxos]], [[Raft]] et Canevas de consensus : [[Zookeeper]], [[Curator]], [[Etcd]]<br />
# [[Apache Mesos]], [[Borg]], [[Kubernete]], [[Alibaba Fuxi]] : démonstration sur le projet [[eCOM]]<br />
# Cluster Management : [[Apache Helix]]<br />
# The [[Rust]] Programming Language<br />
# [[SQL-on-Hadoop]] : [[Pinot]]<br />
# [[A/B Testing]] @ Internet Scale ([http://fr.slideshare.net/courseratalks/talkscoursera-ab-testing-internet-scale voir])<br />
# Géolocalisation Indoor : Google [[Eddystone]], Apple [[iBeacon]], [[AltBeacon]]<br />
# Performance Debugging : The [http://brendangregg.com/usemethod.html USE Method].</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015&diff=24757VT20152015-10-20T21:28:35Z<p>Tararaina.Klipffel: /* 23 Octobre */</p>
<hr />
<div>[[EA2014|<< Etudes 2014]] [[EA|Sommaire]] [[VT2016|Etudes 2016 >>]]<br />
<br />
<br />
=Veille Technologique et Stratégique=<br />
* Enseignants: Georges-Pierre Bonneau, Didier Donsez<br />
* UE/Module: EAM (HPRJ9R6B) et EAR (HPRJ9R4B) en RICM5<br />
<br />
L'objectif des études approfondissement est de réaliser un travail de synthèse et d’évaluation sur une technologie / spécification / tendance<br />
<br />
Dans votre futur vie d'ingénieur, vous aurez à d'une part, vous former par vous-même sur une technologie émergente et d'autre part à réaliser une veille technologique (et stratégique) par rapport à votre entreprise et projet.<br />
Il s'agira de réaliser<br />
* le positionnement par rapport au marché<br />
* d'être critique<br />
<br />
Votre synthèse fait l'objet d'une présentation orale convaincante devant un auditoire (dans le futur, vos collègues, vos chefs ou vos clients) avec des transparents et un discours répété.<br />
Pour finir de convaincre (Saint Thomas), vous ferez la présentation d'une démonstration.<br />
<br />
Votre présentation sera noté et commenté par tous vos camarades via un formulaire (téléphone mobile). Leurs notes et leurs commentaires seront notés en fonction de leur exactitude de jugement.<br />
<br />
La présentation peut être réalisée avec [[reveal.js]]<br />
<br />
[[File:presentation-VT-RICM5-1516.pdf|transparents d'introduction à l'UE]]<br />
<br />
<br />
[[Image:ChoixSujetsVT2015.png|500px|center|Affectation des Sujets]]<br />
<br />
==Planning==<br />
<br />
<br />
====02 Octobre====<br />
Didier DONSEZ<br />
<br />
Sujets : 1, 15,19,32<br />
<br />
* 1. Sébastien Toussaint, [https://securityblog.redhat.com/2015/09/02/factoring-rsa-keys-with-tls-perfect-forward-secrecy/ Factoring RSA Keys With TLS Perfect Forward Secrecy], démonstration d'une attaque, [[VT2015_Factoring_RSA|Fiche de synthèse]], [[Media:VT2015_Factoring_RSA.pdf|Transparents]]<br />
* 32. Géolocalisation Indoor : Google [[Eddystone]], Apple [[iBeacon]], [[AltBeacon]], [[VT2015_Geolocalisation_Indoor|Fiche de synthèse]], [[Media:VT2015_Geolocalisation_Indoor.pdf|Transparents]]<br />
* 15. [[Graph Databases]], [[VT2015_Graph_Databases|Fiche de synthèse]], [[Media:VT2015_Graph_Databases.pdf|Transparents]]<br />
* 19. [[Software Forensics]] : cas d'étude Linagora vs Bluemind (vous compléterez les pages en et fr de Wikipédia sur ce sujet). , [[VT2015_Software_Forensics|Fiche de synthèse]], [[Media:VT2015_Software_Forensics.pdf|Transparents]]<br />
<br />
====09 Octobre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 22, 13, 17, 25<br />
* 13 : Xueyong Qian, Intelligent Personal Assistant, [[VT2015_Intelligent_Personal_Assistant|Fiche de synthèse]],[[Media:Intelligent_Personal_Assistant.pdf|Transparents]]<br />
* 17 : Christophe Adam, Rendu Expressif, [[VT2015_Rendu_Expressif|Fiche de synthèse]], [[Media:Rendu_Expressif2.pdf|Transparents]]<br />
* 25 : Vivien Michel, Visualisation de journaux : Kibana/Logstash, [[VT2015_Kibana_Logstash|Fiche de synthèse]], [[Media:Kibana_Logstash.pdf|Transparents]]<br />
* 22: Sarah Aissanou, Reconnaissance de la parole, [[VT2015/Speech_Recognition|Fiche de synthèse]], [[Media:La_reconnaissance_de_la_parole.pdf|Transparents]]<br />
<br />
====16 Octobre====<br />
Didier DONSEZ<br />
<br />
Sujets : 7,8,12<br />
<br />
* Evolution(s) de HTTP : [[HTTP 2.0]], [[SPDY]], ... [[VT2015_HTTP20|Fiche de synthèse]],[[Media:VT2015_HTTP20.pdf|Transparents]]<br />
* [[Quick UDP Internet Connection (QUIC)]] [[VT2015_QUIC|Fiche de synthèse]],[[Media:VT2015_QUIC.pdf|Transparents]]<br />
* Simulateurs de Smart Cities : UrbanSIM, CanVis, Suicidator City Generator, [[Blended Cities]], ... [[VT2015_SimSmartCities|Fiche de synthèse]],[[Media:VT2015_SimSmartCities.pdf|Transparents]]<br />
<br />
====23 Octobre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 14, 30, 6, 29<br />
<br />
* (Complex) [[Event Stream Processing]] : démonstration de [[Apache Storm]] et de [[Spark Streaming]] sur le cloud [[Azure]]. Démo supplémentaire du SaaS [[IFTTT]] : [[VT2015_Complex_Event_Processing|Fiche de synthèse]], [[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
====6 Novembre====<br />
Didier DONSEZ (seul)<br />
<br />
Sujets : 24, 26, 27, 10<br />
<br />
====13 Novembre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 2, 3, 20<br />
<br />
==Liste des Sujets==<br />
# [https://securityblog.redhat.com/2015/09/02/factoring-rsa-keys-with-tls-perfect-forward-secrecy/ Factoring RSA Keys With TLS Perfect Forward Secrecy], démonstration d'une attaque --> Sébastien Toussaint (OBLIGATOIREMENT)<br />
# [[Structural Health Monitoring]] <br />
# [[CryptoMoney]] ([[BitCoin]], ...)<br />
# [[Memcached]] : Usages, Patrons d'arhitecture. Démonstration sur votre projet eCOM pour les ressources multimédia (images, videos, ...). Démonstration de l'[http://dev.mysql.com/doc/ndbapi/en/ndbmemcache.html API Memcache API for MySQL Cluster] et de [[Redis.io]]<br />
# [[In-Memory Databases]]<br />
# [[NewSQL]]<br />
# Evolution(s) de HTTP : [[HTTP 2.0]], [[SPDY]], ...<br />
# [[Quick UDP Internet Connection (QUIC)]]<br />
# [[Cloud Foundry]]<br />
# [[OpenStack]]<br />
# [[MicroServices]]<br />
# Simulateurs de Smart Cities : UrbanSIM, CanVis, Suicidator City Generator, [[Blended Cities]], ...<br />
# [[Digital Assistant]] : démonstration de UMich Sirius<br />
# (Complex) [[Event Stream Processing]] : démonstration de [[Apache Storm]] et de [[Spark Streaming]] sur le cloud [[Azure]]. Démo supplémentaire du SaaS [[IFTTT]]<br />
# [[Software Forensics]] : cas d'étude Linagora vs Bluemind (vous compléterez les pages en et fr de Wikipédia sur ce sujet).<br />
# [[Privacy policy guidelines]] : Démo: application à votre projet [[ECOM-RICM]]<br />
# [[Rendu expressif]] ([[hatching surface rendering]])<br />
# [[FPGA]]<br />
# [[Graph Databases]]<br />
# [[Akka]]<br />
# [[Continuous Delivery]]<br />
# [[Speech Recognition]]<br />
# Protocoles, Formats et Plateformes pour le bâtiment intelligent : [[oBIX]], ... démonstration d'[[IoTSys]]<br />
# Orchestration Tools : Puppet vs. Chef vs. Ansible vs. Salt (pour 2)<br />
# Visualisation de Journaux : démonstration de [[Kibana]] et [[Logstash]] : démonstration sur les logs de votre projet [[eCOM]]<br />
# Protocoles de consensus et applications : [[Paxos]], [[Raft]] et Canevas de consensus : [[Zookeeper]], [[Curator]], [[Etcd]]<br />
# [[Apache Mesos]], [[Borg]], [[Kubernete]], [[Alibaba Fuxi]] : démonstration sur le projet [[eCOM]]<br />
# Cluster Management : [[Apache Helix]]<br />
# The [[Rust]] Programming Language<br />
# [[SQL-on-Hadoop]] : [[Pinot]]<br />
# [[A/B Testing]] @ Internet Scale ([http://fr.slideshare.net/courseratalks/talkscoursera-ab-testing-internet-scale voir])<br />
# Géolocalisation Indoor : Google [[Eddystone]], Apple [[iBeacon]], [[AltBeacon]]<br />
# Performance Debugging : The [http://brendangregg.com/usemethod.html USE Method].</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing&diff=24756VT2015 Complex Event Processing2015-10-20T21:28:06Z<p>Tararaina.Klipffel: </p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : DONSEZ Didier, BONNEAU Georges-Pierre <br />
<br />
Sujet : Complex Event Processing <br />
<br />
Démonstration de Apache Storm et Spark Streaming sur le cloud d'Azure <br />
<br />
Auteur : KLIPFFEL Tararaina<br />
<br />
Date : 23/10/15 <br />
<br />
Mots clés : <br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Abstract==<br />
<br />
==Résumé==<br />
<br />
==Synthèse==<br />
<br />
==Conclusion==<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015_Complex_Event_Processing&diff=24755VT2015 Complex Event Processing2015-10-20T21:24:21Z<p>Tararaina.Klipffel: Created page with "==Présentation== Enseignants : D. Donsez, GP. Bonneau Sujet : Complex Event Processing : Démonstration de Apache Storm et Spark Streaming sur le cloud d'Azure Auteur : Tar..."</p>
<hr />
<div>==Présentation==<br />
<br />
Enseignants : D. Donsez, GP. Bonneau<br />
<br />
Sujet : Complex Event Processing : Démonstration de Apache Storm et Spark Streaming sur le cloud d'Azure<br />
Auteur : Tararaina KLIPFFEL<br />
<br />
Date : 23/10/15<br />
<br />
==Document==<br />
<br />
[[File:Complex_Event_Processing.pdf|Slides de présentation]]<br />
<br />
==Abstract==<br />
<br />
==Résumé==<br />
<br />
==Synthèse==<br />
<br />
==Conclusion==<br />
<br />
==Bibliographie==</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=VT2015&diff=24753VT20152015-10-20T21:18:58Z<p>Tararaina.Klipffel: </p>
<hr />
<div>[[EA2014|<< Etudes 2014]] [[EA|Sommaire]] [[VT2016|Etudes 2016 >>]]<br />
<br />
<br />
=Veille Technologique et Stratégique=<br />
* Enseignants: Georges-Pierre Bonneau, Didier Donsez<br />
* UE/Module: EAM (HPRJ9R6B) et EAR (HPRJ9R4B) en RICM5<br />
<br />
L'objectif des études approfondissement est de réaliser un travail de synthèse et d’évaluation sur une technologie / spécification / tendance<br />
<br />
Dans votre futur vie d'ingénieur, vous aurez à d'une part, vous former par vous-même sur une technologie émergente et d'autre part à réaliser une veille technologique (et stratégique) par rapport à votre entreprise et projet.<br />
Il s'agira de réaliser<br />
* le positionnement par rapport au marché<br />
* d'être critique<br />
<br />
Votre synthèse fait l'objet d'une présentation orale convaincante devant un auditoire (dans le futur, vos collègues, vos chefs ou vos clients) avec des transparents et un discours répété.<br />
Pour finir de convaincre (Saint Thomas), vous ferez la présentation d'une démonstration.<br />
<br />
Votre présentation sera noté et commenté par tous vos camarades via un formulaire (téléphone mobile). Leurs notes et leurs commentaires seront notés en fonction de leur exactitude de jugement.<br />
<br />
La présentation peut être réalisée avec [[reveal.js]]<br />
<br />
[[File:presentation-VT-RICM5-1516.pdf|transparents d'introduction à l'UE]]<br />
<br />
<br />
[[Image:ChoixSujetsVT2015.png|500px|center|Affectation des Sujets]]<br />
<br />
==Planning==<br />
<br />
<br />
====02 Octobre====<br />
Didier DONSEZ<br />
<br />
Sujets : 1, 15,19,32<br />
<br />
* 1. Sébastien Toussaint, [https://securityblog.redhat.com/2015/09/02/factoring-rsa-keys-with-tls-perfect-forward-secrecy/ Factoring RSA Keys With TLS Perfect Forward Secrecy], démonstration d'une attaque, [[VT2015_Factoring_RSA|Fiche de synthèse]], [[Media:VT2015_Factoring_RSA.pdf|Transparents]]<br />
* 32. Géolocalisation Indoor : Google [[Eddystone]], Apple [[iBeacon]], [[AltBeacon]], [[VT2015_Geolocalisation_Indoor|Fiche de synthèse]], [[Media:VT2015_Geolocalisation_Indoor.pdf|Transparents]]<br />
* 15. [[Graph Databases]], [[VT2015_Graph_Databases|Fiche de synthèse]], [[Media:VT2015_Graph_Databases.pdf|Transparents]]<br />
* 19. [[Software Forensics]] : cas d'étude Linagora vs Bluemind (vous compléterez les pages en et fr de Wikipédia sur ce sujet). , [[VT2015_Software_Forensics|Fiche de synthèse]], [[Media:VT2015_Software_Forensics.pdf|Transparents]]<br />
<br />
====09 Octobre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 22, 13, 17, 25<br />
* 13 : Xueyong Qian, Intelligent Personal Assistant, [[VT2015_Intelligent_Personal_Assistant|Fiche de synthèse]],[[Media:Intelligent_Personal_Assistant.pdf|Transparents]]<br />
* 17 : Christophe Adam, Rendu Expressif, [[VT2015_Rendu_Expressif|Fiche de synthèse]], [[Media:Rendu_Expressif2.pdf|Transparents]]<br />
* 25 : Vivien Michel, Visualisation de journaux : Kibana/Logstash, [[VT2015_Kibana_Logstash|Fiche de synthèse]], [[Media:Kibana_Logstash.pdf|Transparents]]<br />
* 22: Sarah Aissanou, Reconnaissance de la parole, [[VT2015/Speech_Recognition|Fiche de synthèse]], [[Media:La_reconnaissance_de_la_parole.pdf|Transparents]]<br />
<br />
====16 Octobre====<br />
Didier DONSEZ<br />
<br />
Sujets : 7,8,12<br />
<br />
* Evolution(s) de HTTP : [[HTTP 2.0]], [[SPDY]], ... [[VT2015_HTTP20|Fiche de synthèse]],[[Media:VT2015_HTTP20.pdf|Transparents]]<br />
* [[Quick UDP Internet Connection (QUIC)]] [[VT2015_QUIC|Fiche de synthèse]],[[Media:VT2015_QUIC.pdf|Transparents]]<br />
* Simulateurs de Smart Cities : UrbanSIM, CanVis, Suicidator City Generator, [[Blended Cities]], ... [[VT2015_SimSmartCities|Fiche de synthèse]],[[Media:VT2015_SimSmartCities.pdf|Transparents]]<br />
<br />
====23 Octobre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 14, 30, 6, 29<br />
<br />
* (Complex) [[Event Stream Processing]] : démonstration de [[Apache Storm]] et de [[Spark Streaming]] sur le cloud [[Azure]]. Démo supplémentaire du SaaS [[IFTTT]] : [[VT2015_Complex_Event_Processing|Fiche de synthèse]], [[Media:VT2015_Complex_Event_Processing.pdf|Transparent]]<br />
<br />
====6 Novembre====<br />
Didier DONSEZ (seul)<br />
<br />
Sujets : 24, 26, 27, 10<br />
<br />
====13 Novembre====<br />
Georges-Pierre BONNEAU<br />
<br />
Sujets : 2, 3, 20<br />
<br />
==Liste des Sujets==<br />
# [https://securityblog.redhat.com/2015/09/02/factoring-rsa-keys-with-tls-perfect-forward-secrecy/ Factoring RSA Keys With TLS Perfect Forward Secrecy], démonstration d'une attaque --> Sébastien Toussaint (OBLIGATOIREMENT)<br />
# [[Structural Health Monitoring]] <br />
# [[CryptoMoney]] ([[BitCoin]], ...)<br />
# [[Memcached]] : Usages, Patrons d'arhitecture. Démonstration sur votre projet eCOM pour les ressources multimédia (images, videos, ...). Démonstration de l'[http://dev.mysql.com/doc/ndbapi/en/ndbmemcache.html API Memcache API for MySQL Cluster] et de [[Redis.io]]<br />
# [[In-Memory Databases]]<br />
# [[NewSQL]]<br />
# Evolution(s) de HTTP : [[HTTP 2.0]], [[SPDY]], ...<br />
# [[Quick UDP Internet Connection (QUIC)]]<br />
# [[Cloud Foundry]]<br />
# [[OpenStack]]<br />
# [[MicroServices]]<br />
# Simulateurs de Smart Cities : UrbanSIM, CanVis, Suicidator City Generator, [[Blended Cities]], ...<br />
# [[Digital Assistant]] : démonstration de UMich Sirius<br />
# (Complex) [[Event Stream Processing]] : démonstration de [[Apache Storm]] et de [[Spark Streaming]] sur le cloud [[Azure]]. Démo supplémentaire du SaaS [[IFTTT]]<br />
# [[Software Forensics]] : cas d'étude Linagora vs Bluemind (vous compléterez les pages en et fr de Wikipédia sur ce sujet).<br />
# [[Privacy policy guidelines]] : Démo: application à votre projet [[ECOM-RICM]]<br />
# [[Rendu expressif]] ([[hatching surface rendering]])<br />
# [[FPGA]]<br />
# [[Graph Databases]]<br />
# [[Akka]]<br />
# [[Continuous Delivery]]<br />
# [[Speech Recognition]]<br />
# Protocoles, Formats et Plateformes pour le bâtiment intelligent : [[oBIX]], ... démonstration d'[[IoTSys]]<br />
# Orchestration Tools : Puppet vs. Chef vs. Ansible vs. Salt (pour 2)<br />
# Visualisation de Journaux : démonstration de [[Kibana]] et [[Logstash]] : démonstration sur les logs de votre projet [[eCOM]]<br />
# Protocoles de consensus et applications : [[Paxos]], [[Raft]] et Canevas de consensus : [[Zookeeper]], [[Curator]], [[Etcd]]<br />
# [[Apache Mesos]], [[Borg]], [[Kubernete]], [[Alibaba Fuxi]] : démonstration sur le projet [[eCOM]]<br />
# Cluster Management : [[Apache Helix]]<br />
# The [[Rust]] Programming Language<br />
# [[SQL-on-Hadoop]] : [[Pinot]]<br />
# [[A/B Testing]] @ Internet Scale ([http://fr.slideshare.net/courseratalks/talkscoursera-ab-testing-internet-scale voir])<br />
# Géolocalisation Indoor : Google [[Eddystone]], Apple [[iBeacon]], [[AltBeacon]]<br />
# Performance Debugging : The [http://brendangregg.com/usemethod.html USE Method].</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24731ECOM-RICM/PIXEL-SHIRT2015-10-20T07:11:12Z<p>Tararaina.Klipffel: /* SCRUM */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg|center|thumb|900px|Planning prévisionnel Gantt]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : [https://github.com/Vivien-Michel/PIXEL-SHIRT]<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
[fiche_SRS]<br />
Définitions des exigences logicielles<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
==== Cible ====<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Age des utilisateurs<br />
!scope="col"| Nombre d'heure d'utilisation d'un ordinateur<br />
!scope="col"| Nombre d'achat en ligne par mois<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[File:AgeConso.png|center|thumb|200px]]<br />
| [[File:HeureConso.png|center|thumb|400px]]<br />
| [[File:NbFoisConso.png|center|thumb|400px]]<br />
|-<br />
<br />
|}<br />
<br />
<br />
Notre cible est principalement des consommateurs entre 20 et 40. Les différents graphiques nous montrent qu’ils sont à l’aise avec un utilisateur car 93% d’entre eux passent entre 1h et plus sur un ordinateur. Concernant les achats en ligne ils ont déjà plusieurs fois utilisé ce moyen de consommation.<br />
<br />
Conclusion : nous avons à faire à des utilisateurs plus que novice dans l’utilisation des ordinateurs. Ayant déjà effectué des achats en ligne il faut que l’interface du site puis lors être familier, afin d’avoir des achats rapide.<br />
<br />
==== Plateformes ====<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Plateforme utilisé pour effectuer des achats<br />
!scope="col"| Navigateur utilisé pour effectuer des achats<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[File:SurQuoi.png|center|thumb|500px]]<br />
| [[File:browserusefor.png|center|thumb|500px]]<br />
|-<br />
<br />
|}<br />
<br />
L’ordinateur est la plateforme la plus utilité pour les achats en lignes. Donc nous allons nous concentrer sur le développement d’une application Web<br />
Concernant le support de navigation, Google Chrome prend la première place du podium 68,8% devant Firefox et Safari avec 18,8% et 6,3%. <br />
<br />
En conclusion nous allons utiliser HTML5 afin de favoriser l’afficher des pages web sur les téléphones portable. Et aussi afin d’avoir un rendu correct sur une grande variété de navigateur web.<br />
<br />
<br />
==== Fonctionnalités attendus ====<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Fonctionnalités Importantes<br />
!scope="col"| Importance des commentaires<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[File:poiintImportznt.png|center|thumb|500px]]<br />
| [[File:commentaireImport.png|center|thumb|500px]]<br />
|-<br />
<br />
|}<br />
<br />
<br />
Quatre points sont primordiaux pour les utilisateurs :<br />
* Des paiements sécurisés<br />
* Rapidité des commandes (EUH livraison ou sur le site)<br />
* Les commentaires<br />
* L’affichage des promotions <br />
<br />
Pour répondre à la première demande nous avons l’intention d’utiliser HTTPS pour les transactions sur notre site et nous comptons aussi le mettre en évidence afin que les clients soient sécurisés.<br />
<br />
Pour le dernier point nous avons l’intention d’afficher les promotions sur la page d’accueil dès qu’ils seront disponibles. <br />
L’usage des commentaires est essentiel pour effectuer un achat. Alors il prévu que les utilisateurs puissent écrire des commentaires pour un produit et aussi que ce commentaire soit visible<br />
<br />
<br />
===Analyse de la concurrence ===<br />
[https://www.qwertee.com/ qwertee] : Site super clair car il met bien en avant le produit. Le prix est bien visible, pas besoin de faire plusieurs click avant de l’afficher. La totalité du site avec régit pas des transactions HTTPS. Les commentaires sont bien visibles sous les articles proposés. Les commandes sont facilement exécutées (une dizaine de clics). <br />
<br />
[http://www.spreadshirt.fr/ spreadshirt] : Ce site met en valeur la fabrication du T-Shirt. Donc on a ici plus une interface pour de la création que pour de la vente. Mais ce site propose de vendre des T-Shirt. Ce site n’affiche pas le HTTPS durant la navigation. On ne voit pas de commentaire sur les articles sélectionnés <br />
<br />
[https://www.pixelshirt.fr/ pixelshirt] : Site super clair car il met bien en avant le produit. Le prix est bien visible, pas besoin de faire plusieurs click avant de l’afficher. La totalité du site avec régit pas des transactions HTTPS. On ne voit pas de commentaire sur les articles sélectionnés. Mais l’on peut voter pour les T-Shirt.<br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png|center|thumb|600px]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg|center|thumb|1200px]]<br />
<br />
===IHM===<br />
====IHM abstraite====<br />
[[File:IHM_abstraite_2.png|center|thumb|900px]]<br />
<br />
====Maquette IHM====<br />
[[File:index.jpg|center|thumb|600px]]<br />
[[File:detail_article.jpg|center|thumb|600px]]<br />
[[File:article.jpg|center|thumb|600px]]<br />
[[File:personnaliser.jpg|center|thumb|600px]]<br />
[[File:panier.jpg|center|thumb|600px]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24730ECOM-RICM/PIXEL-SHIRT2015-10-20T07:09:51Z<p>Tararaina.Klipffel: /* Cible */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg|center|thumb|900px]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : [https://github.com/Vivien-Michel/PIXEL-SHIRT]<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
[fiche_SRS]<br />
Définitions des exigences logicielles<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
==== Cible ====<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Age des utilisateurs<br />
!scope="col"| Nombre d'heure d'utilisation d'un ordinateur<br />
!scope="col"| Nombre d'achat en ligne par mois<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[File:AgeConso.png|center|thumb|200px]]<br />
| [[File:HeureConso.png|center|thumb|400px]]<br />
| [[File:NbFoisConso.png|center|thumb|400px]]<br />
|-<br />
<br />
|}<br />
<br />
<br />
Notre cible est principalement des consommateurs entre 20 et 40. Les différents graphiques nous montrent qu’ils sont à l’aise avec un utilisateur car 93% d’entre eux passent entre 1h et plus sur un ordinateur. Concernant les achats en ligne ils ont déjà plusieurs fois utilisé ce moyen de consommation.<br />
<br />
Conclusion : nous avons à faire à des utilisateurs plus que novice dans l’utilisation des ordinateurs. Ayant déjà effectué des achats en ligne il faut que l’interface du site puis lors être familier, afin d’avoir des achats rapide.<br />
<br />
==== Plateformes ====<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Plateforme utilisé pour effectuer des achats<br />
!scope="col"| Navigateur utilisé pour effectuer des achats<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[File:SurQuoi.png|center|thumb|500px]]<br />
| [[File:browserusefor.png|center|thumb|500px]]<br />
|-<br />
<br />
|}<br />
<br />
L’ordinateur est la plateforme la plus utilité pour les achats en lignes. Donc nous allons nous concentrer sur le développement d’une application Web<br />
Concernant le support de navigation, Google Chrome prend la première place du podium 68,8% devant Firefox et Safari avec 18,8% et 6,3%. <br />
<br />
En conclusion nous allons utiliser HTML5 afin de favoriser l’afficher des pages web sur les téléphones portable. Et aussi afin d’avoir un rendu correct sur une grande variété de navigateur web.<br />
<br />
<br />
==== Fonctionnalités attendus ====<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Fonctionnalités Importantes<br />
!scope="col"| Importance des commentaires<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[File:poiintImportznt.png|center|thumb|500px]]<br />
| [[File:commentaireImport.png|center|thumb|500px]]<br />
|-<br />
<br />
|}<br />
<br />
<br />
Quatre points sont primordiaux pour les utilisateurs :<br />
* Des paiements sécurisés<br />
* Rapidité des commandes (EUH livraison ou sur le site)<br />
* Les commentaires<br />
* L’affichage des promotions <br />
<br />
Pour répondre à la première demande nous avons l’intention d’utiliser HTTPS pour les transactions sur notre site et nous comptons aussi le mettre en évidence afin que les clients soient sécurisés.<br />
<br />
Pour le dernier point nous avons l’intention d’afficher les promotions sur la page d’accueil dès qu’ils seront disponibles. <br />
L’usage des commentaires est essentiel pour effectuer un achat. Alors il prévu que les utilisateurs puissent écrire des commentaires pour un produit et aussi que ce commentaire soit visible<br />
<br />
<br />
===Analyse de la concurrence ===<br />
[https://www.qwertee.com/ qwertee] : Site super clair car il met bien en avant le produit. Le prix est bien visible, pas besoin de faire plusieurs click avant de l’afficher. La totalité du site avec régit pas des transactions HTTPS. Les commentaires sont bien visibles sous les articles proposés. Les commandes sont facilement exécutées (une dizaine de clics). <br />
<br />
[http://www.spreadshirt.fr/ spreadshirt] : Ce site met en valeur la fabrication du T-Shirt. Donc on a ici plus une interface pour de la création que pour de la vente. Mais ce site propose de vendre des T-Shirt. Ce site n’affiche pas le HTTPS durant la navigation. On ne voit pas de commentaire sur les articles sélectionnés <br />
<br />
[https://www.pixelshirt.fr/ pixelshirt] : Site super clair car il met bien en avant le produit. Le prix est bien visible, pas besoin de faire plusieurs click avant de l’afficher. La totalité du site avec régit pas des transactions HTTPS. On ne voit pas de commentaire sur les articles sélectionnés. Mais l’on peut voter pour les T-Shirt.<br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png|center|thumb|600px]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg|center|thumb|1200px]]<br />
<br />
===IHM===<br />
====IHM abstraite====<br />
[[File:IHM_abstraite_2.png|center|thumb|900px]]<br />
<br />
====Maquette IHM====<br />
[[File:index.jpg|center|thumb|600px]]<br />
[[File:detail_article.jpg|center|thumb|600px]]<br />
[[File:article.jpg|center|thumb|600px]]<br />
[[File:personnaliser.jpg|center|thumb|600px]]<br />
[[File:panier.jpg|center|thumb|600px]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=File:Personnaliser.jpg&diff=24729File:Personnaliser.jpg2015-10-20T06:49:04Z<p>Tararaina.Klipffel: </p>
<hr />
<div></div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=File:Article.jpg&diff=24728File:Article.jpg2015-10-20T06:48:52Z<p>Tararaina.Klipffel: </p>
<hr />
<div></div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=File:Detail_article.jpg&diff=24727File:Detail article.jpg2015-10-20T06:48:41Z<p>Tararaina.Klipffel: </p>
<hr />
<div></div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=File:Index.jpg&diff=24726File:Index.jpg2015-10-20T06:47:55Z<p>Tararaina.Klipffel: </p>
<hr />
<div></div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=File:IHM_abstraite_2.png&diff=24725File:IHM abstraite 2.png2015-10-20T06:47:17Z<p>Tararaina.Klipffel: </p>
<hr />
<div></div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24724ECOM-RICM/PIXEL-SHIRT2015-10-20T06:46:28Z<p>Tararaina.Klipffel: /* IHM abstraite */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg|center|thumb|900px]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : [https://github.com/Vivien-Michel/PIXEL-SHIRT]<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
[fiche_SRS]<br />
Définitions des exigences logicielles<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
==== Cible ====<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Age des utilisateurs<br />
!scope="col"| Nombre d'heure d'utilisation d'un ordinateur<br />
!scope="col"| Nombre d'achat en ligne par mois<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[File:AgeConso.png|center|thumb|400px]]<br />
| [[File:HeureConso.png|center|thumb|400px]]<br />
| [[File:NbFoisConso.png|center|thumb|400px]]<br />
|-<br />
<br />
|}<br />
<br />
<br />
Notre cible est principalement des consommateurs entre 20 et 40. Les différents graphiques nous montrent qu’ils sont à l’aise avec un utilisateur car 93% d’entre eux passent entre 1h et plus sur un ordinateur. Concernant les achats en ligne ils ont déjà plusieurs fois utilisé ce moyen de consommation.<br />
<br />
Conclusion : nous avons à faire à des utilisateurs plus que novice dans l’utilisation des ordinateurs. Ayant déjà effectué des achats en ligne il faut que l’interface du site puis lors être familier, afin d’avoir des achats rapide. <br />
<br />
==== Plateformes ====<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Plateforme utilisé pour effectuer des achats<br />
!scope="col"| Navigateur utilisé pour effectuer des achats<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[File:SurQuoi.png|center|thumb|500px]]<br />
| [[File:browserusefor.png|center|thumb|500px]]<br />
|-<br />
<br />
|}<br />
<br />
L’ordinateur est la plateforme la plus utilité pour les achats en lignes. Donc nous allons nous concentrer sur le développement d’une application Web<br />
Concernant le support de navigation, Google Chrome prend la première place du podium 68,8% devant Firefox et Safari avec 18,8% et 6,3%. <br />
<br />
En conclusion nous allons utiliser HTML5 afin de favoriser l’afficher des pages web sur les téléphones portable. Et aussi afin d’avoir un rendu correct sur une grande variété de navigateur web.<br />
<br />
<br />
==== Fonctionnalités attendus ====<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Fonctionnalités Importantes<br />
!scope="col"| Importance des commentaires<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[File:poiintImportznt.png|center|thumb|500px]]<br />
| [[File:commentaireImport.png|center|thumb|500px]]<br />
|-<br />
<br />
|}<br />
<br />
<br />
Quatre points sont primordiaux pour les utilisateurs :<br />
* Des paiements sécurisés<br />
* Rapidité des commandes (EUH livraison ou sur le site)<br />
* Les commentaires<br />
* L’affichage des promotions <br />
<br />
Pour répondre à la première demande nous avons l’intention d’utiliser HTTPS pour les transactions sur notre site et nous comptons aussi le mettre en évidence afin que les clients soient sécurisés.<br />
<br />
Pour le dernier point nous avons l’intention d’afficher les promotions sur la page d’accueil dès qu’ils seront disponibles. <br />
L’usage des commentaires est essentiel pour effectuer un achat. Alors il prévu que les utilisateurs puissent écrire des commentaires pour un produit et aussi que ce commentaire soit visible<br />
<br />
<br />
===Analyse de la concurrence ===<br />
[https://www.qwertee.com/ qwertee] : Site super clair car il met bien en avant le produit. Le prix est bien visible, pas besoin de faire plusieurs click avant de l’afficher. La totalité du site avec régit pas des transactions HTTPS. Les commentaires sont bien visibles sous les articles proposés. Les commandes sont facilement exécutées (une dizaine de clics). <br />
<br />
[http://www.spreadshirt.fr/ spreadshirt] : Ce site met en valeur la fabrication du T-Shirt. Donc on a ici plus une interface pour de la création que pour de la vente. Mais ce site propose de vendre des T-Shirt. Ce site n’affiche pas le HTTPS durant la navigation. On ne voit pas de commentaire sur les articles sélectionnés <br />
<br />
[https://www.pixelshirt.fr/ pixelshirt] : Site super clair car il met bien en avant le produit. Le prix est bien visible, pas besoin de faire plusieurs click avant de l’afficher. La totalité du site avec régit pas des transactions HTTPS. On ne voit pas de commentaire sur les articles sélectionnés. Mais l’on peut voter pour les T-Shirt.<br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png|center|thumb|600px]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg|center|thumb|1200px]]<br />
<br />
===IHM===<br />
====IHM abstraite====<br />
[[File:IHM_abstraite_2.png|center|thumb|900px]]<br />
<br />
====Maquette IHM====<br />
[[File:index.jpg|center|thumb|600px]]<br />
[[File:detail_article.jpg|center|thumb|600px]]<br />
[[File:article.jpg|center|thumb|600px]]<br />
[[File:personnaliser.jpg|center|thumb|600px]]<br />
[[File:panier.jpg|center|thumb|600px]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24723ECOM-RICM/PIXEL-SHIRT2015-10-20T06:45:53Z<p>Tararaina.Klipffel: </p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg|center|thumb|900px]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : [https://github.com/Vivien-Michel/PIXEL-SHIRT]<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
[fiche_SRS]<br />
Définitions des exigences logicielles<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
==== Cible ====<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Age des utilisateurs<br />
!scope="col"| Nombre d'heure d'utilisation d'un ordinateur<br />
!scope="col"| Nombre d'achat en ligne par mois<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[File:AgeConso.png|center|thumb|400px]]<br />
| [[File:HeureConso.png|center|thumb|400px]]<br />
| [[File:NbFoisConso.png|center|thumb|400px]]<br />
|-<br />
<br />
|}<br />
<br />
<br />
Notre cible est principalement des consommateurs entre 20 et 40. Les différents graphiques nous montrent qu’ils sont à l’aise avec un utilisateur car 93% d’entre eux passent entre 1h et plus sur un ordinateur. Concernant les achats en ligne ils ont déjà plusieurs fois utilisé ce moyen de consommation.<br />
<br />
Conclusion : nous avons à faire à des utilisateurs plus que novice dans l’utilisation des ordinateurs. Ayant déjà effectué des achats en ligne il faut que l’interface du site puis lors être familier, afin d’avoir des achats rapide. <br />
<br />
==== Plateformes ====<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Plateforme utilisé pour effectuer des achats<br />
!scope="col"| Navigateur utilisé pour effectuer des achats<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[File:SurQuoi.png|center|thumb|500px]]<br />
| [[File:browserusefor.png|center|thumb|500px]]<br />
|-<br />
<br />
|}<br />
<br />
L’ordinateur est la plateforme la plus utilité pour les achats en lignes. Donc nous allons nous concentrer sur le développement d’une application Web<br />
Concernant le support de navigation, Google Chrome prend la première place du podium 68,8% devant Firefox et Safari avec 18,8% et 6,3%. <br />
<br />
En conclusion nous allons utiliser HTML5 afin de favoriser l’afficher des pages web sur les téléphones portable. Et aussi afin d’avoir un rendu correct sur une grande variété de navigateur web.<br />
<br />
<br />
==== Fonctionnalités attendus ====<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Fonctionnalités Importantes<br />
!scope="col"| Importance des commentaires<br />
|-<br />
<br />
!scope="row"| 1<br />
| [[File:poiintImportznt.png|center|thumb|500px]]<br />
| [[File:commentaireImport.png|center|thumb|500px]]<br />
|-<br />
<br />
|}<br />
<br />
<br />
Quatre points sont primordiaux pour les utilisateurs :<br />
* Des paiements sécurisés<br />
* Rapidité des commandes (EUH livraison ou sur le site)<br />
* Les commentaires<br />
* L’affichage des promotions <br />
<br />
Pour répondre à la première demande nous avons l’intention d’utiliser HTTPS pour les transactions sur notre site et nous comptons aussi le mettre en évidence afin que les clients soient sécurisés.<br />
<br />
Pour le dernier point nous avons l’intention d’afficher les promotions sur la page d’accueil dès qu’ils seront disponibles. <br />
L’usage des commentaires est essentiel pour effectuer un achat. Alors il prévu que les utilisateurs puissent écrire des commentaires pour un produit et aussi que ce commentaire soit visible<br />
<br />
<br />
===Analyse de la concurrence ===<br />
[https://www.qwertee.com/ qwertee] : Site super clair car il met bien en avant le produit. Le prix est bien visible, pas besoin de faire plusieurs click avant de l’afficher. La totalité du site avec régit pas des transactions HTTPS. Les commentaires sont bien visibles sous les articles proposés. Les commandes sont facilement exécutées (une dizaine de clics). <br />
<br />
[http://www.spreadshirt.fr/ spreadshirt] : Ce site met en valeur la fabrication du T-Shirt. Donc on a ici plus une interface pour de la création que pour de la vente. Mais ce site propose de vendre des T-Shirt. Ce site n’affiche pas le HTTPS durant la navigation. On ne voit pas de commentaire sur les articles sélectionnés <br />
<br />
[https://www.pixelshirt.fr/ pixelshirt] : Site super clair car il met bien en avant le produit. Le prix est bien visible, pas besoin de faire plusieurs click avant de l’afficher. La totalité du site avec régit pas des transactions HTTPS. On ne voit pas de commentaire sur les articles sélectionnés. Mais l’on peut voter pour les T-Shirt.<br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png|center|thumb|600px]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg|center|thumb|1200px]]<br />
<br />
===IHM===<br />
====IHM abstraite====<br />
[[File:IHM_abstraite.png|center|thumb|900px]]<br />
<br />
====Maquette IHM====<br />
[[File:index.jpg|center|thumb|600px]]<br />
[[File:detail_article.jpg|center|thumb|600px]]<br />
[[File:article.jpg|center|thumb|600px]]<br />
[[File:personnaliser.jpg|center|thumb|600px]]<br />
[[File:panier.jpg|center|thumb|600px]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24487ECOM-RICM/PIXEL-SHIRT2015-10-17T16:37:20Z<p>Tararaina.Klipffel: /* SCRUM */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg|center|thumb|900px]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : [https://github.com/Vivien-Michel/PIXEL-SHIRT]<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
[fiche_SRS]<br />
Définitions des exigences logicielles<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png|center|thumb|600px]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg|center|thumb|1200px]]<br />
<br />
===IHM===<br />
====IHM abstraite====<br />
[[File:IHM_abstraite.png|center|thumb|900px]]<br />
<br />
====Maquette IHM====<br />
[[File:maquette.jpg|center|thumb|600px]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24486ECOM-RICM/PIXEL-SHIRT2015-10-17T16:36:53Z<p>Tararaina.Klipffel: /* IHM abstraite */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : [https://github.com/Vivien-Michel/PIXEL-SHIRT]<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
[fiche_SRS]<br />
Définitions des exigences logicielles<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png|center|thumb|600px]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg|center|thumb|1200px]]<br />
<br />
===IHM===<br />
====IHM abstraite====<br />
[[File:IHM_abstraite.png|center|thumb|900px]]<br />
<br />
====Maquette IHM====<br />
[[File:maquette.jpg|center|thumb|600px]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24485ECOM-RICM/PIXEL-SHIRT2015-10-17T16:36:25Z<p>Tararaina.Klipffel: /* Modèle de tâche */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : [https://github.com/Vivien-Michel/PIXEL-SHIRT]<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
[fiche_SRS]<br />
Définitions des exigences logicielles<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png|center|thumb|600px]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg|center|thumb|1200px]]<br />
<br />
===IHM===<br />
====IHM abstraite====<br />
[[File:IHM_abstraite.png|center|thumb|600px]]<br />
<br />
====Maquette IHM====<br />
[[File:maquette.jpg|center|thumb|600px]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24484ECOM-RICM/PIXEL-SHIRT2015-10-17T16:35:25Z<p>Tararaina.Klipffel: /* Conception IHM 06/10/2015 */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : [https://github.com/Vivien-Michel/PIXEL-SHIRT]<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
[fiche_SRS]<br />
Définitions des exigences logicielles<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png|center|thumb|600px]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg|center|thumb|600px]]<br />
<br />
===IHM===<br />
====IHM abstraite====<br />
[[File:IHM_abstraite.png|center|thumb|600px]]<br />
<br />
====Maquette IHM====<br />
[[File:maquette.jpg|center|thumb|600px]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24483ECOM-RICM/PIXEL-SHIRT2015-10-17T16:33:37Z<p>Tararaina.Klipffel: /* IHM abstraite */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : [https://github.com/Vivien-Michel/PIXEL-SHIRT]<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
[fiche_SRS]<br />
Définitions des exigences logicielles<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg]]<br />
<br />
===IHM===<br />
====IHM abstraite====<br />
[[File:IHM_abstraite.png]]<br />
<br />
====Maquette IHM====<br />
[[File:maquette.jpg]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=File:IHM_abstraite.png&diff=24482File:IHM abstraite.png2015-10-17T16:31:53Z<p>Tararaina.Klipffel: </p>
<hr />
<div></div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24481ECOM-RICM/PIXEL-SHIRT2015-10-17T16:30:16Z<p>Tararaina.Klipffel: /* Conception IHM 06/10/2015 */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : [https://github.com/Vivien-Michel/PIXEL-SHIRT]<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
[fiche_SRS]<br />
Définitions des exigences logicielles<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg]]<br />
<br />
===IHM===<br />
====IHM abstraite====<br />
[[File:IHM_abstraite.jpg]]<br />
====Maquette IHM====<br />
[[File:maquette.jpg]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24480ECOM-RICM/PIXEL-SHIRT2015-10-17T16:25:59Z<p>Tararaina.Klipffel: /* SRS */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : [https://github.com/Vivien-Michel/PIXEL-SHIRT]<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
[fiche_SRS]<br />
Définitions des exigences logicielles<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24479ECOM-RICM/PIXEL-SHIRT2015-10-17T16:25:33Z<p>Tararaina.Klipffel: /* GIT */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : [https://github.com/Vivien-Michel/PIXEL-SHIRT]<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
Définitions des exigences logicielles<br />
<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24478ECOM-RICM/PIXEL-SHIRT2015-10-17T16:24:39Z<p>Tararaina.Klipffel: /* SCRUM */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : https://github.com/Vivien-Michel/PIXEL-SHIRT<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
Définitions des exigences logicielles<br />
<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=File:Planning_previsionnel.jpg&diff=24477File:Planning previsionnel.jpg2015-10-17T16:24:02Z<p>Tararaina.Klipffel: </p>
<hr />
<div></div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24476ECOM-RICM/PIXEL-SHIRT2015-10-17T16:23:39Z<p>Tararaina.Klipffel: /* SCRUM */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [[https://waffle.io/Vivien-Michel/PIXEL-SHIRT|Waffle]]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning_previsionnel.jpg]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : https://github.com/Vivien-Michel/PIXEL-SHIRT<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
Définitions des exigences logicielles<br />
<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24475ECOM-RICM/PIXEL-SHIRT2015-10-17T16:22:33Z<p>Tararaina.Klipffel: /* SCRUM */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : [https://waffle.io/Vivien-Michel/PIXEL-SHIRT|Waffle]. Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches.<br />
<br />
[[File:planning.jpg]]<br />
<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : https://github.com/Vivien-Michel/PIXEL-SHIRT<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
Définitions des exigences logicielles<br />
<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=24474ECOM-RICM/PIXEL-SHIRT2015-10-17T16:10:39Z<p>Tararaina.Klipffel: </p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
===SCRUM===<br />
Pour la partie conception de l'architecture de notre site nous avons décidé d'utiliser la méthode agile Scrum avec des sprints d'une durée de 1 semaine. En effet, cela nous permet d'avoir rapidement un feedback sur le travail effectué, et par conséquent d'augmenter notre réactivité face aux demandes du client.<br />
<br />
Nous utilisons aussi Scrum pour la partie création du site. Ci dessous voici notre planning prévisionnel du projet avec les différentes tâches. Voici le lien vers notre Waffle, qui permet de voir en temps réel l'avancement de notre projet : https://waffle.io/Vivien-Michel/PIXEL-SHIRT<br />
===GIT===<br />
Nous utilisons Github un gestionnaire de version pour pouvoir interagir simultanément sur le projet PIXEL-SHIRT. Voici le lien de dêpot distant : https://github.com/Vivien-Michel/PIXEL-SHIRT<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY Laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=SRS=<br />
Définitions des exigences logicielles<br />
<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
Product backlog des priorité de développement pour l'utilisateur en ce qui concerne L'IHM.<br />
<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (7)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
!scope="row"| 7<br />
| Administrateur<br />
|<br />
* ajout d'un article au catalogue<br />
| (5)<br />
|-<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg]]<br />
<br />
=Références=</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=Groupes_eCOM-RICM_2015-2016&diff=24470Groupes eCOM-RICM 2015-20162015-10-17T15:44:02Z<p>Tararaina.Klipffel: /* Groupe 3 : Site de vente de T-shirt personnalisés */</p>
<hr />
<div>--> Groupes du projet [[eCOM-RICM]]<br />
<br />
====Groupe 1 : Site de vente de sushis====<br />
<br />
* ADAM Christophe<br />
* AISSANOU Sarah<br />
* BARTHELEMY Romain<br />
* FOTSING Eric Michel<br />
<br />
[[ECOM_RICM5_Groupe1_2015|Fiche de suivi]]<br />
<br />
====Groupe 2 : Site de vente de stickers personnalisés====<br />
<br />
* CODAZZI Rama<br />
* DAMOTTE Alan<br />
* HAMMERER Jérémy<br />
* GUO Kai<br />
* TORCK Quentin<br />
<br />
[[ECOM_RICM5_Groupe2_2015|Fiche de suivi]]<br />
<br />
====Groupe 3 : Site de vente de T-shirt personnalisés ====<br />
* TOUSSAINT Sebastien<br />
* SAUSSAC Thibault<br />
* KLIPFFEL Tararaina<br />
* MICHEL Vivien <br />
* LONGFEI Yao<br />
<br />
[[ECOM-RICM/PIXEL-SHIRT|Fiche de suivi]]<br />
<br />
====Groupe 4 : ====<br />
*Hamdani Youcef<br />
*Zominy Laurent<br />
*Rossi Ombeline<br />
*Mesnier Vincent<br />
*QIAN Jean<br />
<br />
[[ECOM_RICM5_Groupe4_2015|Fiche de suivi]]<br />
<br />
====Groupe 5 : Site de restauration personnalisée ====<br />
* Malek Mammar<br />
* Robin Eudes<br />
* Zhang Zhengmeng<br />
<br />
[[ECOM_RICM5_Groupe5_2015|Fiche de suivi]]</div>Tararaina.Klipffelhttps://air.imag.fr/index.php?title=ECOM-RICM/PIXEL-SHIRT&diff=23886ECOM-RICM/PIXEL-SHIRT2015-10-06T19:48:09Z<p>Tararaina.Klipffel: /* Contextes d'utilisation */</p>
<hr />
<div>Le projet ECOM-RICM 2015-2016 consiste à concevoir et développer une application de commerce électronique dans le cadre des unités d'enseignements Génie Logiciel, IHM et Projet ECOM gérer respectivement par Didier DONSEZ, Laurence NIGAY et Sybille CAFFIAU.<br />
<br />
==Présentation du projet [[ECOM]]==<br />
<br />
Notre site de commerce électronique "PIXEL-SHIRT" permet la création de tee-shirt avec des modèles pixelisé personnalisé. Chaque client doit au préalablement créer un compte. Il pourra ensuite choisir entre une panoplie de Tee-shirt (la taille, le type, col en V, couleur, etc...). Deplus le client pourra importer un dessin à représenter sur le tee-shirt. Un outil de dessin pixélisé sera éventuellement mis en place sur le site. Le projet ECOM étant de courte durée nous décidons d'utiliser une méthodologie [[Scrum]] pour la conduite de ce projet. La partie IHM et la partie Système sont menées en parallèle pendant toute la durée du projet. Le projet se conclut par une soutenance finale pour chaque partie (IHM et système).<br />
<br />
==Equipe==<br />
<br />
===Enseignants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
|-<br />
<br />
!scope="row"| 1<br />
| DONSEZ Didier<br />
| didier.donsez@imag.fr<br />
|-<br />
<br />
!scope="row"| 2<br />
| CAFFIAU Sybille <br />
| sybille.caffiau@imag.fr<br />
|-<br />
<br />
!scope="row"| 3<br />
| NIGAY laurence <br />
| laurence.nigay@imag.fr<br />
|- <br />
<br />
|}<br />
<br />
===Etudiants===<br />
<br />
{|class="wikitable alternance"<br />
|-<br />
|<br />
!scope="col"| Nom Prénom<br />
!scope="col"| Mail<br />
!scope="col"| Rôle<br />
|-<br />
<br />
!scope="row"| 1<br />
| MICHEL Vivien<br />
| vivien.michel@e.ujf-grenoble.fr<br />
| Scrum Master<br />
|-<br />
<br />
!scope="row"| 2<br />
| KLIPFFEL Tararaina<br />
| tararaina.klipffel@e.ujf-grenoble.fr<br />
| Chef de projet<br />
|-<br />
<br />
!scope="row"| 3<br />
| TOUSSAINT Sebastien<br />
| sebastien.toussain@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 4<br />
| SAUSSAC Thibault<br />
| thibault.saussac@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
!scope="row"| 5<br />
| LONGFEI Jérôme<br />
| jérôme.longfei@e.ujf-grenoble.fr<br />
| Développeur<br />
|-<br />
<br />
|}<br />
<br />
=Gestion de projet=<br />
==Initialisation du projet 08/09/2015==<br />
Définition du projet et des différents objectifs à atteindre. Création d'un site web permettant la création de Tee-Shirt avec des logos pixelisés. L'application offre la possibilité de créer des Tee-Shirt avec :<br />
* des modèles prédéfinis<br />
* des modèles prédéfinis modifiable<br />
* des créations de modèle.<br />
<br />
==Création du questionnaire 15/09/2015==<br />
===Questionnaire===<br />
[https://docs.google.com/forms/d/1rcJ5u16AZn9hkijGnRVUkNL3VhEI4zp9b5F17_58E7w/viewform Questionnaire ECOM]<br />
===Analyse des données===<br />
< A venir ><br />
<br />
==Définir les pré-requis, les besoins et les contraintes 22/09/2015 & 29/09/2015==<br />
===Les pré-requis===<br />
1) Qui est ce qui va m’utiliser ? Quand ? Pourquoi ? Dans quel environnement ? Comment résonne cet utilisateur ?<br />
Le site de E-commerce sera utilisé par des utilisateurs relativement jeune puisque la plupart des personnes intéressées ont entre 15 et 25 ans. Par tous type de personne, à la fois des étudiants, des bureaux étudiants pour des tee-shirt à l’image de leur école ou filière mais aussi des chefs d’entreprise voulant faire des tee-shirt publicitaire à l’effigie de leur entreprise, des clubs sportifs. Ce site web sera disponible tout le temps mais les principales fréquentation devrait être en fin de journée après avoir étudier la fréquentation sur les sites concurrents. Leurs principales vente se font tout au long de la journée du fait de l’accès à l’Internet sur leur lieu de travail cependant le pic des commande se site en fin de journée entre 18h30 et 21h. Les tee-shirt personnalisés pourront être commandés par des personnes voulant se démarquer avec un tee-shirt original. Cependant ces tee-shirt sont aussi très commandés par des personnes voulant faire des cadeaux d’anniversaire afin d’avoir une touche personnel dessus. Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire. <br />
===Les besoins===<br />
2) Quelles plateformes je peux utiliser pour communiquer avec un humain ?<br />
Les plate-formes pouvant être utilisés sont les couriels, les SMS, puisque la clientèle est jeune il serait intéressant de faire des offres promotionnel via Facebook et plus généralement les réseaux sociaux. (GSM, Ordinateurs, Smartphones)<br />
3) Qu’est ce que j’ai besoin de connaître pour permettre à l’humain d’accomplir ses tâches ? Qu’est ce qu’un développeur peut m’apprendre ? Comment ?<br />
* Ses coordonnées bancaires.<br />
* Son adresse de livraison<br />
* Son nom, prénom.<br />
* Son adresse mail.<br />
* Son numéro de téléphone.<br />
===Les contraintes===<br />
{|class="wikitable alternance"<br />
|+ tableau des contraintes<br />
|-<br />
|<br />
!scope="col"| Type<br />
!scope="col"| contraintes<br />
|-<br />
<br />
!scope="row"| 1<br />
| Utilisateurs<br />
| Les utilisateurs de notre site seront :<br />
* Les étudiants qui veulent un tee-shirt représentant leur filière ou école.<br />
* Les personnes qui veulent un tee-shirt individualisé.<br />
* Les entreprises qui veulent prendre un tee-shirt représentant leur culture d’entreprise.<br />
* Les groupes comme les clubs sportifs et les geeks.<br />
|-<br />
<br />
!scope="row"| 2<br />
| Environnement<br />
| Les clients vont utiliser le site de E-commerce sur les ordinateurs puisque c’est pratique à télécharger leur commandes vers un serveur.<br />
|-<br />
<br />
!scope="row"| 3<br />
| Objectifs de l’utilisateur, tâches et cas d’utilisation<br />
| L’objectif de l’utilisateur est de faire une commande des tee-shirts individualisés.<br />
|-<br />
<br />
!scope="row"| 4<br />
| Entrées/sorties possibles, plateformes<br />
| Entrées: Les images des tee-shirts, le nombre et les tailles des tee-shirts, les informations personnalisés (les coordonnées bancaires, l’adresse de livraison, le nom et prénom, l’adresse mail, le numéro de téléphone). Plateformes: Les navigateurs web sur les ordinateurs.<br />
|-<br />
<br />
!scope="row"| 5<br />
| Analyse technologique (étude de librairies...) technologies web obligatoires<br />
| Utilisation de JavaScript et CSS pour réaliser des web pages, java pour réaliser la couche logique et JDBC pour la connexion à des bases de donneés<br />
|-<br />
<br />
|}<br />
<br />
<br />
==Conception IHM 06/10/2015==<br />
===Utilisateurs cible===<br />
Personnes comprises entre 18 et 40 ans. Les 18 – 25 car ils veulent suivre la mode du rétro. Et les 25 - 40 car cela leur rappel leur enfance avec les jeux pixelisés.<br />
===Tâches : priorité de développement pour l’utilisateur===<br />
<br />
{|class="wikitable alternance"<br />
|+ tableau des tâches<br />
|-<br />
|<br />
!scope="col"| Tâche<br />
!scope="col"| Sous tâches<br />
!scope="col"| Priorité<br />
|-<br />
<br />
!scope="row"| 1<br />
| Gestion compte<br />
| <br />
* création/suppression du compte<br />
| (6)<br />
|-<br />
<br />
!scope="row"| 3<br />
| Créer un modèle de Tee-shirt<br />
| <br />
* proposer un design<br />
* choix d’un modèle prédéfinit<br />
| 2<br />
|-<br />
<br />
!scope="row"| 3<br />
| Gestion du panier<br />
| <br />
* création d‘une session <br />
* ajouter/supprimer/modifier un article au panier <br />
* commander<br />
| (5)<br />
|-<br />
<br />
!scope="row"| 4<br />
| Transaction bancaire<br />
|<br />
* accepter <br />
* refuser <br />
* payer<br />
| 3<br />
|-<br />
<br />
!scope="row"| 5<br />
| Visualiser le catalogue<br />
| <br />
* recherche article<br />
* visualiser par catégorie <br />
* IHM<br />
| 1<br />
|-<br />
<br />
!scope="row"| 6<br />
| Gérer catalogue<br />
| <br />
* création BD<br />
| (4)<br />
|-<br />
<br />
|}<br />
<br />
===Contextes d'utilisation===<br />
Le site devra être disponible sur les ordinateurs puisque les personnes interrogées commande à 90% sur leur ordinateur personnel. les commandes sur Smartphone ou sur tablette ne semble donc pas être nécessaire.<br />
<br />
===User Case UML===<br />
[[File:Use_Case.png]]<br />
<br />
===Modèle de tâche===<br />
[[File:tache.jpg]]<br />
<br />
=Références=</div>Tararaina.Klipffel