Rapport de Projet. Application Smartphone de diffusion d informations pour les étudiants. Encadrant du projet : M. Christophe Lang

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

Download "Rapport de Projet. Application Smartphone de diffusion d informations pour les étudiants. Encadrant du projet : M. Christophe Lang"

Transcription

1 Akrach Ibrahim Petetin Cédric Année universitaire Encadrant du projet : M. Christophe Lang Application Smartphone de diffusion d informations pour les étudiants Troisième année de Licence Informatique UFR Sciences et Techniques,

2 Sommaire Remerciements...4 I) Cadre du projet ) Un module de la troisième année de Licence Informatique...5 2) Le choix du sujet...5 II) Vers une application d information à destination des étudiants ) Du sujet initial...6 2) au cahier des charges, version initiale ) au cahier des charges, version finale III) La partie commune : la base de données ) Outils utilisés...9 2) Création des différentes tables...9 3) Les différentes tables...9 a) La table Agenda...9 b) La table Notifications c) La table User d) La table FaqBu ) Les autres tables a) La table Admin b) La table NotifSuscribers IV) Du côté du site ) Langages et outils utilisés ) Le thème utilisé : Bootstrap Admin ) La page «Agenda» ) Créer un nouvel événement a) Récupérer la date facilement b) Obtenir le titre, le contenu et le type d événements c) Envoyer ces données à la base de données ) Accéder aux anciens événements a) Historique des événements b) Choix de la date et affichage ) La page «Notifications» ) La page «Statistiques» ) La page «FAQ BU» ) Les autres pages a) Page «Connexion» b) Page «Index» c) Page «Administration» /39

3 V) Du côté de l application ) Le langage SWIFT ) Les outils utilisés a) Xcode b) Le compte Developer c) Du bon usage des certificats d) Les téléphones ) L Agenda ) L envoi et la réception des notifications ) Le menu Gauche ) Les webviews ) La page de connexion automatique ) La FAQ BU ) L onglet contact VI) Bilan ) L avancement du projet ) Les écueils ) Les améliorations possibles ) D un point de vue personnel Conclusion Netographie Annexes Résumé /39

4 Remerciements Nous tenions tout d abord à remercier notre encadrant Monsieur Christophe Lang pour ses conseils avisés, sa gentillesse et sa disponibilité. Nous remercions aussi Monsieur Fabrice Bouquet et Monsieur David Laiymani pour nous avoir fourni des explications durant toute l avancée de notre projet. Ensuite, nous voulions remercier Monsieur Antoine De Gieter qui a mis à notre service son savoir et son expérience dans le développement des applications ainsi que Monsieur Jérémy Othenin pour nous avoir fait profiter de ses talents de graphiste avec le logo de l application. Nous tenions enfin à remercier toutes les personnes qui nous ont aidés de près ou de loin. 4/39

5 I) Cadre du projet Nous allons exposer les circonstances dans lesquelles s inscrit la réalisation de ce projet. 1) Un module de la troisième année de Licence Informatique Dans le cadre de nos études en troisième année de Licence Informatique à l UFR ST (Sciences et Techniques) de Besançon, la réalisation d un Projet sous la forme d un module est demandée aux étudiants. Ce projet prend place du mois d octobre au mois de mars. Notre binôme (composé d Ibrahim Akrach et ) a ainsi dû réaliser un choix parmi une liste de projets, par ordre de préférence, différentes technologies étant proposées. Après tirage au sort, il se trouve que nous avons été affectés à notre premier choix, l intitulé du sujet étant : «Application Smartphone de diffusion d informations pour les étudiants», encadré par M. Christophe Lang, maître de conférences à l UFR ST. 2) Le choix du sujet Pour reprendre les termes du sujet, le projet consiste en «la création d une application mobile proposant des informations aux étudiants et un lien vers les outils essentiels [ ] de leur cursus.» Elle devra notamment permettre de «suivre l étudiant tout au long de l année et en quelque sorte de le «coacher» via l application». Aussi, cette application doit recevoir des messages flash. Même si nous avions formulé différents vœux, c est ce sujet qui a porté toute notre attention. Premièrement, nous n avions pas encore eu l occasion d aborder les technologies qui concernent le développement d applications sur téléphone, c était donc une très bonne occasion d en avoir une première approche si jamais nous obtenions le projet. Deuxièmement, nous avons l habitude de réaliser des projets dans différents modules. Ces projets sont évalués par les professeurs et jamais ils ne sont utilisés par des personnes tierces. Par conséquent, il était très stimulant de savoir que le travail que nous allions effectuer allait être utilisé concrètement et qu il ne s agissait pas seulement d avoir une note dans un module. Troisièmement et pour terminer, nous étions intéressés par le développement de notre propre application sur téléphone en dehors du cadre de nos études, avant même d aborder cette troisième année de licence. Nous n avions pas les connaissances nécessaires et réaliser ce projet nous permettrait donc de nous autoformer. 5/39

6 II) Vers une application d'information à destination des étudiants Avant de commencer le développement du projet, il nous a fallu le définir globalement dans un premier temps avant de développer les détails. 1) Du sujet initial... Après que les projets aient été affectés, nous avons pris un rendez- vous avec notre encadrant, M. Christophe Lang, afin d avoir davantage d informations sur le sujet, notamment sur les technologies et langages que nous devions employer. Alors que nous pensions nous retrouver seuls avec M. Lang le jour de la réunion, quelle ne fut pas notre surprise en voyant que deux autres personnes étaient présentes! Il s agissait de Madame Nathalie Chappe, qui est la Directrice Adjointe de l UFR SJEPG (Sciences Juridiques Politiques Economiques et de Gestion), chargée des innovations pédagogiques, ainsi que de Madame Habiba Imaaingfen, employée au sein de la BU (Bibliothèque Universitaire) Proudhon de Besançon. C est la présence à cette réunion de toutes ces personnes qui nous a fait ressentir que ce projet revêtait un véritable enjeu. Elles ont ainsi détaillé le sujet à travers le cahier des charges qu elles avaient élaboré avec leurs collègues en tant que commanditaires de cette application d informations. 2)... au cahier des charges, version initiale Ce que nous ne savions pas, c est que l application n était pas destinée à tous les étudiants mais uniquement à ceux qui viennent d arriver en première année et qui ont besoin de prendre leurs marques. Comme précisé sur le sujet, il était bien question de mettre en place au sein de l application un menu qui renvoie vers les différents outils utiles aux étudiants, tels que leur emploi du temps, la plateforme Moodle, l actualité de l Université, le site du réseau de bus Ginko, le site de l UFR SJEPG ou encore les actualités entre autres. L application devait également permettre un suivi des étudiants tout au long de l année, et c est à travers une fonctionnalité nommée «l Agenda» que cela devait prendre forme. Il nous a donc été expliqué que cet agenda serait en quelque sorte un semainier et que ces messages devaient être de différents types (dates essentielles, informations, conseils) avec un affichage dans une bulle ou avec une mascotte et un code couleur. On devait pouvoir changer de semaine en faisant glisser le doigt sur la gauche ou la droite. 6/39

