SSTRACK

Aperçu
Ce document décrit le développement d'une application mobile conçue pour suivre la localisation, l'heure et la distance parcourue des utilisateurs. L'application comprend des fonctionnalités permettant de démarrer et d'arrêter le suivi, de stocker périodiquement les données de suivi dans une base de données via une API et de garantir que les données sont collectées à intervalles réguliers lorsque le suivi est actif.


Forfaits
Liste des packages finalisée :
@react-native-async-storage/async-storage
@react-native-community/géolocalisation
@react-native-masked-view/masked-view
@react-navigation/bottom-tabs
@react-navigation/native
@react-navigation/native-stack
@react-navigation/pile
haversine
jwt-décoder
réagir-native-background-actions
réagir-native-background-timer
réagir-native-base64
kit de graphiques natifs de réaction
indicateur-de-progrès-circulaire-react-native
réagir-natif-géocodage
service-de-géolocalisation-react-native
gestionnaire de gestes natif
graphiques-cadeaux-react-native
sélecteur d'images réactif-natif
cartes natives de réaction
autorisations natives de réaction
réagir-natif-réanimé
écrans natifs de réaction
capteurs natifs de réaction
réagir-natif-shake
réagir-native-svg-transformer
réagir-native-vecteur-icônes
caméra-de-vision-react-native


Moteurs
Noeud.js
Version : >=18
Description : L'application nécessite Node.js version 18 ou supérieure.

Écrans et fonction


Écran d'accueil
L'écran d'accueil de l'application sert d'interface principale pour lancer et gérer les sessions de suivi de localisation. Il fournit des fonctionnalités pour démarrer et arrêter le suivi, afficher la position actuelle de l'utilisateur sur une carte et suivre le temps écoulé et la distance parcourue pendant la session.
Fonctions
lire les données
Description : lit le jeton de l'utilisateur depuis AsyncStorage à des fins d'authentification.
handleStartTracker
Description : lance la session de suivi en envoyant une requête POST à ​​l'API backend pour commencer à suivre la position de l'utilisateur.
handlePauseTracker
Description : suspend la session de suivi en envoyant une requête POST à ​​l'API backend pour arrêter temporairement le suivi de la position de l'utilisateur.
handleUpdateLocations
Description : met à jour l'emplacement actuel de l'utilisateur en envoyant une requête POST à ​​l'API backend avec la latitude, la longitude et l'ID d'emplacement mis à jour.
calculer la distance
Description : Calcule la distance entre deux coordonnées géographiques à l'aide de la formule Haversine.
startForegroundLocationUpdates
Description : commence à mettre à jour la position de l'utilisateur au premier plan à intervalles réguliers à l'aide du service de géolocalisation de l'appareil.
stopForegroundLocationUpdates
Description : arrête la mise à jour de la position de l'utilisateur au premier plan et efface l'intervalle défini pour les mises à jour de la position.
startLocationTracking
Description : lance le suivi de localisation en démarrant les mises à jour de localisation au premier plan et en configurant une minuterie pour suivre le temps écoulé.
stopLocationTracking
Description : arrête le suivi de localisation en arrêtant les mises à jour de localisation au premier plan, en calculant la distance parcourue et en envoyant les données de suivi finales à l'API backend.




Écran de chronologie
Fonctions
lire les données
Description : lit le jeton de l'utilisateur depuis AsyncStorage à des fins d'authentification.
calculerTotalDistance
Description : Calcule la distance totale parcourue en fonction des données des sessions de suivi.
utiliserEffet
Description : appelle la fonction readData sur le montage du composant pour récupérer les données de suivi.




Écran d'activité
Fonctions

basculeAfficher1
Description : Bascule la visibilité du menu déroulant pour sélectionner l'année.
basculeAfficher2
Description : Bascule la visibilité du menu déroulant pour sélectionner le mois.
basculeAfficher3
Description : Bascule la visibilité du menu déroulant pour sélectionner le jour.
définirJour
Description : Définit le jour sélectionné pour afficher les données d'activité.
définirMois
Description : Définit le mois sélectionné pour afficher les données d'activité.
setYear
Description : Définit l'année sélectionnée pour afficher les données d'activité.


Écran de profil
Fonctions
obtenirJeton
Description : récupère le jeton d'authentification de l'utilisateur à partir d'AsyncStorage.
toggleIsLogin
Description : bascule le statut de connexion de l'utilisateur.
toggleUserLoginStatus
Description : bascule le statut de connexion de l'utilisateur et met à jour AsyncStorage en conséquence.