Cat Town. 11 l 2013 CRM13. Bombardier Aloïs Gonzalez Maël Hiron Thomas Paulus Virginie

Dimension: px
Commencer à balayer dès la page:

Download "Cat Town. 11 l 2013 CRM13. Bombardier Aloïs Gonzalez Maël Hiron Thomas Paulus Virginie"

Transcription

1 Cat Town 11 l 2013 CRM13 Bombardier Aloïs Gonzalez Maël Hiron Thomas Paulus Virginie

2 Sommaire 01 Le client 02 Benchmark Produit 03 Scénario stratégique 04 Le projet 05 Scénario utilisateur 06 Arborescence 07 Zoning 08 Design graphique 09 Story-board 10 Benchmark Technique 11 Budget 1/24

3 01 Le client Action contre la faim (creee en 1979) 2837 salariés nationaux Une ONG qui agit dans 45 pays différents Différents champs d action : nutrition et santé, Eau, assainissement et hygiène, Agriculture, Sécurité alimentaire 90 partenaires : écoles et entreprises Exemple : Le challenge interentreprises contre la faim a permis de récolter en 6 éditions dans 3 villes différentes (Paris, Lyon et Annemasse),, Exemple de campagne campagne web nutrir site nutrir.actioncontrelafaim.org relayé sur twitter et encart nutrir inséré dans les dictionnaires Le Robert Observation : peu de contenus, peu de retours, manque d intérêt des médias et internautes malgré les tentatives : pas de grands succès d ACF pour l investigation des nouveaux médias, une culpabilisation qui ne plait pas forcément à la cible jeune. Aujourd hui ACF est confrontée Au manque de mobilisation et notamment une véritable désaffection des publics jeunes À une image vieillissante À des moyens d actions obsolètes (course contre la faim, dessin contre la faim ) Communication actuelle Site officiel - réseaux sociaux : fan page Facebook, Twitter - vidéos : chaine YouTube La Demande Trouver une solution pour redynamiser et «dépoussiérer» les outils de sensibilisation et d implication des jeunes. Le but est de les sensibiliser voir les mobiliser. L idée serait de les impliquer dans une action originale et novatrice, un événement à forte notoriété qui serait relayé par les médias. Le but est de créer, d imaginer un événement virtuel interactif et multi-support. Le client souhaite qu on lui propose également un principe de partenariat. L opération pendra fin le 1er jour du printemps. L enveloppe budgétaire pour la réalisation sera à hauteur de : euros Le budget alloué à la communication/médiatisation de l événement n a pas été fixé pour l instant. 2/24

4 02BenChmark produit SIDA sexy fingers L association AIDES, veut promouvoir un dépistage rapide du SIDA. La méthode consiste à prélever une goutte de sang sur le doigt et permet de détecter le virus en trente minutes. C est dans ce but qu elle a lancé la campagne de sensibilisation «sexy fingers». AIDES a décidé de miser sur l humour, pour véhiculer une image plus positive et non culpabilisante, en phase avec la réalité. Un univers coloré, ludique et original, faisant référence au sexe et notamment aux parties intimes a donc été créé. Cette campagne comprend une vidéo musicale renvoyant au site interactif Les internautes peuvent jouer à des jeux amusants. Dans cet univers créatif, le doigt qui permet le dépistage est omniprésent : le but reste avant tout d informer le public sur cette nouvelle méthode. À retenir : Clip accompagnant le site et permettant sa diffusion. Possibilité de partage Facebook et Twitter stimulant l esprit communautaire et de partage. Application Android apportant plus d accessibilité aux jeunes, connectés par différents médias. Sound design entraînant. Couleurs flashs et attractives. Dessin graphique et typographie appartenant à l univers de la BD, de l animation. Jeux interactifs impliquant activement l internaute. Images décomplexées et humoristiques. Accroche amusante «juste un doigt pour se faire dépister» justifiant l angle choisi et l omniprésence du doigt sur chaque page. À éviter : Navigation qui peut paraître compliquée. Problème de fluidité si mauvaise connexion. => Ton fun et humoristique adapté à la cible jeune. 3/24

5 MTV Gif me more party La campagne de MTV Mobile Europe développe le principe «Gif me More Party», une vidéo interactive. Visant les jeunes à la recherche de culture pop, ce concept multimédia est particulièrement adapté à la cible. À retenir : Ce qui touche la cible : La musique de culture pop Les personnages auxquels elle peut s identifier : vue subjective Le graphisme jeune et moderne Un univers qui le touche : la fête, les amis La récompense : la musique téléchargeable gratuitement, facile d accès Virale : Car bien faite : créée le buzz et se retrouve répertoriée sur des sites de références comme TheFwa Possibilité de partager sur les réseaux sociaux Un bon référencement sur Google. Pyramide de chaussures Handicap International Spartoo.com se mobilise pour Handicap International : ses clients seront également invités à participer à la «Pyramide de chaussures virtuelle» sur ils pourront faire un don pour lutter contre les mines antipersonnelles et les bombes à sous-munitions. À éviter : Le mini-site mériterait peut-être plus d animations (chaussures qui tombent à chaque don) À retenir : Partage sur Facebook, Twitter et Google + permettant de relayer l information Informations relatives à l utilisation des dons. Notions d œuvres participatives : à chaque don, la pyramide augmente. Mini site interactif par sa navigation et son évolution grâce aux dons. 4/24

6 03Scenario Strategique Definition du projet Impliquer les ans à travers une plate-forme multimédia et un événement de façon à ce qu ils deviennent des relais de l ONG., Problème : Manque d intérêt de la cible, utilisation inadéquate des nouvelles technologies, manque de lisibilité dans la diffusion des infos d ACF. Objectifs de communication : L association souhaite que les jeunes soient sensibilisés à leurs actions, et qu ils communiquent de façon positive à leurs proches pour Action Contre la Faim. En effet, on constate un manque d intérêt de la cible, car jusqu à aujourd hui, les nouvelles technologies ont été utilisées de manière inadéquate. On remarque aussi un manque de lisibilité de leurs informations dans sa diffusion. Solution : Créer un événement virtuel interactif et multi-support adapté à la cible, grâce entre autre à un partenariat. Public ciblé : Dans sa demande, ACF explique qu elle souhaite sensibiliser et impliquer les jeunes, nous avons donc retenu la tranche d âge ans localisée principalement dans les villes, largement connectée, qui sera le coeur de cible et jouer sur le fait qu elle soit connectée pour répandre l information. Ces jeunes sont considérés comme des initiateurs de tendances à suivre et ont un fort potentiel de consommation.,, Definition du projet Nous avons déterminé plusieurs moyens de communication pour toucher la cible, tous basés sur les nouvelles technologies : Mini site interactif : plate-forme de diffusion courante et habituelle Jeux interactifs : ludique et communautaire Application mobile : rapide d utilisation, accessible, et qui entraîne des partages permanents Plate-forme de partage de vidéos et photos : permet un lien avec le monde réel et une valorisation de l utilisateur Événements physiques rediffusés multi-support : une forte implication de l utilisateur Dispositif ou borne interactive : une forte implication de l utilisateur Tous ces moyens peuvent s avérer intéressants et impactants si les méthodes de diffusion sont adaptées à la cible. Ex. : Réseaux sociaux (Facebook, Twitter...), Blogs, communiqués de presse pour des sites spécialisés, leader d opinion (blogueurs influents, twittos avec de nombreux followers), etc. 5/24

7 La cible Les individus visées sont majoritairement connectées et surtout reliées entre eux (la moyenne des amis sur Facebook est de 177 amis par personne, ce qui peut constituer un réseau de diffusion très important). Les outils les plus utilisés sont les réseaux sociaux (notamment Facebook et Twitter), mais aussi les blogs. Tous ces outils sont tout aussi consultés sur les smartphones ce qui entraine des partages permanents. La jeunesse est une cible versatile et dont les logiques d adhésion sont extrêmement courtes. Les tendances varient rapidement sur internet. Pour toucher la cible, il serait judicieux de mettre en place des moyens interactifs et ludiques pour qu elle se sente visée et qu elle se mobilise par la suite (partage d articles ou d informations par exemple). De plus, un outil de communication visuel adapté et agréable fonctionnera mieux pour atteindre cette cible. Il est important qu il y ait un suivi de l opération pour impliquer le plus grand nombre de personnes et lui permettre d évoluer. Cela permet aussi de garder des archives des événements et aussi de communiquer de manière plus attirante qu un article parlant de malnutrition dans le monde. Ce qui marche chez la cible jeune L animation offre beaucoup de possibilités des personnages attachants et qui se détachent de la réalité. Les chats Joue sur le côté affectif et amusant Happy Tree Friends Futurama Regular Show South Park Charlie the Unicorne 6/24

