Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

tɛ kɛ tʃɛrkɪ (TeCHe Cerchi)

133 views

Published on

Vi presentiamo l'applicazione tɛ kɛ tʃɛrkɪ (TeChe Cerchi) sviluppata dagli studenti delle classi 4A e 4B Informatica dell’istituto Rosselli Rasetti di Castiglione del Lago a.s 2016-2017.
Un ringraziamento speciale ai ragazzi che hanno contribuito alla grafica: Rei Barbullushi, Cristiano Taddei, Tomas Segatori, Serhiy Ratushnyak
...ed agli speakers
Ronald Mihai Zanfir, Andrea Meacci, Filippo Gattobigio, Enrico Papavero, Mauro Domenico Westhoven.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

tɛ kɛ tʃɛrkɪ (TeCHe Cerchi)

  1. 1. tɛ kɛ tʃɛrkɪ (TeCHe Cerchi) Lab Informatica IIS “Rosselli-Rasetti” Castiglione del Lago (PG)
  2. 2. Origine Spin-off del progetto TeCHe Utilizzo dell’informatica e delle nuove tecnologie IoT
  3. 3. Idea guida Esperienza di visita al museo diversa e più coinvolgente Metafora della Caccia al tesoro
  4. 4. Caccia al tesoro
  5. 5. Caccia al tesoro I giocatori devono effettuare delle ricerche seguendo una catena di indizi Alla partenza viene comunicata ai partecipanti la posizione del primo indizio.
  6. 6. Caccia al tesoro Ogni ricerca svolta riporta le istruzioni per giungere alla tappa successiva e così via per un numero arbitrario di passaggi Fino a raggiungere l’obiettivo prefissato
  7. 7. Architettura del progetto
  8. 8. Architetture cross-platform
  9. 9. Architettura del progetto PC Browser Tablet SmartPhones Memorizzazione dei dati Elaborazione dei dati Interfaccia utente
  10. 10. Migliaia di funzionalità Accesso al WEB Gestione dei dati Utilizzo di componenti esterni Memoria, CPU e accesso ad internet Architettura delle App
  11. 11. Processo di design di una App
  12. 12. Fasi dello sviluppo di App
  13. 13. Processo di design Concept Struttura Interazione Visual Prototipo
  14. 14. Concept
  15. 15. Struttura
  16. 16. Interazione
  17. 17. Visual
  18. 18. Prototipo
  19. 19. Ambiente di sviluppo
  20. 20. Linguaggio C# e Xamarin Condivisione del codice • 100% compatibile iOS C# UI Windows C# UIAndroid C# UI Shared C# Mobile Obiettivo massima condivisione
  21. 21. XAML (eXtensible Application Markup Language) Sviluppo interfaccia Lo XAML è un linguaggio di markup basato su XML, utilizzato per descrivere l'interfaccia grafica
  22. 22. Enterprise Pattern Il Model–View–ViewModel (M-V-VM) è un pattern software architetturale La View è responsabile della definizione della struttura, il layout e l'aspetto di ciò che l'utente vede sullo schermo (definita esclusivamente con codice XAML) Il View-Model fa da intermediario tra la vista e il modello, ed è responsabile per la gestione della logica della View invocando metodi nelle classi del Model Il Model è la classe, l’elaborazione e rappresenta il dominio del problema
  23. 23. L’applicazione
  24. 24. TeCHe Cerchi
  25. 25. Attualmente in preview Cross-platform (iOS Android) Riutilizzo del codice Storage con XML, JSON Backend (basato sul Cloud) HTTP e TCP Beacons QR Code TeCHe Cerchi
  26. 26. TeCHe Cerchi Ricerca dei Beacons o scansione QR Code Domande inerenti agli oggetti Inserimento di codici segreti”
  27. 27. Utilizzati in musei, aeroporti, negozi… Sono “guide” che, attraverso il cellulare, possono fornire informazioni, indicare itinerari, svelare dettagli tecnici. Beacons
  28. 28. Basati su Bluetooth LE Trasmettono e ricevono piccoli messaggi entro brevi distanze (1 - 20 mt) Un presentatore (dispositivo beacon) Un ricevitore (una app per smartphone). Beacons
  29. 29. È un crittogramma composto da piccoli moduli bianchi e neri disposti all'interno di una cornice rettangolare, che permette di memorizzare delle informazioni QR Code: Quick Response Code Possono essere contenuti fino a 7.089 caratteri numerici o 4.296 alfanumeric i
  30. 30. Sviluppo Mobile
  31. 31. Sviluppo Mobile: Android Android è oggi il S.O. più diffuso per i dispositivi mobile Circa il 60-70% di market share Solitamente un phone-OS ci sono anche i tablet per il 10-15% Sistema aperto Sviluppo in Java, C++ e C# su tutti gli ambienti (Linux, Mac Windows)
  32. 32. Sviluppo Mobile: Android Google Play, detto anche Google Play Store, è un negozio online di applicazioni, brani musicali, pellicole cinematografiche, libri e riviste sviluppato da Google per i dispositivi Android
  33. 33. Sviluppo Mobile: iOS Apple iOS rappresenta il maggior attore nello sviluppo mobile 15-20% market share nei telefoni 80%+ nei tablet (iPad) Sistema chiuso Sviluppo in Objective-C, Swift e C# XCode (Mac) Visual Studio (Mac, Windows)
  34. 34. Sviluppo Mobile: iOS L'App Store è uno strumento realizzato da Apple disponibile per iPhone, iPod touch e iPad che permette agli utenti di scaricare e acquistare applicazioni disponibili in iTunes Store
  35. 35. Demo
  36. 36. Concludendo… Visitate: www.secondarieclago.it Per info scriveteci a: informatica@secondarieclago.it Buon divertimento con: tɛ kɛ tʃɛrkɪ

×