7 Les messages flashs devaient donc aussi être recevables par les téléphones à l ouverture de l application, avec un certain code couleur. Comme nous nous en étions doutés, Mesdames Chappe et Imaaingfen nous ont expliqué qu elles voulaient une interface simple afin d alimenter l Agenda et l administrer. Aussi, sur cette interface, différentes statistiques devaient être disponibles pour que les commanditaires puissent s en servir pour des travaux en interne. Il nous avait également été demandé de créer une version pour Androïd, Windows Phone et iphone. D autres exigences, plus secondaires, ont été formulées : une version adaptable en anglais et un moteur de recherche concernant les entrées de l Agenda. 3) au cahier des charges, version finale Après avoir effectué d autres réunions avec M. Lang et les commanditaires, nous sommes parvenus à un cahier des charges final qui a été validé par l ensemble des personnes responsables du projet. (voir Annexe 1) Tout d abord, nous avons choisi de développer l application pour les iphone et non pas pour Windows Phone et Android. En effet, face à l ampleur de la tâche, M. Lang a expliqué qu il serait impossible en trois mois d avoir ces trois versions. Le choix s est donc porté sur l iphone puisque, selon nos commanditaires, c est cette marque de téléphone que la majorité des étudiants au sein de l UFR SJEPG possède. Comme fonctionnalité principale, leur définition de l agenda était assez claire. A propos des liens, nous avons proposé un menu qui soit placé à gauche de l écran, accessible depuis n importe où et qui recouvre l écran principal une fois qu on l a ouvert. Une page «service de la BU» nous a été demandée suites aux réunions par Madame Pouilloux, conservateur de la BU Proudhon, qui prendra la forme d une FAQ (Foire Aux Questions). Nous avons proposé de mettre en place une barre de chargement qui se remplit et change de couleur selon l avancée du semestre (vert au début, quand les étudiants ont encore du temps, jaune au milieu, pendant la toussaint, puis rouge à la fin, en période d examens). Pour les statistiques, l interface d administration devait récupérer le nombre de connexions et également le temps passé par les utilisateurs sur l application. A propos des fonctionnalités secondaires (et donc ajoutables uniquement si le temps le permettait et/ou si elles étaient faciles à créer), nous avons notamment gardé la version adaptable en anglais et le moteur de recherche. 7/39

8 Une fois le cahier des charges défini, il nous a fallu passer à la pratique, le travail se répartissant clairement entre 2 grands axes de développement : la création de l application pour iphone et la création de l interface d administration. Nous avons donc commencé le travail à partir de rien, «from scratch» (ou ex nihilo pour les latinistes). 8/39

9 III) La partie commune : la base de données Nous savions déjà avant de commencer à programmer qu il y avait un élément incontournable qui permettrait la communication entre l interface web et l application : une base de données. Nous avions déjà des connaissances acquises en première année, complétées par celles du semestre 6 de Licence Informatique. 1) Outils utilisés Nous avons utilisé l interface phpmyadmin pour créer les tables et effectuer différents tests de nos requêtes. 2) Création des différentes tables Nous avons défini un premier schéma de la base de données qui s est révélé être celui que nous avons utilisé pour presque tout le projet. Nous avons juste ajouté un ou deux attributs et une table quand ils étaient nécessaires au développement. 3) Les différentes tables Les tables que nous avons créées suivent grossièrement les noms des pages du site et correspondent au contenu de l application. Voici les tables principales dont nous détaillerons les attributs les plus intéressants. (voir Annexe 2) a) La table Agenda Cette table contient : - AgendaId, qui permet d identifier de manière unique un événement, - AgendaDate, qui correspond au jour où l événement est créé (au format ANNEE- MOIS- JOUR), - AgendaWeek qui est le numéro de la semaine de l année dans lequel l événement s inscrit, - AgendaTitle, qui est le titre de l événement, - AgendaMessage, qui est le contenu de l événement. - AgendaType qui est le type de l événement, c est- à- dire s il concerne une information générale, de la BU ou de l UFR SJEPG (ainsi, les 3 valeurs possibles pour cet attribut sont : GENERAL, BU, SJEPG), - AgendaAuthor, qui est l identifiant de l administrateur qui a crée l événement. 9/39

10 b) La table Notifications Dans cette table, nous avons les attributs suivants : - NotificationId, qui permet d identifier de manière unique la notification, - NotificationType, à l instar de AgendaType, donne le type de la notification, - NotificationText, représente le contenu de la notification. c) La table User Elle contient les attributs : - UserId, qui permet d identifier chaque nouvel utilisateur, - UserDevice, qui correspond à l appareil qui s est connecté à la base de données, - UserModel et UserOS, qui sont des informations respectivement sur le modèle du téléphone et son système d exploitation. d) La table FaqBu Cette table permet de créer la page «services de la BU» et contient donc les attributs : - FaqBuID, qui est l identifiant de la question posée, - FaqBuQuestion, qui correspond à l intitulé de la question, - FaqBuAnswer, qui est la réponse correspondante à la question. 4) Les autres tables Il s agit d autres tables qui sont réservées à des utilisations plus triviales. a) La table Admin Cette table renferme des informations sur les administrateurs : identifiant, mot de passe, adresse mail etc. b) La table NotifSuscribers On utilise cette table pour identifier les utilisateurs qui acceptent de recevoir des notifications. 10/39

11 IV) Du côté du site L interface d administration permet d entrer les informations affichées dans l application. Elle doit être accessible, intuitive et prendra par conséquent la forme d un site web. 1) Langages et outils utilisés Avec nos connaissances acquises au cours du module «Langages du Web» de deuxième année de Licence Informatique, nous avons réemployés les langages HTML, CSS et PHP. Nous avons également dû utiliser le langage JAVASCRIPT dans une moindre mesure. Des outils que nous avions déjà utilisés, toujours dans le cadre des cours sur le web, ont été réinvestis : un serveur local MAMP ainsi qu un éditeur de texte, ici SublimeText. Figure 1 : Logo de MAMP Plus tard au cours du projet, nous avons eu besoin de mettre l interface en ligne sur un serveur. Nous avons d abord employé la plateforme gratuite «freehosting» mais face à des problèmes rencontrés, nous avons utilisé une autre plateforme gratuite, byethost.com. 2) Le thème utilisé : Bootstrap Admin Lorsque nous avons commencé à développer le site, il s était déjà écoulé beaucoup de temps depuis le début du projet qu il nous avait fallu affiner à travers les réunions. Aussi, nous ne sommes pas très doués pour tout l aspect qui concerne le design. C est pourquoi, pour gagner du temps et également proposer aux futurs utilisateurs de l interface un affichage qui soit agréable à l œil, nous avons employé le framework (structure logicielle) BootStrap Admin. Celui- ci est réputé pour son caractère «responsive» (réactif), c est- à- dire qu il permet une adaptation du contenu, peu importe le navigateur et le support. Pour faire simple, il s agit uniquement de la «forme» du site web que nous allions développer, toute la partie qui traite les données devant être implémentée par nous deux. 11/39

12 Trois pages qui traitent lesdites données sont les plus importantes : la page «Agenda», la page «Notifications» et la page «Statistiques». 3) La page «Agenda» 3-1) Créer un nouvel événement a) Récupérer la date facilement La fonctionnalité Agenda étant l élément le plus important du projet, cette page se devait d être des plus pratiques d utilisation. Il fallait donc créer une interface qui propose intuitivement de gérer les informations. (voir Annexe 4) Comme il s agit d entrer les données par semaine de connexion, nous avons d abord pensé à juste choisir le numéro de la semaine puis d entrer les champs correspondants (titre et contenu de l événement) avec une remise à zéro de la base de données à la fin de l année universitaire. En effet, il existe une semaine 1, une semaine 2, etc. pour chaque année alors pour créer un système plus simple à implémenter, nous voulions faire table rase des anciennes entrées pour accepter les nouvelles (et donc faciliter l implémentation et éviter que les événements de plusieurs années différentes ne se superposent). Après réflexion, nous avons jugé plus utile que des traces des événements créés restent dans la base de données, ne serait- ce que pour servir aux administrateurs de référence d une année à l autre. Nous avons alors décidé de choisir l année et la semaine. Avant d une nouvelle fois nous raviser, puisqu il aurait fallu calculer la semaine dans laquelle l événement est ajouté. Finalement, et parce que c était la solution qui nous semblait la plus ergonomique, nous avons opté pour ceci : on choisit le jour de l année et à partir de ce jour, on en déduit la semaine ciblée qui contient l événement, sans aucun calcul. Pour ce faire, on a d abord songé à utiliser des formulaires de type «liste déroulante» mais ça impliquait d effectuer 3 actions différentes pour choisir une date. Après quelques recherches pour une solution plus conviviale, nous avons opté pour un calendrier JAVASCRIPT qui affiche les jours et le mois actuel automatiquement et qui permet aisément de naviguer entre les dates grâce à des petites flèches. 12/39

