Risorse per lo Sviluppo
Questa sezione presenta alcune risorse utili per lo sviluppo del software che potrebbero essere rilevanti per i prototipi (finali) ad alta fedeltà.
Avete bisogno di rinfrescarvi la memoria sullo sviluppo web? Web Fundamentals è "il punto di riferimento di Google per costruire esperienze web straordinarie".
Software Suggerito
- Node.js 18.17.1 (LTS) and npm
- Visual Studio Code
- git
- ngrok
Risorse per il Design
- Font: Google Fonts è una risorsa di font facili da usare, mentre FontPair può aiutarvi ad abbinarli.
- Icone: Font Awesome e Noun Project sono dei buoni pacchetti di icone gratuite.
- Sfondi: Subtle Patterns è utile per la creazione di background.
- Immagini: Wunderstock e Unsplash sono un buon punto di partenza per trovare immagini con licenza Creative Commons.
- Colori: Adobe Color è una applicazione web che vi aiuta a scegliere schemi di colori da utilizzare nelle vostre applicazioni.
Risorse per lo Sviluppo Web
- Simulare un dispositivo mobile da un browser desktop (ad esempio, con la [Modalità dispositivo] di Chrome(https://developers.google.com/web/tools/chrome-devtools/device-mode)).
- Geolocalizzazione:
- Orientamento del dispositivo: è possibile accedere al giroscopio/accelerometro del dispositivo tramite l'apposita API HTML5
- Microfono e camera: ottenere audio e scattare foto con HTML5 Media Capture API
- Galleria di immagini: per aprire la galleria di immagini su uno smartphone utilizzare:
<input type="file" accept="image/*" capture="camera">
- Vibrazione: far vibrare il telefono con HTML5 Vibration API
- Touch gesture: abilitare touch gestures avanzate (ad esempio, multi-touch, force touch, ecc.) con HTML5 Touch events
- Notifiche: HTML5 Notifications API allows the generation of notifications from the browser
- lettura utile: Web Workers and PWA
- Esempi di utilizzo nell'organizzazione del corso 2020 su GitHub: https://github.com/polito-hci-2020?q=sample