application-simple-crc
Il s'agit d'un éditeur simple permettant de créer des cartes de collaborateurs de responsabilité de classe. Je l'ai construit pour apprendre Angular 4.0, car c'est le meilleur moyen pour moi d'apprendre de nouvelles choses. Je ne voulais pas utiliser un framework CSS complet comme Bootstrap qui contient de nombreux composants prédéfinis, j'ai donc extrait et personnalisé certains styles de Bulma.io.
Quelques fonctionnalités de l'éditeur :
- Les modèles sont enregistrés localement via le stockage Web HTML5, aucun serveur requis.
- Définir différents types de cartes : entité, frontière, contrôleur.
- Exportez/importez des fichiers JSON.
- Raccourcis clavier pour les opérations principales.
- L'application crée automatiquement des cartes CRC pour les collaborateurs.
- Mdn de cartes.
Un petit guide d'utilisation :
- Pour modifier une carte existante, cliquez une fois dans l'en-tête de la carte.
- Pour faire glisser une carte, cliquez et maintenez dans la zone du corps de la carte. Raccourcis clavier :
- 'CTRL-m' : Créer un nouveau modèle.
- 'CTRL-d' : Supprimer le modèle actuel du stockage WEB local.
- 'CTRL-s' : enregistre le modèle actuel dans le stockage local.
- 'CTRL-o' : ouvrez un modèle à partir du stockage local.
- 'CTRL-u' : téléchargez un fichier JSON externe dans le stockage local.
- 'CTRL-j' : télécharge sous forme de fichier JSON le modèle actuel. Échapper ferme la boîte de dialogue.
Les choses ne sont pas encore parfaites mais utilisables à ce stade. L’application n’est pas (encore) responsive.
Quelques fonctionnalités que j'aimerais ajouter :
- Un export pdf avec jsPdf
- Une exportation SVG.
- Peut-être une fonctionnalité de mise en page automatique.
Cela ne devrait pas être trop difficile à mettre en œuvre, ces fonctionnalités ne sont en réalité qu'à quelques lignes de code. La base de code est petite, donc si vous souhaitez apporter ces fonctionnalités, je peux vous aider.
Voici le lien vers une version hébergée sur github