13 Figure 2 : Calendrier Pour récupérer la date, il a suffi d associer ce calendrier à un formulaire en PHP, ainsi la date était sous cette forme : ANNEE- JOUR- MOIS. b) Obtenir le titre, le contenu et le type d événements Nous avons crée deux formulaires pour entrer l intitulé de l événement ainsi que son contenu afin d être stockés au sein de la base de données. A propos du type, nous avons crées trois boutons radio : GENERAL, BU, SJEPG. Il était question dans le cahier des charges d afficher une couleur différente par type d événement sur l application, et même si nous ne savions pas encore comment procéder, nous avions déjà de quoi différencier lesdits événements. L ensemble des formulaires sus- cités était renvoyé par un bouton «Envoi» et des alertes JAVASCRIPT ont été ajoutées dans le cas où l utilisateur oublierait de les renseigner. c) Envoyer ces données à la base de données Pour les champs «Titre de l événement» et «Contenu de l événement», les données des formulaires sont récupérées et après connexion à la base de données, sont envoyées en effectuant une requête de type «INSERT». Concernant la date, il a d abord fallu extraire la semaine lui correspondant. Le langage PHP intègre la fonction «date» avec de très nombreuses fonctionnalités (renvoi du jour/semaine/année, test du caractère bissextile d une année, etc). 13/39

14 Pour obtenir la bonne semaine, nous avons ainsi utilisé la fonction date avec 2 arguments : «W» qui permet d obtenir la semaine, et «AgendaDate» qui correspond à la date que l administrateur a choisi dans le formulaire qui contient le calendrier. 3-2) Accéder aux anciens événements La page Agenda devait permettre d afficher le contenu déjà crée et également de supprimer les événements en cas d erreur ou de modifications à effectuer. a) Historique des événements Afficher un historique de l intégralité des événements aurait pris beaucoup de place à l écran. Dans un premier temps, nous avions envisagé d afficher un historique des derniers événements entrés mais ça n aurait pas eu de sens. Ces événements peuvent effectivement être disséminés sur toute une année. Nous avons alors décidé d afficher les données selon la date choisie par l administrateur. b) Choix de la date et affichage Une nouvelle fois, nous avons utilisé le calendrier JAVASCRIPT pour choisir une date. Nous récupérons ainsi la semaine qui correspond à cette date sous la forme d un tableau dont la taille s adapte automatiquement au contenu et qui comprend : la date, la semaine, le titre, le message, le type et l auteur de l événement. Au début, la date était affichée au format «US» à savoir : ANNEE- MOIS- JOUR alors nous avons employé une requête qui retourne la date au format JOUR- MOIS- ANNEE. Aussi, les événements qui correspondaient au même numéro de semaine de plusieurs années s affichaient, nous avons donc comparé la valeur de l année dans la requête à celle du jour choisi, afin que seuls les bons événements soient affichés. Enfin, nous avons crée la colonne «Supprimer» qui intègre un formulaire de type «case à cocher» afin de supprimer les entrées indésirables (une seule à la fois). 4) La page «Notifications» A l instar de l agenda, un formulaire permet d entrer le contenu de la notification. (voir Annexe 5) Ce contenu est ensuite stocké dans la base de données afin de permettre l affichage des dix dernières notifications en bas de la page. On peut également choisir le type de notifications pour les statistiques (mais ceci n influera pas sur la couleur puisque sur iphone, les messages flashs ont tous un fond gris). Contrairement à l agenda, il n est pas nécessaire de supprimer une notification puisqu une fois envoyée, on ne peut plus y accéder sur les téléphones. 14/39

15 L envoi des notifications sur les téléphones est direct et ne nécessite pas de récupérer les informations dans la base de données. Nous expliquerons le procédé plus bas au sein de la partie «V) 4) L envoi et la réception des notifications». 5) La page «Statistiques» Pour réaliser la page de statistiques, les données sont récupérées au sein de la base de données à travers différentes requêtes qui permettent par exemple : d obtenir le nombre de notifications par type, le nombre d événements par type, par date, le nombre de connexions etc. (voir Annexe 6) Les requêtes sont placées dans des fichiers distincts et on utilise la bibliothèque que notre camarade Antoine De Gieter a développée et qui utilise l interface PDO (PHP Data Objects). Le framework BootStrap inclut une bibliothèque JAVASCRIPT qui s appelle Morris et qui permet de créer différents graphiques, courbes et diagrammes en bâtons. Le problème qui s est posé est le suivant : une fois la requête effectuée, comment faire pour que les données passent du langage PHP au langage JAVASCRIPT? Nous avons essayé différentes méthodes qui n aboutissaient pas, jusqu à ce que l on découvre le JSON (JavaScript Object Notation) qui est un format de données comme le XML par exemple. Il permet donc de structurer l information et c est ainsi que les données transitent du PHP au JAVASCRIPT et permettent l affichage des données sur les graphiques. Pour utiliser le JSON, deux lignes de code suffisent : json_encode($variable), pour encoder la variable au format JSON dans le PHP, et JSON.parse, pour parcourir la variable au format JSON dans le JAVASCRIPT. Figure 3 : Récupération des données en JSON. 15/39

16 6) La page «FAQ BU» Cette page ressemble à la page agenda, la date en moins. On entre ainsi la question et la réponse correspondante, et on peut supprimer ces entrées grâce à un historique présent sur la page. 7) Les autres pages Ces pages sont des pages très courantes sur des sites web, c est pourquoi nous les exposons brièvement. a) Page «Connexion» C est la page sur laquelle on arrive lorsqu on l on va sur le site. On entre un identifiant, un mot de passe et on accède à la page Index. b) Page «Index» On trouve sur cette page des informations générales (quelques statistiques brèves) comme le nombre d administrateurs ou de connexions. (voir Annexe 3) c) Page «Administration» Cette page permet de changer les informations d administration et d ajouter un nouvel administrateur. 16/39

17 V) Du côté de l application Puisque nous avions décidé de développer l'application sur iphone, il a fallu adopter les outils qui sont proposés par la firme Apple, l'entreprise qui produit les iphone. On a donc dû apprendre un nouveau langage, maîtriser un nouveau logiciel et disposer d'un compte de développement. 1) Le langage SWIFT Jusqu'à 2014, le principal langage de programmation d'application sur iphone était l'objective- C. Un langage est apparu depuis, le langage SWIFT, développé par Apple. Il est supposé être beaucoup plus simple d'utilisation que l'objective- C, bien qu'il en soit dérivé. Nous avons découvert que l'objective- C n'était pas compatible avec les nouveaux systèmes d'exploitations, tandis que le SWIFT l'est et est également rétrocompatible avec les anciens OS. Cependant, il est possible d intégrer des éléments d OBJECTIVE- C dans du code en SWIFT. C'est donc avec ce langage que nous avons crée l'application. La documentation est relativement volumineuse et la syntaxe très différente des langages que nous avions appris jusqu'à présent. Nous nous sommes donc essentiellement inspirés de tutoriels, lesquels ne sont pas nombreux au vu du caractère récent du SWIFT. Nous avons parfois utilisé des tutoriels en OBJECTIVE- C que nous avons adapté au langage SWIFT. 2) Les outils utilisés a) Xcode Figure 4 : Logo de Xcode 17/39

18 Si l'on veut développer un logiciel sur ios, l'environnement de développement Xcode est incontournable. Il fournit une kyrielle d'outils à la disposition des développeurs et permet par des «glisser- déposer» de placer des éléments en complément de l'aspect programmation. Nous pouvons ainsi éditer le code, le compiler, et également l'exécuter sur la plateforme virtuelle de notre choix (iphone 4, 4S, 5 etc.) De manière générale, XCode est basé sur ce que l'on nomme un «storyboard» qui est une sorte d'établi virtuel. Il permet de gérer les différents écrans d'affichage (ou vues) appelés «views», les relations de ces views ainsi que leur design à travers des outils que l'on appelle «viewcontroller» Il existe différents types de viewcontroller : - viewcontroller : permet de gérer une vue de base, les barres d'outils et les barres de navigations, - TableViewController : permet la gestion des UITableView qui sont des tableaux (on l'utilise par exemple pour la FAQ), - CollectionViewController : permet de gérer une UICollectionView, qui sont en quelque sorte des cases (on emploie ce viewcontroller pour l'agenda), - NavigationViewController : permet de «piloter» l'ensemble de ces viewcontrollers. b) Le compte Developer Pour développer sur Apple, il faut se délester de 99$ afin de disposer d'un compte «Developer». Heureusement, l'ufc () disposait déjà d'un compte et nous avons été ajoutés en tant que «member». Pour toutes les opérations qui demandaient plus de privilèges, nous nous sommes adressés à notre encadrant, M. Lang, qui disposait du rang d «admin». c) Du bon usage des certificats La société Apple est très exigeante quand il s'agit de développer des applications avec ses technologies. Des «certificats» sont alors délivrés et agissent en quelque sorte comme une «identification» et permettent une certaine forme de sécurisation des données de l'application. Ils sont nécessaires par exemple pour envoyer des notifications ou simplement placer l'application sur le téléphone pour pouvoir la tester. L'accès à ces certificats est relativement opaque, c'est pourquoi nous avons dû suivre des tutoriels avec M. Lang (puisqu'il était administrateur, c'est lui qui devait nous les délivrer). 18/39

