La presentazione per il Future Film Festival di Bologna, 20-23 Aprile 2011. Sviluppo applicazioni per iOS

1. Non solo cartoon
l’animazione nei new media, videogames, apps
Future Film Festival Bologna 20-23, Aprile 2011
Djukic Goran

3. iPhone
350 000
Apps

5. iPad
80 000
Apps

7. 10 000 000 000
Downloads

8. Agenda

9. Agenda
• Panoramica sui dispositivi

10. Agenda
• Panoramica sui dispositivi
• Cenni sull'architettura del sistema

11. Agenda
• Panoramica sui dispositivi
• Cenni sull'architettura del sistema
• Gli strumenti e la tecnologia Apple

12. Agenda
• Panoramica sui dispositivi
• Cenni sull'architettura del sistema
• Gli strumenti e la tecnologia Apple
• I “Media” frameworks

13. Agenda
• Panoramica sui dispositivi
• Cenni sull'architettura del sistema
• Gli strumenti e la tecnologia Apple
• I “Media” frameworks
• Anatomia dell’app iOS

14. Agenda
• Panoramica sui dispositivi
• Cenni sull'architettura del sistema
• Gli strumenti e la tecnologia Apple
• I “Media” frameworks
• Anatomia dell’app iOS
• Third Party Frameworks

15. I dispositivi iOS

16. !"#$%&'#$"()$*+,#-"./$,(0/".)
!"#$%&'()%*+),-./$0*./$*1,0%*&%2%)/+0%"-
!"#$%&'()%*+),-./$0*./$*1,0%*&%2%)/+0%"-
!
Conoscere “iDispositivi”
!

17. Portrait Landscape
iPhone 4 640 * 960 pixel 960 * 640 pixel
iPad 768 * 1024 pixel 1024 * 768 pixel
iPhone 3, 3GS
320 * 480 pixel 480 * 320 pixel
iPod Touch

18. I dispositivi iOS

19. L’architettura del
sistema

20. Cocoa Touch
Graphics & Media
Core Services
Core OS
Architettura a strati iOS

21. Cocoa
Graphics & Media
Core Services
Core OS
Architettura a strati Mac OS X

22. Cocoa Touch
Graphics & Media
Core Services
Core OS
Architettura a strati iOS

23. Cocoa Touch
Graphics & Media
Core Services
Core OS
Architettura a strati iOS

24. Cocoa Touch
Graphics & Media
Core Services
Core OS
Architettura a strati iOS

25. Graphics & Media
• Core Audio • JPEG, PNG, TIFF
• OpenAL • PDF
• Audio Mixing • Quartz (2D)
• Audio Recording • Core Animation
• Video Playback • OpenGL ES

26. Cocoa Touch
Graphics & Media
Core Services
Core OS
Architettura a strati iOS

27. Cocoa Touch
Graphics & Media
Core Services
Core OS
Architettura a strati iOS

28. Cocoa Touch
• Multi-Touch • Alerts
• Controls • Web View
• Accelerometer • Map Kit
• View Hierarchy • Image Picker
• Localization • Camera

29. L’architettura del
sistema

30. Gli strumenti e la
tecnologia Apple

31. Gli Strumenti
Xcode Interface Builder Instruments
Codice Interfaccia utente Profiling
Debugging Outlets Prestazioni
Documentazione Actions Ottimizzazioni

32. Gli Strumenti
Xcode Interface Builder Instruments
Codice Interfaccia utente Profiling
Debugging Outlets Prestazioni
Documentazione Actions Ottimizzazioni

33. Cocoa *Frameworks
Map Kit, Core
Foundation UI Kit Core Data
Location...
Fornisce tutte le Gli elementi Fornisce i e tanti altri che
classi di base: dell’interfaccia meccanismi aggiungono
stringhe, utente come necessari per la tutte quelle
numeri, finestre, viste, memorizzazione funzionalità che
collezioni ecc., controlli, e la rendono
utilizzate come caratteri, ecc. modellazione dei l’esperienza
mattoni per dati, unica, l’utilizzo
costruire altre indipendenti dal di applicazioni
classi. tipo di iOS.
elaborazione
utilizzata.
* framework è una directory che contiene delle risorse relazionate fra di loro, ad es. le classi, le immagini,
i suoni, la documentazione, le stringhe localizzate ecc.

