Le site Web de petites annonces JavaServer Faces (JSF) est similaire
à de nombreux sites d'annonces. A la première ouverture du site, vous êtes redirigé vers la page d'accueil. Un modèle
Tiles a été appliqué à toutes les pages du site pour que la bannière et la fonction de navigation soient disponibles sur
toutes les pages.
L'exemple est formé de quatre composants Tiles :
- Composant Tiles d'en-tête - Affiche l'image de la bannière et les liens de navigation. Il est commun à toutes les
pages du site.
- Composant Tiles de pied de page - Affiche les mentions légales (copyright et limitations). Il est commun à toutes les
pages du site.
- Composant Tiles de recherche/connexion - Affiche les formulaires de recherche et de connexion ainsi que les statistiques
du site.
Il est commun à toutes les
pages du site.
- Composant Tiles de contenu - Affiche le contenu spécifique de la page.
Toutes les petites annonces, actualités et les données associées sont conservées dans une base de données.
Une base
de données Derby contenant des données fictives accompagne l'exemple. Un compte d'administrateur est également
fourni pour illustrer les fonctions d'administration disponibles sur un
tel site. La fonction de connexion au site
est simplifiée et n'implémente pas de mécanisme d'authentification. Les tâches de l'administrateur
sont décrites en détail ci-après.
A propos du site Web de petites annonces
Le haut de la page
JSF ("tile" d'en-tête) contient les liens de navigation suivants :
- Home - Page d'accueil de l'exemple.
- Browse - Ouvre une page à partir de laquelle l'utilisateur peut consulter toute annonce
passée sur le site.
- Place an Ad - Permet à l'utilisateur de passer une annonce.
- Search - Fonction de recherche avancée dans les annonces
existantes.
La partie gauche de la page ("tile de recherche/connexion) contient les
entrées de formulaire et liens de navigation suivants :
- Quick Search - Permet à tout visiteur du site de rechercher des annonces en indiquant un titre
ou un lieu. Les minuscules sont différenciées des majuscules dans la recherche.
- Sign in - Permet aux utilisateurs inscrits de se connecter au
site.
- Sign out - Permet à l'utilisateur courant de se déconnecter. Ce lien de navigation
n'est visible que si l'utilisateur s'est préalablement connecté.
- Register - Permet à l'utilisateur de créer un nouveau compte d'utilisateur ou
d'administrateur.
- Admin - Ce lien est visible uniquement lorsque l'utilisateur est connecté en tant qu'administrateur. Pour cet exemple, vous pouvez vous connecter avec le nom d'utilisateur admin et le mot de passe admin, ou bien vous pouvez
enregistrer votre propre compte d'administrateur. La page Admin permet aux utilisateurs de gérer les
catégories d'annonces.
Pages du site Web de petites annonces
- Home
- La page d'accueil du site Web. Son contenu est le suivant :
- Latest Ads. Table de données filtrée pour n'afficher que les cinq annonces les plus récentes. Lorsque l'utilisateur sélectionne une annonce, il est dirigé vers une page affichant plus de détails sur
l'article en vente.
- News. Zone dans laquelle sont affichées les actualités relatives au site. Ces informations peuvent être modifiées par l'administrateur du site. Lorsque l'utilisateur clique sur un
titre, il est dirigé vers une page sur laquelle il peut lire l'article correspondant.
- Browse
- Ouvre une page permettant à l'utilisateur de parcourir les annonces. La page affiche toutes les catégories et
sous-catégories d'annonces disponibles.
La catégorie et les sous-catégories sont
utilisées comme filtres dans les recherches d'annonces.
Lorsqu'une annonce est sélectionnée, ses
détails s'affichent.
- Search
- Fonctions de recherche avancée portant sur les annonces du site.
Si l'utilisateur n'indique aucun critère de recherche, toutes les annonces s'affichent dans une grille de données paginée, avec
5 annonces par page (par défaut). Les minuscules et les majuscules sont différenciées dans une recherche effectuée avec
les critères Title et Description. L'utilisateur peut sélectionner les catégories sur
lesquelles doit porter sa recherche ainsi qu'une fourchette de prix. S'il sélectionne une annonce sur la page de résultats
(Search Results), il obtient les détails de l'annonce.
- Place an Ad
- Permet à l'utilisateur de créer une annonce et de la publier sur le
site Web. Il peut spécifier la catégorie et la sous-catégorie sous lesquelles il souhaite
placer l'article. Une fonction de téléchargement montant (upload) est disponible pour permettre à l'utilisateur
d'inclure une photo. Un composant d'édition de texte enrichi est fourni pour permettre à l'utilisateur de mettre en forme le
texte de son annonce. Une fois l'annonce rédigée et soumise, l'enregistrement est stocké dans la base de données
d'arrière-plan. La confirmation des détails de la publication est affichée.
- Sign out
- Déconnecte l'utilisateur courant. Lorsque cette option est sélectionnée, l'administrateur
est déconnecté.
- Tâches d'administration
- Le lien Admin est visible uniquement lorsque vous êtes connecté en tant qu'administrateur.
Pour cet exemple, vous pouvez vous connecter avec le nom d'utilisateur admin et le mot
de passe admin, ou bien vous pouvez
enregistrer votre propre compte d'administrateur. Le lien ouvre une page qui permet à l'utilisateur de gérer les
actualités du site et les catégories disponibles et de consulter les détails
des annonces en mode édition. Les tâches d'administration disponibles pour ce site sont les suivantes :
- Modification et suppression d'annonces.
- Ajout et modification de catégories et de sous-catégories. Il est possible de supprimer les
catégories qui ne contiennent aucune annonce.
- Création, modification et suppression d'actualités (nouvelles du
site).