19 d) Les téléphones Dans un premier temps, à l'exécution, nous utilisions Xcode. Puis est venu le moment où il nous fallait prendre l'application en main. Avec M. Lang, nous avons utilisé le téléphone de afin d'effectuer les tests en l'ajoutant sur le compte Developer. Un autre camarade a également pu tester l'application sur son téléphone car il disposait de son propre compte Developer. En incluant Xcode et ses émulateurs, l'application a dont été testée sur 8 «téléphones» différents. 3) L Agenda Au départ, nous avons voulu générer des labels (zones de texte) automatiquement mais nous ne parvenions qu à afficher qu un seul événement de l agenda. Nous avons donc utilisé une UICollectionView (des cellules en quelque sorte), ce qui nous permet d'afficher une collection d'événements. (voir Annexe 7) Les événements sont récupérés sur le serveur, dans la base de données, grâce à une requête POST et sont une nouvelle fois retournées au format JSON. Voici un exemple du résultat d'une requête en JSON : { AgendaAuthor = 1; AgendaDate = " "; AgendaId = 155; AgendaMessage = VVVV; AgendaTitle = AAA; AgendaType = GENERAL; AgendaWeek = 11; } Pour chaque événement, une cellule contenant un titre un texte et une date est créée. L'agenda reconnaît les glissements de doigts de la gauche vers la droite pour revenir à la semaine précédente et de la droite vers la gauche pour afficher la semaine suivante. 19/39

20 C'est le code suivant qui permet ce «glisser» de doigt : Figure 5 : Reconnaissance du glissement du doigt Figure 6 : Action suite au glissement de doigt Nous avons rencontré un problème lors de l'affichage des données sur le téléphone. Sur la console de Xcode, quand on passait d'une semaine à une autre, les informations de la base de données étaient bien récupérées. Sur l'application, les données s affichaient avec une latence d une vingtaine de secondes et à chaque changement de page, les cellules de l'agenda se superposaient. Ces deux dysfonctionnements compromettaient ainsi l'affichage. En effet, l'application crée des threads (des tâches), ce qui faisait que la récupération des données et leur affichage se faisait dans deux threads différents d'où le délai. La solution a été d'utiliser un observer (NSNotificationCenter.defaultCenter(), exécute une action quand il reconnaît les événements qui la déclenchent) que l'on appelle à la fin de la récupération des données. Cet observer lance la fonction «refresh» qui synchronise les threads et actualise les données. La latence a ainsi été réduite et les cellules ne se superposaient plus au changement de semaine. 20/39

21 Figure 7 : Fonction refresh 4) L envoi et la réception des notifications Les notifications dépendent du système d'exploitation (OS, Operating System) de l'appareil. Par exemple, sur ios 8 et plus, les notifications peuvent inclure des boutons, ce qui n'est pas possible sur ios 7. L'utilisateur, en lançant l'application pour la première fois peut choisir de recevoir les notifications ou justement, de ne pas les recevoir. S'il décide de les recevoir, Apple fournit un «token» (un jeton, qui est en fait une suite de numéro) qui correspond à l'appareil et que nous enregistrons dans notre base de données. C'est en renseignant ce token au moment d'envoyer la notification que le téléphone la recevra. Nous avons principalement dû préparer l'application à recevoir des notifications, notamment en insérant cette portion de code qui permet de dire à l'application qu'elle va recevoir des messages flashs. Figure 8 : Réception d une notification Au niveau de du site d'administration, dans la page «Notifications», il existe une fonction «sendnotif» qui récupère les données du formulaire dans lequel on a entré le contenu de la notification. On récupère la liste des tokens à qui envoyer la notification puis on crée une connexion entre le serveur du site et les serveurs d'apple. Une array (liste) est créée, contenant le message de la notification, le son émis et le badge. Puis, on envoie l'array à Apple pour chacun des tokens et toutes les personnes qui ont accepté les notifications devront normalement la recevoir. (voir Annexe 8) La principale difficulté que nous avons rencontrée concernait les certificats car il nous a fallu à plusieurs reprises demander à M. Lang de les générer puisque le processus pour les obtenir n était pas très clair. Concernant le code par contre, nous avons trouvé des tutoriels très utiles concernant la démarche. 21/39

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

Sommaire. Présentation... 2 ipad / iphone... 3 Thunderbird... 9 Outlook... 14 Google Agenda... 23 Android Agenda... 33 O2S 1

Sommaire. Présentation... 2 ipad / iphone... 3 Thunderbird... 9 Outlook... 14 Google Agenda... 23 Android Agenda... 33 O2S 1 BIG 1 Sommaire Présentation... 2 ipad / iphone... 3 Thunderbird... 9 Outlook... 14 Google Agenda... 23 Android Agenda... 33 O2S 1 Présentation Vous trouverez ci-après la description de la mise en œuvre

Plus en détail

Cyberclasse L'interface web pas à pas

Cyberclasse L'interface web pas à pas Cyberclasse L'interface web pas à pas Version 1.4.18 Janvier 2008 Remarque préliminaire : les fonctionnalités décrites dans ce guide sont celles testées dans les écoles pilotes du projet Cyberclasse; il

Plus en détail

Edutab. gestion centralisée de tablettes Android

