mobiledevcamp2012 livraghi appcelerator 19 maggio 2012

User eX Designer & Software Engineer

Marco LivraghiUser eXperience Designer & Software Engineer...............................

. . . . .

Marco Livraghi|User eXperience Designer & Software Engineer2

mobiledevcamp | Lecce |19 Maggio 2012

Studi sul dispositivo

Prototipare...

Prototipare...Prototipare...

Prototipare...Prototipare...Prototipare...

14:15PrototipazionePaolo Buono - IVU LabUniversità degli Studi di Bari Aldo Moro

Web Developers

Desktop

Netbooks

Tablets

Set-top Boxes

Mobile

Titanium

Marco Livraghi|User eXperience Designer & Software Engineer

Mobile Desktop

Titanium

JavaScript Applica-on Code

Titanium JavaScript API

Android Modules

iOS Modules

Android SDK iOS SDK

Titanium

Framew

JS Interpreter

Run-me

JS Interpreter

Run-me

JavaScript Applica-on Code

Titanium JavaScript API

Android Modules

iOS Modules

Android SDK iOS SDK

Titanium

Framew

JS Interpreter

Run-me

JS Interpreter

Run-me

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-6ab512da3b06

tiapp.xml

<iphone> <orientations device=”iphone”> <orientation>Ti.UI.PORTRAIT</orientation> </orientations> <orientations device=”ipad”> <orientation>Ti.UI.PORTRAIT</orientation> <orientation>Ti.UI.UPSIDE_PORTRAIT</orientation> <orientation>Ti.UI.LANDSCAPE_LEFT</orientation> <orientation>Ti.UI.LANDSCAPE_RIGHT</orientation> </orientations> </iphone> <android xmlns:android= ”http://schemas.android.com/apk/res/android”/> <modules> <module platform=”commonjs” version=”2.0.1”> ti.cloud </module> </modules></ti:app>

<?xml version=”1.0” encoding=”UTF-8”?><ti:app xmlns:ti=”http://ti.appcelerator.org”> .... .... <deployment-targets> <target device=”iphone”>true</target> <target device=”ipad”>true</target> <target device=”android”>true</target> <target device=”blackberry”>false</target> </deployment-targets> <sdk-version>2.0.1.v20120405211737</sdk-version> <id>com.livraghi.prima_app</id> <name>prima_app</name> <version>1.0</version> <publisher>marcolivraghi</publisher> <url>http://www.livraghi.com</url> <description>not specified</description> <copyright>2012 by marcolivraghi</copyright> <icon>appicon.png</icon> <persistent-wifi>false</persistent-wifi> <prerendered-icon>false</prerendered-icon> <statusbar-style>default</statusbar-style> <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>

tiapp.xml

Un primo esempio: App.js

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();

Un secondo esempio: App.js

titanium studio

Appcelerator Titanium Docs 2.0

MEDIA API: CAMERA

MEDIA API: PHOTO GALLERY

GEOLOCATION API

ACCELEROMETER API

MAP API

FACEBOOK API

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 Mobile

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.

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 Marketplace

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_modules

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!’;});

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()

Struttura del Modulo

Open Mobile Market

Open Mobile Market: ForgetUI

Framework javascript...

1 - User management 2 - Photos 3 - Photo collections4 - Places (rich location storage)5 - Social integration6 - Custom data objects7 - Push notifications8 - Check-ins

9 - Status updates10 - Chat 11 - Ratings and reviews12 - Discussion forums13 - Messaging and email templates14 - Client identification15 - Key values

Apps Open Sorce: NYSenate

Android per smartphone:

iPhone:

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/nysenatemobile SDK iOS: http://developer.apple.com Android: http://developer.android.com

Riferimenti

User eXperience Designer & Software Engineermarco@livraghi.comwww.livraghi.com

graphic designerstudiograficofm@mac.com

Fabrizio Martina

fotografomassimo.cordella@alice.it

mobiledevcamp2012 livraghi appcelerator 19 maggio 2012

Design

appcelerator corporate overview

appcelerator titanium intro (2014)

mobiledevcamp2012 - windows phone

beacons in appcelerator titanium

mobiledevcamp2012 - icon

appcelerator oss & platform

gli strumenti musicali mario livraghi

appcelerator titanium – b2w digital

présentation appcelerator platform - juin 2014

introduction to appcelerator titanium slides

appcelerator alloy mvc

mobile appcelerator titanium

titanium appcelerator - beginners

wappzapp & appcelerator titanium

appcelerator titanium intro

appcelerator aptana acquisition slides

livraghi, giancarlo el poder de la estupidez

keynote: techday7 appcelerator titanium

appcelerator meetup rockstart

appcelerator report-q3-2012-final