34. Cocoa *Frameworks
Map Kit, Core
Foundation UI Kit Core Data
Location...
Fornisce tutte le Gli elementi Fornisce i e tanti altri che
classi di base: dell’interfaccia meccanismi aggiungono
stringhe, utente come necessari per la tutte quelle
numeri, finestre, viste, memorizzazione funzionalità che
collezioni ecc., controlli, e la rendono
utilizzate come caratteri, ecc. modellazione dei l’esperienza
mattoni per dati, unica, l’utilizzo
costruire altre indipendenti dal di applicazioni
classi. tipo di iOS.
elaborazione
utilizzata.
* framework è una directory che contiene delle risorse relazionate fra di loro, ad es. le classi, le immagini,
i suoni, la documentazione, le stringhe localizzate ecc.

35. Il *pattern MVC
Model View Controller
Gestisce i dati e lo stato Presenta le informazioni E’ il mediatore tra il
dell’applicazione senza raccolte dal Modello. Modello e la Vista.
occuparsi dell’UI e del Mette a disposizione degli Aggiorna la Vista quando
modo in cui i dati stessi utenti gli oggetti coi quali cambia il Modello.
verranno presentati. possono interagire. Aggiorna il Modello
Di solito è persistente. quando gli utenti
manipolano le Viste.
* pattern è una soluzione ottimale per un problema ricorrente

36. Il *pattern MVC
Model View Controller
Gestisce i dati e lo stato Presenta le informazioni E’ il mediatore tra il
dell’applicazione senza raccolte dal Modello. Modello e la Vista.
occuparsi dell’UI e del Mette a disposizione degli Aggiorna la Vista quando
modo in cui i dati stessi utenti gli oggetti coi quali cambia il Modello.
verranno presentati. possono interagire. Aggiorna il Modello
Di solito è persistente. quando gli utenti
manipolano le Viste.
* pattern è una soluzione ottimale per un problema ricorrente

37. Gli strumenti e la
tecnologia Apple

38. I “Media” frameworks

39. UIView
in iOS, tutte le operazioni di disegno avvengono
entro i confini di un oggetto UIView
UIView
320x460

40. UIView

41. UIView
• Una classe Objective-C

42. UIView
• Una classe Objective-C
• Rappresenta un’area rettangolare sullo schermo

43. UIView
• Una classe Objective-C
• Rappresenta un’area rettangolare sullo schermo
• Il suo compito è di disegnare i contenuti e gestire
gli eventi ricevuti

44. UIView
• Una classe Objective-C
• Rappresenta un’area rettangolare sullo schermo
• Il suo compito è di disegnare i contenuti e gestire
gli eventi ricevuti
• Fa sempre parte di una gerarchia delle viste che
inizia con la UIWindow

45. Frameworks & Technologies
iOS mette a disposizione diversi framework per la
creazione di grafica e per l’animazione

46. Frameworks & Technologies

47. Frameworks & Technologies
• UIKit

48. Frameworks & Technologies
• UIKit
• CoreGraphics (Quartz 2D)

49. Frameworks & Technologies
• UIKit
• CoreGraphics (Quartz 2D)
• Core Animation

50. Frameworks & Technologies
• UIKit
• CoreGraphics (Quartz 2D)
• Core Animation
• OpenGL|ES

51. UIKit

52. UIKit
!"

53. UIKit
• Gli elementi dell’interfaccia utente di
un’applicazione iOS
• I metodi per gestire, disegnare ed animare
l’interfaccia utente

54. UIKit
• Built-in controls
• Abbiamo una vasta libreria di controlli
pronti per l’uso che possono essere
aggiunti dall’Interface Builder

55. UIKit
• Le versioni personalizzate di built-in
controls
• Possiamo creare le versioni
personalizzate utilizzando le
“properties”, i metodi “delegate” o anche
creando delle nuove sottoclassi di
controlli esistenti

56. UIKit
• Le viste create “from scratch”
• Possiamo creare delle viste specifiche alla
nostra applicazione sottoclassando la
classe UIView

57. UIKit

58. Core Graphics

59. Core Graphics

60. Core Graphics
• Il principale motore per il disegno in due dimensioni

61. Core Graphics
• Il principale motore per il disegno in due dimensioni
• Fornisce Application Programming Interface (API) basata
su linguaggio C
• Il contesto grafico, le trasformazioni, il disegno lungo i
path (le traiettorie), i colori, i font ecc.

