MakerRepo Administrators, MakerRepo Staff
756
modifications
Modifications
Aller à la navigation
Aller à la recherche
mLigne 57 :
Ligne 57 : + Ligne 64 :
Ligne 65 : − + + + + + + + + Ligne 70 :
Ligne 78 : + Ligne 78 :
Ligne 87 : − + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Développement professionnel/Pensée conceptuelle/Prototypage de logiciels et outils (voir la source)
Version du 10 février 2022 à 13:50
, 10 février 2022 à 13:50aucun résumé de modification
|Logiciel fonctionnel
|Logiciel fonctionnel
|}
|}
Voici des métriques qui pourraient vous être utile https://www.nngroup.com/articles/usability-metrics/ et des astuces d'interface utilisateur https://lawsofux.com/.
===Partage===
===Partage===
===Outils===
===Outils===
Voici une liste d'outils de prototypage UI et UX qui pourraient être utiles et sont très facile à utiliser: https://blog.prototypr.io/top-20-prototyping-tools-for-ui-and-ux-designers-2017-46d59be0b3a9 (Figma, Balsamiq et Adobe XD sont suggérés qui sont gratuits ou gratuit pour étudiants)
Voici une liste d'outils de <u>prototypage UI et UX</u> qui pourraient être utiles et sont très facile à utiliser: https://blog.prototypr.io/top-20-prototyping-tools-for-ui-and-ux-designers-2017-46d59be0b3a9 (Figma, Balsamiq et Adobe XD sont suggérés qui sont gratuits ou gratuit pour étudiants). [https://app.diagrams.net/ Draw.io] est aussi très utile pour créer des <u>organigrammes</u>.
Assurez-vous que lorsque vous concevez votre interface utilisateur pour des clients ayant des <u>besoins d'accessibilité</u>, vous prenez en compte les couleurs que vous utilisez.
*[http://colorsafe.co/ Ce site Web] et [https://webaim.org/resources/contrastchecker/ ce site Web] basé sur les directives d'accessibilité du contenu Web (WCAG) est une excellente ressource suggérée par un client qui travaille dans le domaine de l'accessibilité!
*[https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/ Ce site Web] contient également de superbes infographies sur les choses à faire et à ne pas faire sur la conception pour différents groupes d'accessibilité.
*[http://www.sussex.ac.uk/tel/resource/tel_website/accessiblecontrast/?q=FFFFFF~003b49~1d4289~94a596~e56db1~d3273e~00bfb2~d6d2c4~ffc845~dc582a~41b6e6~1b365d~be84a3~5d3754~7da1c4~f2c75c~d0d3d4~007a78~000000 Cette page de l'Université du Sussex] avec quelques couleurs préchargées peut également être un outil très utile pour cela. Remarquez comment [http://www.sussex.ac.uk/tel/resource/tel_website/accessiblecontrast/?q=8f001a~ffffff la couleur de fond officielle de l'Université d'Ottawa se marie bien avec le texte blanc].
*[https://www.color-blindness.com/coblis-color-blindness-simulator/ Ce site Web] permet de téléverser une image et de le voir à travers les yeux de quelqu'un qui est daltonien.
Voici une liste de plateformes qui exige de <u>l'expérience minimale de programmation</u> à utiliser:
Voici une liste de plateformes qui exige de <u>l'expérience minimale de programmation</u> à utiliser:
*[https://appinventor.mit.edu/ MIT app inventor] (applications android seulement)
*[https://appinventor.mit.edu/ MIT app inventor] (applications android seulement)
*[https://thunkable.com/#/ Thunkable] (applications android et iOS)
*[https://thunkable.com/#/ Thunkable] (applications android et iOS)
*[https://www.adalo.com/ Adalo] (applications android et iOS, plus limité que Thunkable)
*[https://www.wix.com/ Wix] (siteweb)
*[https://www.wix.com/ Wix] (siteweb)
*[https://powerapps.microsoft.com/en-us/ Microsoft Power Apps] (android, iOS et windows)
*[https://powerapps.microsoft.com/en-us/ Microsoft Power Apps] (android, iOS et windows)
*
*
Voici une liste d'autres plateformes pour construire des applications ou sitewebs qui exigent plus d'expérience en programmation pour utiliser:
Voici une liste d'autres plateformes pour construire des applications ou sitewebs qui exigent <u>plus d'expérience en programmation</u> pour utiliser:
*[https://developer.android.com/studio Android studio]
*[https://developer.android.com/studio Android studio]
*[https://developers.google.com/apis-explorer Google API]
*[https://developers.google.com/apis-explorer Google API]
===Developement Apple===
Il est plus compliqué de développer des applications pour iPhone ou Mac que pour Android ou Windows. Vous pouvez obtenir un compte développeur Apple qui vous permet de publier sur le magasin Applee ou sur Test Flight, mais cela coûte 99 $ USD/an. La publication sur ces plates-formes implique également des tests rigoureux et doit respecter les normes élevées d'Apple, ce qui n'en fait pas habituellement un choix très réalisable pour un projet d'un semestre.
Il est recommandé de créer des [https://fr.wikipedia.org/wiki/Progressive_web_app applications web progressives] (PWA) lors du développement pour les appareils Apple. Ces sites Web peuvent être «installés» sur des téléphones comme s'il s'agissait d'applications et il y a beaucoup de documentation à ce sujet. Voici quelques ressources pour vous aider à commencer:
*C'est quoi des PWA's: https://www.youtube.com/watch?v=4XT23X0Fjfk
*Code pour bâtir des PWA's:
**[https://angular.io/ Angular] guide PWA- https://angular.io/guide/service-worker-getting-started
**[https://reactjs.org/ React] guide PWA- https://create-react-app.dev/docs/making-a-progressive-web-app/
**[https://nextjs.org/ Next] guide PWA- https://github.com/vercel/next.js/tree/canary/examples/progressive-web-app
**Tutoriel avec HTML et javascript:
***https://medium.com/james-johnson/a-simple-progressive-web-app-tutorial-f9708e5f2605
***https://dzone.com/articles/how-to-build-a-progressive-web-app-pwa-with-javasc
***https://web.dev/progressive-web-apps/
*Une option est AWS (Amazon web services) comme le cadre pour héberger le PWA
**Créer un [https://aws.amazon.com/s3/pricing/ S3 bucket] pour chaque projet -> gratuit, presque, coute peut-être quelques cennes par mois
**[https://aws.amazon.com/route53/pricing/ Route 53] pour créer les sous-domaines -> gratuit
**[https://docs.aws.amazon.com/Route53/latest/DeveloperGuide/domain-register.html#domain-register-procedure Domaines] -> pour acheter le domaine pour la classe, peut-être $15 par année (pas nécessaire pour GNG)
**[https://aws.amazon.com/certificate-manager/ Certificates] -> gratuit pour avoid les certificats ssl
**[https://github.com/pricing GIthub] pour héberger le code et publier à S3-> gratuit
*Outils pour créer PWA's:
**Convertir des applications web en PWA: https://www.creativebloq.com/how-to/build-a-progressive-web-app
**Convertir un site wix en PWA: https://wappaa.com/wappstore/wix-site-to-app/
**https://techbeacon.com/app-dev-testing/5-best-tools-building-progressive-web-apps-fast
**https://developers.google.com/web/updates/2015/12/getting-started-pwa
**https://developer.mozilla.org/fr/docs/Web/Progressive_web_apps