8 04 Le projet, Definition Le projet Cat Town est une histoire interactive animée, permettant au visiteur de faire évoluer un village de chats en fonction de ses choix afin de le sauver, le tout sur un ton décalé. Grâce aux différents scénarios possibles, l utilisateur peut choisir de reconstruire le village avec humour ou sérieux. Pourquoi une histoire interactive? Pour impliquer fortement l utilisateur qui interagit avec le site non pas en tant qu observateur, mais en tant qu acteur, et de façon ludique. => En effet, ceci fonctionne comme un système de jeu, parlant pour les ans, avec des récompenses en fin de partie pour la motivation, notamment grâce à notre partenaire. Pourquoi un ton décalé? Pour apporter de l humour, intéresser la cible jeune et dédramatiser un peu l image d ACF. Pourquoi reconstruire un village? Pour mettre subtilement l utilisateur dans la peau d un bénévole et pouvoir lui distiller des informations sur les actions menées par ACF. => En effet à chaque choix effectué, et chapitre fini, des feedbacks sont prévus pour expliquer ce qu aurait fait ACF. Pourquoi des chats? Tout en restant dans le ton décalé, le but est de créer l empathie. Cela permet aussi de ne pas viser une civilisation en particulier. Et les chats sur internet, et surtout auprès de notre cible, ça marche! Pourquoi animé? Pour offrir plus de possibilités en terme d actions, d aller plus loin que la réalité et permettre d amener le côté décalé. 7/24

9 partenariat Le partenariat que nous proposons se fera avec Deezer : On trouvera un accès au site Cat Town sur Un player Deezer sur Cat Town diffusant de la musique approprié Récompenses de l utilisateur : 1 heure d écoute gratuite si connexion, et une place de concert offerte à celui qui reconstruira correctement le village sur tirage au sort. Intérêt pour ACF : Apport du public jeune abonné à Deezer Offre de récompenses Intérêt pour Deezer : Redorer son image (trop de publicités envahissantes sur le site) en effectuant ce partenariat avec une ONG., Deroulement de l histoire, des chapitres L histoire se déroulera en 4 phases : Introduction : destruction du village et reconstruction en trois Chapitres Eau et Hygiène, Nutrition, Sécurité Avec 5 questions par chapitre, et 3 choix par question Exemple : Question 1 : Destruction Chapitre 1 : Eau et Hygiène Une catastrophe s est abattue sur le village! Typhon Aliens Invasion sauterelle Les chats ont besoin d eau pour survivre vite! Camions-citernes Invoquer des esprits Forage et installation de pompes à main Comment garder l eau? Une grosse éponge Construction d une station de traitement et des réservoirs d eau Un chameau distributeur L hygiène est déplorable, c est dégoûtant : Distribuer des kits d hygiène Donner des cours d étiquette et de maintien Distribuer des grattounettes et de la javel Les chats n ont aucun endroit où faire leurs besoins! Construction de latrines Arbre à chat spécial grosse commission Distribution de couches lavables Et il faut bien l évacuer toute cette eau?! Mettre en place un drainage Tirer la bonde pour déboucher Planter des bégonias 8/24

10 05AMandine, Scenario utilisateur Amandine, 23 ans, est une jeune étudiante à la fac, généreuse et active, qui suit régulièrement l actualité politique et économique, et les actions d associations humanitaires. Elle a trouvé un job d été en tant que standardiste. Mais pendant les périodes creuses, elle s ennuie ferme, et se connecte donc à Facebook sur son ordinateur de travail. Justement, Laura vient de lui partager un mini jeu qui pourrait l occuper un peu. Elle clique donc sur le lien et arrive sur le site «Cat Town». La page d accueil montrant un village construit et animé l intrigue, et elle trouve les personnages chats très mignons. Après avoir pris connaissance des règles, elle commence une partie. La jeune fille remarque le player musique Deezer en bas et le déclenche après avoir mis ces écouteurs. La musique d ambiance est agréable. Cette histoire interactive où l on se met dans la peau d un bénévole l intéresse beaucoup. Elle fait des choix rationnels, car elle est sensible au besoin d aide que réclame le village virtuel. En effet, elle commence par le chapitre «eau, assainissement et hygiène» qu elle trouve le plus approprié et choisit tout d abord d installer des pompes à main pour ramener l eau. Amandine observe patiemment et avec amusement l animation se déroulant à l écran où le village et ses habitants reprennent leur train de vie grâce à l eau revenue. Elle a bien fait de ne pas choisir les autres propositions plus farfelues. En bas à gauche, une animation du logo ACF attire son attention, on lui propose justement de lire un article expliquant où ACF est allée installer ces pompes à main. Elle clique alors sur le lien et une nouvelle fenêtre s ouvre, la redirigeant sur l article du site d ACF. Après avoir lu l article, elle ferme la fenêtre et reprend le jeu. Elle poursuit avec le chapitre «Sécurité alimentaire et moyens d existence» puis enchaîne les questions en essayant de construire le village au mieux pour qu il devienne viable pour ses habitants virtuels. Elle finit enfin le jeu en ayant correctement rempli sa mission de reconstruction du village, regarde à peine ses scores, mais partage ce site intéressant à ces amis. Elle le recommande à ces proches, en parle sa mère qui est photographe reporter puis lui montre. Buts utilisateurs Amandine vient pour : S amuser S informer sur les actions humanitaires Nos objectifs On veut : Changer la vision des jeunes sur l humanitaire par des moyens ludiques Informer sur les opérations types d ACF La diffusion du site par l utilisateur dans son entourage 9/24

11 Mateo Matéo, 18 ans, est étudiant en première année de FAC de musique, car il en est passionné depuis tout petit. Il aime jouer aux jeux vidéos, faire de la guitare et du piano, il est habitué aux nouvelles technologies et se sent à l aise sur un ordinateur. Il est habitué à jouer aux jeux proposant connexion et partage avec les réseaux sociaux. Matéo est chez lui sur son ordinateur personnel en train de manger des céréales. En même temps, il chatte avec des amis et écoute de la musique sur Deezer. Il est attiré par une bannière originale sur le site mettant en scène une animation d un village en construction avec des chats. Intrigué, il clique sur le lien et il est redirigé vers le site du jeu. Il remarque la présence d un classement de joueurs ainsi que l offre d inscription de 1h gratuite sur Deezer s il s inscrit et fini le premier chapitre. Il se connecte alors via son compte Facebook et commence à jouer. Il découvre la première question qui déclenche le jeu et choisit une réponse décalée (Destruction par des aliens), regarde l animation amusé et continue de répondre aux questions sans prendre en compte la réussite de la mission. Ces choix sont motivés par l envie de voir des animations drôles. Une fois terminé, il obtient un score faible et décide de recommencer le jeu en réfléchissant aux réponses afin de rentrer dans le top. Il prend en compte le feedback donné à la fin de la première partie. Il choisit de détruire le village de manière plus réaliste (invasion de criquets). Il prend le temps de réfléchir avant de répondre à chaque question, mais il ne consulte pas les liens externes proposés après chaque réponse donnée. Il obtient un score presque parfait lors de la deuxième partie et, fier de lui, décide de le partager sur les réseaux sociaux. Grâce à son score, il s inscrit au tirage au sort lui permettant de gagner une place de concert. Buts utilisateur Matéo vient pour : S amuser Obtenir un score dans le top et le comparer à ses amis Obtenir des récompenses (Deezer, place de concert) Nos objectifs On veut : Changer la vision des jeunes sur l humanitaire par des moyens ludiques La diffusion du site par l utilisateur par les réseaux sociaux 10/25

12 06 Arborescence 11/24

13 07 zoning explication La barre de navigation se situera à gauche à la verticale pour laisser l animation du village au centre dégagée et des pops in interviendront pour poser les questions. 12/24

14 La barre de navigation Débriefing de fin de chapitre 13/24

