Les 5 onglets principaux
L'application Vinymatic est organisée autour de 5 onglets accessibles depuis la barre de navigation en bas de l'écran. Chaque onglet possède sa propre pile de navigation interne : vous pouvez naviguer en profondeur dans un onglet sans perdre votre position dans les autres.
| Position | Onglet | Description |
|---|---|---|
| 1 (gauche) | Accueil | Fil d'actualité des vinyles personnalisé selon vos genres préférés. Scroll infini avec publicites intercalées. Double-tap pour liker. |
| 2 | Recherche | Mode découverte (par genre/style) et mode recherche avec 4 sous-onglets : Vinyles, Utilisateurs, Videos, Carte/Magasins. |
| 3 (centre) | Rekognition | Ouvre directement la caméra pour la reconnaissance d'image par IA. Photographiez une pochette pour identifiér un vinyle. |
| 4 | Marché | Marketplace avec ventes populaires, nouveautés, panier, achats en cours, conversations vendeur/acheteur et litiges. |
| 5 (droite) | Profil | Votre profil avec collection, wishlist, playlists, boutique vendeur, paramètres et gestion du compte. |
Navigation imbriquée
Chaque onglet fonctionne comme un mini-navigateur indépendant. Par exemple, depuis l'onglet Marché, vous pouvez ouvrir une annonce, puis le profil du vendeur, puis un de ses vinyles, sans jamais quitter l'onglet. Le bouton retour vous ramene étape par étape. Taper sur l'icone de l'onglet actif vous ramene en haut de la page et scrolle vers le haut avec une animation fluide (500 ms, courbe easeOut).
Gestes tactiles
Vinymatic utilise plusieurs gestes tactiles pour une expérience naturelle :
| Geste | Ou | Action |
|---|---|---|
| Double-tap | Image d'un vinyle (fil d'actualite, collection) | Like/unlike avec animation de coeur qui grossit puis disparait (500 ms) |
| Tap simple | Icone coeur | Like/unlike avec animation rapide (150 ms) |
| Swipe horizontal | Images d'une annonce | Naviguer entre les photos de l'annonce (pagination par dots) |
| Swipe vers le bas | Modales et bottom sheets | Fermer la fenetre modale (lecteur audio, selection de qualité, etc.) |
| Scroll infini | Fil d'actualité, collection, recherche | Charger automatiquement les éléments suivants (pagination invisible) |
| Tap sur avatar | Messagerie, commentaires | Navigation vers le profil de l'utilisateur |
Notifications push
Vinymatic envoie des notifications push via Firebase Cloud Messaging. Chaque notification contient un titre, un message, l'image de profil de l'expéditeur et une route de destination.
Types de notifications
| Type | Declencheur | Action au tap |
|---|---|---|
| Message | Nouveau message dans une conversation | Ouvre la conversation directement |
| Vente | Changement de statut d'une commande | Ouvre les details de la commande |
| Nouveau follower | Un utilisateur commence a vous suivre | Ouvre le profil du follower |
| Like | Quelqu'un like votre vinyle où playlist | Ouvre le contenu like |
| Systeme | Annonces et mises à jour Vinymatic | Selon le contenu de la notification |
Comportement des notifications
- Application au premier plan : La notification apparaît sous forme de snackbar en haut de l'écran pendant 5 secondes avec la photo de profil de l'expéditeur, le titre et le contenu. Appuyez dessus pour naviguer vers la destination.
- Application en arrière-plan : La notification système classique s'affiche. Appuyez dessus pour ouvrir l'application et naviguer directement vers la conversation ou la commande concernée.
- Application fermee : Meme comportement qu'en arrière-plan. Au lancement, Vinymatic vérifié s'il y à une notification initiale et navigue automatiquement.
Badge de messages non lus
Sur iOS, le badge de l'application affiche le nombre de messages non lus. Ce compteur est mis à jour en temps reel via le serveur.
Liens profonds (deep links)
Vinymatic supporte les liens profonds pour partager du contenu. Quand quelqu'un ouvre un lien Vinymatic, l'application s'ouvre directement sur le bon contenu.
Liens supportes
| Type de contenu | Format du lien | Comportement |
|---|---|---|
| Vinyle | vinymatic-web.web.app/vinyls-web/{id} |
Ouvre la fiche détaillée du vinyle |
| Playlist | vinymatic-web.web.app/playlists-web/{id} |
Recupere la playlist depuis l'API et ouvre sa page |
| Annonce de vente | vinymatic-web.web.app/sellings-web/{id} |
Change vers l'onglet Marché et ouvre l'annonce |
Les liens fonctionnent à la fois quand l'application est déjà ouverte (via le listener en temps reel) et quand elle est fermee (via la vérification au lancement).
Mise à jour de l'application
Au lancement, Vinymatic vérifié la version de l'application auprès du serveur. Si votre version est obsolete, une mise à jour peut être :
- Recommandee : Un message vous invite a mettre à jour mais vous pouvez continuer a utiliser l'application.
- Obligatoire : Vous devez mettre à jour pour continuer. Cela garantit la compatibilité avec les derniers services de l'API et les corrections de sécurité.
La mise à jour se fait depuis l'App Store (iOS) ou le Google Play Store (Android).
Orientation de l'écran
L'application fonctionne exclusivement en mode portrait. L'orientation est verrouillee au lancement.