62. Core Graphics
• Il principale motore per il disegno in due dimensioni
• Fornisce Application Programming Interface (API) basata
su linguaggio C
• Il contesto grafico, le trasformazioni, il disegno lungo i
path (le traiettorie), i colori, i font ecc.
• Dovunque possibile, Quartz 2D sfrutta la potenza
dell'hardware grafico

63. Core Graphics
• Il principale motore per il disegno in due dimensioni
• Fornisce Application Programming Interface (API) basata
su linguaggio C
• Il contesto grafico, le trasformazioni, il disegno lungo i
path (le traiettorie), i colori, i font ecc.
• Dovunque possibile, Quartz 2D sfrutta la potenza
dell'hardware grafico
• Funziona con tutti gli elementi grafici disponibili e le
tecniche di animazione, come Core Animation, OpenGL
ES, e le classi UIKit

64. Core Graphics

65. Core Animation

66. Core Animation

67. Core Animation

68. Core Animation
Animazione è un’importante parte dell’interfaccia
utente su tutte le piattaforme Apple

69. Core Animation
* compositing (composizione) è la combinazione di elementi visivi provenienti da più fonti in una singola
immagine per creare l'illusione che tutti questi elementi fanno parte della stessa scena

70. Core Animation
• Objective-C framework
* compositing (composizione) è la combinazione di elementi visivi provenienti da più fonti in una singola
immagine per creare l'illusione che tutti questi elementi fanno parte della stessa scena

71. Core Animation
• Objective-C framework
• Un motore di *compositing ad alta
prestazione (hardware accelerated)
* compositing (composizione) è la combinazione di elementi visivi provenienti da più fonti in una singola
immagine per creare l'illusione che tutti questi elementi fanno parte della stessa scena

72. Core Animation
• Objective-C framework
• Un motore di *compositing ad alta
prestazione (hardware accelerated)
• Un'interfaccia semplice per la
programmazione dell’animazione
* compositing (composizione) è la combinazione di elementi visivi provenienti da più fonti in una singola
immagine per creare l'illusione che tutti questi elementi fanno parte della stessa scena

73. Core Animation
Il tempo per completare
l’animazione

74. Core Animation
I frames necessari per
avere un’animazione liscia

75. Core Animation

76. Core Animation
• Un insieme di funzionalità e di classi
Objective-C che rende semplice il compito
di animare l’interfaccia utente

77. Core Animation
• Un insieme di funzionalità e di classi
Objective-C che rende semplice il compito
di animare l’interfaccia utente
• Basta indicare le proprietà delle viste e
delle finestre che vogliamo animare e
fornire i valori finali e il tempo per la
durata dell’animazione

78. Core Animation

79. OpenGL|ES

80. OpenGL|ES

81. OpenGL|ES
* OpenGL Open Graphics Library libreria multiuso open-standard, per la creazione di contenuti 2D e 3D,
ulteriori info sul sito Khronos Group http://www.khronos.org/opengles/

82. OpenGL|ES
Un sottoinsieme di *OpenGL per il disegno 2D e 3D su
dispositivi mobili
* OpenGL Open Graphics Library libreria multiuso open-standard, per la creazione di contenuti 2D e 3D,
ulteriori info sul sito Khronos Group http://www.khronos.org/opengles/

83. OpenGL|ES

84. OpenGL|ES
• C-based, Piattaforma-Neutrale API

85. OpenGL|ES
• C-based, Piattaforma-Neutrale API
• Integrata nel Core Animation

86. OpenGL|ES
• C-based, Piattaforma-Neutrale API
• Integrata nel Core Animation
• OpenGL ES 1.1 e OpenGL ES 2.0

87. Frameworks & Technologies
• UIKit
• CoreGraphics (Quartz 2D)
• Core Animation
• OpenGL|ES

88. Tecnologie Audio
iOS fornisce diverse tecnologie per la riproduzione o la
creazione dei contenuti audio

89. Audio
• Media Player framework fornisce
un accesso facile alla libreria
iTunes dell’utente per la
riproduzione dei brani e playlists
• AV Foundation framework
fornisce un insieme di classi
Objective-C per la gestione della
riproduzione e registrazione dei
contenuti audio