Edutab. gestion centralisée de tablettes Android Edutab gestion centralisée de tablettes Android Résumé Ce document présente le logiciel Edutab : utilisation en mode enseignant (applications, documents) utilisation en mode administrateur (configuration,

Plus en détail

KUMARASAMY Sandirane Lemont Jérémy Fruitet Robin FOULARD Aymeric BTS 2 SLAM Compte-rendu PPE03 et PPE04

KUMARASAMY Sandirane Lemont Jérémy Fruitet Robin FOULARD Aymeric BTS 2 SLAM Compte-rendu PPE03 et PPE04 KUMARASAMY Sandirane Lemont Jérémy Fruitet Robin FOULARD Aymeric BTS 2 SLAM Compte-rendu PPE03 et PPE04 Environnement : Ce projet a été réalisé en deuxième année de BTS, il s'agit d'un travail de groupe

Plus en détail

Administration du site (Back Office)

Administration du site (Back Office) Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface

Plus en détail

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

Plus en détail

Sage CRM. 7.2 Guide de Portail Client

Sage CRM. 7.2 Guide de Portail Client Sage CRM 7.2 Guide de Portail Client Copyright 2013 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur microfilm,

Plus en détail

Manuel logiciel client for Android

Manuel logiciel client for Android 1 Manuel logiciel client for Android 2 Copyright Systancia 2012 Tous droits réservés Les informations fournies dans le présent document sont fournies à titre d information, et de ce fait ne font l objet

Plus en détail

Guide de l Administrateur

Guide de l Administrateur Guide de l Administrateur 2014 Contenu Comment me connecter?... 3 Comment me déconnecter?... 3 Comment réinitialiser mon mot de passe?... 3 Comment modifier mon profil?... 3 Comment créer un produit?...

Plus en détail

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe : 1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%

Plus en détail

Seafile, pour simplifier l'accès à ses fichiers, les partager et les synchroniser

Seafile, pour simplifier l'accès à ses fichiers, les partager et les synchroniser Seafile, pour simplifier l'accès à ses fichiers, les partager et les Accès : hors E.N.T. Direction Informatique Accès : hors E.N.T. Version : 2.3 Date : 20/05/2015 Editeur : Auteur(s) : Copyright : Licence

Plus en détail

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables

Plus en détail

Assistance à distance sous Windows

Assistance à distance sous Windows Bureau à distance Assistance à distance sous Windows Le bureau à distance est la meilleure solution pour prendre le contrôle à distance de son PC à la maison depuis son PC au bureau, ou inversement. Mais

Plus en détail

Gestion du parc informatique matériel et logiciel de l Ensicaen. Rapport de projet. Spécialité Informatique 2 e année. SAKHI Taoufik SIFAOUI Mohammed

Gestion du parc informatique matériel et logiciel de l Ensicaen. Rapport de projet. Spécialité Informatique 2 e année. SAKHI Taoufik SIFAOUI Mohammed 6, bd maréchal Juin F-14050 Caen cedex 4 Spécialité Informatique 2 e année Rapport de projet Gestion du parc informatique matériel et logiciel de l Ensicaen SAKHI Taoufik SIFAOUI Mohammed Suivi ENSICAEN

Plus en détail

GUIDE DE DÉMARRAGE RAPIDE

GUIDE DE DÉMARRAGE RAPIDE GUIDE DE DÉMARRAGE RAPIDE Bienvenue dans SugarSync. Ce guide explique comment installer SugarSync sur votre ordinateur principal, configurer vos dossiers à synchroniser dans le cloud SugarSync. et utiliser

Plus en détail

À propos de l intégration continue dans Xcode

À propos de l intégration continue dans Xcode À propos de l intégration continue dans Xcode Table des matières À propos de l intégration continue dans Xcode 4 En bref 4 Installer et configurer le service Xcode 4 Connecter le service Xcode aux dépôts

Plus en détail

SOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4

SOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4 Messagerie Zimbra version 7 Prise en main Nadège HARDY-VIDAL 2 septembre 20 SOMMAIRE. Connexion à la messagerie Zimbra 4..Pré-requis 4.2.Ecran de connexion à la messagerie 4 2. Présentation générale de

Plus en détail

Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Création d'un site dynamique en PHP avec Dreamweaver et MySQL Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du

Plus en détail

UNIVERSITE BORDEAUX - MONTAIGNE. Projet HK_Lime

UNIVERSITE BORDEAUX - MONTAIGNE. Projet HK_Lime UNIVERSITE BORDEAUX - MONTAIGNE INSTITUT UNIVERSITAIRE DE TECHNOLOGIE Département MMI (Métier du Multimédia et de l Internet) Projet Tuteuré Deuxième Année Projet HK_Lime Etudiants: Alexandre Lacombe Jimmy

Plus en détail

FORMATION A LA RECHERCHE DOCUMENTAIRE BU SANTE. ZOTERO v.2.0 SOMMAIRE

FORMATION A LA RECHERCHE DOCUMENTAIRE BU SANTE. ZOTERO v.2.0 SOMMAIRE SOMMAIRE ZOTERO v.2.0 Introduction...2 1 Gérer ses références...2 1.1 Installation de l extension...2 1.2 Importer des notices à partir d un site web compatible...3 1.4 Nouvelle note indépendante...5 1.5

Plus en détail

Google Drive, le cloud de Google

Google Drive, le cloud de Google Google met à disposition des utilisateurs ayant un compte Google un espace de 15 Go. Il est possible d'en obtenir plus en payant. // Google Drive sur le web Se connecter au site Google Drive A partir de

Plus en détail

À propos du Guide de l'utilisateur final de VMware Workspace Portal

À propos du Guide de l'utilisateur final de VMware Workspace Portal À propos du Guide de l'utilisateur final de VMware Workspace Portal Workspace Portal 2.1 Ce document prend en charge la version de chacun des produits répertoriés, ainsi que toutes les versions publiées

Plus en détail

POVERELLO KASONGO Lucien SIO 2, SISR SITUATION PROFESSIONNELLE OCS INVENTORY NG ET GLPI

POVERELLO KASONGO Lucien SIO 2, SISR SITUATION PROFESSIONNELLE OCS INVENTORY NG ET GLPI POVERELLO KASONGO Lucien SIO 2, SISR SITUATION PROFESSIONNELLE OCS INVENTORY NG ET GLPI Contexte de la mission Suite à la multiplication des matériels et des logiciels dans les locaux de GSB, le service

Plus en détail

Plateforme Moodle : Guide de prise en main pour les étudiants

Plateforme Moodle : Guide de prise en main pour les étudiants Plateforme Moodle : Guide de prise en main pour les étudiants septembre 2013 version 1 Table des matières Objectifs 3 I - Accéder à la plateforme 4 1. Accès via l'ent... 4 2. Accès direct... 4 II - Interface

Plus en détail

Guide d utilisation. Version 1.1

Guide d utilisation. Version 1.1 Guide d utilisation Version 1.1 Guide d utilisation Version 1.1 OBJECTIF LUNE Inc. 2030 boulevard Pie-IX, bureau 500 Montréal (QC) Canada H1V 2C8 +1 514-875-5863 sales@ca.objectiflune.com http://captureonthego.objectiflune.com

Plus en détail

Manuel d utilisation du web mail Zimbra 7.1

Manuel d utilisation du web mail Zimbra 7.1 Manuel d utilisation du web mail Zimbra 7.1 ma solution de communication intelligente Sommaire 1 Connexion à la messagerie Zimbra p.4 1.1 Prérequis p.4 1.1.1 Ecran de connexion à la messagerie p.4 2 Presentation

Plus en détail

Préface. Avant-propos. Chapitre 1 Introduction

Préface. Avant-propos. Chapitre 1 Introduction Les exemples cités tout au long de cet ouvrage sont téléchargeables à l'adresse suivante : http://www.editions-eni.fr Saisissez la référence ENI de l'ouvrage EPAPEX dans la zone de recherche et validez.

Plus en détail

PRODIGE V3. Manuel utilisateurs. Consultation des métadonnées

PRODIGE V3. Manuel utilisateurs. Consultation des métadonnées PRODIGE V3 Manuel utilisateurs Consultation des métadonnées Pour plus d'information sur le dispositif : à remplir par chaque site éventuellement 2 PRODIGE V3 : Consultation des métadonnées SOMMAIRE 1.

Plus en détail

Ceci est un Chromebook, ton ordinateur!

Ceci est un Chromebook, ton ordinateur! Ceci est un Chromebook, ton ordinateur! CHROMEBOOK - Dans le royaume des ordinateurs personnels, il n'y a pas beaucoup de choix. Pour schématiser, soit vous avez un PC, soit vous avez un Mac. Et ce depuis

Plus en détail

AJOUTER UN COMPTE DE MESSAGERIE SUR UN SMARTPHONE

AJOUTER UN COMPTE DE MESSAGERIE SUR UN SMARTPHONE AJOUTER UN COMPTE DE MESSAGERIE SUR UN SMARTPHONE Ref : FP. P1407 V 3.0 Résumé Ce document vous indique comment paramétrer votre smartphone pour l'utilisation de votre messagerie. Pour connaitre la version

Plus en détail

DESCRIPTION DE L APPLICATION GEOANALYSTE

DESCRIPTION DE L APPLICATION GEOANALYSTE CRENAM Centre de REcherches sur l'environnement et l'aménagement CNRS UMR5600 / Université Jean Monnet Saint Etienne Renaud.Mayoud (Renaud.Mayoud@univ-st-etienne.fr) Thierry.Joliveau (Thierry.Joliveau@univ-st-etienne.fr)

Plus en détail

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Tous droits réservés.

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Tous droits réservés. Qlik Sense Cloud Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Tous droits réservés. Copyright 1993-2015 QlikTech International AB. Tous droits réservés. Qlik, QlikTech, Qlik Sense, QlikView,

Plus en détail

Sauvegarde automatique des données de l ordinateur. Manuel d utilisation

Sauvegarde automatique des données de l ordinateur. Manuel d utilisation Sauvegarde automatique des données de l ordinateur Manuel d utilisation Sommaire 1- Présentation de la Sauvegarde automatique des données... 3 2- Interface de l'application Sauvegarde automatique des données...

Plus en détail

TigerPro CRM Application mobile

TigerPro CRM Application mobile TigerPro CRM Application mobile Mise à jour : 8 août 2014 Table des matières INTRODUCTION 3 INSTALLATION 4 STRUCTURE D APPLICATION 5 MENU 5 LA BARRE DES ACTIONS 6 LA BARRE DES MODULES LIES 6 LA VUE INDEX

Plus en détail

E)services - e)sep. Guide de l utilisateur. Exercice professionnel

