Your SlideShare is downloading. ×
0
Mar co Livraghi...............................User eXperience Designer & Software Engineer.     .         .          .    ...
mobiledevcamp | Lecce |19 Maggio 20122                                           Marco Livraghi|User eXperience Designer &...
mobiledevcamp | Lecce |19 Maggio 20123                                           Marco Livraghi|User eXperience Designer &...
mobiledevcamp | Lecce |19 Maggio 20124                                           Marco Livraghi|User eXperience Designer &...
mobiledevcamp | Lecce |19 Maggio 20125                                           Marco Livraghi|User eXperience Designer &...
mobiledevcamp | Lecce |19 Maggio 20126                                           Marco Livraghi|User eXperience Designer &...
mobiledevcamp | Lecce |19 Maggio 20127                                           Marco Livraghi|User eXperience Designer &...
mobiledevcamp | Lecce |19 Maggio 20128                                           Marco Livraghi|User eXperience Designer &...
mobiledevcamp | Lecce |19 Maggio 20129                                           Marco Livraghi|User eXperience Designer &...
mobiledevcamp | Lecce |19 Maggio 201210                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201211                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201212                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201213                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201214                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201215                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201216                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201217                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201218                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 2012     Studi sul dispositivo19                                           Marco Livraghi...
mobiledevcamp | Lecce |19 Maggio 2012     Studi sul dispositivo20                                           Marco Livraghi...
mobiledevcamp | Lecce |19 Maggio 201221                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201222                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201223                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201224                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201225                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201226                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201227                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201228                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201229                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201230                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 2012     Prototipare...31                                           Marco Livraghi|User e...
mobiledevcamp | Lecce |19 Maggio 2012     Prototipare...     Prototipare...32                                           Ma...
mobiledevcamp | Lecce |19 Maggio 2012     Prototipare...     Prototipare...     Prototipare...33                          ...
mobiledevcamp | Lecce |19 Maggio 2012     Prototipare...     Prototipare...     Prototipare...     14:15     Prototipazion...
mobiledevcamp | Lecce |19 Maggio 201235                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201236                                                          :-(                      ...
mobiledevcamp | Lecce |19 Maggio 201237                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201238                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 2012                                                   Mobile                            ...
mobiledevcamp | Lecce |19 Maggio 2012         Titanium                              Mobile                              De...
mobiledevcamp | Lecce |19 Maggio 2012                                                                             JavaScri...
mobiledevcamp | Lecce |19 Maggio 2012                                                       JavaScript	  Applica-on	  Code...
mobiledevcamp | Lecce |19 Maggio 201243                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201244                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201245                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201246                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 2012                                             manifest     #appname: prima_app     #pu...
mobiledevcamp | Lecce |19 Maggio 2012                                             tiapp.xml <?xml version=”1.0” encoding=”...
mobiledevcamp | Lecce |19 Maggio 2012                                             tiapp.xml <?xml version=”1.0” encoding=”...
mobiledevcamp | Lecce |19 Maggio 2012                                             tiapp.xml <?xml version=”1.0” encoding=”...
mobiledevcamp | Lecce |19 Maggio 2012                                             tiapp.xml <?xml version=”1.0” encoding=”...
mobiledevcamp | Lecce |19 Maggio 2012                       Un primo esempio: App.js52                                    ...
mobiledevcamp | Lecce |19 Maggio 2012                       Un primo esempio: App.js53                                    ...
mobiledevcamp | Lecce |19 Maggio 2012                       Un primo esempio: App.js54                                    ...
mobiledevcamp | Lecce |19 Maggio 2012                       Un primo esempio: App.js55                                    ...
mobiledevcamp | Lecce |19 Maggio 2012                    Un secondo esempio: App.js     var win = Titanium.UI.createWindow...
mobiledevcamp | Lecce |19 Maggio 2012                                        titanium studio57                            ...
mobiledevcamp | Lecce |19 Maggio 2012                                        titanium studio58                            ...
mobiledevcamp | Lecce |19 Maggio 201259                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 2012            Appcelerator Titanium Docs 2.060                                         ...
mobiledevcamp | Lecce |19 Maggio 2012            Appcelerator Titanium Docs 2.061                                         ...
mobiledevcamp | Lecce |19 Maggio 2012            Appcelerator Titanium Docs 2.062                                         ...
mobiledevcamp | Lecce |19 Maggio 2012            Appcelerator Titanium Docs 2.063                                         ...
mobiledevcamp | Lecce |19 Maggio 2012            Appcelerator Titanium Docs 2.064                                         ...
mobiledevcamp | Lecce |19 Maggio 2012            Appcelerator Titanium Docs 2.065                                         ...
mobiledevcamp | Lecce |19 Maggio 2012                             MEDIA API: CAMERA66                                     ...
mobiledevcamp | Lecce |19 Maggio 2012               MEDIA API: PHOTO GALLERY67                                           M...
mobiledevcamp | Lecce |19 Maggio 2012                                  GEOLOCATION API68                                  ...
mobiledevcamp | Lecce |19 Maggio 2012                           ACCELEROMETER API69                                       ...
mobiledevcamp | Lecce |19 Maggio 2012                                             MAP API70                               ...
mobiledevcamp | Lecce |19 Maggio 2012                                        FACEBOOK API71                               ...
mobiledevcamp | Lecce |19 Maggio 2012                                        FACEBOOK API72                               ...
mobiledevcamp | Lecce |19 Maggio 2012                ESTENDERE LE API: Perché?73                                          ...
mobiledevcamp | Lecce |19 Maggio 2012                ESTENDERE LE API: Perché?     - Per accedere a specifiche funzionalit...
mobiledevcamp | Lecce |19 Maggio 2012                ESTENDERE LE API: Perché?     - Per accedere a specifiche funzionalit...
mobiledevcamp | Lecce |19 Maggio 2012                ESTENDERE LE API: Perché?     - Per accedere a specifiche funzionalit...
mobiledevcamp | Lecce |19 Maggio 2012                ESTENDERE LE API: Perché?     - Per accedere a specifiche funzionalit...
mobiledevcamp | Lecce |19 Maggio 2012                  ESTENDERE LE API: Come?     - Creando un fork sul sorce code       ...
mobiledevcamp | Lecce |19 Maggio 2012                  ESTENDERE LE API: Come?     - Creando uno o pìù moduli nativi trami...
mobiledevcamp | Lecce |19 Maggio 2012                 Moduli nativi - alcuni esempi     - Android scanner di codici a barr...
mobiledevcamp | Lecce |19 Maggio 2012            Titanium JS Interface: Esempio      var bt = Titanium.UI.createButton({  ...
mobiledevcamp | Lecce |19 Maggio 2012            Titanium JS Interface: Esempio                         - Module          ...
mobiledevcamp | Lecce |19 Maggio 2012                              Struttura del Modulo83                                 ...
mobiledevcamp | Lecce |19 Maggio 2012                                Open Mobile Market84                                 ...
mobiledevcamp | Lecce |19 Maggio 2012                                Open Mobile Market85                                 ...
mobiledevcamp | Lecce |19 Maggio 2012                                Open Mobile Market86                                 ...
mobiledevcamp | Lecce |19 Maggio 2012                                Open Mobile Market87                                 ...
mobiledevcamp | Lecce |19 Maggio 2012                                Open Mobile Market88                                 ...
mobiledevcamp | Lecce |19 Maggio 2012                                Open Mobile Market89                                 ...
mobiledevcamp | Lecce |19 Maggio 2012               Open Mobile Market: ForgetUI90                                        ...
mobiledevcamp | Lecce |19 Maggio 2012               Open Mobile Market: ForgetUI91                                        ...
mobiledevcamp | Lecce |19 Maggio 201292                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 201293                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 2012                         Framework javascript...94                                   ...
mobiledevcamp | Lecce |19 Maggio 2012     1   - User management                    9   -                                  ...
mobiledevcamp | Lecce |19 Maggio 2012                                                                               ...96 ...
mobiledevcamp | Lecce |19 Maggio 201297                                           Marco Livraghi|User eXperience Designer ...
mobiledevcamp | Lecce |19 Maggio 2012                   Apps Open Sorce: NYSenate98                                       ...
mobiledevcamp | Lecce |19 Maggio 2012                   Apps Open Sorce: NYSenate     Android per smartphone:99           ...
mobiledevcamp | Lecce |19 Maggio 2012                    Apps Open Sorce: NYSenate      iPad:100                          ...
mobiledevcamp | Lecce |19 Maggio 2012                    Apps Open Sorce: NYSenate      iPad:101                          ...
mobiledevcamp | Lecce |19 Maggio 2012                    Apps Open Sorce: NYSenate      iPad:102                          ...
mobiledevcamp | Lecce |19 Maggio 2012                    Apps Open Sorce: NYSenate      iPhone:103                        ...
mobiledevcamp | Lecce |19 Maggio 2012                                              Riferimenti       appcelerator:        ...
User eXperience Designer & Software Engineermarco@livraghi.comwww.livraghi.comFabrizio Martinagraphic designerstudiografic...
mobiledevcamp | Lecce |19 Maggio 2012                                              Q?106                                  ...
Upcoming SlideShare
Loading in...5
×

MobileDevCamp2012 - Titanium Appcelerator

461

Published on

Queste sono le slide su titanium usate da Marco Livraghi durante il MobileDevCamp 2012 a Lecce.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
461
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "MobileDevCamp2012 - Titanium Appcelerator"

  1. 1. Mar co Livraghi...............................User eXperience Designer & Software Engineer. . . . .
  2. 2. mobiledevcamp | Lecce |19 Maggio 20122 Marco Livraghi|User eXperience Designer & Software Engineer
  3. 3. mobiledevcamp | Lecce |19 Maggio 20123 Marco Livraghi|User eXperience Designer & Software Engineer
  4. 4. mobiledevcamp | Lecce |19 Maggio 20124 Marco Livraghi|User eXperience Designer & Software Engineer
  5. 5. mobiledevcamp | Lecce |19 Maggio 20125 Marco Livraghi|User eXperience Designer & Software Engineer
  6. 6. mobiledevcamp | Lecce |19 Maggio 20126 Marco Livraghi|User eXperience Designer & Software Engineer
  7. 7. mobiledevcamp | Lecce |19 Maggio 20127 Marco Livraghi|User eXperience Designer & Software Engineer
  8. 8. mobiledevcamp | Lecce |19 Maggio 20128 Marco Livraghi|User eXperience Designer & Software Engineer
  9. 9. mobiledevcamp | Lecce |19 Maggio 20129 Marco Livraghi|User eXperience Designer & Software Engineer
  10. 10. mobiledevcamp | Lecce |19 Maggio 201210 Marco Livraghi|User eXperience Designer & Software Engineer
  11. 11. mobiledevcamp | Lecce |19 Maggio 201211 Marco Livraghi|User eXperience Designer & Software Engineer
  12. 12. mobiledevcamp | Lecce |19 Maggio 201212 Marco Livraghi|User eXperience Designer & Software Engineer
  13. 13. mobiledevcamp | Lecce |19 Maggio 201213 Marco Livraghi|User eXperience Designer & Software Engineer
  14. 14. mobiledevcamp | Lecce |19 Maggio 201214 Marco Livraghi|User eXperience Designer & Software Engineer
  15. 15. mobiledevcamp | Lecce |19 Maggio 201215 Marco Livraghi|User eXperience Designer & Software Engineer
  16. 16. mobiledevcamp | Lecce |19 Maggio 201216 Marco Livraghi|User eXperience Designer & Software Engineer
  17. 17. mobiledevcamp | Lecce |19 Maggio 201217 Marco Livraghi|User eXperience Designer & Software Engineer
  18. 18. mobiledevcamp | Lecce |19 Maggio 201218 Marco Livraghi|User eXperience Designer & Software Engineer
  19. 19. mobiledevcamp | Lecce |19 Maggio 2012 Studi sul dispositivo19 Marco Livraghi|User eXperience Designer & Software Engineer
  20. 20. mobiledevcamp | Lecce |19 Maggio 2012 Studi sul dispositivo20 Marco Livraghi|User eXperience Designer & Software Engineer
  21. 21. mobiledevcamp | Lecce |19 Maggio 201221 Marco Livraghi|User eXperience Designer & Software Engineer
  22. 22. mobiledevcamp | Lecce |19 Maggio 201222 Marco Livraghi|User eXperience Designer & Software Engineer
  23. 23. mobiledevcamp | Lecce |19 Maggio 201223 Marco Livraghi|User eXperience Designer & Software Engineer
  24. 24. mobiledevcamp | Lecce |19 Maggio 201224 Marco Livraghi|User eXperience Designer & Software Engineer
  25. 25. mobiledevcamp | Lecce |19 Maggio 201225 Marco Livraghi|User eXperience Designer & Software Engineer
  26. 26. mobiledevcamp | Lecce |19 Maggio 201226 Marco Livraghi|User eXperience Designer & Software Engineer
  27. 27. mobiledevcamp | Lecce |19 Maggio 201227 Marco Livraghi|User eXperience Designer & Software Engineer
  28. 28. mobiledevcamp | Lecce |19 Maggio 201228 Marco Livraghi|User eXperience Designer & Software Engineer
  29. 29. mobiledevcamp | Lecce |19 Maggio 201229 Marco Livraghi|User eXperience Designer & Software Engineer
  30. 30. mobiledevcamp | Lecce |19 Maggio 201230 Marco Livraghi|User eXperience Designer & Software Engineer
  31. 31. mobiledevcamp | Lecce |19 Maggio 2012 Prototipare...31 Marco Livraghi|User eXperience Designer & Software Engineer
  32. 32. mobiledevcamp | Lecce |19 Maggio 2012 Prototipare... Prototipare...32 Marco Livraghi|User eXperience Designer & Software Engineer
  33. 33. mobiledevcamp | Lecce |19 Maggio 2012 Prototipare... Prototipare... Prototipare...33 Marco Livraghi|User eXperience Designer & Software Engineer
  34. 34. mobiledevcamp | Lecce |19 Maggio 2012 Prototipare... Prototipare... Prototipare... 14:15 Prototipazione Paolo Buono - IVU Lab Università degli Studi di Bari Aldo Moro34 Marco Livraghi|User eXperience Designer & Software Engineer
  35. 35. mobiledevcamp | Lecce |19 Maggio 201235 Marco Livraghi|User eXperience Designer & Software Engineer
  36. 36. mobiledevcamp | Lecce |19 Maggio 201236 :-( Marco Livraghi|User eXperience Designer & Software Engineer
  37. 37. mobiledevcamp | Lecce |19 Maggio 201237 Marco Livraghi|User eXperience Designer & Software Engineer
  38. 38. mobiledevcamp | Lecce |19 Maggio 201238 Marco Livraghi|User eXperience Designer & Software Engineer
  39. 39. mobiledevcamp | Lecce |19 Maggio 2012 Mobile Desktop Netbooks Web Developers Tablets Titanium Set-top Boxes Users39 Marco Livraghi|User eXperience Designer & Software Engineer
  40. 40. mobiledevcamp | Lecce |19 Maggio 2012 Titanium Mobile Desktop40 Marco Livraghi|User eXperience Designer & Software Engineer
  41. 41. mobiledevcamp | Lecce |19 Maggio 2012 JavaScript  Applica-on  Code   Titanium  Framework   Titanium  JavaScript  API   JS   JS   Interpreter   iOS     Interpreter   Android     Modules   Modules   Run-me   Run-me   iOS  SDK   Android  SDK  41 Marco Livraghi|User eXperience Designer & Software Engineer
  42. 42. mobiledevcamp | Lecce |19 Maggio 2012 JavaScript  Applica-on  Code    Framework   Titanium  JavaScript  API   JS   JS  42 Interpreter   iOS     Interpreter   Marco Livraghi|User eXperience Designer & Software Engineer Android    
  43. 43. mobiledevcamp | Lecce |19 Maggio 201243 Marco Livraghi|User eXperience Designer & Software Engineer
  44. 44. mobiledevcamp | Lecce |19 Maggio 201244 Marco Livraghi|User eXperience Designer & Software Engineer
  45. 45. mobiledevcamp | Lecce |19 Maggio 201245 Marco Livraghi|User eXperience Designer & Software Engineer
  46. 46. mobiledevcamp | Lecce |19 Maggio 201246 Marco Livraghi|User eXperience Designer & Software Engineer
  47. 47. mobiledevcamp | Lecce |19 Maggio 2012 manifest #appname: prima_app #publisher: marcolivraghi #url: http://www.livraghi.com #image: appicon.png #appid: com.livraghi.prima_app #desc: undefined #type: ipad #guid: 09dd7e67-f94f-42a8-8f8e-6ab512da3b0647 Marco Livraghi|User eXperience Designer & Software Engineer
  48. 48. mobiledevcamp | Lecce |19 Maggio 2012 tiapp.xml <?xml version=”1.0” encoding=”UTF-8”?> <ti:app xmlns:ti=”http://ti.appcelerator.org”> .... .... <iphone> <deployment-targets> <orientations device=”iphone”> <target device=”iphone”>true</target> <orientation>Ti.UI.PORTRAIT</orientation> <target device=”ipad”>true</target> </orientations> <target device=”android”>true</target> <orientations device=”ipad”> <target device=”blackberry”>false</target> <orientation>Ti.UI.PORTRAIT</orientation> </deployment-targets> <orientation>Ti.UI.UPSIDE_PORTRAIT</orientation> <sdk-version>2.0.1.v20120405211737</sdk-version> <orientation>Ti.UI.LANDSCAPE_LEFT</orientation> <id>com.livraghi.prima_app</id> <orientation>Ti.UI.LANDSCAPE_RIGHT</orientation> <name>prima_app</name> </orientations> <version>1.0</version> </iphone> <publisher>marcolivraghi</publisher> <android xmlns:android= <url>http://www.livraghi.com</url> ”http://schemas.android.com/apk/res/android”/> <description>not specified</description> <modules> <copyright>2012 by marcolivraghi</copyright> <module platform=”commonjs” version=”2.0.1”> <icon>appicon.png</icon> ti.cloud <persistent-wifi>false</persistent-wifi> </module> <prerendered-icon>false</prerendered-icon> </modules> <statusbar-style>default</statusbar-style> </ti:app> <statusbar-hidden>false</statusbar-hidden> <fullscreen>false</fullscreen> <navbar-hidden>false</navbar-hidden> <analytics>true</analytics> <guid>09dd7e67-f94f-42a8-8f8e-6ab512da3b06</guid> <property name=”ti.ui.defaultunit”>system</property>48 Marco Livraghi|User eXperience Designer & Software Engineer
  49. 49. mobiledevcamp | Lecce |19 Maggio 2012 tiapp.xml <?xml version=”1.0” encoding=”UTF-8”?> <ti:app xmlns:ti=”http://ti.appcelerator.org”> .... .... <iphone> <deployment-targets> <orientations device=”iphone”> <target device=”iphone”>true</target> <orientation>Ti.UI.PORTRAIT</orientation> <target device=”ipad”>true</target> </orientations> <target device=”android”>true</target> <orientations device=”ipad”> <target device=”blackberry”>false</target> <orientation>Ti.UI.PORTRAIT</orientation> </deployment-targets> <orientation>Ti.UI.UPSIDE_PORTRAIT</orientation> <sdk-version>2.0.1.v20120405211737</sdk-version> <orientation>Ti.UI.LANDSCAPE_LEFT</orientation> <id>com.livraghi.prima_app</id> <orientation>Ti.UI.LANDSCAPE_RIGHT</orientation> <name>prima_app</name> </orientations> <version>1.0</version> </iphone> <publisher>marcolivraghi</publisher> <android xmlns:android= <url>http://www.livraghi.com</url> ”http://schemas.android.com/apk/res/android”/> <description>not specified</description> <modules> <copyright>2012 by marcolivraghi</copyright> <module platform=”commonjs” version=”2.0.1”> <icon>appicon.png</icon> ti.cloud <persistent-wifi>false</persistent-wifi> </module> <prerendered-icon>false</prerendered-icon> </modules> <statusbar-style>default</statusbar-style> </ti:app> <statusbar-hidden>false</statusbar-hidden> <fullscreen>false</fullscreen> <navbar-hidden>false</navbar-hidden> <analytics>true</analytics> <guid>09dd7e67-f94f-42a8-8f8e-6ab512da3b06</guid> <property name=”ti.ui.defaultunit”>system</property>49 Marco Livraghi|User eXperience Designer & Software Engineer
  50. 50. mobiledevcamp | Lecce |19 Maggio 2012 tiapp.xml <?xml version=”1.0” encoding=”UTF-8”?> <ti:app xmlns:ti=”http://ti.appcelerator.org”> .... .... <iphone> <deployment-targets> <orientations device=”iphone”> <target device=”iphone”>true</target> <orientation>Ti.UI.PORTRAIT</orientation> <target device=”ipad”>true</target> </orientations> <target device=”android”>true</target> <orientations device=”ipad”> <target device=”blackberry”>false</target> <orientation>Ti.UI.PORTRAIT</orientation> </deployment-targets> <orientation>Ti.UI.UPSIDE_PORTRAIT</orientation> <sdk-version>2.0.1.v20120405211737</sdk-version> <orientation>Ti.UI.LANDSCAPE_LEFT</orientation> <id>com.livraghi.prima_app</id> <orientation>Ti.UI.LANDSCAPE_RIGHT</orientation> <name>prima_app</name> </orientations> <version>1.0</version> </iphone> <publisher>marcolivraghi</publisher> <android xmlns:android= <url>http://www.livraghi.com</url> ”http://schemas.android.com/apk/res/android”/> <description>not specified</description> <modules> <copyright>2012 by marcolivraghi</copyright> <module platform=”commonjs” version=”2.0.1”> <icon>appicon.png</icon> ti.cloud <persistent-wifi>false</persistent-wifi> </module> <prerendered-icon>false</prerendered-icon> </modules> <statusbar-style>default</statusbar-style> </ti:app> <statusbar-hidden>false</statusbar-hidden> <fullscreen>false</fullscreen> <navbar-hidden>false</navbar-hidden> <analytics>true</analytics> <guid>09dd7e67-f94f-42a8-8f8e-6ab512da3b06</guid> <property name=”ti.ui.defaultunit”>system</property>50 Marco Livraghi|User eXperience Designer & Software Engineer
  51. 51. mobiledevcamp | Lecce |19 Maggio 2012 tiapp.xml <?xml version=”1.0” encoding=”UTF-8”?> <ti:app xmlns:ti=”http://ti.appcelerator.org”> .... .... <iphone> <deployment-targets> <orientations device=”iphone”> <target device=”iphone”>true</target> <orientation>Ti.UI.PORTRAIT</orientation> <target device=”ipad”>true</target> </orientations> <target device=”android”>true</target> <orientations device=”ipad”> <target device=”blackberry”>false</target> <orientation>Ti.UI.PORTRAIT</orientation> </deployment-targets> <orientation>Ti.UI.UPSIDE_PORTRAIT</orientation> <sdk-version>2.0.1.v20120405211737</sdk-version> <orientation>Ti.UI.LANDSCAPE_LEFT</orientation> <id>com.livraghi.prima_app</id> <orientation>Ti.UI.LANDSCAPE_RIGHT</orientation> <name>prima_app</name> </orientations> <version>1.0</version> </iphone> <publisher>marcolivraghi</publisher> <android xmlns:android= <url>http://www.livraghi.com</url> ”http://schemas.android.com/apk/res/android”/> <description>not specified</description> <modules> <copyright>2012 by marcolivraghi</copyright> <module platform=”commonjs” version=”2.0.1”> <icon>appicon.png</icon> ti.cloud <persistent-wifi>false</persistent-wifi> </module> <prerendered-icon>false</prerendered-icon> </modules> <statusbar-style>default</statusbar-style> </ti:app> <statusbar-hidden>false</statusbar-hidden> <fullscreen>false</fullscreen> <navbar-hidden>false</navbar-hidden> <analytics>true</analytics> <guid>09dd7e67-f94f-42a8-8f8e-6ab512da3b06</guid> <property name=”ti.ui.defaultunit”>system</property>51 Marco Livraghi|User eXperience Designer & Software Engineer
  52. 52. mobiledevcamp | Lecce |19 Maggio 2012 Un primo esempio: App.js52 Marco Livraghi|User eXperience Designer & Software Engineer
  53. 53. mobiledevcamp | Lecce |19 Maggio 2012 Un primo esempio: App.js53 Marco Livraghi|User eXperience Designer & Software Engineer
  54. 54. mobiledevcamp | Lecce |19 Maggio 2012 Un primo esempio: App.js54 Marco Livraghi|User eXperience Designer & Software Engineer
  55. 55. mobiledevcamp | Lecce |19 Maggio 2012 Un primo esempio: App.js55 Marco Livraghi|User eXperience Designer & Software Engineer
  56. 56. mobiledevcamp | Lecce |19 Maggio 2012 Un secondo esempio: App.js var win = Titanium.UI.createWindow({ title:’Hello’, backgroundColor:’#fff’ }); var label1 = Titanium.UI.createLabel({ color:’#333’, text:’Hello World!’, textAlign: ‘center’, font: {fontSize: 30, fontWeight: ‘bold’} }); win.add(label1); var bt = Titanium.UI.createButton({ title: ‘Click me’, width: 100, height: 40, bottom: 40 }); bt.addEventListener(‘click’, function(e) { label1.text = ‘OK!’; }); win.add(bt); win.open();56 Marco Livraghi|User eXperience Designer & Software Engineer
  57. 57. mobiledevcamp | Lecce |19 Maggio 2012 titanium studio57 Marco Livraghi|User eXperience Designer & Software Engineer
  58. 58. mobiledevcamp | Lecce |19 Maggio 2012 titanium studio58 Marco Livraghi|User eXperience Designer & Software Engineer
  59. 59. mobiledevcamp | Lecce |19 Maggio 201259 Marco Livraghi|User eXperience Designer & Software Engineer
  60. 60. mobiledevcamp | Lecce |19 Maggio 2012 Appcelerator Titanium Docs 2.060 Marco Livraghi|User eXperience Designer & Software Engineer
  61. 61. mobiledevcamp | Lecce |19 Maggio 2012 Appcelerator Titanium Docs 2.061 Marco Livraghi|User eXperience Designer & Software Engineer
  62. 62. mobiledevcamp | Lecce |19 Maggio 2012 Appcelerator Titanium Docs 2.062 Marco Livraghi|User eXperience Designer & Software Engineer
  63. 63. mobiledevcamp | Lecce |19 Maggio 2012 Appcelerator Titanium Docs 2.063 Marco Livraghi|User eXperience Designer & Software Engineer
  64. 64. mobiledevcamp | Lecce |19 Maggio 2012 Appcelerator Titanium Docs 2.064 Marco Livraghi|User eXperience Designer & Software Engineer
  65. 65. mobiledevcamp | Lecce |19 Maggio 2012 Appcelerator Titanium Docs 2.065 Marco Livraghi|User eXperience Designer & Software Engineer
  66. 66. mobiledevcamp | Lecce |19 Maggio 2012 MEDIA API: CAMERA66 Marco Livraghi|User eXperience Designer & Software Engineer
  67. 67. mobiledevcamp | Lecce |19 Maggio 2012 MEDIA API: PHOTO GALLERY67 Marco Livraghi|User eXperience Designer & Software Engineer
  68. 68. mobiledevcamp | Lecce |19 Maggio 2012 GEOLOCATION API68 Marco Livraghi|User eXperience Designer & Software Engineer
  69. 69. mobiledevcamp | Lecce |19 Maggio 2012 ACCELEROMETER API69 Marco Livraghi|User eXperience Designer & Software Engineer
  70. 70. mobiledevcamp | Lecce |19 Maggio 2012 MAP API70 Marco Livraghi|User eXperience Designer & Software Engineer
  71. 71. mobiledevcamp | Lecce |19 Maggio 2012 FACEBOOK API71 Marco Livraghi|User eXperience Designer & Software Engineer
  72. 72. mobiledevcamp | Lecce |19 Maggio 2012 FACEBOOK API72 Marco Livraghi|User eXperience Designer & Software Engineer
  73. 73. mobiledevcamp | Lecce |19 Maggio 2012 ESTENDERE LE API: Perché?73 Marco Livraghi|User eXperience Designer & Software Engineer
  74. 74. mobiledevcamp | Lecce |19 Maggio 2012 ESTENDERE LE API: Perché? - Per accedere a specifiche funzionalità del OS,74 Marco Livraghi|User eXperience Designer & Software Engineer
  75. 75. mobiledevcamp | Lecce |19 Maggio 2012 ESTENDERE LE API: Perché? - Per accedere a specifiche funzionalità del OS, - Sfruttare liberie native pre-esistenti,75 Marco Livraghi|User eXperience Designer & Software Engineer
  76. 76. mobiledevcamp | Lecce |19 Maggio 2012 ESTENDERE LE API: Perché? - Per accedere a specifiche funzionalità del OS, - Sfruttare liberie native pre-esistenti, - Ottimizzare parti critiche dell’app,76 Marco Livraghi|User eXperience Designer & Software Engineer
  77. 77. mobiledevcamp | Lecce |19 Maggio 2012 ESTENDERE LE API: Perché? - Per accedere a specifiche funzionalità del OS, - Sfruttare liberie native pre-esistenti, - Ottimizzare parti critiche dell’app, - Estendere e migliorare porzioni del framework Titanium Mobile77 Marco Livraghi|User eXperience Designer & Software Engineer
  78. 78. mobiledevcamp | Lecce |19 Maggio 2012 ESTENDERE LE API: Come? - Creando un fork sul sorce code di Titanium Mobile su github PRO + Modifiche sostanziali al core del framework. CONTRO - Mantenere aggiornato un fork separato è costoso e noioso.78 Marco Livraghi|User eXperience Designer & Software Engineer
  79. 79. mobiledevcamp | Lecce |19 Maggio 2012 ESTENDERE LE API: Come? - Creando uno o pìù moduli nativi tramite l’SDK Titanium Module. PRO + Grande flessibilità + Semplice da distribuire come modulo open source, package precompilato e ... Appcelerator Ti+Plus Marketplace79 Marco Livraghi|User eXperience Designer & Software Engineer
  80. 80. mobiledevcamp | Lecce |19 Maggio 2012 Moduli nativi - alcuni esempi - Android scanner di codici a barre (wrapper Zxing) https://github.com/mwaylabs/titanium-barcode - iOS ZipFile (creare/decomprimere file zip) https://github.com/TermiT/ZipFile - iOS TiStoreKit (acquisti in app) https://github.com/masuidrive/TiStoreKit - iOS TiSMSDialog (invio di sms dall’app) https://github.com/omorandi/TiSMSDialog - Appcelerator Titanium modules (esempi di moduli) https://github.com/appcelerator/titanium_modules80 Marco Livraghi|User eXperience Designer & Software Engineer
  81. 81. mobiledevcamp | Lecce |19 Maggio 2012 Titanium JS Interface: Esempio var bt = Titanium.UI.createButton({ title: ‘Click me’, width: 100, height: 40, bottom: 40 }); bt.addEventListener(‘click’, function(e) { label1.text = ‘OK!’; });81 Marco Livraghi|User eXperience Designer & Software Engineer
  82. 82. mobiledevcamp | Lecce |19 Maggio 2012 Titanium JS Interface: Esempio - Module Titanium.UI - Object Titanium.UI.Button - Object Factory Titanium.UI.createButton() - Property getters/setters - methods Button.title Button.width Button.animate() ecc... - Event handling Button.addEventListener()82 Marco Livraghi|User eXperience Designer & Software Engineer
  83. 83. mobiledevcamp | Lecce |19 Maggio 2012 Struttura del Modulo83 Marco Livraghi|User eXperience Designer & Software Engineer
  84. 84. mobiledevcamp | Lecce |19 Maggio 2012 Open Mobile Market84 Marco Livraghi|User eXperience Designer & Software Engineer
  85. 85. mobiledevcamp | Lecce |19 Maggio 2012 Open Mobile Market85 Marco Livraghi|User eXperience Designer & Software Engineer
  86. 86. mobiledevcamp | Lecce |19 Maggio 2012 Open Mobile Market86 Marco Livraghi|User eXperience Designer & Software Engineer
  87. 87. mobiledevcamp | Lecce |19 Maggio 2012 Open Mobile Market87 Marco Livraghi|User eXperience Designer & Software Engineer
  88. 88. mobiledevcamp | Lecce |19 Maggio 2012 Open Mobile Market88 Marco Livraghi|User eXperience Designer & Software Engineer
  89. 89. mobiledevcamp | Lecce |19 Maggio 2012 Open Mobile Market89 Marco Livraghi|User eXperience Designer & Software Engineer
  90. 90. mobiledevcamp | Lecce |19 Maggio 2012 Open Mobile Market: ForgetUI90 Marco Livraghi|User eXperience Designer & Software Engineer
  91. 91. mobiledevcamp | Lecce |19 Maggio 2012 Open Mobile Market: ForgetUI91 Marco Livraghi|User eXperience Designer & Software Engineer
  92. 92. mobiledevcamp | Lecce |19 Maggio 201292 Marco Livraghi|User eXperience Designer & Software Engineer
  93. 93. mobiledevcamp | Lecce |19 Maggio 201293 Marco Livraghi|User eXperience Designer & Software Engineer
  94. 94. mobiledevcamp | Lecce |19 Maggio 2012 Framework javascript...94 Marco Livraghi|User eXperience Designer & Software Engineer
  95. 95. mobiledevcamp | Lecce |19 Maggio 2012 1 - User management 9 - Status updates 2 - Photos 10 - Chat 3 - Photo collections 11 - Ratings and reviews 4 - Places 12 - Discussion forums (rich location storage) 13 - Messaging and email 5 - Social integration templates 6 - Custom data objects 14 - Client identification 7 - Push notifications 15 - Key values 8 - Check-ins95 Marco Livraghi|User eXperience Designer & Software Engineer
  96. 96. mobiledevcamp | Lecce |19 Maggio 2012 ...96 Marco Livraghi|User eXperience Designer & Software Engineer
  97. 97. mobiledevcamp | Lecce |19 Maggio 201297 Marco Livraghi|User eXperience Designer & Software Engineer
  98. 98. mobiledevcamp | Lecce |19 Maggio 2012 Apps Open Sorce: NYSenate98 Marco Livraghi|User eXperience Designer & Software Engineer
  99. 99. mobiledevcamp | Lecce |19 Maggio 2012 Apps Open Sorce: NYSenate Android per smartphone:99 Marco Livraghi|User eXperience Designer & Software Engineer
  100. 100. mobiledevcamp | Lecce |19 Maggio 2012 Apps Open Sorce: NYSenate iPad:100 Marco Livraghi|User eXperience Designer & Software Engineer
  101. 101. mobiledevcamp | Lecce |19 Maggio 2012 Apps Open Sorce: NYSenate iPad:101 Marco Livraghi|User eXperience Designer & Software Engineer
  102. 102. mobiledevcamp | Lecce |19 Maggio 2012 Apps Open Sorce: NYSenate iPad:102 Marco Livraghi|User eXperience Designer & Software Engineer
  103. 103. mobiledevcamp | Lecce |19 Maggio 2012 Apps Open Sorce: NYSenate iPhone:103 Marco Livraghi|User eXperience Designer & Software Engineer
  104. 104. mobiledevcamp | Lecce |19 Maggio 2012 Riferimenti appcelerator: website: http://www.appcelerator.com github: https://github.com/appcelerator kitchen sink: http://github.com/appcelerator/ KitchenSink last builds: http://builds.appcelerator.com.s3.amazonaws.com/index.html docs: http://docs.appcelerator.com cloud: http://cloud.appcelerator.com blog: http://developer.appcelerator.com/blog thinkmobile.appcelerator.com/blog showcase: http://www.builtwithtitanium.com nysenate: http://github.com/nysenate mobile SDK iOS: http://developer.apple.com Android: http://developer.android.com104 Marco Livraghi|User eXperience Designer & Software Engineer
  105. 105. User eXperience Designer & Software Engineermarco@livraghi.comwww.livraghi.comFabrizio Martinagraphic designerstudiograficofm@mac.comfotografomassimo.cordella@alice.it
  106. 106. mobiledevcamp | Lecce |19 Maggio 2012 Q?106 Marco Livraghi|User eXperience Designer & Software Engineer
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×