15 08design graphique explication Ton décalé Pour la piste graphique, nous avons choisi de partir sur le ton décalé, en accord avec le public ciblé. En effet on retrouve de nombreux exemples d utilisation de ce ton pour s adresser à lui. (voir «Benshmark Produit», et «ce qui marche chez la cible jeune»). Ce ton nous permet de dédramatiser tout en apportant les solutions réalistes d ACF. Ainsi on propose de l information utile de manière amusante. De plus, un ton décalé offre plus de possibilités de créer le buzz qu un ton institutionnel, c est un moyen efficace de faire parler de la campagne. Couleurs Nos choix pour rester en accord avec le ton ce sont portés sur des couleurs vives et opposées au «naturel» (vert, marron...). Vectoriel Le dessin sera en vectoriel, un graphisme dans l air du temps, qui permettra ensuite de faire de l animation facilement et efficacement. Les personnages Les personnages ont une apparence de chat humanoïde qui permet plus de liberté lors des animations, et au visiteur de s y attacher. Les personnages pourront aussi prendre d autres aspects tout en restant dans la famille des félin, afin de faire un clin d oeil aux régions plus exotiques où agit ACF. Typographie Notre choix s est porté sur la Badaboom BB et une Arial pour l accompagner. Cette typographie manuscrite respecte le ton, elle fait humoristique. Rédactionnel Pour s adresser à l utilisateur tout au long de sa visite de notre site, on emploiera un langage familier, pour installer une ambiance fun et de proximité. On se rapproche ainsi plus de lui et de son quotidien et on l implique plus fortement. Titre et le logo Le titre «Cat Town» a été choisi pour rester équivoque lorsqu il sera cité pour illustrer le contenu du site. Il est parlant et envoie une sonorité intéressante. Dans le logo on retrouve le titre dans la typo que l on a choisi avec un pictogramme reprenant la silhouette des personnages, toujours dans le but d illustrer la campagne. 14/24

16 15/24

17 16/24

18 , Communication exterieure Une Fan Page dédiée est prévue sur Facebook ainsi que des bannières notamment visibles sur Deezer 17/24

19 08 Story-board Invitation connexion puis jeu Page d intro Attire l attention pour indiquer où cliquer Première question Animation selon le choix (ici attaque d alien) Choix du chapitre pour la reconstruction (Question intro) (Choix chapitre) 18/24

20 Première question sur le chapitre de l eau Animation selon le choix (ici forage de puits) (Question sur l eau) (Animation sur l eau)... Et ainsi de suite pour toutes les questions Fin du chapitre Débriefing sur les choix effectués lors du chapitre (zoom) Déploiement au clic : visualisation du détail de la partie Envoi vers la page ACF Envoi vers un article d ACF sur le sujet 19/24

21 , FonctionnaliteS Apparaissent au Roll Over sur la barre latérale Questions État du Jeu Récompenses gagnées Capture de l état du village Choix de la station jouée, proposée par Deezer Partage des stats d avancée du jeu ou de la capture effectuée Au roll-over la bannière se déploie Envoi vers la page ACF 20/24

22 09 benchmark technique BenChmark technique serveur Pur PHP Symfony CakePHP Django NodeJS JSP Technologie Langage Caractéristiques Points positifs Points négatifs Communauté Licence PHP PHP Python Javascript Java t Langage de programmation permettant de créer des sites web dynamiques. Majoritairement installé sur un serveur Apache Symfony est un framework MVC libre écrit en PHP 5. CakePHP est un framework web libre écrit en PHP. Django est un framework opensource de développement web en Python. Node.js est un framework libre événementiel en JavaScript orienté vers les applications réseau. Il utilise la machine virtuelle V8. Le JavaServer Pages ou JSP est une technique basée sur Java qui permet aux développeurs de créer dynamiquement du code HTML, XML ou tout autre type de page web. Langage serveur le plus utilisé dans le monde (communauté importante) Sauvegarder les fichiers puis recharger la page Nombreux hébergements disponibles Bonne sécurité Modules implémentables Fonctionnalités importantes Documentation importante Aucune configuration PHP4/PHP5 Facile d'accès Facile à installer et à configurer Nombreuses options de déploiement Prend en charge les modules standard de Python Prend en charge de tous les principaux moteurs de base de données Fonctionne sur Google App Engine Moteur de template extensible basée sur Jinja Interface d'administration automatique Langage asynchrone (envoi d'une requete et utilisation des Thread par la suite) Exécution rapide Communauté active Langage typé/objet Langage évolutif et facile à maintenir Librairies et framework nombreux Framework java ultra performants (5x plus rapides que node.js) Nombre limité de librairies et framework Pas de typage des variables Long à installer Utilisable sur PHP 5.3+ Fonctionnalités restreintes pour un gros projet Déboggeur PHP Convention de nommage BDD imposée Duo PHP4/PHP5 entraîne des lenteurs dans l'évolution du framework La couche d'abstraction de la base de données peut être parfois lente ORM pas aussi souple que SQLAlchemy L'interface d'administration ne prend en charge l'orm de Django La rétrocompatibilité avec Django 1.2 non prise en charge Nécessite un serveur dédié Nécessite des ressources importantes dû à la JVM (Java Virtual Machine) Hébergement cher Forte (38.5k followers stackoverflow) Moyenne (22k membres - 131k posts - 12k followers twitter) Moyenne (15k followers stackoverflow - 2k4 membres facebook - 9k6 followers twitter) Faible (10k followers sur stackoverflow - 13k7 followers twitter) Forte (7.3k followers sur stackoverflow et 50k sur twitter) Faible (2k followers sur stackoverflow) PHP MIT MIT BSD MIT Apache Software 21/24

23 BenCHmark technique client TECHNOLOGIES Langages Descriptif plateformes cibles Communauté Points positifs Points négatifs Prix Construct 2 HTML5 - CSS3 - Javascript Construct 2 est un éditeur de jeu pour Windows à destination des navigateur Webs. * Web (HTML5) * ios * Android * Windows 8 & RT * Windows Phone 8 * Windows Desktop * Mac Desktop * Linux Desktop * Blackberry 10 * Firefox Marketplace * Tizen * Facebook *Chrome Web Store * Amazon Appstore 10k likes facebook, 36k forum members * Certains types de jeu peuvent se faire très rapidement * Le système est très intuitif et facile à prendre en main * On peut faire ses propres plug-in * Il permet de faire des prototypes très rapidement * Manque de documentation * On doit étudier beaucoup d'articles et de livres pour le maitriser complétement * Seul l'export HTML 5 est disponible Impact HTML5 - CSS3 - Javascript Impact est un moteur de jeu JavaScript qui permet le dévelopement de jeu HTML5 pour les navigateurs desktop et mobile. * Navigateurs compatibles HTML5 * iphone, ipod Touch and ipad 1k2 followers twitter * Pré-chargemebt des assets * Audio * Détection de collision * Compatible mobile * Rendu dans un canvas * Basé sur des animations de sprites $ CreateJS Suite HTML5 - CSS3 - Javascript Une série de bibliothèque et d'outils qui permettent la création et le développement d'expérience HTML5. HTML5 capable browsers only 3k2 followers twitter Moins de JS à maintenir Code propre Nombreuses libraires indispensables (30-50 ko minifiées) Free Adobe Flash / Flex Action Scipt 3 Adobe Flash est une plateforme logiciel et multimedia utilisé pour la publication d'image vectorielle, d'animaition, de jeux et d'application internet enrichies qui peuvent être vue dans Android, BlackBerry Tablet l'adobe Flash Player. Flash est souvent utilisé OS, and ios devices pour ajouté des flux vidéos ou des lecteurs audio ainsi que de la pub ou du contenu multimédia sur des pages webs. 29k6 followers twitter, 255k like facebook * Technologie mature : 1,3 milliard de personnes * Beaucoup de docs * Permet de rendre un site web interactif de manière simple * Pas de soucis de compatibilité crossnavigateurs * Compatibilité mobile * Nécessite souvent un temps de chargement important * Installation du flash player pré-requise * Optimisation SEO compliquée * Accessibilité (pas de compatibilité sur iphone, BlackBerry) Free Unity Javascript - C# Unity est un écosystème de développement de jeu: un moteur de rendu puissant entièrement intégrée avec un ensemble complet d'outils intuitifs et des workflows rapides pour créer du contenu 3D interactif, faire des exports multiplateforme facilement, un Asset Store conséquent et un partage des connaissances de la communauté. ios, Android, Windows Phone 8, Blackberry, Windows, Windows Store Apps, Mac, Linux, Web Player, Playstation3, Xbox360, Wii U 384k forums members, 335k like facebook, 70k followers twitter * Multi-support * Facile à prendre en main * Editeur complet * Grosse communauté * Prix * Nécessite l'installation d'un player pour les navigateurs 1500 Haxe haxe Haxe est un language multiplateforme. 3k3 sur g+, 1k3 followers twitter, * Multi-support * Open source * Lisibilité de la plate forme Haxe * Documentation faible Free 22/24

24 Solutions Solution économique Nous proposons une solution économique, utilisant des technologies gratuites, rapides et simples à mettre en place, qui permettraient au projet de voir le jour rapidement. Cette solution vise à utiliser la technologie Flash, ce qui implique une noncompatibilité sur la majorité des terminaux mobiles. Flash est présent sur plus d 1,3 milliard de plates-formes ce qui compose une cible conséquente. L utilisation de cette technologie permettrait de mettre rapidement en place les diverses animations présentes à la fin de chaque question ainsi que «les animations de fond» (déplacement des personnages, mouvement des arbres,...). La version mobile sera développée avec PhoneGap, solution gratuite et rapide à mettre en place sur différents systèmes d exploitation. Toutes les animations Flash seront exportées en HTML5/JS grâce à un Toolkit de CreateJS. Côté serveur, la technologie privilégiée sera PHP, car plus utilisé et maintenable. Nous utiliserons un framework facile d accès et rapide à mettre en place afin d augmenter la rapidité de production (type CakePHP). Un back-office sera créé afin de permet à l organisation de consulter différentes statistiques (nombres de partages (Facebook, Twitter), nombre d internautes ayant terminés le jeu, et sont revenus, consultation Analytics...). Il y aura une optimisation du code, optimisation pour le référencement à la fin du projet. L IDE utilisé sera flashdevelop pour la partie Flash et NetBeans pour l utilisation du framework PHP, car ce sont tous les deux des environnements de développement open source. Flash Pro sera utilisé pour les animations (environ 50). Il est possible de remplacer le développement avec PhoneGap par Haxe, ce qui améliore la fluidité de l application, car génère de code natif. Cette option implique deux jours supplémentaires de développement (que AS3 + CreateJS + PhoneGap) soit supplémentaires. Solution complète Nous proposons une solution complète, utilisant des technologies avancées, qui permettraient au projet d avoir une qualité de réalisation exemplaire. Cette solution vise à utiliser la technologie Flash dans un premier temps, afin de générer des spritesheets des animations réutilisées en JavaScript. Nous utiliserons le framework HTML5 Construct 2 afin d avoir une base solide et propre rapidement. Étant donné que ce framework utilise HTML5, les anciens navigateurs ne pourront donc pas exécuter le jeu. C est pourquoi nous allons conserver le développement du jeu en Flash comme présenté dans la solution précédente. Les versions mobiles seront développées en natif. Côté serveur, la technologie privilégiée sera PHP, car plus utilisé et maintenable. Nous utiliserons un framework puissant et complet (type Symfony). Un back- office sera créé afin de permet à l organisation de consulter différentes statistiques (nombres de partages (Facebook, Twitter), nombre d internautes ayant terminés le jeu, nombre d internautes ayant terminés le jeu et sont revenus, consultation Analytics...). Il y aura une optimisation du code, optimisation pour le référencement à la fin du projet. L IDE utilisé sera Flash Builder pour la partie Flash et NetBeans pour l utilisation du framework PHP, car ce sont tous les deux des environnements de développement open source. Flash Pro sera utilisé pour les animations (environ 50). Solution préconisée Nous préconisons la solution économique, certes moins rapide et fluide sur les terminaux mobiles, mais plus rapide à mettre en place pour pouvoir profiter au maximum du temps à disposition. De plus, en choisissant l option du développement mobile avec Haxe et un léger surcoût, l application deviendrait fluide sur les mobiles. En revanche, cette solution qui utilise la technologie Flash pour les navigateurs web, rend impossible la consultation du site internet sur mobile. Il serait alors intéressant de proposer à l utilisateur de télécharger l application associée au site. C est un point à prendre en compte lors du choix de cette solution. 23/24

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1 + Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news agence moonseven www.moonseven.fr 1 + Un marché en pleine croissance 2 FOCUS Entre mars 2013 et mars 2014, le trafic

Plus en détail

ADOBE DREAMWEAVER. contact@mandyben.com www.mandyben-formation.com

ADOBE DREAMWEAVER. contact@mandyben.com www.mandyben-formation.com ADOBE DREAMWEAVER Public : Webmasters, créateur de sites Internet, maquettistes, infographistes, responsables communication, chefs de projet. Pré-requis : Bonne connaissance de l environnement Mac ou Windows).