E)services - e)sep. Guide de l utilisateur. Exercice professionnel E)services - Guide de l utilisateur e)sep Exercice professionnel 1 Sommaire 1- Introduction 2 2 - Accès au service e)sep en ligne 3 2.1 Identification par le login /mot de passe 4 2.2 Authentification

Plus en détail

Gestion d une école. FABRE Maxime FOUCHE Alexis LEPOT Florian

Gestion d une école. FABRE Maxime FOUCHE Alexis LEPOT Florian Gestion d une école FABRE Maxime 2015 Sommaire Introduction... 2 I. Présentation du projet... 3 1- Lancement de l application... 3 Fonctionnalités réalisées... 4 A. Le serveur... 4 1 - Le réseau... 4 2

Plus en détail

Assistant projets coupe-feu Hilti CFS-DM. Guide d utilisation

Assistant projets coupe-feu Hilti CFS-DM. Guide d utilisation Assistant projets coupe-feu Hilti CFS-DM Guide d utilisation Octobre 2014 SOMMAIRE APPLICATION BUREAU 3 Compte et accès 4 Se connecter à l application bureau 5 Fonctionnalités de base «Projets» 6 Définition

Plus en détail

Le générateur d'activités

Le générateur d'activités Le générateur d'activités Tutoriel Mise à jour le 09/06/2015 Sommaire A. Mise en route du Générateur d'activité... 2 1. Installation de Page... 2 2. Création des bases du générateur d'activités... 3 3.

Plus en détail

TUTO / Comment installer Windows 10 Technical Preview pour ordinateur

TUTO / Comment installer Windows 10 Technical Preview pour ordinateur Page 1 sur 6 TUTO / Comment installer Windows 10 Technical Preview pour ordinateur Pour tous les impatients du bouton Démarrer Windows 10 arrive sera disponible le 29 juillet. Les versions d'essai se succèdent

Plus en détail

CTIconnect PRO. Guide Rapide

CTIconnect PRO. Guide Rapide CTIconnect PRO Guide Rapide Version 01.02.2013 CTIconnect PRO est une application de communication permettant aux utilisateurs du système de voir le statut de leurs collègues et de les contacter en 1 clic

Plus en détail

Manuel Utilisateur. Boticely

Manuel Utilisateur. Boticely Manuel Utilisateur Boticely Auteur : Logica Version : 1.4 Droit d auteur Ce texte est disponible sous contrat Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales

Plus en détail

Guide d utilisation Version 1. Par Guide d utilisation de ViaMobile 1.0. www.sviesolutions.com

Guide d utilisation Version 1. Par Guide d utilisation de ViaMobile 1.0. www.sviesolutions.com Guide d utilisation Version 1 1 Par www.sviesolutions.com Table des matières Installation & accès... 3 Installation de l application Via Mobile... 4 Accéder à Via... 5 Application synchrone... 5 Les zones

Plus en détail

Aide à l utilisation de l Intranet de l IUT

Aide à l utilisation de l Intranet de l IUT CNTE Les Ateliers du Multimédia année 2004-2005 Mode d emploi Aide à l utilisation de l Intranet de l IUT livret 1 : la consultation Sommaire (version du 22-09-2004) Préliminaires...3 Optimiser l'utilisation

Plus en détail

Guide Utilisateur - Guide général d'utilisation du service via Zdesktop ou Webmail. Version 2.2 - EXOCA 1. Powered by

Guide Utilisateur - Guide général d'utilisation du service via Zdesktop ou Webmail. Version 2.2 - EXOCA 1. Powered by Guide Utilisateur - Guide général d'utilisation du service via Zdesktop ou Webmail Powered by Version 2.2 - EXOCA 1 Sommaire 1. Introduction... 3 2. Configuration du client Zdesktop (option par défaut)...

Plus en détail

Le modèle de données

Le modèle de données Le modèle de données Introduction : Une fois que l étude des besoins est complétée, deux points importants sont à retenir : Les données du système étudié Les traitements effectués par le système documentaire.

Plus en détail

Guide d'utilisation de la nouvelle version du Webmail

Guide d'utilisation de la nouvelle version du Webmail Guide d'utilisation de la nouvelle version du Webmail 1. La Messagerie Connexion Ecran d'accueil de la messagerie Envoi d un message Réception d'un message Gestion des messages Ajout d un dossier 2. Le

Plus en détail

MESSAGERIE BUREAU AGENDA VIRTUEL. Votre nouvelle messagerie COLLABORATIVE GUIDE PRATIQUE. Membre de

MESSAGERIE BUREAU AGENDA VIRTUEL. Votre nouvelle messagerie COLLABORATIVE GUIDE PRATIQUE. Membre de Membre de MESSAGERIE COLLABORATIVE AGENDA VIRTUEL GUIDE PRATIQUE BUREAU Votre nouvelle messagerie Suivez le guide... SOMMAIRE C est quoi? 03 Présentation de l interface 04 Confidentialité et droits accès

Plus en détail

Safari, navigateur web intégré à Mac OS X

Safari, navigateur web intégré à Mac OS X Service informatique Enseignement Recherche Fiche n 50 13/11/2003 Safari, navigateur web intégré à Mac OS X Alternative à Internet Explorer et à Netscape, SAFARI est le navigateur web intégré à Mac OS

Plus en détail

Installation d'une galerie photos Piwigo sous Microsoft Windows.

Installation d'une galerie photos Piwigo sous Microsoft Windows. Installation d'une galerie photos Piwigo sous Microsoft Windows. By ARNOULD Julien Introduction : Piwigo est un logiciel de galerie photo pour le web, bâti autour d'une communauté active d'utilisateurs

Plus en détail

1. Comment accéder à mon panneau de configuration VPS?

1. Comment accéder à mon panneau de configuration VPS? FAQ VPS Business Section 1: Installation...2 1. Comment accéder à mon panneau de configuration VPS?...2 2. Comment accéder à mon VPS Windows?...6 3. Comment accéder à mon VPS Linux?...8 Section 2: utilisation...9

Plus en détail

OASIS est une fabrique à bien commun via l utilisation des applications proposées sur son store.

OASIS est une fabrique à bien commun via l utilisation des applications proposées sur son store. Guide Utilisateur 1.1 Présentation d OASIS OASIS est une fabrique à bien commun via l utilisation des applications proposées sur son store. Grâce à OASIS, vous serez capable d acheter ou de choisir des

Plus en détail

Messagerie académique

Messagerie académique académie Créteil Convergence 2.0 Messagerie académique Copyright : Direction des systèmes d information Convergence 2.0 : la nouvelle messagerie académique La messagerie académique évolue et devient Convergence

Plus en détail

GUIDE DE DÉMARRAGE. SitagriPro Infinite FINANCEAGRI. Un service. c o r p o r a t e

GUIDE DE DÉMARRAGE. SitagriPro Infinite FINANCEAGRI. Un service. c o r p o r a t e GUIDE DE DÉMARRAGE SitagriPro Infinite Un service FINANCEAGRI c o r p o r a t e SOMMAIRE ÉTAPE 1 : Installation... p.3 1. Introduction 2. Connexion à SitagriPro Infinite ÉTAPE 2 : Identification... p.5

Plus en détail

Rapports d activités et financiers par Internet. Manuel Utilisateur

Rapports d activités et financiers par Internet. Manuel Utilisateur Rapports d activités et financiers par Internet Manuel Utilisateur Table des matières 1. Introduction... 3 2. Pré requis... 3 3. Principe de fonctionnement... 3 4. Connexion au site Internet... 4 5. Remplir

Plus en détail

