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)
Lab Informatica IIS “Rosselli-Rasetti”
Castiglione del Lago (PG)
Origine
Spin-off del progetto TeCHe
Utilizzo dell’informatica e delle
nuove tecnologie IoT
Idea guida
Esperienza di visita al museo
diversa e più coinvolgente
Metafora della Caccia al tesoro
Caccia al tesoro
Caccia al tesoro
I giocatori devono effettuare
delle ricerche seguendo una
catena di indizi
Alla partenza viene
comunicata...
Caccia al tesoro
Ogni ricerca svolta riporta le
istruzioni per giungere alla
tappa successiva e così via
per un numero arb...
Architettura del progetto
Architetture cross-platform
Architettura del progetto
PC
Browser
Tablet
SmartPhones
Memorizzazione
dei dati
Elaborazione
dei dati
Interfaccia
utente
Migliaia di funzionalità
Accesso al WEB
Gestione dei dati
Utilizzo di componenti esterni
Memoria, CPU e accesso ad interne...
Processo di design di una App
Fasi dello sviluppo di App
Processo di design
Concept
Struttura
Interazione
Visual
Prototipo
Concept
Struttura
Interazione
Visual
Prototipo
Ambiente di sviluppo
Linguaggio C# e Xamarin
Condivisione del codice • 100% compatibile
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Mobile
O...
XAML
(eXtensible Application Markup Language)
Sviluppo interfaccia
Lo XAML è
un linguaggio di
markup basato
su XML, utiliz...
Enterprise Pattern
Il Model–View–ViewModel (M-V-VM) è
un pattern software architetturale
La View è responsabile
della defi...
L’applicazione
TeCHe Cerchi
Attualmente in preview
Cross-platform (iOS
Android)
Riutilizzo del codice
Storage con XML, JSON
Backend (basato sul Cloud)...
TeCHe Cerchi
Ricerca dei
Beacons o
scansione
QR Code
Domande
inerenti agli
oggetti
Inserimento
di codici
segreti”
Utilizzati in musei,
aeroporti, negozi…
Sono “guide” che,
attraverso il cellulare,
possono fornire
informazioni, indicare
...
Basati su Bluetooth LE
Trasmettono e ricevono piccoli messaggi
entro brevi distanze (1 - 20 mt)
Un presentatore (dispositi...
È un crittogramma composto da piccoli
moduli bianchi e neri disposti all'interno di
una cornice rettangolare, che permette...
Sviluppo Mobile
Sviluppo Mobile: Android
Android è oggi il S.O. più diffuso per i
dispositivi mobile
Circa il 60-70% di market share
Solit...
Sviluppo Mobile: Android
Google Play, detto anche Google Play
Store, è un negozio online di applicazioni,
brani musicali, ...
Sviluppo Mobile: iOS
Apple iOS rappresenta il maggior
attore nello sviluppo mobile
15-20% market share nei telefoni
80%+ n...
Sviluppo Mobile: iOS
L'App Store è uno strumento realizzato
da Apple disponibile per iPhone, iPod
touch e iPad che permett...
Demo
Concludendo…
Visitate:
www.secondarieclago.it
Per info scriveteci a:
informatica@secondarieclago.it
Buon divertimento
con:...
Upcoming SlideShare
Loading in …5
×

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

179 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ɪ

×