Plus en détail

HTML5 Quels enjeux pour la mobilité et le RIA?

HTML5 Quels enjeux pour la mobilité et le RIA? HTML5 Quels enjeux pour la mobilité et le RIA? Julien Roche Philippe Guédez Ludovic Garnier 2 Sommaire Evolution des usages du Web Applications mobiles multiplateformes Contributions d HTML5 au RIA Conclusion

Plus en détail

CROSS PLATEFORM MOBILE DEVELOPMENT (Phonegap, RhoMobile)

CROSS PLATEFORM MOBILE DEVELOPMENT (Phonegap, RhoMobile) INGENIEUR EN SCIENCES INFORMATIQUES RAPPORT D ETUDE TECHNOLOGIQUE SUR LES SOLUTIONS WEB CROSS PLATEFORM MOBILE DEVELOPMENT (Phonegap, ) Student : Jiachen NIE Parcours: IHM Subject : Adaptation des Interfaces

Plus en détail

jeux Développer des en HTML 5 & JavaScript Samuel Ronce Multijoueur temps-réel avec Node.js et intégration dans Facebook

jeux Développer des en HTML 5 & JavaScript Samuel Ronce Multijoueur temps-réel avec Node.js et intégration dans Facebook Développer des jeux en HTML 5 & JavaScript Multijoueur temps-réel avec Node.js et intégration dans Facebook Samuel Ronce Groupe Eyrolles, 2013, ISBN: 978-2-212-13531-2 Avant-propos Pourquoi concevoir un

Plus en détail

Introduction @ 1. La gamme Microsoft Expression

Introduction @ 1. La gamme Microsoft Expression La gamme Microsoft Expression Microsoft propose déjà dans son catalogue des outils orientés graphisme ou destinés à la création de sites web. Avec l arrivée de Vista et plus précisément d une couche nommée

Plus en détail

Programme de formations 2012-S1

Programme de formations 2012-S1 Programme de formations 2012-S1 WAGA4 sprl / bvba Avenue Victor Hugo 7 B-1420 Braine-l Alleud Belgium Tél. : +32 2 888 72 78 Fax : +32 2 888 72 79 contact@waga4.com - www.waga4.com BNP Paribas Fortis 001-6252703-62

Plus en détail

Créez et administrez vos sites Web

Créez et administrez vos sites Web Joomla! 3.3 Créez et administrez vos sites Web Didier MAZIER Table des matières.. 1 Chapitre 1 : Découvrir Joomla! A. Les raisons de créer un site sous Joomla!.. 9 B. Se documenter sur Joomla! 9 C. La

Plus en détail

testgratuit@empreinte.com

testgratuit@empreinte.com LIVE TV RIA MOBILE Avant propos page 2 Composantes de l offre page 3 Web TV page 4 Visualisation page 5 Live enrichi page 6 Hébergement page 7 Compatibilité page 8 Offre budgétaire page 9 Conditions Générales

Plus en détail

INTEGRATEUR DEVELOPPEUR

INTEGRATEUR DEVELOPPEUR www.emweb.fr INTEGRATEUR DEVELOPPEUR FORMATION ELIGIBLE AU DIF/CIF DURÉE : 700 h de formation PRE REQUIS Avoir un esprit logique Etre motivé(e)! OBJECTIF A l issue de cette formation, vous serez capable

Plus en détail

S informer et se développer avec internet