UAPV mobile Projet de Master informatique. PEDROZO Verônica LEGDANI Hamza LAPIERRE Matthias El HAJJIOUI Mohammed HAMAMOUCH Karim

UAPV mobile Projet de Master informatique. PEDROZO Verônica LEGDANI Hamza LAPIERRE Matthias El HAJJIOUI Mohammed HAMAMOUCH Karim UAPV mobile Projet de Master informatique PEDROZO Verônica LEGDANI Hamza LAPIERRE Matthias El HAJJIOUI Mohammed HAMAMOUCH Karim 1 Sommaire Sommaire.... 2 Introduction...... 3 Contexte général... 3 Présentation

Plus en détail

Tutorial et Guide TeamViewer

Tutorial et Guide TeamViewer Tutorial et Guide TeamViewer TeamViewer est un programme qui permet de partager son bureau ou prendre la main d'un bureau à distance via internet partout dans le monde, et d'ainsi avoir l'opportunité de

Plus en détail

L accès à distance du serveur

L accès à distance du serveur Chapitre 11 L accès à distance du serveur Accéder à votre serveur et aux ordinateurs de votre réseau depuis Internet, permettre à vos amis ou à votre famille de regarder vos dernières photos, écouter vos

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

Interface PC Vivago Ultra. Pro. Guide d'utilisation

Interface PC Vivago Ultra. Pro. Guide d'utilisation Interface PC Vivago Ultra Pro Guide d'utilisation Version 1.03 Configuration de l'interface PC Vivago Ultra Configuration requise Avant d'installer Vivago Ultra sur votre ordinateur assurez-vous que celui-ci

Plus en détail

GUIDE D UTILISATION GESTION DU CONTENU SITE INTERNET CANATAL. 1 ère Partie. Modification du Contenu du Site WordPress de Canatal

GUIDE D UTILISATION GESTION DU CONTENU SITE INTERNET CANATAL. 1 ère Partie. Modification du Contenu du Site WordPress de Canatal INDUSTRIES CANATAL INC. GUIDE D UTILISATION GESTION DU CONTENU SITE INTERNET CANATAL 1 ère Partie Modification du Contenu du Site WordPress de Canatal Version 1.0 FR 27 février 2013 Page laissée intentionnellement

Plus en détail

Messagerie Étudiante

Messagerie Étudiante Messagerie Étudiante Accès Web... 3 Présentation de Outlook Web... 4 Envoi de message... 6 Transfert... 7 Configurer Outlook sur ses périphériques... 9 Android... 9 Smartphone Android... 9 Tablette Android...

Plus en détail

Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e :

Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e : CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE Projet 2 Gestion des services enseignants G r o u p e : B E L G H I T Y a s m i n e S A N C H E Z - D U B R O N T Y u r i f e r M O N T A Z E R S i

Plus en détail

Manuel d utilisation email NETexcom

Manuel d utilisation email NETexcom Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La

Plus en détail

DOSSIER D'ACTIVITES SUR LE PHP N 03 Créer une base de données MySQL avec PHPMyAdmin

DOSSIER D'ACTIVITES SUR LE PHP N 03 Créer une base de données MySQL avec PHPMyAdmin DOSSIER D'ACTIVITES SUR LE PHP N 03 Créer une base de données MySQL avec PHPMyAdmin Objectifs : Apprendre à l apprenant à lancer un serveur local «Apache» Apprendre à l'apprenant à lancer un serveur MySQL

Plus en détail

MEDIAplus elearning. version 6.6

MEDIAplus elearning. version 6.6 MEDIAplus elearning version 6.6 L'interface d administration MEDIAplus Sommaire 1. L'interface d administration MEDIAplus... 5 2. Principes de l administration MEDIAplus... 8 2.1. Organisations et administrateurs...

Plus en détail

Comment utiliser mon compte alumni?

Comment utiliser mon compte alumni? Ce document dispose d une version PDF sur le site public du CI Comment utiliser mon compte alumni? Elena Fascilla, le 23/06/2010 Sommaire 1. Introduction... 2 2. Avant de commencer... 2 2.1 Connexion...

Plus en détail

Tenrox. Guide d intégration Tenrox-Salesforce. Janvier 2012. 2012 Tenrox. Tous droits réservés.

Tenrox. Guide d intégration Tenrox-Salesforce. Janvier 2012. 2012 Tenrox. Tous droits réservés. Tenrox Guide d intégration Tenrox-Salesforce Janvier 2012 2012 Tenrox. Tous droits réservés. À propos de ce guide Le présent guide décrit les procédures nécessaires pour configurer les paramètres d intégration

Plus en détail

Comment utiliser FileMaker Pro avec Microsoft Office

Comment utiliser FileMaker Pro avec Microsoft Office Guide d utilisation Comment utiliser FileMaker Pro avec Microsoft Office Comment utiliser FileMaker Pro et Microsoft Office page 1 Table des matières Introduction... 3 Avant de commencer... 4 Partage de

Plus en détail

DataTraveler 410. Manuel d'utilisation de SecureTraveler

DataTraveler 410. Manuel d'utilisation de SecureTraveler Manuel d'utilisation de SecureTraveler SecureTraveler est l'utilitaire de configuration DataTraveler permettant aux utilisateurs en entreprise et aux utilisateurs privés d'établir des zones publiques et

Plus en détail

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013 Rapport de stage Création d un site web Stage du 20/01/2013 au 21/02/2013 Auteur : Antoine Luczak Tuteur professionnel : M. Tison Tuteur scolaire : Mme Girondon Année scolaire : 2013/2014 1 Table des matières

Plus en détail

Livre Blanc WebSphere Transcoding Publisher

Livre Blanc WebSphere Transcoding Publisher Livre Blanc WebSphere Transcoding Publisher Introduction WebSphere Transcoding Publisher vous permet d'offrir aux utilisateurs des informations Web adaptées à leurs besoins. Il vous permet, par exemple,

Plus en détail

Netissime. [Sous-titre du document] Charles

Netissime. [Sous-titre du document] Charles [Sous-titre du document] Charles Sommaire I. Commandez votre sauvegarde en ligne 2 II. Installation 3-7 III. Utilisation du logiciel de sauvegarde en ligne 8-19 A. Fonctionnement de l application de protection

Plus en détail

Guide de l utilisateur Mikogo Version Windows

Guide de l utilisateur Mikogo Version Windows Guide de l utilisateur Mikogo Version Windows Table des matières Création d un compte utilisateur 3 Téléchargement et installation 4 Démarrer une session 4 Joindre une session 5 Fonctionnalités 6 Liste

Plus en détail

TABLE DES MATIÈRES CRÉER UN COMPTE...3. VOUS SOUHAITEZ VOUS CONNECTER A AproPLAN...4 PAGE D ACCUEIL...6 CONSOLE D ADMINISTRATION...

TABLE DES MATIÈRES CRÉER UN COMPTE...3. VOUS SOUHAITEZ VOUS CONNECTER A AproPLAN...4 PAGE D ACCUEIL...6 CONSOLE D ADMINISTRATION... 1 TABLE DES MATIÈRES 1. CRÉER UN COMPTE...3 2. VOUS SOUHAITEZ VOUS CONNECTER A AproPLAN...4 3. PAGE D ACCUEIL...6 4. CONSOLE D ADMINISTRATION...7 5. PROJET...8 6. LISTE...21 7. CRÉATION DE POINT...30 8.

Plus en détail

Formation Développement d'applications mobiles multiplateformes

Formation Développement d'applications mobiles multiplateformes L institut de formation continue des professionnels du Web Formation Développement d'applications mobiles multiplateformes Référence formation : Durée : Prix conseillé : MO00015 5 jours (35 heures) 2 320

Plus en détail

Démarrage rapide de l'application mobile Novell Filr 1.2

Démarrage rapide de l'application mobile Novell Filr 1.2 Démarrage rapide de l'application mobile Novell Filr 1.2 Avril 2015 Démarrage rapide Novell Filr vous permet d'accéder facilement à tous vos fichiers et dossiers, depuis votre bureau, un navigateur ou

Plus en détail

Sophos Mobile Control as a Service Guide de démarrage. Version du produit : 2.5

