Nous travaillons sur la création d'une application web pour aider les dyslexiques à retranscrire leurs notes manuscrites en fichier texte.
Pour cela, nous utiliserons le HTML, CSS, JavaScript, et le PHP.
Voici un guide de démarrage pour nous aider à fractionner le projet en plus petit sous projets :
- Concevoir une interface utilisateur simple et intuitive.
- Utiliser le HTML pour la structure de la page (formulaires, divs, etc.).
- Utiliser le CSS pour le style et la mise en page.
- S'assurer que l'interface est conviviale pour les utilisateurs dyslexiques (choix de couleurs, contraste, polices lisibles, etc.).
- Utiliser un IDE implémentant une IA pour nous aider en cas de difficulté (Cursor.io).
- Utiliser le JavaScript pour rendre l'interface interactive.
- Ajouter des fonctionnalités pour l'ajout et la modification de notes.
- S'assurer que les interactions sont simples et faciles à comprendre.
- Traiter les prises de notes manuscrites en fichier texte.
- Traiter les images des notes manuscrites en fichier texte.
- Implémenter un correcteur d'orthographe.
- Explorer les bibliothèques JavaScript telles que Fabric.js, MyScript, Tesseract.js, pour la manipulation de textes et d'images.
- Pensez à ajouter des fonctionnalités d'amélioration, comme la rotation ou le redimensionnement des images.
- Utiliser PHP pour traiter les données côté serveur.
- Configurez un serveur pour recevoir les données du formulaire.
- Implémentez le traitement des images côté serveur si nécessaire.
- Sauvegarder les notes et autres documents
- Si nous avons besoin de stocker des informations sur les notes, nous devrons configurer une base de données (MySQL).
- Utiliser PHP pour interagir avec la base de données.
- S’assurer que notre application est accessible.
- Utiliser des attributs HTML pour améliorer l'accessibilité (aria-*).
- Testez votre application avec des outils d'accessibilité.
- Effectuer des tests réguliers pour vous assurer que toutes les fonctionnalités fonctionnent correctement.
- Tester notre application avec des utilisateurs réels, en particulier ceux qui ont des troubles dyslexiques (proposer à l'école des devoirs).
- Valider et échapper toutes les données utilisateur pour éviter les attaques XSS et autres vulnérabilités.
- S'assurer que nos requêtes SQL sont sécurisées pour éviter les injections SQL.
- Documenter notre code pour faciliter la maintenance future et la collaboration avec d'autres développeurs.
- Choisir une plateforme d'hébergement adaptée à notre application web.
- Configurer notre serveur web pour exécuter PHP correctement et déployer notre application.
- Communiquer et distribuer notre application en Open Source pour en faire profiter à un maximum de personnes gratuitement.
- Déposer les codes sur GitHub pour les partager à la communauté.
Tout d'abord, assurez-vous d'avoir installé les outils suivants:
npm Node.js
Utilisez ensuite un projet existant ou démarrez un nouveau avec la commande ci-dessous:
npm init
Tapez les éléments suivants dans votre dossier de développement pour installer la dépendance :
npm install iink-js
Recopiez le contenu de index.html dans votre dossier de développement. Éditer la index.htmlet remplacer le applicationkeyet hmackeyles attributs avec les valeurs que vous avez recevées par e-mail.
Lancer un serveur web desservant le répertoire contenant les dépendances et le fichier index.html, par example:
python -m http.server
Enfin, ouvrez http://localhost:8000 dans votre navigateur.