S informer et se développer avec internet S informer et se développer avec internet S informer et se développer sur Internet - CCI Caen 03/03/2014 1 1 Le réseau internet Sommaire Internet : un média devenu incontournable S informer sur Internet

Plus en détail

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC)

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) OBJECTIFS - Créer une boutique sous wordpress et la référencer. - Mise en place du contenu, des articles Une bonne connaissance

Plus en détail

Guide de démarrage Débuter avec e-monsite Les termes spécifiques à e-monsite

Guide de démarrage Débuter avec e-monsite Les termes spécifiques à e-monsite Guide de démarrage Débuter avec e-monsite... page 2 Les termes spécifiques à e-monsite... page 2 Le manager... page 2 Les modules... page 3 Les widgets... page 3 Les plugins... page 4 Ajouter du contenu...

Plus en détail

L OFFRE, LA METHODOLOGIE, LE SAVOIR-FAIRE

L OFFRE, LA METHODOLOGIE, LE SAVOIR-FAIRE L OFFRE, LA METHODOLOGIE, LE SAVOIR-FAIRE Applications Smarphones et Tablettes Tactiles RDMobile 64 Boulevard Malesherbes, 75008 Paris +33 1 77 19 16 07 www.rdmobile.fr SOCIETE RDMobile se positionne comme

Plus en détail

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE @... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE Office de Tourisme Lesneven - Côte des Légendes 12 boulevard des Frères Lumière - BP 48 29260 LESNEVEN

Plus en détail

Présentation. 2010 Pearson Education France Adobe Flash Catalyst CS5 Adobe Press

Présentation. 2010 Pearson Education France Adobe Flash Catalyst CS5 Adobe Press Présentation 1 Adobe Flash Catalyst CS5 vous permet de produire du contenu totalement interactif d une grande qualité graphique pour le web ou le bureau sans écrire une seule ligne de code. Cette leçon

Plus en détail

Avant-Propos Sencha Touch

Avant-Propos Sencha Touch Avant-Propos Développeurs web, vous qui souhaitez vous diversifier et appréhender simplement le développement mobile, mais redoutez un apprentissage long d un langage que vous ne connaissez pas, vous allez

Plus en détail

I N F O R M A T I O N S G É N É R A L ES D O M A I N E S D E C O M P É T E N C E S T E C H N O L O G I E S [DÉVELOPPEUR WEB] MAALEJ Nassim, 25 ans

I N F O R M A T I O N S G É N É R A L ES D O M A I N E S D E C O M P É T E N C E S T E C H N O L O G I E S [DÉVELOPPEUR WEB] MAALEJ Nassim, 25 ans , 25 ans Ingénieur étude et développement informatique Concepteur fonctionnel Assistant chef de projet I N F O R M A T I O N S G É N É R A L ES Titre Ingénieur étude et développement informatique Ecole

Plus en détail

Tutoriel Ionic framework

Tutoriel Ionic framework INGÉNIEURS EN SCIENCES INFORMATIQUES ADAPTATION DES INTERFACES A L ENVIRONNEMENT Tutoriel Ionic framework Tutoriel et présentation du framework IONIC : technologie permettant la réalisation d applications

Plus en détail

Etude technologique sur Corss-platform Mobil

Etude technologique sur Corss-platform Mobil Etude technologique sur Corss-platform Mobil ADAPTION DES INTERFACES À L ENVIRONNEMENT Date : 11/11/2014 Student : Lifeng TAO I. Introduction RhoMobile RhoMobile est le conteneur de l'application mobile

Plus en détail

C branché Petit lexique du vocabulaire informatique

C branché Petit lexique du vocabulaire informatique Vous informer clairement et simplement C branché Petit lexique du vocabulaire informatique L univers de l informatique et d Internet est riche en termes plus ou moins techniques. Pour vous aider à vous

Plus en détail

APPLICATIONS MOBILES Catalogue de services Econocom-Osiatis 21.01.2014

APPLICATIONS MOBILES Catalogue de services Econocom-Osiatis 21.01.2014 APPLICATIONS MOBILES Catalogue de services 21.01.2014 Sommaire 1 2 Catalogue d applications mobiles types Organisation (5) Communication & Collaboration (3) Gestion d activités de services (3) CRM / B2C

Plus en détail

Technologies du Web. Créer et héberger un site Web. Pierre Senellart. Page 1 / 26 Licence de droits d usage

Technologies du Web. Créer et héberger un site Web. Pierre Senellart. Page 1 / 26 Licence de droits d usage Technologies du Web Créer et héberger un site Web Page 1 / 26 Plan Planification Choisir une solution d hébergement Administration Développement du site Page 2 / 26 Cahier des charges Objectifs du site

Plus en détail

Devis Garmin Triathlon de Paris 2012/2013

Devis Garmin Triathlon de Paris 2012/2013 Devis Garmin Triathlon de Paris 2012/2013 Création Nouvelle édition Garmin Triathlon de Paris Redéfinir la mise en page globale des éléments à consulter à partir des nouvelles spécificités techniques demandés.

Plus en détail

Versus Etude Technologique

Versus Etude Technologique VS Versus Etude Technologique 1 VS Contents Introduction... 3 Présentation des technologies... 3 Phonegap... 3... 3 Pour quels besoins?... 4 Comment ça fonctionne? Les models... 4 Phonegap... 5... 6 Comparatif...

Plus en détail

FABRIK4WEB. création web - communication interactive - solutions digitales

FABRIK4WEB. création web - communication interactive - solutions digitales FABRIK4WEB création web - communication interactive - solutions digitales SITE INTERNET WEB DESIGN ET ERGONOMIE Performance et plaisir! INTEGRATION ET DEVELOPPEMENT Innover pour évoluer, Evoluer pour convaincre!

Plus en détail

Point sur les solutions de développement d apps pour les périphériques mobiles

Point sur les solutions de développement d apps pour les périphériques mobiles Point sur les solutions de développement d apps pour les périphériques mobiles Par Hugues MEUNIER 1. INTRODUCTION a. Une notion importante : le responsive web design Nous sommes en train de vivre une nouvelle

Plus en détail

Créez votre premier site web De la conception à la réalisation

Créez votre premier site web De la conception à la réalisation Chapitre 1 : Introduction A. Introduction 17 Chapitre 2 : Les langages A. L objectif 21 B. L HTML 21 1. L état des lieux 21 2. Les éléments HTML 21 3. Les attributs 22 4. Les caractères 23 5. Les espaces

Plus en détail

EVOLUT1ON. Pour créer des sites Web, des boutiques enligne et des Blogs en 5 étapes. PRIX : TVA comprise 69,99

EVOLUT1ON. Pour créer des sites Web, des boutiques enligne et des Blogs en 5 étapes. PRIX : TVA comprise 69,99 Fonctions avancées : Plus de 1.500 modèles graphiques personnalisables Boutiques en ligne avec payement par carte de crédit Blog, Livre d Or et Flux RSS Formulaires email avec fonctions anti-spam Gestion

Plus en détail

À qui s adresse ce livre? Suppléments web. Remerciements

À qui s adresse ce livre? Suppléments web. Remerciements Avant propos Le marché de la géolocalisation est en pleine effervescence, comme le prouve l annonce de lancement par Facebook, en août 2010, de son service Places, qui permet de partager sa position géographique

Plus en détail

Les différents parcours en S4

Les différents parcours en S4 Les différents parcours en S4 3x3 parcours sont proposés. Il existe d abord trois grandes familles de spécialisation: le développement front (60 places), le développement back (30 places) et la communication

Plus en détail

Le Web de A à Z. 1re partie : Naviguer sur le Web

Le Web de A à Z. 1re partie : Naviguer sur le Web 1re partie : Naviguer sur le Web D abord, vous devez être connectés à l Internet : abonnement auprès d un fournisseur borne publique Wi-Fi via un réseau de téléphonie (3G, 4G, LTE) À la Grande Bibliothèque,

Plus en détail

les techniques d'extraction, les formulaires et intégration dans un site WEB

les techniques d'extraction, les formulaires et intégration dans un site WEB les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents

Plus en détail

Vous n avez aucune installation à faire et aucune mise à niveau ne vous complique la vie. Vous allez adorer votre nouveau site.

Vous n avez aucune installation à faire et aucune mise à niveau ne vous complique la vie. Vous allez adorer votre nouveau site. Vous souhaitez obtenir plus de clients? Découvrez comment multiplier vos contacts grâce aux 38 millions d internautes français. Aujourd hui il ne suffit plus d avoir un site internet. Il faut un site avec

