SlideShare une entreprise Scribd logo
1  sur  29
Télécharger pour lire hors ligne
Université de Manouba
Institut Supérieur des Art Multimédias de Manouba

CONCEPTION ET RÉALISATION D’UNE APPLICATION
Androïd : Livre des Histoires 1.0

Présenté par :

Encadré par :

EL Heni Nazih

SOFTONE

Cycle de Formation Ingénieur
Année universitaire :2012/2013

1

Rapport de stage d'été 2012

ISAMM
Résumé
La lecture électronique offre de nombreux avantages pour les apprenantes et les apprenants
adultes d’aujourd’hui. Bien que beaucoup d’entre nous adorent la sensation d’avoir un bon
livre en mains, les apprenantes et les apprenants peuvent tirer des avantages des livres
électroniques de bien des façons, ce que les livres papier ne peuvent tout simplement pas
offrir.
Le plus grand avantage qu’on peut retirer des tablettes et des lecteurs électroniques est leur
capacité de s’adapter aux trois principaux styles d’apprentissage. Les apprenantes et
apprenants visuels, auditifs et tactiles/kinésiques peuvent tous retirer des avantages de ces
appareils.
Le projet que nous présentons aborde précisément une application conçu pour fonctionner
sur la plate-forme Androïd. Le projet permet de faire présenter Livres des Histoires gratuit
avec photos amusantes, texte et audio pour vos petits. Type de livres sont des livres pour
enfants, livres de contes, des histoires, des chansons au coucher classiques, contes
populaires, des livres pour tout-petits d'âge préscolaire, des livres de coloriage, des jeux ,des
livres illustrés avec de l'audio d'accompagnement du texte de chaque page.
– Augmenter le trafic du page livre des histoires sur Facebook.
– Attirer des prospects en leur facilitant l’acte de lecture.

2

Rapport de stage d'été 2012

ISAMM
Introduction Générale
Dans le cadre de notre projet de stage d’été, nous nous intéressons à Développer
une application qui sert à Le projet permet de faire présenter Livres des
Histoires gratuit avec photos amusantes, texte et audio pour vos petits. Type de
livres sont des livres pour enfants, reconnu dans le domaine informatique par le
nom ” E-lecture ”, cette application peut être développée sur plusieurs platesformes notamment : Androïd, Mac OS et BlackBerry etc. Les supports de notre
application E-Commerce sont les téléphones portables menés, d’un système
d’exploitation Androïd. L’OS 1 Aïndroïd est gratuit et open source fondé sur un
noyau Linux destiné aux Smartphones, PDA2 et autres terminaux mobile comme
les tablettes tactiles. La plateforme

3

Androïd ne cesse d’accroitre sa part du