Sophos Mobile Control as a Service Guide de démarrage. Version du produit : 2.5 Sophos Mobile Control as a Service Guide de démarrage Version du produit : 2.5 Date du document : août 2012 Table des matières 1 À propos de ce guide...3 2 Quelles sont les étapes essentielles?...4 3 Première

Plus en détail

Utiliser le site Kahoot pour créer des quiz interactifs

Utiliser le site Kahoot pour créer des quiz interactifs Utiliser le site Kahoot pour créer des quiz interactifs Kahoot est une application en ligne permettant de générer des QCM interactifs. Ces derniers, utilisés en classe sur tablette, iphone ou ordinateur,

Plus en détail

Guide d utilisation Version 1.5.5. Par 1 Guide d utilisation de Via Mobile 1.5.5. www.sviesolutions.com

Guide d utilisation Version 1.5.5. Par 1 Guide d utilisation de Via Mobile 1.5.5. www.sviesolutions.com Guide d utilisation Version 1.5.5 Par 1 Guide d utilisation de Via Mobile 1.5.5 www.sviesolutions.com Table des matières Installation & accès... 3 Installation de l application Via Mobile... 4 Accéder

Plus en détail

Utilisation de GalaxShare

Utilisation de GalaxShare Utilisation de GalaxShare Tutoriel accessible en ligne sur http://galaxair.com/tuto/aidegalaxshare.html Le Porte-Document GalaxShare est un logiciel web de partage de documents, avec une gestion fine des

Plus en détail

Utilisation de la Plateforme Office365 et d Oultlook Web App

Utilisation de la Plateforme Office365 et d Oultlook Web App Utilisation de la Plateforme Office365 et d Oultlook Web App 1. Sommaire 1. Sommaire... 1 2. Accéder à la messagerie Office 365 en passant par Internet... 2 3. La boîte de réception... 4 3.1. Présentation

Plus en détail

les Formulaires / Sous-Formulaires Présentation...2 1. Créer un formulaire à partir d une table...3

les Formulaires / Sous-Formulaires Présentation...2 1. Créer un formulaire à partir d une table...3 Présentation...2 1. Créer un formulaire à partir d une table...3 2. Les contrôles :...10 2.1 Le contrôle "Intitulé"...11 2.2 Le contrôle "Zone de Texte"...12 2.3 Le contrôle «Groupe d options»...14 2.4

Plus en détail

Sage CRM. 7.2 Guide du portable

Sage CRM. 7.2 Guide du portable Sage CRM 7.2 Guide du portable Copyright 2013 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur microfilm,

Plus en détail

iphone en entreprise Guide de configuration pour les utilisateurs

iphone en entreprise Guide de configuration pour les utilisateurs iphone en entreprise Guide de configuration pour les utilisateurs iphone est prêt pour une utilisation en entreprise. Il gère Microsoft Exchange ActiveSync, ainsi que des services de base standards, le

Plus en détail

Présentation rapide Fonctionnement de l ENT et services offerts Membres du personnel

Présentation rapide Fonctionnement de l ENT et services offerts Membres du personnel Un Environnement Numérique de Travail (ENT) pour un accès à des informations et des services personnalisés et personnalisables. Sommaire Qu est-ce que l ENT?... 1 Comment accéder à l ENT?... 1 Comment

Plus en détail

Premiers pas sur e-lyco

Premiers pas sur e-lyco Premiers pas sur e-lyco A destination des parents, ce document présente les premiers éléments pour accéder aux services de l'ent e-lyco d'un lycée. Que signifient ENT et e-lyco? ENT = Espace ou Environnement

Plus en détail

Guide d utilisation des outils de messagerie. Guide d utilisation de la messagerie de l académique de Paris

Guide d utilisation des outils de messagerie. Guide d utilisation de la messagerie de l académique de Paris Guide d utilisation des outils de messagerie Guide d utilisation de la messagerie de l académique de Paris Sommaire Caractéristiques et Nouveautés 3 Le Webmail 4 Aperçu général 5 Le carnet d adresses 7

Plus en détail

Suite Entreprise Mobile Manuel d installation

Suite Entreprise Mobile Manuel d installation Suite Entreprise Mobile Manuel d installation Table des matières Depuis Suite Entreprise v2 2 Depuis le terminal du client 5 Installation sur Apple IOs 5 Installation sur Android 7 Installation sur Windows

Plus en détail

Manuel d utilisation du Guichet électronique V2

Manuel d utilisation du Guichet électronique V2 Service Informatique (D443) Equipe du Guichet Manuel d utilisation du Guichet Version 1.0 Alpha 0 du 18/02/2011 Classification : Peu sensible Objet : Ce document est un manuel d utilisation du portail

Plus en détail

SQL Server 2008 Report Builder 2.0

SQL Server 2008 Report Builder 2.0 SQL Server 2008 Report Builder 2.0 Installation et utilisation de Report Builder 2.0 Dans le cadre de la création de rapports pour SQL Server Reporting Services 2008, un outil est disponible, Report Builder

Plus en détail

Lotus Notes Traveler 8.5.2. GUIDE DE SURVIE http://traveler.gouv.nc/servlet/traveler

Lotus Notes Traveler 8.5.2. GUIDE DE SURVIE http://traveler.gouv.nc/servlet/traveler Lotus Notes Traveler 8.5.2 GUIDE DE SURVIE http://traveler.gouv.nc/servlet/traveler Le service http://traveler.gouv.nc/servlet/traveler issu de la technologie IBM «Lotus Notes Traveler» est une application

Plus en détail

Guide d utilisation Version 1.5. Par 1 Guide d utilisation de Via Mobile 1.5. www.sviesolutions.com

Guide d utilisation Version 1.5. Par 1 Guide d utilisation de Via Mobile 1.5. www.sviesolutions.com Guide d utilisation Version 1.5 Par 1 Guide d utilisation de Via Mobile 1.5 www.sviesolutions.com Table des matières Installation & accès... 3 Installation de l application Via Mobile... 4 Accéder à Via...

Plus en détail

Comment créer des GIF animés en dix étapes?

Comment créer des GIF animés en dix étapes? Comment créer des GIF animés en dix étapes? Tutoriel GIF Movie Gear Septembre 2002 Rédigé par :Visicom Média inc. 1 TABLE DES MATIERES PRÉSENTATION DE GIF MOVIE GEAR... 2 BARRE DE MENUS... 2 BARRE D'OUTILS

Plus en détail

Un outil open source de gestion de bibliographies

Un outil open source de gestion de bibliographies Un outil open source de gestion de bibliographies Généralités... 2 Installation... 2 L interface zotero... 2 Ajouter une notice bibliographique manuellement... 4 Modifier ses notices bibliographiques...

Plus en détail

Sophos Mobile Control Guide d'administration. Version du produit : 4

Sophos Mobile Control Guide d'administration. Version du produit : 4 Sophos Mobile Control Guide d'administration Version du produit : 4 Date du document : mai 2014 Table des matières 1 À propos de Sophos Mobile Control...4 2 À propos de la console Web de Sophos Mobile

Plus en détail

Atelier thématique. Mardi 25 juin 2013. Avenue Gabriel Péri 84110 Vaison-la-Romaine ESPACES MULTIMEDIA

Atelier thématique. Mardi 25 juin 2013. Avenue Gabriel Péri 84110 Vaison-la-Romaine ESPACES MULTIMEDIA Mardi 25 juin 2013 Atelier thématique Avenue Gabriel Péri 84110 Vaison-la-Romaine Page 1 / 12 SOMMAIRE Une nouvelle interface pour de nouveaux appareils...3 Passer de l'écran d accueil au bureau...4 Le

Plus en détail

EMC SourceOne TM for Microsoft SharePoint Recherche dans les archives Carte de référence rapide version 7.2

EMC SourceOne TM for Microsoft SharePoint Recherche dans les archives Carte de référence rapide version 7.2 Utilisez la fonctionnalité pour rechercher et restaurer du contenu SharePoint archivé dans EMC SourceOne La fonctionnalité de SharePoint est destinée aux administrateurs et utilisateurs de SharePoint.

Plus en détail

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles 46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes

Plus en détail