Plus en détail

WEB design. Pierre Chassany Comstone.ch vocables.com

WEB design. Pierre Chassany Comstone.ch vocables.com WEB design Pierre Chassany Comstone.ch vocables.com graphisme Méthodologie(s) «Nomadisme» Responsive web design Techno tendances design 2 graphisme La direction artistique pour le web n est pas une démarche

Plus en détail

COMMENT UTILISER LES RESEAUX SOCIAUX POUR MIEUX COMMUNIQUER?

COMMENT UTILISER LES RESEAUX SOCIAUX POUR MIEUX COMMUNIQUER? COMMENT UTILISER LES RESEAUX SOCIAUX POUR MIEUX COMMUNIQUER? COMMENT UTILISER LES RESEAUX SOCIAUX POUR MIEUX COMMUNIQUER? Benoit DUDRAGNE http://bdc-etourisme.com Benoit.dudragne@gmail.com www.facebook.com/bdc.conseil.etourisme

Plus en détail

Initiation à la Prog. Sous Android (Session 1) med.hossam@gmail.com

Initiation à la Prog. Sous Android (Session 1) med.hossam@gmail.com Initiation à la Prog. Sous Android (Session 1) med.hossam@gmail.com Plan Statistiques Différences entre Mobile App, Mobile Site et Web App Développement pour terminaux mobiles Outils de développement pour

Plus en détail

DINOVOTION. Définition du problème: -Données à traiter. -Traitements à effectuer

DINOVOTION. Définition du problème: -Données à traiter. -Traitements à effectuer DINOVOTION Définition du problème: -Un jeu vidéo publicitaire en 3D de type «Appli web» se déroulant sur une île dans un décor de jungle légèrement inquiétante peuplé par des dinosaures crée par un savant

Plus en détail

Content Management System V.3.0. BlackOffice CMS V3.0 by ultranoir 1

Content Management System V.3.0. BlackOffice CMS V3.0 by ultranoir 1 Content Management System V.3.0 BlackOffice CMS V3.0 by ultranoir 1 SOMMAIRE Introduction Grands principes de fonctionnement Description des modules Références principales BlackOffice CMS V3.0 by ultranoir

Plus en détail

Sorin Lucas Ricou Sander. Rapport de projet SI28

Sorin Lucas Ricou Sander. Rapport de projet SI28 Sorin Lucas Ricou Sander A14 Rapport de projet SI28 1 I. Concept Application web permettant la création d une vidéo virale type «NyanCat». L utilisateur aura à sa disposition des musiques, des fonds, des

Plus en détail

L écran du marais : Comment configurer le viewer OpensSim

L écran du marais : Comment configurer le viewer OpensSim L écran du marais : Comment configurer le viewer OpensSim Dans un premier temps, il vous faut télécharger et installer un logiciel de navigation dédié aux serveurs de mondes virtuels. En voici deux ainsi

Plus en détail

REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL

REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL CAHIER DES CHARGES TECHNIQUE Client Fédération Algérienne de Football (FAF) Chef de projet WEBQAM Marine CHARLES Solution retenue WordPress multilingue

Plus en détail

Cahier des charges Site internet

Cahier des charges Site internet 1 Cahier des charges Site Internet Cahier des charges Site internet INNOCORP MADA www.innocorp-mada.com Tel: 01.80.82.88.80 contact@innocorp-mada.com 2 Cahier des charges Site Internet CONTEXTE Introduction

Plus en détail

MOHIVE 2012.2 Juillet 2012

MOHIVE 2012.2 Juillet 2012 MOHIVE 2012.2 Juillet 2012 1. Description... 2 2. Nouvelles fonctionnalités de Mohive 12.2... 2 Création et export de modules sur tablette ipad... 3 Gestion de la compatibilité mobile sur la plateforme

Plus en détail

Spétechs Mobile. Octobre 2013

Spétechs Mobile. Octobre 2013 Spétechs Mobile Octobre 2013 Appli ios Appli Android Site Mobile Les clicks URL Appli ios Créa en dur HTML5 Créa en dur Banner Interstitiel Interstitiel Vidéo Bouncing / traveling Image Bouncing / traveling

Plus en détail

+33 (0)4 92 21 33 79 contact@social-box.fr www.social-box.fr. Sarl ISB Altipolis2 av. Du Général Barbot 05100 Briancon - France

+33 (0)4 92 21 33 79 contact@social-box.fr www.social-box.fr. Sarl ISB Altipolis2 av. Du Général Barbot 05100 Briancon - France Sarl ISB Altipolis2 av. Du Général Barbot 05100 Briancon - France SCHÉMA FONCTIONNEL * Projection vers smartphones et tablettes de votre interface en Appli par Wifi (10 à 100 mètres autour de la borne)

Plus en détail

Guide de l utilisateur pour Firefox 4 Mobile. Contact us: press@mozilla.com

Guide de l utilisateur pour Firefox 4 Mobile. Contact us: press@mozilla.com Guide de l utilisateur pour Firefox 4 Contact us: press@mozilla.com Sommaire À propos de Mozilla 1 Lancez-vous! 2 Tapez Moins, Surfez Plus! 3 Emportez votre Firefox partout avec vous 5 Personnalisez votre

Plus en détail

Romain DERUERE 8 années d expérience

Romain DERUERE 8 années d expérience Romain DERUERE 8 années d expérience INGENIEUR D'ETUDES HTML5-CSS3 ERGONOME - FORMATEUR WEB Certification HTML/CSS - Alsacréations (12 Juillet 2013) DOMAINES DE COMPETENCES DESIGN ET INTEGRATION Réalisation

Plus en détail

La société Figures Libres - agence de communication - lance ipaoo.fr, générateur de site internet professionnel.

La société Figures Libres - agence de communication - lance ipaoo.fr, générateur de site internet professionnel. La société Figures Libres - agence de communication - lance ipaoo.fr, générateur de site internet professionnel. ipaoo.fr est un service en ligne qui permet aux entrepreneurs, auto-entrepreneurs, TPE,

Plus en détail

Les vidéos sur ordinateur

Les vidéos sur ordinateur Module Multimédia Les vidéos sur ordinateur Médiathèque de Haguenau - mediatheque.ville-haguenau.fr 1/19 Sommaire I. Regarder des vidéos sur Internet avec Dailymotion et Youtube...3 1) Présentation générale...

Plus en détail

Présentation de la solution IZI-MEDIA mise en œuvre par SiteWebPro

Présentation de la solution IZI-MEDIA mise en œuvre par SiteWebPro Présentation de la solution IZI-MEDIA mise en œuvre par SiteWebPro 1. GENERALITÉS : LA GESTION DE CONTENU - CONTENT MANAGEMENT SYSTEM 1.1. LA GESTION DE CONTENU, C'EST QUOI? Un système de gestion de contenu

Plus en détail

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014 Spétechs Mobile D e r n i è r e m i s e à j o u r : a o û t 2014 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact

Plus en détail

DÉBUTER AVEC APP INVENTOR

DÉBUTER AVEC APP INVENTOR Terminale STMG SIG Année 2013-2014 DÉBUTER AVEC APP INVENTOR App Inventor est un outil de développement en ligne pour les téléphones et les tablettes sous Android. App Inventor est un OS créé par Google,

Plus en détail

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,

Plus en détail

Retour d expérience Inria sur sa GED

Retour d expérience Inria sur sa GED Retour d expérience Inria sur sa GED DSI SESI 13 octobre 2015 SOMMAIRE 1. Solution Alfresco 2. Implémentation Alfresco chez Inria 3. Cas d usage 13 octobre 2015-2 1 Solution Alfresco 13 octobre 2015-3

Plus en détail

PROFIL. Intégrateur Web. Missions

PROFIL. Intégrateur Web. Missions L intégrateur HTML est chargé de développer la partie front office des sites internet ou encore de coder les newsletters en HTML. À partir des éléments graphiques fournis au format Photoshop, il réalise

Plus en détail

+ Points importants. n Marché des mobiles très porteur. n Grande diversité des appareils. + Chiffres 2014. n 1,9 milliards de mobiles vendus

