README.md 2,65 ko
Newer Older
firdaous elhalafi's avatar
firdaous elhalafi a validé
# nfc

## Lancement de l'application

### configuration de google sheets

- Ajout d'un fichier `config.dart` dans le dossier `lib` avec le contenu suivant :

```dart
class AppConfig {
  static const String apiKey = 'Votre clé d api';
  static const String sheetName = 'Nom de votre sheet name';
}
```

#### Récupération de la clé d'api :

- Accédez à la Console Google Cloud Platform, Dans le panneau de navigation à gauche, cliquez sur "API & Services + ACTIVER LES API ET LES SERVICES".
- Recherchez et sélectionnez "Google Sheets API" dans la liste des API disponibles.
- Cliquez sur le bouton "Activer" pour activer l'API pour votre projet.
- Cliquez sur "Créer des identifiants" et sélectionnez "Clé API". 
- Copiez la clé API générée.

#### Autorisation de lecture et d'écriture :

- Autorisez la lecture et l'écriture de votre feuille de calcul sur Google Sheets.

firdaous elhalafi's avatar
firdaous elhalafi a validé
#### Récupération du sheet name :

- Ouvrez votre document Google Sheets.
- Regardez le bas de la fenêtre du navigateur où les feuilles de calcul sont répertoriées. Vous verrez les onglets pour chaque feuille de calcul dans votre document.

#### Intégration de Google Sheets dans l'application pour modification de la feuille (Ajout d'étudiant)

#### Configurer l'API Google Sheets

3. **Créer un compte de service**:
firdaous elhalafi's avatar
firdaous elhalafi a validé
    - Dans console google, Dans IAM et Administration naviguez vers `Comptes de service`.
    - Cliquez sur `Créer un compte de service`.
    - Donnez un nom au compte de service et attribuez le rôle `Éditeur` ou `Propriétaire` du projet.
    - Créez une clé au format JSON pour ce compte de service et téléchargez-la. Cette clé sera utilisée pour l'authentification dans votre application.

firdaous elhalafi's avatar
firdaous elhalafi a validé
4. **Partager votre feuille Google Sheets** avec l'adresse e-mail du compte de service que vous avez creer.
#### Intégrer l'API dans l'pplication Flutter
2. **Configurer l'authentification**:
firdaous elhalafi's avatar
firdaous elhalafi a validé
    - Placez le fichier JSON de la clé du compte de service dans le dossier `assets/`.
    - Ajoutez le chemin dans le fichier config.dart.
   ```dart
firdaous elhalafi's avatar
firdaous elhalafi a validé
      static const String cleCompteService = 'assets/appexamens-cd4aaf60ac95.json';
firdaous elhalafi's avatar
firdaous elhalafi a validé
      static Future<String> loadJson() async {
        return await rootBundle.loadString(cleCompteService);
      }
firdaous elhalafi's avatar
firdaous elhalafi a validé
    ```
   - Ajoutez le chemin dans le fichier `pubspec.yaml`.
   ```yaml
      assets:
firdaous elhalafi's avatar
firdaous elhalafi a validé
        - assets/appexamens-cd4aaf60ac95.json
firdaous elhalafi's avatar
firdaous elhalafi a validé
   ```
firdaous elhalafi's avatar
..  
firdaous elhalafi a validé
### Build avec un env Linux:
firdaous elhalafi's avatar
firdaous elhalafi a validé

```shell
flutter build linux
```

firdaous elhalafi's avatar
..  
firdaous elhalafi a validé
### Build avec un env android:
firdaous elhalafi's avatar
firdaous elhalafi a validé

```shell
flutter build apk
```

### Application

#### Affichage des données

![Affichage des données](assets/images/affichage.png)

#### Génération de PDF

![Génération de PDF](assets/images/pdf.png)