90. Audio
• OpenAL fornisce una funzionalità
cross-platform per la distribuzione
dell’audio direzionale
• The Core Audio frameworks offre la
interfaccia semplice ma sofisticata
per la riproduzione e la registrazione
di suoni. Le possiamo usare, ad es.,
per la riproduzione di suoni di avviso
del sistema o anche per far vibrare il
dispositivo

91. Tecnologie Audio
iOS fornisce diverse tecnologie per la riproduzione o la
creazione dei contenuti audio

92. Tecnologie Video
iOS fornisce diverse tecnologie per la riproduzione o la
*creazione dei contenuti video
* sui dispositivi che sono in possesso del hardware necessario

93. Video
• Diversi modi per la riproduzione e/
o la registrazione dei contenuti
video
• Scegliere il framework di livello più
alto in modo di semplificare il lavoro
necessario per l’implementazione
delle funzionalità richieste

94. Video
• UIImagePickerController la classe
in UIKit
• Media Player framework
• AV Foundation framework
• Core Media

95. I “Media” frameworks

96. Design di applicazioni
per iOS

97. Design
Scegliere sempre il livello di astrazione adatto al
problema che vogliamo risolvere

98. Interazione
La manipolazione diretta

99. Interazione
L’esperienza immersiva
*“Through a Looking Glass”
* Attraverso lo Specchio

100. I libri interattivi
Poter leggere, guardare ed ascoltare un racconto

101. I libri interattivi

102. I libri interattivi
• Gli eBook “enhanced”

103. I libri interattivi
• Gli eBook “enhanced”
• I libri scolastici

104. I libri interattivi
• Gli eBook “enhanced”
• I libri scolastici
• I libri educativi

105. I libri interattivi
• Gli eBook “enhanced”
• I libri scolastici
• I libri educativi
• I Game Books

106. I libri interattivi
• Gli eBook “enhanced”
• I libri scolastici
• I libri educativi
• I Game Books
• I fumetti

107. I libri interattivi
• Gli eBook “enhanced”
• I libri scolastici
• I libri educativi
• I Game Books
• I fumetti
• Le riviste digitali

108. I giochi...

109. I giochi...
• Educativi

110. I giochi...
• Educativi
• Sociali

111. I giochi...
• Educativi
• Sociali
• Azione

112. I giochi...
• Educativi
• Sociali
• Azione
• Di ruolo

113. I giochi...
• Educativi
• Sociali
• Azione
• Di ruolo
• Simulazioni

114. ...e non solo

115. ...e non solo
• Biologia

116. ...e non solo
• Biologia
• Chimica

117. ...e non solo
• Biologia
• Chimica
• Fisica

118. ...e non solo
• Biologia
• Chimica
• Fisica
• Architettura

119. ...e non solo
• Biologia
• Chimica
• Fisica
• Architettura
• Medicina

120. Design di applicazioni
per iOS

121. Third Party Game
Engines

122. Unity 3D

123. Unity 3D
• http://unity3d.com/

124. Unreal Development
Kit per iOS

125. Unreal Development
Kit per iOS
• http://www.unrealengine.com/

126. Airplay SDK

127. Airplay SDK
• http://www.airplaysdk.com/

128. Cocos 2D

129. Cocos 2D
• http://www.cocos2d-iphone.org/

130. Game Salad

131. Game Salad
• http://gamesalad.com

132. Agenda

133. Agenda
• Panoramica sui dispositivi

134. Agenda
• Panoramica sui dispositivi
• Cenni sull'architettura del sistema

135. Agenda
• Panoramica sui dispositivi
• Cenni sull'architettura del sistema
• Gli strumenti e la tecnologia Apple

136. Agenda
• Panoramica sui dispositivi
• Cenni sull'architettura del sistema
• Gli strumenti e la tecnologia Apple
• I “Media” frameworks

137. Agenda
• Panoramica sui dispositivi
• Cenni sull'architettura del sistema
• Gli strumenti e la tecnologia Apple
• I “Media” frameworks
• Anatomia dell’app iOS

138. Agenda
• Panoramica sui dispositivi
• Cenni sull'architettura del sistema
• Gli strumenti e la tecnologia Apple
• I “Media” frameworks
• Anatomia dell’app iOS
• Third Party Frameworks

139. Grazie
Djukic Goran
goran@ifc.cnr.it