Description de l'application Westerns

L'application Westerns gère une liste de westerns.

Les données sont initialisées d'après le fichier XML "Westerns.xml".

A la première ouverture, un enregistrement par western est créé dans une base de données SQLite stocké dans User/Documents/Westerns.db.

Si cette base de données est supprimée, elle est automatiquement recréée à l'ouverture suivante.

L'application s'ouvre sur la liste des Westerns : vue WesternsListHome.

 

Navigation entre les différentes vues

 

Fonctionnaliteswesternsnavigation

Vue WesternsListHome

Par défaut tous les films s'affichent. Ils sont triés par année croissante de sortie.

Pur chaque film sont affichés le titre français, le nom du réalisateur, l'année de réalisation et une vignette de l'affiche du film.

Dans la partie ActionContent, il est possible de saisir une chaîne de caractères et de cliquer sur le bouton à l'icône de loupe. La sélection des films contenant cette chaîne dans le titre français s'affiche.

Le bouton physique menu est géré sur Android et permet de choisir le tri appliqué à la liste :

  • tri par année de sortie (tri par défaut) ;

  • tri par titre français.

En cas de changement d'orientation vers le mode paysage, la liste s'affiche sur deux colonnes.

Un clic sur un item affiche la vue WesternsDetails.

 

Vue WesternsDetails

Cette vue affiche des informations sur un film : titre français, réalisateur, année de sortie, descriptif du film, vignette de l'affiche.

Si le texte de description est trop long pour s'afficher dans la zone prévue, il est scrollable.

D'un point de vue technique :

  • La zone de description contient du texte enrichi : le titre du film est affiché en gras.

  • L'icône du bouton IMDb utilise trois sources d'images différentes suivant la classe de résolution détectée.

  • Les transitions sont paramétrés pour correspondre à l'attente logique : déplacement vers la droite, la vue est poussée vers la gauche et réciproquement.

Cette vue gère le swipe : en bougeant un doigt vers la droite, on défile au film suivant ; en bougeant un doigt vers la gauche, on défile vers le film précédent. Ces actions sont également disponibles par pression sur deux boutons situés de part et d'autre du nom du réalisateur.

Une pression sur la vignette du film affiche cette vignette dans la vue WesternsPoster.

Une pression sur le bouton IMDb affiche les informations concernant le film relues par une requête HTTP vers un service compatible avec le site IMDb. Vue WesternsIMDbDetails.

Le bouton Home retourne à la liste des films.

 

Vue WesternsPoster

Cette vue présente l'affiche du film en plein écran.

D'un point de vue technique : si la taille l'exige, l'affiche s'étend jusqu'en haut de l'écran, la barre d'action étant en mode "overlay", c-a-d semi-transparente. C'est la seule vue de l'application qui fonctionne dans ce mode.

Cette vue supporte les gestuelles :

  • "zoom", en écartant deux doigts sur l'écran, l'image est agrandie et en les rapprochant, elle est diminuée.

  • "rotate", en tournant deux doigts sur l'écran, l'image subit une rotation correspondante.

Le bouton Home retourne à la liste des films. Le bouton Back à la vue WesternsDetails.

 

Vue WesternsIMDbDetails

Cette vue présente les informations récupérées suite à une requête vers un service proposant une API compatible le site IMDb.

Une action est proposée afin d'illustrer les possibilités de navigation native :

  • envoi d'un email dont le corps reprend les informations du Western.

D'un point de vue technique, cette vue :

  • contient un exemple d'utilisation du Busy Cursor lors de l'attente de la réponse à la requête ;

  • est la seule de l'application à ne pas être systématiquement détruite lorsqu'elle est enlevée de la pile.

Le bouton IMDb présent dans l'Action Content affiche la vue WesternsIMDbWeb.

Le bouton Home retourne à la liste des films. Le bouton Back à la vue WesternsDetails.

 

Vue WesternsIMDbWeb

Parmi les informations relues depuis le service imdbapi.com, figure l'id du film dans la base de données IMDb. Dans la vue WesternsIMDbWeb, une zone Web affiche la page correspondante sur le site IMDb. Pas d'action spécifique sur cette vue.

Le bouton Home retourne à la liste des films. Le bouton Back à la vue WesternsIMDbDetails.

 

Menu

Sur tous les écrans sauf l'écran de liste, l'appui du bouton menu sur Android fait apparaître un menu Home qui permet de retourner à l'écran d'accueil.

 

Transitions

Les transitions suivantes sont proposées entre les différents écrans :

  • liste vers détail : SlideViewTransition vers la gauche

  • détail vers liste : SlideViewTransition vers la droite

  • défilement de détail à détail (par boutons ou gesture swipe) : SlideViewTransition vers la gauche ou la droite suivant la direction de navigation

  • détail vers affiche : ZoomViewTransition, zoom croissant

  • affiche vers détail : ZoomViewTransition, zoom décroissant

  • affiche vers liste : SlideViewTransition vers la droite

  • détail vers infos IMDb : CrossFadeViewTransition

  • infos IMDb vers détail : CrossFadeViewTransition

  • infos IMDb  vers liste : SlideViewTransition vers la droite

  • infos IMDb vers site IMDb : FlipViewTransition avec bounce effect

  • site IMDb vers infos IMDb : FlipViewTransition inverse avec bounce effect

 

christophe Keromen

christophe Keromen

Coaching - Training IT
Agile - Mobile - Flex - 4D - Wakanda

Posterous theme by Cory Watilo