+ Points importants. n Marché des mobiles très porteur. n Grande diversité des appareils. + Chiffres 2014. n 1,9 milliards de mobiles vendus + + Points importants n Marché des mobiles très porteur n Grande diversité des appareils IHM Mobiles, web, multimédia Caroline Essert Université de Strasbourg - 2013 Enquête Doodle avril 2011 + Marché

Plus en détail

CATALOGUE DES FORMATIONS

CATALOGUE DES FORMATIONS INSTALLATION Une équipe d experts informatiques dédiée à votre bien-être numérique. FORMATION MAINTENANCE CATALOGUE DES FORMATIONS Retrouvez tous les avis clients sur bdom.fr B dom est une entreprise de

Plus en détail

COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET?

COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET? COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET? 1. Présentation 1.1 Les coordonnées Mentionnez ici les coordonnées exactes de l entreprise ou de la collectivité (adresse postale, numéro de

Plus en détail

Environnements de développement

Environnements de développement 4 Environnements de développement Au sommaire de ce chapitre UU Mettre en place un environnement de développement UU Environnement de production Contrairement au développement web de bureau, dans lequel

Plus en détail

SOMMAIRE 1. NOTRE AGENCE... 3 2. NOS PRESTATIONS... 6 3. NOTRE MÉTHODOLOGIE PROJET... 11 4. NOS OFFRES...12 5. LES ATOUTS DE NOS OFFRES...

SOMMAIRE 1. NOTRE AGENCE... 3 2. NOS PRESTATIONS... 6 3. NOTRE MÉTHODOLOGIE PROJET... 11 4. NOS OFFRES...12 5. LES ATOUTS DE NOS OFFRES... CONCEPTION WEB SOMMAIRE 1. NOTRE AGENCE... 3 1.1 Nos valeurs... 4 1.2 Notre expertise... 5 1.3 Notre équipe... 5 2. NOS PRESTATIONS... 6 2.1 Site institutionnel / vitrine... 7 2.2 Site e-commerce... 8

Plus en détail

SAS Studio SAS pour tous, SAS sur n importe quel périphérique.

SAS Studio SAS pour tous, SAS sur n importe quel périphérique. SAS Studio SAS pour tous, SAS sur n importe quel périphérique. SAS Studio est le dernier né des produits SAS, avec son utilisation, écrire et exécuter du code SAS n aura jamais été aussi simple. Il a pour

Plus en détail

LES TABLETTES : GÉNÉRALITÉS

LES TABLETTES : GÉNÉRALITÉS LES TABLETTES : GÉNÉRALITÉS Fonctionnement Qu est-ce qu une tablette tactile? Une tablette tactile est un appareil doté d'un écran qui permet d'interagir simplement en touchant l'écran ou à l'aide d'un

Plus en détail

Formation Découverte du Web

Formation Découverte du Web Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant

Plus en détail

Solution de publication digitale sur smartphones et tablettes pour tous vos documents

Solution de publication digitale sur smartphones et tablettes pour tous vos documents 2013 Solution de publication digitale sur smartphones et tablettes pour tous vos documents Document édité par Forecomm - Août2013 SOMMAIRE Découvrir la solution Qu est-ce que mymozzo? Processus de création

Plus en détail

CAHIER DES CLAUSES TECHNIQUES PARTICULIERES (CCTP) CONCEPTION ET REALISATION D UNE PLATEFORME DIGITALE

CAHIER DES CLAUSES TECHNIQUES PARTICULIERES (CCTP) CONCEPTION ET REALISATION D UNE PLATEFORME DIGITALE CAHIER DES CLAUSES TECHNIQUES PARTICULIERES (CCTP) CONCEPTION ET REALISATION D UNE PLATEFORME DIGITALE Ce cahier des charges est composé d une offre de base et de trois options 1 CONTEXTE La communauté

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Ko Learning Engine KLE. KLE Visio, KLE 3D. Outil de création d e-learning, serious game et video-learning

Ko Learning Engine KLE. KLE Visio, KLE 3D. Outil de création d e-learning, serious game et video-learning Visio, 3D Outil de création d e-learning, serious game et video-learning L OUTIL Qu est-ce que? est un moteur développé par STRASS PRODUCTIONS et sa filiale de développement KOKOPELLI qui permet de produire

Plus en détail

Travaux pratiques. avec. WordPress. Karine Warbesson

Travaux pratiques. avec. WordPress. Karine Warbesson Travaux pratiques avec WordPress Karine Warbesson Toutes les marques citées dans cet ouvrage sont des marques déposées par leurs propriétaires respectifs. Mise en pages réalisée par ARCLEMAX Illustration

Plus en détail

La Méthode AS3 Facile

La Méthode AS3 Facile La Méthode AS3 Facile Déclaration d'activité enregistrée sous le n 52 44 06789 44 auprès du Préfet de région des Pays de la Loire. Format du cours :Plate-forme d apprentissage numérique donnant accès à

Plus en détail

Windows 8 Module 3 Cours windows8 Dominique Bulté Sal e Informatique de Cappel e la Grande novembre 2013

Windows 8 Module 3 Cours windows8 Dominique Bulté Sal e Informatique de Cappel e la Grande novembre 2013 Windows 8 Module 3 7. L'indispensable fonction «Paramètres du PC» (3/3) Nous voilà arrivé à la dernière étape de notre tour d horizon des nombreuses options du module Paramètres du PC. Cet outil permet

Plus en détail

Félicitation, votre site est créé!

Félicitation, votre site est créé! Guide de démarrage e-monsite.com Félicitation, votre site est créé! Vous avez fait le plus difficile. A présent, découvrez comment administrer votre site web. 1 Comprendre l interface du manager de votre

Plus en détail

Votre solution professionnelle Open Source pour archiver, trouver, gérer, partager... tous vos fichiers multimédia!

Votre solution professionnelle Open Source pour archiver, trouver, gérer, partager... tous vos fichiers multimédia! Octobre 2010 Votre solution professionnelle Open Source pour archiver, trouver, gérer, partager... tous vos fichiers multimédia! Utilisez Phraseanet pour pouvoir gérer efficacement et rapidement vos photos,

Plus en détail

E-Learning / Ergonomie :

E-Learning / Ergonomie : BARRAU Mathieu Licence Pro Communication Electronique GRUFFAZ Loic Université Lyon 2 E-Learning / Ergonomie : Cahier des charges, contenu et organisation du support de cours pour le programme de formation

Plus en détail

Joomla : un système de gestion de contenu

Joomla : un système de gestion de contenu CHAPITRE 2 Joomla : un système de gestion de contenu Si SGC est l abréviation française pour système de gestion de contenu, l abréviation CMS de l anglais Content Management System est le terme le plus

Plus en détail

Solution Web pour l hôtellerie par MMCréation

Solution Web pour l hôtellerie par MMCréation Solution Web pour l hôtellerie par MMCréation 15 ans d expertise auprès des chaînes hôtelières Une équipe multidisciplinaire Des références reconnues dans le secteur hôtelier De nombreuses récompenses

Plus en détail

Content Management System. bluecube. Blue Cube CMS V4.3 par Digitalcube

Content Management System. bluecube. Blue Cube CMS V4.3 par Digitalcube Content Management System bluecube V4.3 1 SOMMAIRE Avant-propos Découvrir le CMS Blue Cube Les modules Les clients BLUE CUBE CMS V4.3 par Digitalcube 2 CMS sans bugs 3 Avant-propos Facile à prendre en

Plus en détail

En date du 11 décembre 2008

En date du 11 décembre 2008 R E F O N T E S I T E W E B G F I E CAHIER DES CHARGES ET DEVIS En date du 11 décembre 2008 ADITEL - WEB AGENCY 4 RUE CAROLINE 75017 PARIS Tel 01 44 70 02 77 SARL AU CAPITAL DE 20 000 EUROS R.C.S BOBIGNY

Plus en détail

WordPress, qu est ce que c est?

WordPress, qu est ce que c est? WordPress, qu est ce que c est? Qu est ce que WordPress à de plus que les autres? Plus besoin d être programmeur pour créer un site web ou un blog, faites installer votre modèle WordPress par un Professionnel

Plus en détail

LES BASES DE FLASH CHAPITRE 1

LES BASES DE FLASH CHAPITRE 1 CHAPITRE 1 LES BASES DE FLASH Présentation... 15 Les nouveautés... 17 Le contenu du livre... 17 L interface... 19 L organisation de son espace de travail... 24 Le partage de son écran... 27 L affichage

Plus en détail

Créer un site à l aide de Google Site

Créer un site à l aide de Google Site Créer un site à l aide de Google Site N Vanassche www.nathalievanassche.be Ifosupwavre Mise en contexte www.nathalievanassche.be Blog ou Google Site? La réalisation d un blog à l aide de Blogger (non traité

Plus en détail

Demagis Interactive, la nouvelle société hybride

Demagis Interactive, la nouvelle société hybride Demagis Interactive, la nouvelle société hybride DEMAGIS Interactive 18 rue Stephenson 75018 PARIS www.demagis.com SOMMAIRE DEMAGIS INTERACTIVE... 3 I. NOS EXPERTISES SUR LE WEB... 4 II. NOS EXPERTISES

Plus en détail

Atelier e-business Mon entreprise en ligne 11 Décembre, 8H30. Xavier Masclaux xmasclaux@pole-numerique.fr @xmasclaux

Atelier e-business Mon entreprise en ligne 11 Décembre, 8H30. Xavier Masclaux xmasclaux@pole-numerique.fr @xmasclaux Atelier e-business Mon entreprise en ligne 11 Décembre, 8H30 Xavier Masclaux xmasclaux@pole-numerique.fr @xmasclaux Un Pôle de ressources en Drôme Un Pôle de ressources et d'échanges pour : Développer

Plus en détail

Aide pour le site Aéroplan

Aide pour le site Aéroplan Aide pour le site Aéroplan Contents Aide générale sur le site... 4 Entrée d un NIP... 4 Enregistrement d un compte... 4 Connexion à votre compte... 5 La page «Votre compte»... 7 Votre historique des commandes...

Plus en détail

Une solution opensource d'affichage dynamique - XIBO

Une solution opensource d'affichage dynamique - XIBO Une solution opensource d'affichage dynamique - XIBO - Retour sur le choix de la solution XIBO au laboratoire de mathématiques de Besançon Journées Mathrice Lyon Octobre 2011 : Solution d'affichage dynamique

Plus en détail

Poste virtuel. Installation du client CITRIX RECEIVER

Poste virtuel. Installation du client CITRIX RECEIVER SITEL Poste virtuel Installation du client CITRIX RECEIVER DOCUMENTATION UTILISATEUR Service informatique et télématique E-mail: hotline.sitel@unine.ch Téléphone : +41 32 718 20 10 www.unine.ch/sitel Table

Plus en détail

CHAABI LOCATION LONGUE DUREE

CHAABI LOCATION LONGUE DUREE Refonte du site web (Une nouvelle vitrine Internet) CHAABI LOCATION LONGUE DUREE WWW.ChaabiLLD.ma Cahier des charges Rédacteurs du document : Asma HARI Asma.hari@chaabilld.ma 0520151150 0679826501 Version

Plus en détail

LA MOBILITE : ACTEURS, OUTILS,

LA MOBILITE : ACTEURS, OUTILS, LA MOBILITE : ACTEURS, OUTILS, DEVELOPPEMENT, CONCEPTION, GESTION DE PROJET INTERVENTION MASTER DILIPEM Pascal Moutet, iseeds Software, 02/02/2012 PARCOURS ET FONCTIONS OCCUPEES Parcoursuniversitaire Parcoursprofessionnel

Plus en détail

JPC Jeunesse Pour Christ

JPC Jeunesse Pour Christ Sommaire Présentation Projet : Conception Graphisme & Musique Dossier Technique : Charte Graphique : Devis et Annexe : Conception Juin 2009 Présentation Projet Refonte du Site Web Officiel. Association

Plus en détail

DOKEOS Author Manuel du formateur

DOKEOS Author Manuel du formateur Retrouvez-nous en ligne sur notre site dokeos.com/fr DOKEOS Author Manuel du formateur Trois raisons de choisir DOKEOS Author Facile à prendre en main, DOKEOS Author est l outil de la suite Dokeos qui

Plus en détail

Agence de communication digitale sérieusement décalée

Agence de communication digitale sérieusement décalée Agence de communication digitale sérieusement décalée Spécialisé en création et stratégie digitale, Adveris regroupe tous les métiers interactifs au service des entreprises et des marques. Confidentiel

Plus en détail

CONECT Innovation & Entrepreneurship Plateform. Cahier des charges. Réalisé par : Haythem LABBASSI, DSI - CONECT IT

CONECT Innovation & Entrepreneurship Plateform. Cahier des charges. Réalisé par : Haythem LABBASSI, DSI - CONECT IT CONECT Innovation & Entrepreneurship Plateform Cahier des charges Réalisé par : Haythem LABBASSI, DSI - CONECT IT Confédération des Entreprises Citoyennes de Tunisie Adresse : 8 rue Imem Ibn Hanbal (par

Plus en détail

LES MUSEES & LES APPLICATIONS CULTURELLES SUR SMARTPHONES ETUDE DE MARCHE

LES MUSEES & LES APPLICATIONS CULTURELLES SUR SMARTPHONES ETUDE DE MARCHE LES MUSEES & LES APPLICATIONS CULTURELLES SUR SMARTPHONES ETUDE DE MARCHE SOMMAIRE 1) L étude en quelques mots....p 3 Qui? Quoi? Quand? Comment? Pourquoi? 2) Quid des applications mobiles & des musées..p

Plus en détail

Les grandes facettes du développement Web Nicolas Thouvenin - Stéphane Gully

Les grandes facettes du développement Web Nicolas Thouvenin - Stéphane Gully Les grandes facettes du développement Web Qui sommes nous? Nicolas Thouvenin Stéphane Gully Projets Web depuis 2000 LAMP, NodeJS HTML, CSS, jquery

Plus en détail

«INDEX 3D/STREETWALK»

«INDEX 3D/STREETWALK» e-mail : philcoul@free.fr Paris, Avril 2014 «INDEX 3D/STREETWALK» INDEX 3D : Supportée par le Business Angel PATMAZCOM, la société développe INDEX 3D, un outil interactif de visualisation 3D en temps réel,

Plus en détail

BLOGS PUBLICITES. Hinda BOUMERDAS Martin DUTRAIT Muriel PINEAU

BLOGS PUBLICITES. Hinda BOUMERDAS Martin DUTRAIT Muriel PINEAU BLOGS & PUBLICITES Hinda BOUMERDAS Martin DUTRAIT Muriel PINEAU PARTIE I Historique et définitions I. Définitions Blog Contraction des termes «web» et «log» (= «journal de bord») Site personnel ayant deux

Plus en détail

Personnaliser une communauté. Ajouter un contenu audio et/ou vidéo et afficher des pages de réseaux sociaux

Personnaliser une communauté. Ajouter un contenu audio et/ou vidéo et afficher des pages de réseaux sociaux Personnaliser une communauté Ajouter un contenu audio et/ou vidéo et afficher des pages de réseaux sociaux Introduction Les communautés vous permettent de partager des documents, fichiers, billets de blog,

Plus en détail

GUIDE D UTILISATION LA DEPECHE PREMIUM

GUIDE D UTILISATION LA DEPECHE PREMIUM www.ladepeche.fr/premium GUIDE D UTILISATION LA DEPECHE PREMIUM La version 100% numérique de La Dépêche du Midi 1 Madame, Monsieur, Ce guide a pour objectif de vous accompagner dans la prise en main de

Plus en détail

DA MOTA Anthony - Comparaison de technologies : PhoneGap VS Cordova

DA MOTA Anthony - Comparaison de technologies : PhoneGap VS Cordova DA MOTA Anthony - Comparaison de technologies : PhoneGap VS Cordova I. Introduction Dans une période où la plasticité peut aider à réduire les coûts de développement de projets comme des applications mobile,

Plus en détail

Transformez vos clients en Fans de votre marque. Merci de bien vouloir patienter Le webinaire va démarrer dans quelques instants. FanGroup.

Transformez vos clients en Fans de votre marque. Merci de bien vouloir patienter Le webinaire va démarrer dans quelques instants. FanGroup. Merci de bien vouloir patienter Le webinaire va démarrer dans quelques instants My FanGroup Webinaire HTML 5 ou applications mobiles, applications natives ou hybrides : comment choisir? My FanGroup Webinaire

Plus en détail