marché, il occupe la première place en terme de vente au niveau mondiale avec
33.3 million d’unité en 4 ème trimestre 2010 l’équivalant de 370
téléphones/jour.[1] Le rythme de nos jours est accéléré et les gens ont besoin de
réduire leurs déplacements, ainsi le nombre des utilisateurs d’Androïd ne cesse
d’accroître donc on a décidé de développer une application sur le système
d’exploitation Androïd pour commercialiser les Livres interactive de ‘Livres
des Histoire ‘`.

1. L’OS est l’acronyme d’operating system
2. PDA est l’acronyme de Personal Digital Assistant
3. le mot plateforme dans ce manuscrit désigne l’ensemble des ressources logicielles qui sont
fournies par les systèmes embarqué
3

Rapport de stage d'été 2012

ISAMM
Cadre du projet
Le projet s’inscrit dans le cadre du projet de stage d'été au sein de l’entreprise
SoftOne durant la période de deux mois (Juin, Juillet). Au cours de ce stage
la société SoftOne nous a confié la conception et la réalisation d’une
application Androïd dans un milieu pur professionnelle.

Organisation du Rapport
Au niveau de ce manuscrit, nous décrivons la mise en place d’une
application Androïd permettant, grâce à une bibliothéque des Livres,des
Chansons,des pages de coloriage et des jeux . Le rapport présente aussi les
impacts opérationnels, internes et externes, du lancement d’une Bibliothéque
en Ligne. Dans un premier chapitre nous présentons le cadre général.Dans le
deuxième, nous Analyserons quelques applications spécialisés dans la vente
afin de dégager les besoins de notre application. Ensuite, nous détaillerons
les spécifications des besoins. Dans le troisième Chapitre, nous procéderons à
la description de la conception de la solution. La réalisation et Les tests se
situeront au niveau du quatrième chapitre de notre rapport.Nous terminons le
rapport par une conclusion générale en nous présentons quelques
perspectives et futur améliorations concernant notre application.

4

Rapport de stage d'été 2012

ISAMM
Chapitre

1
Etude préalable

5

Rapport de stage d'été 2012

ISAMM
1.1 Étude de l’existant

L’étude de l’existant permet de déterminer les points faibles et les
points forts d’un produit actuel pour pouvoir déterminer les besoins
du client, en vue d’en prendre en considération lors de la conception
et la réalisation de la boutique en ligne. Dans cette section, nous
présentons une analyse de quelques exemples d’applications
marchands. Ensuite, nous formulerons unesolution de la
problématique.
1) 1er application Android : (Story Book :Kids)
1.1) Contexte :
Histoires d'enfants gratuits interactifs pour la nouvelle génération! Écoutez les histoires
avec de l'audio et du texte.

1.2) Présentation de l'application :

6

Rapport de stage d'été 2012

ISAMM
(a)

(b)

– La figure 1.1 (a) illustre la page d’accueil de l’application Story Books.
– La figure 1.1 (b) illustre la liste des Livres proposés par l’application Story Books.
– La figure 1.1 (c) illustre une Histoires de la Bibliothèque .

(c)

7

Rapport de stage d'été 2012

ISAMM
1.3)

Analyse technique

L’application Story Book est développée avec le Langage JAVA Les images contenues dans
l’application sont des images dont le Format est PNG.
Dénotation
La page d’accueil possède d’autre objet pour
l’enrichir
Les formes utilisées sont des formes
rectangulaires avec des coins arrondis.
La gamme des couleurs utilisées
sont les tons du bleu, l’orangé
et noir.

Connotation
Cette disposition donne un sens statique et non
interactifs de la page.
Les formes rectangulaires donnent de la stabilité
à l’interface et les coins arrondis ajoutent du
dynamisme.
L’utilisation du contraste entre le bleu, le noir et
l’orangé ravive l’interface. L’utilisation du noir
et de l’orangé pour réveiller le bleu et empêcher
sa continuité.

1) Conclusion :
Suite à cette étude de l’existant, j’ai pris en considération des éventuels avantages que les
autres applications équivalentes présentent tels que l’importance de l’esthétique du
l'applicative, la structuration des interfaces, la mise en forme du texte et la présence des
images ainsi que la mise à jour des informations.
Pour cela, j'ai bien présenté des services profitables à la plupart des internautes. J’ai constaté
aussi que la simplicité de l'utilisation de l'application, esr principale objectif, qui permettra
aux utilisateurs de bien améliorer leurs connaissances des applications mobiles.

8

Rapport de stage d'été 2012

ISAMM
Chapitre

2
Spécification des besoins

9

Rapport de stage d'été 2012

ISAMM
1.2 Spécification des besoins fonctionnels
Dans cette partie nous identifions les acteurs de notre application pour les enfants Afin de
pouvoir dégager les besoins fonctionnels.

1.2.1 Identification des acteurs
L’application doit fournir un ensemble de fonctionnalités aux enfants .En effet, l’application
présente une Bibliothèque homogène des livres et des chansons et des jeux intellectuelle.
Cependant, nous Parvenons à dégager deux acteurs principaux qui sont :
– L’enfant qui utilise l’application « livre des histoires ».
– L’administrateur qui doit gérer le bon fonctionnement de l’application.
L'applicative offre aux enfants un accès aux différents menu. Tel que La bibliothèque des
Histoires, La Bibliothèque des Chansons, Les pages de coloriage et finalement aux Jeux
intellectuelle et de plaisir.
Voici les différentes informations proposées pour nos lecteurs.
 La bibliothèque des Histoires.
 La Bibliothèque des Chansons.
 Les pages de coloriage.
 Jeux intellectuelle et de plaisir.

10

Rapport de stage d'été 2012

ISAMM
2) Spécification des besoins non fonctionnels:
2.1)






Contraintes esthétiques:

Il faut attirer le public cible par l’originalité et la simplicité.
Respecter une charte graphique cohérente sur toutes les interfaces.
Utilisation des couleurs attirantes qui répondent à la tendance actuelle.
Utilisation d’une gamme de couleurs dans les rubriques.
Plaire aux habitués et leur donner l’envie de découvrir l'espace.

3.1) Contraintes ergonomiques:
 Permettre à l’internaute de se familiariser rapidement avec l'applicative et ses différentes
interfaces.
 Assurer une cohérence entre les différentes interfaces: arrière-plan, Disposition des
rubriques, structure de l'interface,…etc.
 Pouvoir se situer par rapport aux différentes rubriques en indiquant sur chaque page
l'emplacement actuel du navigateur depuis la page d'accueil jusqu'à la page en cours.
 Les internautes ne doivent pas trouver des problèmes lors de la navigation.

3.2) Contraintes techniques:





L’interface doit être compatible avec les résolutions les plus courantes des écrans.
Conservation de la même largeur pour toutes les interfaces.
L'optimisation du temps de chargement des interfaces de l'applicative.
Utilisation des logiciels suivants :
 Un Logiciel de traitement d’image : Adobe Photoshop CS6 qui permettra de la
création de la charte graphique de l'applicatif ainsi la mise en valeur des images.
 Les logiciels de développement : Corona SDK (langage Lua)

4) Spécification semi-formelle des besoins:
4.1) Diagramme de cas d’utilisation:
Ce diagramme de cas d’utilisation du côté lecteur présente les différents scénarios du l'interconnecteur tel que l’authentification à travers un login et mot de passe pour qu’il puisse
accéder au page Facebook, page Twitter ou pour regarder quelque vidéo sur l’application sur
yotoube.

11

Rapport de stage d'été 2012

ISAMM
4.1) Description du diagramme de cas d’utilisation côté « Lecteur »:
 Le lecteur se connecte par son login et son mot de passe pour accéder au FB ou
Twitter.
 Le membre peut accéder aux différentes éléments de Menu Tel que la Bibliothèque
des Histoires ou des chansons ou des pages de coloriage ou il peut accéder à la
rubrique des jeux.

Figure 4- Diagramme de cas d’utilisation du lecteur

12

Rapport de stage d'été 2012

ISAMM
4.2) Diagramme de séquence:
Le diagramme de séquence est une représentation intuitive lorsque l'on souhaite réaliser des
interactions entre deux entités Ils permettent à l'architecte/designer de créer au fur et à mesure
sa solution. Voici quelques diagrammes de séquences du portail.

4.3) Description du diagramme de séquence d’accéder au bibliothéque
membre:
Chaque lecteur de l'applicative tel que (élève ou parent) peut accéder au
Bibliothèque des Histoires.

Catégorie

Le schéma du menu bibliothèque est bien d’écrit par le diagramme de séquence.
Le membre clique Sur le Bouton « oiseau » qui représente la bibliothèque des Histoires,
l’application affiche les différentes livres.
Le membre choisie l’une des histoires et faire une Clique.
 L’application charge les images et les sons et les textes et affiche l’histoire.

13

Rapport de stage d'été 2012

ISAMM
4.1) Diagramme de séquence d’accès a la bibliothèque des histoires :(est
présenté par la figure ci-dessous.)

4.2) Description du diagramme de séquence d’accéder au livre de
coloriage par le lecteur:
Chaque lecteur de l'applicative tel que (élève ou parent) peut accéder au Catégorie Page de
coloriage.
Le schéma du menu livre de Coloriage est bien d’écrit par le diagramme de séquence.

14

Rapport de stage d'été 2012

ISAMM
Le membre clique Sur le Bouton « Maison» qui représente La page de coloriage, l’application
affiche les différentes pages à colorer.
Le membre choisie l’une des pages et faire une clique.
 L’application charge les images et les sons et les textes et affiche la page de coloriage.

4.3) Diagramme de séquence d’accès a la bibliothèque des histoires :(est
présenté par la figure ci-dessous.)

5. Conclusion
Ce chapitre m'a permis de préciser les fonctionnalités exactes du l'applicatif et de spécifier les
besoins a travers la réalisation des diagrammes des cas d’utilisations et les diagrammes des
séquences ainsi que les diagrammes de classe et de composant que j'ai suivis au cours de mon
projet. Cette étape qui m'a permis de mettre en œuvre la conception déjà faite, est le sujet du
chapitre s
15

Rapport de stage d'été 2012

ISAMM
Chapitre

4
Conception

16

Rapport de stage d'été 2012

ISAMM
5) Introduction :
Cette phase est considérée comme la phase la plus importante, car elle permet de trouver les
solutions informatiques et techniques pour mettre en œuvre et construire le système analysé.
La phase de conception sert à transférer les informations vers les phases d’implémentation, de
test et de maintenance comme elle nécessite des méthodes permettant d’élaborer un modèle
sur le quelle nous allons se baser.
Dans ce chapitre, on commence par la modélisation de notre plateforme à travers une
représentation de l’interaction entre l’utilisateur et l'applicatif en suivant la méthodologie de
conception UML, cette modélisation peut être présentée graphiquement par différents
diagrammes et j'ai présenté par la suite les différentes interfaces de l'applicatif à travers ces
diagrammes.

Page Histoires
Page d’accueil

Page Chansons
Page Coloriage

Page jeux

Figure 13: Schéma de navigation

6) Conception technique :
2.1) Choix du langage de modélisation
Pour la mise en place d’un produit informatique efficace, bien présenté, réutilisable, évolutif
et réussis, il est nécessaire de faire une décomposition détaillée des problèmes et désigner des
solutions efficaces.
Le langage de modélisation UML (Unified Modeling Langage) constitue un standard pour la
modélisation des applications informatiques.

17

Rapport de stage d'été 2012

ISAMM
Dans ce qui suis-je présente l’architecture générale du système à travers le diagramme du
composant UML.

2.1) Conception générale
Les diagrammes de processus métier permettent de décrire l’architecture physique et
statique d’une application en termes de modules : fichiers sources, librairies, exécutables.
Ils montrent la mise en œuvre physique des modèles de la vue logique avec l’environnement
de développement.

2.2) Présentation de l’architecture générale de l’application

Figure 14: Les parties principales de livre des histoires Mobile

18

Rapport de stage d'été 2012

ISAMM
Figure 15 : digramme des processus metier

Figure 17: Communication Android/ Serveur Web/ Base de données

L’environnement de développement sous Android se fait sous JAVA. Pour moi J'ai utilisé
un nouveau langage c’est LUA avec l’outil Corona SDK. Cependant, sur cette outils il faut
installer le plugin android-sdk-windows qui permettra de développer des applications sous
19

Rapport de stage d'été 2012

ISAMM
Android. La figure ci-dessus montre bien le déroulement de la communication entre les
différentes composant de l'architecture 3-tier

7) Conception graphique :
Pour la réalisation de ce genre de projet, il faut avoir une bonne connaissance des techniques
multimédia dont la norme et les différents standards qui évoluent rapidement pour rendre
visible ce qu’on veut faire et pour qu’il soit acceptable d’après les internautes.

5.1) Synopsis :
 Type de produit : Conception et réalisation d’un applicatif mobile pour des
émulateurs Androïd.
 Support : Réseaux internet.
 Public cible : des enfants âgée de 3 à 12 ans .
 Sujet.
Mon projet consiste à réaliser un applicative mobile consiste a présenter un livre des histoires
accompagné par des chansons et des page de coloriage et quelque jeux, tout ça a été réalisé
par l'assistance chef de projet, un développeur web. L’élaboration de la conception graphique
est prise en charge par le développeur web. La conception technique a été prise en charge par
le développeur web avec le chef de projet au cours du développement de l'applicatif répondant
aux besoins recommandé par le client.
 Objectif :
Le principal objectif de ce projet consiste à la réalisation d'un applicatif mobile qui diffère aux
autres exemples qui existent sur le marché.

5.2) Recherche graphique :
Généralement la conception graphique est l’un des phases les plus critiques au cours de la
réalisation d'un projet car elle nécessite une durée de recherche très importante.
Avant l'élaboration de l'interface de l'interface d'accueil et d'authentification ainsi que les
structures des interfaces internes, plusieurs étapes de recherche ont été effectuées avant
d'aboutir aux propositions finales.
Dans ce que suit j'ai présenté quelques propositions des pages d'authentifications, d'accueil
ainsi que les pages internes.

20

Rapport de stage d'été 2012

ISAMM
Figure 19 – cabaret de la page de Menu de l’application

8) Conclusion
Pour conclure, une conception affinée de l'applicatif a été mise en place, en fixant les chartes
qui vont être utilisées pour la réalisation du projet. Il a fallu alors passer à une étape qui est
aussi importante que la conception, la réalisation du projet.
Cette étape qui permet de mettre en œuvre la conception déjà faite, et qui est l'objet de
chapitre suivant.

21

Rapport de stage d'été 2012

ISAMM
Chapitre

5
Réalisation et Tests

22

Rapport de stage d'été 2012

ISAMM
9) Introduction :
La phase réalisation est la dernière phase du cycle de vie du projet. Cette étape est très
délicate car il faut bien prendre en consistante toutes les contraintes dégagés aux chapitres
précédents.
Avant d'entamer ce chapitre, j'ai déterminé les différents outils informatiques tels que les
logiciels de développement, la conception et le matériel pour la réalisation du portail

10)







Environnement materiel :

Système d’exploitation : Windows 7.
Ram : 4.00GO.
Disque dure : 600Goctets.
Microprocesseur: Intel Core i7.
Mémoire cache: 3Mo.
Connexion internet disponible toute au long de la période de stage.

11)

Environnement logciel :

Pour réussir la réalisation de ce projet, j'ai à choisi le matériel ainsi que les logiciels adéquats
dont chacun est spécifique à un ensemble de fonctionnalités :

3.1) Coté graphique :
 Photoshop CS5 : un logiciel de traitement d'image numérique, exploité pour la
modification des images de l'applicatif tels que les icônes ainsi que la conception
graphique de la page d'accueil ainsi que de la page interne avant l'exportation en java avec
Eclipse.

3.2) Coté développement :
 Corona SDK : C'est l'environnement de développement de ce projet. Langage de
programmation: LUA. :
 Lua est un language de script embarqué, puissant, rapide et léger :) Idéal pour le monde
de l'embarqué. Lua est un langage extrêmement rapide de par son implémentation, et
reste très proche du C. Il permet de fournir très facilement une API de configuration
et/ou de programmation à l’utilisateur ou au développeur.
 Power AMC : Ce logiciel a été utilisé pour la réalisation des différents diagrammes tels
que les diagrammes de cas d'utilisation, les diagrammes de séquences, le diagramme de
classe, le modèle conceptuel de données et le modèle physique de données.

12)

Cycle de vie :

4.1) Description:
Dans un projet, le cycle de vie répond à 3 caractéristiques essentielles :

23

Rapport de stage d'été 2012

ISAMM
 La traçabilité entre les étapes :
C’est-à-dire que les concepts utilisés au cours des différents étapes sont quasiment
identiques (Objets, Attributs, Méthode, Héritage, Polymorphisme,….). Ceci permet de
conserver le même discours lors de toutes les étapes : Analyse – Conception –
Implémentation. Ce qui n’est pas le cas dans les approches traditionnelles, ou l’on utilise
une méthode d’analyse et de conception avec des concepts et un langage de
programmation avec d’autres concepts.
 Un cycle itératif.
 Un cycle incrémental.
Pour cela, j'ai opté pour la réalisation de cette application comme modèle de cycle de vie
de logiciel : le modèle en V.

4.2) Justification du choix du modèle en V :
Le modèle en V est un modèle de cycle de vie linéaire qui se base sur la succession d’étapes
ordonnées.
J'ai choisi ce modèle de cycle de vie pour ces avantages .Il assure une validation
intermédiaire, favorise la décomposition fonctionnelle de l’activité, limite les risques par
validation de chaque étape. Ce modèle éprouvé très utilisé pour de grand projet est l'idéal.

Expression
des besoins

Validation des
besoins

Conception
globale

Intégration
& tests

Conception
détaillée

Tests
unitaires

Implémentation

Figure 20 - Modèle en V

Ce modèle conceptuel de gestion de projet imaginé suite au problème de réactivité
des modèles précedants, permet en cas d'anomalie de limiter un retour aux étapes précédentes.
Les phases de la partie montante doivent renvoyer de l'information sur les phases en vis-à-vis
lorsque des défauts sont détectés, afin d'améliorer le logiciel.
24

Rapport de stage d'été 2012

ISAMM
13)

Presentation des interfaces:

Parmi les parties les plus importantes dans la conception et la réalisation d’un produit
multimédia est l’interface qui représente la première vue pour les utilisateurs, donc il faut
bien présenter et développer les interfaces qui puissent attirer l’attention de l’internaute et lui
faciliter l’utilisation de notre site.

5.1)

Les captures d’ecran de l’application :

Figure 21 - Page d’accueil
Figure 21 : Représente la page d’accueil de l’application. Le menu de l’application contient des

sous menu qui donnent à l’utilisateur l’opportunité.

Figure 22 - Capture d’écran : page de menu de l’application embarqué
25

Rapport de stage d'été 2012

ISAMM
Figure 23 - Capture d’écran : page de Bibliothèque des chansons de l’application

embarqué

Figure 24 - Capture d’écran : page de jeux de l’application embarqué

26

Rapport de stage d'été 2012

ISAMM
Figure 25 : illustre une histoire de l’application embarqué

Figure 26 - Capture d’écran : page de coloriage de « lucky lou » de l’application

embarqué

27

Rapport de stage d'été 2012

ISAMM
Ce travail m'a permis d’enrichir mes connaissances et de développer un esprit de conception
grâce à l’utilisation d’une méthodologie de travail.
 Evaluation :
Notre solution doit :
 Répondre aux besoins et attentes des utilisateurs.
 Assurer la facilité et la rapidité de l’utilisation.
 Offrir l’assistance à l’utilisateur grâce à l’aide en ligne.
 Garantir l’ergonomie de l’interface
 Offrir la possibilité de donner des commentaires et des suggestions afin d’enrichir
l’application par la modification et l’ajout de plusieurs fonctionnalités qui pourront
faire plaisir aux utilisateurs.
 Faciliter l'exploitation de notre application

14)

Conclusion

Dans ce chapitre j'ai pu voir l’environnement de travail de l'application ainsi que les
principales interfaces constituantes l'applicatif pour enfin aboutir aux tests et validation.

28

Rapport de stage d'été 2012

ISAMM
Conclusion
Au cours de ce travail, nous avons tout d’abord mené une recherche sur les applications electure et leurs systèmes de fonctionnement. Nous sommes intéressés en particulier à
l’application des opérateurs privés de télécommunication en France et en Amérique du nord.
Nous avons donc essayé de dégager leurs fonctionnalités et leurs choix adoptés, ce qui nous a
permis de déterminer les grands axes que nous allons suivre pour concevoir notre solution.
Notre problématique consiste donc à développer l’application en ligne de Livre des histoires.
Pour atteindre ces objectifs nous avons choisi le langage UML pour modéliser notre
Application, aussi bien dans les activités de capture des besoins, de conception ou d’analyse.
Nous avons cependant tenu à être plus simplistes et moins exigeants en termes de méthodes
de conception et de logistique, dans le but de nous concentrer plus sur la pratique de la
réalisation du projet. L’application que nous avons réalisé, permettra de :
– Développer l’activité e-lecture et l’usage d’interactivité.
– Augmenter le trafic du page FB de livre des Histoires.
– Attirer des prospects en leur facilitant l’acte de lecture et de plaisir.

Bibliographie et Néographie
[1] www.codes-sources.com/ (site de référence consulté le 01/07/2011).
[2] developer.android.com (site pour l’obtention des procédures de développement consulté le
01/07/2011)
[3] www.developper.com (site pour l’obtention des procédures de développement consulté le
01/07/2011).
[4] http://lua-users.org/wiki/LuaTutorial(site pour la formation du langage lua)
[5] http://lua-users.org/wiki/LuaBooks(quelque livre important sur le langage lua)
[6] www.frandroid.com ((site pour la formation consulté le 15/07 /2011).
[7] www.jdecool.fr (site pour l’obtention des procédures de développement consulté le 21/07/2011).
[8] http://www.learningcorona.com/(site pour étudier corona)

29

Rapport de stage d'été 2012

ISAMM

Contenu connexe

Tendances

Medical openerp
Medical openerpMedical openerp
Medical openerp
HORIYASOFT
 

Tendances (20)

Rapport d'une application mobile de recommendation de livres
Rapport d'une application mobile de recommendation de livresRapport d'une application mobile de recommendation de livres
Rapport d'une application mobile de recommendation de livres
 
1601896849 rapport fluttercopie
1601896849 rapport fluttercopie1601896849 rapport fluttercopie
1601896849 rapport fluttercopie
 
Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5
 
Rapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learning
 
Rapport de-stage-technecien
Rapport de-stage-technecienRapport de-stage-technecien
Rapport de-stage-technecien
 
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_webRapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
 
Rapport Projet de fin d'etude sur le parc informatique
Rapport Projet  de fin d'etude sur le parc informatiqueRapport Projet  de fin d'etude sur le parc informatique
Rapport Projet de fin d'etude sur le parc informatique
 
Rapport PFE Ahmed BEN JEMIA
Rapport PFE Ahmed BEN JEMIARapport PFE Ahmed BEN JEMIA
Rapport PFE Ahmed BEN JEMIA
 
Rapport de projet de fin d’étude
Rapport  de projet de fin d’étudeRapport  de projet de fin d’étude
Rapport de projet de fin d’étude
 
Conception et developpement d'une application mobile Android e-location
Conception et developpement d'une application mobile Android e-locationConception et developpement d'une application mobile Android e-location
Conception et developpement d'une application mobile Android e-location
 
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
 
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
 
Conception et réalisation d'une application de gestion intégrée au sein de la...
Conception et réalisation d'une application de gestion intégrée au sein de la...Conception et réalisation d'une application de gestion intégrée au sein de la...
Conception et réalisation d'une application de gestion intégrée au sein de la...
 
Gestion des actifs applicatifs
Gestion des actifs applicatifsGestion des actifs applicatifs
Gestion des actifs applicatifs
 
Conception et développement d'une application Android pour TUNISAIR
Conception et développement d'une application Android pour TUNISAIRConception et développement d'une application Android pour TUNISAIR
Conception et développement d'une application Android pour TUNISAIR
 
2015 07 14_presentation-pfe-gestion-parc-informatique
2015 07 14_presentation-pfe-gestion-parc-informatique2015 07 14_presentation-pfe-gestion-parc-informatique
2015 07 14_presentation-pfe-gestion-parc-informatique
 
Rapport de PFE du Diplôme de Mastère pro en Modélisation, Bases de Données et...
Rapport de PFE du Diplôme de Mastère pro en Modélisation, Bases de Données et...Rapport de PFE du Diplôme de Mastère pro en Modélisation, Bases de Données et...
Rapport de PFE du Diplôme de Mastère pro en Modélisation, Bases de Données et...
 
Rapport de projet de fin d"études
Rapport de projet de fin d"étudesRapport de projet de fin d"études
Rapport de projet de fin d"études
 
Développement d’une application Web et mobile d’un annuaire médical
Développement d’une application Web et mobile d’un annuaire médicalDéveloppement d’une application Web et mobile d’un annuaire médical
Développement d’une application Web et mobile d’un annuaire médical
 
Medical openerp
Medical openerpMedical openerp
Medical openerp
 

Similaire à Application Mobile "Livre des histoires " avec Corona sdk

CV // Julien Dumail
CV // Julien DumailCV // Julien Dumail
CV // Julien Dumail
juliendumail
 
Des tablettes au CDI
Des tablettes au CDIDes tablettes au CDI
Des tablettes au CDI
sophiebocquet
 
Top 100-applications-i phone
Top 100-applications-i phoneTop 100-applications-i phone
Top 100-applications-i phone
AkimELSIKAMEYA
 

Similaire à Application Mobile "Livre des histoires " avec Corona sdk (20)

Doc techno landscape Mobile
Doc techno landscape MobileDoc techno landscape Mobile
Doc techno landscape Mobile
 
userADgents WWDC iOS 8 juin 2014
userADgents WWDC iOS 8 juin 2014userADgents WWDC iOS 8 juin 2014
userADgents WWDC iOS 8 juin 2014
 
Les applications iPad des médias
Les applications iPad des médias Les applications iPad des médias
Les applications iPad des médias
 
CV // Julien Dumail
CV // Julien DumailCV // Julien Dumail
CV // Julien Dumail
 
Des tablettes au CDI
Des tablettes au CDIDes tablettes au CDI
Des tablettes au CDI
 
Six étapes pour clarifier votre concept d’application mobile
Six étapes pour clarifier votre concept d’application mobileSix étapes pour clarifier votre concept d’application mobile
Six étapes pour clarifier votre concept d’application mobile
 
Top 100-applications-i phone
Top 100-applications-i phoneTop 100-applications-i phone
Top 100-applications-i phone
 
Cahier Windows Phone 7 par Programmez
Cahier Windows Phone 7 par ProgrammezCahier Windows Phone 7 par Programmez
Cahier Windows Phone 7 par Programmez
 
Choisir sa plateforme de développement mobile
Choisir sa plateforme de développement mobileChoisir sa plateforme de développement mobile
Choisir sa plateforme de développement mobile
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
 
Chapitre 1 android
Chapitre 1 androidChapitre 1 android
Chapitre 1 android
 
Présentation android
Présentation androidPrésentation android
Présentation android
 
Usages pédagogiques des outils nomades en info-doc
Usages pédagogiques des outils nomades en info-docUsages pédagogiques des outils nomades en info-doc
Usages pédagogiques des outils nomades en info-doc
 
Projet veille Licence MATIC Nov'10
Projet veille Licence MATIC Nov'10Projet veille Licence MATIC Nov'10
Projet veille Licence MATIC Nov'10
 
Niji x mobile mots flash
Niji x mobile   mots flashNiji x mobile   mots flash
Niji x mobile mots flash
 
Développement Windows 8 METRO App
Développement Windows 8 METRO AppDéveloppement Windows 8 METRO App
Développement Windows 8 METRO App
 
Supports nomades et usages en bibliothèque
Supports nomades et usages en bibliothèqueSupports nomades et usages en bibliothèque
Supports nomades et usages en bibliothèque
 
Livre blanc Développement mobile
Livre blanc Développement mobileLivre blanc Développement mobile
Livre blanc Développement mobile
 
Aymenbrahamcv
AymenbrahamcvAymenbrahamcv
Aymenbrahamcv
 
Page blanchea lapplicationwindows8
Page blanchea lapplicationwindows8Page blanchea lapplicationwindows8
Page blanchea lapplicationwindows8
 

Plus de Nazih Heni

comment realiser un Service Web
comment realiser un Service Web comment realiser un Service Web
comment realiser un Service Web
Nazih Heni
 

Plus de Nazih Heni (7)

International Institute of technology (android)
International Institute of technology (android)International Institute of technology (android)
International Institute of technology (android)
 
Rapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédiaRapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédia
 
Présentation du l'application Mobile "Passion Beauté 1.0"
Présentation du l'application Mobile "Passion Beauté 1.0"Présentation du l'application Mobile "Passion Beauté 1.0"
Présentation du l'application Mobile "Passion Beauté 1.0"
 
Asp.net Tutorials de L'application "Organizer"
Asp.net Tutorials de L'application "Organizer"Asp.net Tutorials de L'application "Organizer"
Asp.net Tutorials de L'application "Organizer"
 
Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"
 
Cahier de charges Projet CRM "Buisness Team" J2EE
Cahier de charges Projet CRM "Buisness Team" J2EECahier de charges Projet CRM "Buisness Team" J2EE
Cahier de charges Projet CRM "Buisness Team" J2EE
 
comment realiser un Service Web
comment realiser un Service Web comment realiser un Service Web
comment realiser un Service Web
 

Dernier

Dernier (15)

GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
 
PowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdfPowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdf
 
Exemple de grille d'audit 5S, check liste Audit
Exemple de grille d'audit 5S, check liste AuditExemple de grille d'audit 5S, check liste Audit
Exemple de grille d'audit 5S, check liste Audit
 
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
 
rapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfrapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdf
 
Quitter la nuit. pptx
Quitter          la        nuit.    pptxQuitter          la        nuit.    pptx
Quitter la nuit. pptx
 
Quitter la nuit. pptx
Quitter        la             nuit.   pptxQuitter        la             nuit.   pptx
Quitter la nuit. pptx
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciation
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en France
 
Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigées
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbaines
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
 
Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre française
 

Application Mobile "Livre des histoires " avec Corona sdk

  • 1. Université de Manouba Institut Supérieur des Art Multimédias de Manouba CONCEPTION ET RÉALISATION D’UNE APPLICATION Androïd : Livre des Histoires 1.0 Présenté par : Encadré par : EL Heni Nazih SOFTONE Cycle de Formation Ingénieur Année universitaire :2012/2013 1 Rapport de stage d'été 2012 ISAMM
  • 2. Résumé La lecture électronique offre de nombreux avantages pour les apprenantes et les apprenants adultes d’aujourd’hui. Bien que beaucoup d’entre nous adorent la sensation d’avoir un bon livre en mains, les apprenantes et les apprenants peuvent tirer des avantages des livres électroniques de bien des façons, ce que les livres papier ne peuvent tout simplement pas offrir. Le plus grand avantage qu’on peut retirer des tablettes et des lecteurs électroniques est leur capacité de s’adapter aux trois principaux styles d’apprentissage. Les apprenantes et apprenants visuels, auditifs et tactiles/kinésiques peuvent tous retirer des avantages de ces appareils. Le projet que nous présentons aborde précisément une application conçu pour fonctionner sur la plate-forme Androïd. Le projet permet de faire présenter Livres des Histoires gratuit avec photos amusantes, texte et audio pour vos petits. Type de livres sont des livres pour enfants, livres de contes, des histoires, des chansons au coucher classiques, contes populaires, des livres pour tout-petits d'âge préscolaire, des livres de coloriage, des jeux ,des livres illustrés avec de l'audio d'accompagnement du texte de chaque page. – Augmenter le trafic du page livre des histoires sur Facebook. – Attirer des prospects en leur facilitant l’acte de lecture. 2 Rapport de stage d'été 2012 ISAMM
  • 3. Introduction Générale Dans le cadre de notre projet de stage d’été, nous nous intéressons à Développer une application qui sert à Le projet permet de faire présenter Livres des Histoires gratuit avec photos amusantes, texte et audio pour vos petits. Type de livres sont des livres pour enfants, reconnu dans le domaine informatique par le nom ” E-lecture ”, cette application peut être développée sur plusieurs platesformes notamment : Androïd, Mac OS et BlackBerry etc. Les supports de notre application E-Commerce sont les téléphones portables menés, d’un système d’exploitation Androïd. L’OS 1 Aïndroïd est gratuit et open source fondé sur un noyau Linux destiné aux Smartphones, PDA2 et autres terminaux mobile comme les tablettes tactiles. La plateforme 3 Androïd ne cesse d’accroitre sa part du marché, il occupe la première place en terme de vente au niveau mondiale avec 33.3 million d’unité en 4 ème trimestre 2010 l’équivalant de 370 téléphones/jour.[1] Le rythme de nos jours est accéléré et les gens ont besoin de réduire leurs déplacements, ainsi le nombre des utilisateurs d’Androïd ne cesse d’accroître donc on a décidé de développer une application sur le système d’exploitation Androïd pour commercialiser les Livres interactive de ‘Livres des Histoire ‘`. 1. L’OS est l’acronyme d’operating system 2. PDA est l’acronyme de Personal Digital Assistant 3. le mot plateforme dans ce manuscrit désigne l’ensemble des ressources logicielles qui sont fournies par les systèmes embarqué 3 Rapport de stage d'été 2012 ISAMM
  • 4. Cadre du projet Le projet s’inscrit dans le cadre du projet de stage d'été au sein de l’entreprise SoftOne durant la période de deux mois (Juin, Juillet). Au cours de ce stage la société SoftOne nous a confié la conception et la réalisation d’une application Androïd dans un milieu pur professionnelle. Organisation du Rapport Au niveau de ce manuscrit, nous décrivons la mise en place d’une application Androïd permettant, grâce à une bibliothéque des Livres,des Chansons,des pages de coloriage et des jeux . Le rapport présente aussi les impacts opérationnels, internes et externes, du lancement d’une Bibliothéque en Ligne. Dans un premier chapitre nous présentons le cadre général.Dans le deuxième, nous Analyserons quelques applications spécialisés dans la vente afin de dégager les besoins de notre application. Ensuite, nous détaillerons les spécifications des besoins. Dans le troisième Chapitre, nous procéderons à la description de la conception de la solution. La réalisation et Les tests se situeront au niveau du quatrième chapitre de notre rapport.Nous terminons le rapport par une conclusion générale en nous présentons quelques perspectives et futur améliorations concernant notre application. 4 Rapport de stage d'été 2012 ISAMM
  • 5. Chapitre 1 Etude préalable 5 Rapport de stage d'été 2012 ISAMM
  • 6. 1.1 Étude de l’existant L’étude de l’existant permet de déterminer les points faibles et les points forts d’un produit actuel pour pouvoir déterminer les besoins du client, en vue d’en prendre en considération lors de la conception et la réalisation de la boutique en ligne. Dans cette section, nous présentons une analyse de quelques exemples d’applications marchands. Ensuite, nous formulerons unesolution de la problématique. 1) 1er application Android : (Story Book :Kids) 1.1) Contexte : Histoires d'enfants gratuits interactifs pour la nouvelle génération! Écoutez les histoires avec de l'audio et du texte. 1.2) Présentation de l'application : 6 Rapport de stage d'été 2012 ISAMM
  • 7. (a) (b) – La figure 1.1 (a) illustre la page d’accueil de l’application Story Books. – La figure 1.1 (b) illustre la liste des Livres proposés par l’application Story Books. – La figure 1.1 (c) illustre une Histoires de la Bibliothèque . (c) 7 Rapport de stage d'été 2012 ISAMM
  • 8. 1.3) Analyse technique L’application Story Book est développée avec le Langage JAVA Les images contenues dans l’application sont des images dont le Format est PNG. Dénotation La page d’accueil possède d’autre objet pour l’enrichir Les formes utilisées sont des formes rectangulaires avec des coins arrondis. La gamme des couleurs utilisées sont les tons du bleu, l’orangé et noir. Connotation Cette disposition donne un sens statique et non interactifs de la page. Les formes rectangulaires donnent de la stabilité à l’interface et les coins arrondis ajoutent du dynamisme. L’utilisation du contraste entre le bleu, le noir et l’orangé ravive l’interface. L’utilisation du noir et de l’orangé pour réveiller le bleu et empêcher sa continuité. 1) Conclusion : Suite à cette étude de l’existant, j’ai pris en considération des éventuels avantages que les autres applications équivalentes présentent tels que l’importance de l’esthétique du l'applicative, la structuration des interfaces, la mise en forme du texte et la présence des images ainsi que la mise à jour des informations. Pour cela, j'ai bien présenté des services profitables à la plupart des internautes. J’ai constaté aussi que la simplicité de l'utilisation de l'application, esr principale objectif, qui permettra aux utilisateurs de bien améliorer leurs connaissances des applications mobiles. 8 Rapport de stage d'été 2012 ISAMM
  • 10. 1.2 Spécification des besoins fonctionnels Dans cette partie nous identifions les acteurs de notre application pour les enfants Afin de pouvoir dégager les besoins fonctionnels. 1.2.1 Identification des acteurs L’application doit fournir un ensemble de fonctionnalités aux enfants .En effet, l’application présente une Bibliothèque homogène des livres et des chansons et des jeux intellectuelle. Cependant, nous Parvenons à dégager deux acteurs principaux qui sont : – L’enfant qui utilise l’application « livre des histoires ». – L’administrateur qui doit gérer le bon fonctionnement de l’application. L'applicative offre aux enfants un accès aux différents menu. Tel que La bibliothèque des Histoires, La Bibliothèque des Chansons, Les pages de coloriage et finalement aux Jeux intellectuelle et de plaisir. Voici les différentes informations proposées pour nos lecteurs.  La bibliothèque des Histoires.  La Bibliothèque des Chansons.  Les pages de coloriage.  Jeux intellectuelle et de plaisir. 10 Rapport de stage d'été 2012 ISAMM
  • 11. 2) Spécification des besoins non fonctionnels: 2.1)      Contraintes esthétiques: Il faut attirer le public cible par l’originalité et la simplicité. Respecter une charte graphique cohérente sur toutes les interfaces. Utilisation des couleurs attirantes qui répondent à la tendance actuelle. Utilisation d’une gamme de couleurs dans les rubriques. Plaire aux habitués et leur donner l’envie de découvrir l'espace. 3.1) Contraintes ergonomiques:  Permettre à l’internaute de se familiariser rapidement avec l'applicative et ses différentes interfaces.  Assurer une cohérence entre les différentes interfaces: arrière-plan, Disposition des rubriques, structure de l'interface,…etc.  Pouvoir se situer par rapport aux différentes rubriques en indiquant sur chaque page l'emplacement actuel du navigateur depuis la page d'accueil jusqu'à la page en cours.  Les internautes ne doivent pas trouver des problèmes lors de la navigation. 3.2) Contraintes techniques:     L’interface doit être compatible avec les résolutions les plus courantes des écrans. Conservation de la même largeur pour toutes les interfaces. L'optimisation du temps de chargement des interfaces de l'applicative. Utilisation des logiciels suivants :  Un Logiciel de traitement d’image : Adobe Photoshop CS6 qui permettra de la création de la charte graphique de l'applicatif ainsi la mise en valeur des images.  Les logiciels de développement : Corona SDK (langage Lua) 4) Spécification semi-formelle des besoins: 4.1) Diagramme de cas d’utilisation: Ce diagramme de cas d’utilisation du côté lecteur présente les différents scénarios du l'interconnecteur tel que l’authentification à travers un login et mot de passe pour qu’il puisse accéder au page Facebook, page Twitter ou pour regarder quelque vidéo sur l’application sur yotoube. 11 Rapport de stage d'été 2012 ISAMM
  • 12. 4.1) Description du diagramme de cas d’utilisation côté « Lecteur »:  Le lecteur se connecte par son login et son mot de passe pour accéder au FB ou Twitter.  Le membre peut accéder aux différentes éléments de Menu Tel que la Bibliothèque des Histoires ou des chansons ou des pages de coloriage ou il peut accéder à la rubrique des jeux. Figure 4- Diagramme de cas d’utilisation du lecteur 12 Rapport de stage d'été 2012 ISAMM
  • 13. 4.2) Diagramme de séquence: Le diagramme de séquence est une représentation intuitive lorsque l'on souhaite réaliser des interactions entre deux entités Ils permettent à l'architecte/designer de créer au fur et à mesure sa solution. Voici quelques diagrammes de séquences du portail. 4.3) Description du diagramme de séquence d’accéder au bibliothéque membre: Chaque lecteur de l'applicative tel que (élève ou parent) peut accéder au Bibliothèque des Histoires. Catégorie Le schéma du menu bibliothèque est bien d’écrit par le diagramme de séquence. Le membre clique Sur le Bouton « oiseau » qui représente la bibliothèque des Histoires, l’application affiche les différentes livres. Le membre choisie l’une des histoires et faire une Clique.  L’application charge les images et les sons et les textes et affiche l’histoire. 13 Rapport de stage d'été 2012 ISAMM
  • 14. 4.1) Diagramme de séquence d’accès a la bibliothèque des histoires :(est présenté par la figure ci-dessous.) 4.2) Description du diagramme de séquence d’accéder au livre de coloriage par le lecteur: Chaque lecteur de l'applicative tel que (élève ou parent) peut accéder au Catégorie Page de coloriage. Le schéma du menu livre de Coloriage est bien d’écrit par le diagramme de séquence. 14 Rapport de stage d'été 2012 ISAMM
  • 15. Le membre clique Sur le Bouton « Maison» qui représente La page de coloriage, l’application affiche les différentes pages à colorer. Le membre choisie l’une des pages et faire une clique.  L’application charge les images et les sons et les textes et affiche la page de coloriage. 4.3) Diagramme de séquence d’accès a la bibliothèque des histoires :(est présenté par la figure ci-dessous.) 5. Conclusion Ce chapitre m'a permis de préciser les fonctionnalités exactes du l'applicatif et de spécifier les besoins a travers la réalisation des diagrammes des cas d’utilisations et les diagrammes des séquences ainsi que les diagrammes de classe et de composant que j'ai suivis au cours de mon projet. Cette étape qui m'a permis de mettre en œuvre la conception déjà faite, est le sujet du chapitre s 15 Rapport de stage d'été 2012 ISAMM
  • 17. 5) Introduction : Cette phase est considérée comme la phase la plus importante, car elle permet de trouver les solutions informatiques et techniques pour mettre en œuvre et construire le système analysé. La phase de conception sert à transférer les informations vers les phases d’implémentation, de test et de maintenance comme elle nécessite des méthodes permettant d’élaborer un modèle sur le quelle nous allons se baser. Dans ce chapitre, on commence par la modélisation de notre plateforme à travers une représentation de l’interaction entre l’utilisateur et l'applicatif en suivant la méthodologie de conception UML, cette modélisation peut être présentée graphiquement par différents diagrammes et j'ai présenté par la suite les différentes interfaces de l'applicatif à travers ces diagrammes. Page Histoires Page d’accueil Page Chansons Page Coloriage Page jeux Figure 13: Schéma de navigation 6) Conception technique : 2.1) Choix du langage de modélisation Pour la mise en place d’un produit informatique efficace, bien présenté, réutilisable, évolutif et réussis, il est nécessaire de faire une décomposition détaillée des problèmes et désigner des solutions efficaces. Le langage de modélisation UML (Unified Modeling Langage) constitue un standard pour la modélisation des applications informatiques. 17 Rapport de stage d'été 2012 ISAMM
  • 18. Dans ce qui suis-je présente l’architecture générale du système à travers le diagramme du composant UML. 2.1) Conception générale Les diagrammes de processus métier permettent de décrire l’architecture physique et statique d’une application en termes de modules : fichiers sources, librairies, exécutables. Ils montrent la mise en œuvre physique des modèles de la vue logique avec l’environnement de développement. 2.2) Présentation de l’architecture générale de l’application Figure 14: Les parties principales de livre des histoires Mobile 18 Rapport de stage d'été 2012 ISAMM
  • 19. Figure 15 : digramme des processus metier Figure 17: Communication Android/ Serveur Web/ Base de données L’environnement de développement sous Android se fait sous JAVA. Pour moi J'ai utilisé un nouveau langage c’est LUA avec l’outil Corona SDK. Cependant, sur cette outils il faut installer le plugin android-sdk-windows qui permettra de développer des applications sous 19 Rapport de stage d'été 2012 ISAMM
  • 20. Android. La figure ci-dessus montre bien le déroulement de la communication entre les différentes composant de l'architecture 3-tier 7) Conception graphique : Pour la réalisation de ce genre de projet, il faut avoir une bonne connaissance des techniques multimédia dont la norme et les différents standards qui évoluent rapidement pour rendre visible ce qu’on veut faire et pour qu’il soit acceptable d’après les internautes. 5.1) Synopsis :  Type de produit : Conception et réalisation d’un applicatif mobile pour des émulateurs Androïd.  Support : Réseaux internet.  Public cible : des enfants âgée de 3 à 12 ans .  Sujet. Mon projet consiste à réaliser un applicative mobile consiste a présenter un livre des histoires accompagné par des chansons et des page de coloriage et quelque jeux, tout ça a été réalisé par l'assistance chef de projet, un développeur web. L’élaboration de la conception graphique est prise en charge par le développeur web. La conception technique a été prise en charge par le développeur web avec le chef de projet au cours du développement de l'applicatif répondant aux besoins recommandé par le client.  Objectif : Le principal objectif de ce projet consiste à la réalisation d'un applicatif mobile qui diffère aux autres exemples qui existent sur le marché. 5.2) Recherche graphique : Généralement la conception graphique est l’un des phases les plus critiques au cours de la réalisation d'un projet car elle nécessite une durée de recherche très importante. Avant l'élaboration de l'interface de l'interface d'accueil et d'authentification ainsi que les structures des interfaces internes, plusieurs étapes de recherche ont été effectuées avant d'aboutir aux propositions finales. Dans ce que suit j'ai présenté quelques propositions des pages d'authentifications, d'accueil ainsi que les pages internes. 20 Rapport de stage d'été 2012 ISAMM
  • 21. Figure 19 – cabaret de la page de Menu de l’application 8) Conclusion Pour conclure, une conception affinée de l'applicatif a été mise en place, en fixant les chartes qui vont être utilisées pour la réalisation du projet. Il a fallu alors passer à une étape qui est aussi importante que la conception, la réalisation du projet. Cette étape qui permet de mettre en œuvre la conception déjà faite, et qui est l'objet de chapitre suivant. 21 Rapport de stage d'été 2012 ISAMM
  • 22. Chapitre 5 Réalisation et Tests 22 Rapport de stage d'été 2012 ISAMM
  • 23. 9) Introduction : La phase réalisation est la dernière phase du cycle de vie du projet. Cette étape est très délicate car il faut bien prendre en consistante toutes les contraintes dégagés aux chapitres précédents. Avant d'entamer ce chapitre, j'ai déterminé les différents outils informatiques tels que les logiciels de développement, la conception et le matériel pour la réalisation du portail 10)       Environnement materiel : Système d’exploitation : Windows 7. Ram : 4.00GO. Disque dure : 600Goctets. Microprocesseur: Intel Core i7. Mémoire cache: 3Mo. Connexion internet disponible toute au long de la période de stage. 11) Environnement logciel : Pour réussir la réalisation de ce projet, j'ai à choisi le matériel ainsi que les logiciels adéquats dont chacun est spécifique à un ensemble de fonctionnalités : 3.1) Coté graphique :  Photoshop CS5 : un logiciel de traitement d'image numérique, exploité pour la modification des images de l'applicatif tels que les icônes ainsi que la conception graphique de la page d'accueil ainsi que de la page interne avant l'exportation en java avec Eclipse. 3.2) Coté développement :  Corona SDK : C'est l'environnement de développement de ce projet. Langage de programmation: LUA. :  Lua est un language de script embarqué, puissant, rapide et léger :) Idéal pour le monde de l'embarqué. Lua est un langage extrêmement rapide de par son implémentation, et reste très proche du C. Il permet de fournir très facilement une API de configuration et/ou de programmation à l’utilisateur ou au développeur.  Power AMC : Ce logiciel a été utilisé pour la réalisation des différents diagrammes tels que les diagrammes de cas d'utilisation, les diagrammes de séquences, le diagramme de classe, le modèle conceptuel de données et le modèle physique de données. 12) Cycle de vie : 4.1) Description: Dans un projet, le cycle de vie répond à 3 caractéristiques essentielles : 23 Rapport de stage d'été 2012 ISAMM
  • 24.  La traçabilité entre les étapes : C’est-à-dire que les concepts utilisés au cours des différents étapes sont quasiment identiques (Objets, Attributs, Méthode, Héritage, Polymorphisme,….). Ceci permet de conserver le même discours lors de toutes les étapes : Analyse – Conception – Implémentation. Ce qui n’est pas le cas dans les approches traditionnelles, ou l’on utilise une méthode d’analyse et de conception avec des concepts et un langage de programmation avec d’autres concepts.  Un cycle itératif.  Un cycle incrémental. Pour cela, j'ai opté pour la réalisation de cette application comme modèle de cycle de vie de logiciel : le modèle en V. 4.2) Justification du choix du modèle en V : Le modèle en V est un modèle de cycle de vie linéaire qui se base sur la succession d’étapes ordonnées. J'ai choisi ce modèle de cycle de vie pour ces avantages .Il assure une validation intermédiaire, favorise la décomposition fonctionnelle de l’activité, limite les risques par validation de chaque étape. Ce modèle éprouvé très utilisé pour de grand projet est l'idéal. Expression des besoins Validation des besoins Conception globale Intégration & tests Conception détaillée Tests unitaires Implémentation Figure 20 - Modèle en V Ce modèle conceptuel de gestion de projet imaginé suite au problème de réactivité des modèles précedants, permet en cas d'anomalie de limiter un retour aux étapes précédentes. Les phases de la partie montante doivent renvoyer de l'information sur les phases en vis-à-vis lorsque des défauts sont détectés, afin d'améliorer le logiciel. 24 Rapport de stage d'été 2012 ISAMM
  • 25. 13) Presentation des interfaces: Parmi les parties les plus importantes dans la conception et la réalisation d’un produit multimédia est l’interface qui représente la première vue pour les utilisateurs, donc il faut bien présenter et développer les interfaces qui puissent attirer l’attention de l’internaute et lui faciliter l’utilisation de notre site. 5.1) Les captures d’ecran de l’application : Figure 21 - Page d’accueil Figure 21 : Représente la page d’accueil de l’application. Le menu de l’application contient des sous menu qui donnent à l’utilisateur l’opportunité. Figure 22 - Capture d’écran : page de menu de l’application embarqué 25 Rapport de stage d'été 2012 ISAMM
  • 26. Figure 23 - Capture d’écran : page de Bibliothèque des chansons de l’application embarqué Figure 24 - Capture d’écran : page de jeux de l’application embarqué 26 Rapport de stage d'été 2012 ISAMM
  • 27. Figure 25 : illustre une histoire de l’application embarqué Figure 26 - Capture d’écran : page de coloriage de « lucky lou » de l’application embarqué 27 Rapport de stage d'été 2012 ISAMM
  • 28. Ce travail m'a permis d’enrichir mes connaissances et de développer un esprit de conception grâce à l’utilisation d’une méthodologie de travail.  Evaluation : Notre solution doit :  Répondre aux besoins et attentes des utilisateurs.  Assurer la facilité et la rapidité de l’utilisation.  Offrir l’assistance à l’utilisateur grâce à l’aide en ligne.  Garantir l’ergonomie de l’interface  Offrir la possibilité de donner des commentaires et des suggestions afin d’enrichir l’application par la modification et l’ajout de plusieurs fonctionnalités qui pourront faire plaisir aux utilisateurs.  Faciliter l'exploitation de notre application 14) Conclusion Dans ce chapitre j'ai pu voir l’environnement de travail de l'application ainsi que les principales interfaces constituantes l'applicatif pour enfin aboutir aux tests et validation. 28 Rapport de stage d'été 2012 ISAMM
  • 29. Conclusion Au cours de ce travail, nous avons tout d’abord mené une recherche sur les applications electure et leurs systèmes de fonctionnement. Nous sommes intéressés en particulier à l’application des opérateurs privés de télécommunication en France et en Amérique du nord. Nous avons donc essayé de dégager leurs fonctionnalités et leurs choix adoptés, ce qui nous a permis de déterminer les grands axes que nous allons suivre pour concevoir notre solution. Notre problématique consiste donc à développer l’application en ligne de Livre des histoires. Pour atteindre ces objectifs nous avons choisi le langage UML pour modéliser notre Application, aussi bien dans les activités de capture des besoins, de conception ou d’analyse. Nous avons cependant tenu à être plus simplistes et moins exigeants en termes de méthodes de conception et de logistique, dans le but de nous concentrer plus sur la pratique de la réalisation du projet. L’application que nous avons réalisé, permettra de : – Développer l’activité e-lecture et l’usage d’interactivité. – Augmenter le trafic du page FB de livre des Histoires. – Attirer des prospects en leur facilitant l’acte de lecture et de plaisir. Bibliographie et Néographie [1] www.codes-sources.com/ (site de référence consulté le 01/07/2011). [2] developer.android.com (site pour l’obtention des procédures de développement consulté le 01/07/2011) [3] www.developper.com (site pour l’obtention des procédures de développement consulté le 01/07/2011). [4] http://lua-users.org/wiki/LuaTutorial(site pour la formation du langage lua) [5] http://lua-users.org/wiki/LuaBooks(quelque livre important sur le langage lua) [6] www.frandroid.com ((site pour la formation consulté le 15/07 /2011). [7] www.jdecool.fr (site pour l’obtention des procédures de développement consulté le 21/07/2011). [8] http://www.learningcorona.com/(site pour étudier corona) 29 Rapport de stage d'été 2012 ISAMM