30
DEVELOPING ANDROID APPS USING TITANIUM

Appcelerator titanium

Embed Size (px)

DESCRIPTION

http://novavision-it.tn/

Citation preview

Page 1: Appcelerator titanium

DEVELOPING ANDROID APPS USING TITANIUM

Page 2: Appcelerator titanium

Soltani KadhemWeb and Mobile Developer

Page 3: Appcelerator titanium

• iPhone (objective-C)• Android (Java , Google Style)• RIM (Java, Blackberry)• Symbian (old school C)

Page 4: Appcelerator titanium

What is Titanium Mobile ?

• Open source • Build native, cross-platform mobile apps• Using only JavaScript,HTML and CSS• One codebase for multiple platforms

Page 5: Appcelerator titanium
Page 6: Appcelerator titanium

Small intro about Titanium Studio

- Powerful Eclipse-based IDE- It will help you create, run for test and deploy (to app store) .

Page 7: Appcelerator titanium

Ti Studio (why it so powerful)…

• It always notifies you about latest SDK and Studio updates .

Page 8: Appcelerator titanium

Ti Studio (why it so powerful)…

• It is so smart, because it catches mistakes immediately!

Page 9: Appcelerator titanium

Ti Studio (why it so powerful)…

• Syntax highlighting

Page 10: Appcelerator titanium

Ti Studio (why it so powerful)…

• Content assist and more…

Page 11: Appcelerator titanium

Project structure…

Page 12: Appcelerator titanium

{code}

LET’S GET INTO THE INTERESTING PART. CODING…

Page 13: Appcelerator titanium

Titanium, DESIGNING A SAMPLE UI

Ti.UI.createWindow({        backgroundColor:"#FFF"});win.open();

Page 14: Appcelerator titanium

Titanium, ADD a container

var view = Ti.UI.createView({top:10,left:10,height:300,width:300,backgroundColor:"#AAA",borderRadius:10

});win.add(view);

Page 15: Appcelerator titanium

Titanium, add a button

var button = Ti.UI.createButton({

title:"Click Me",top:10, left:10,

height:40, width:280});

view.add(button);

Page 16: Appcelerator titanium

button.addEventListener("click", function(){ alert("Comment gagner de l'argent avec google"); });

Titanium, add a button

Page 17: Appcelerator titanium

Titanium, OPEN A DIALOG

var dlg = Ti.UI.createOptionDialog({

title:"Delete?",options:

["Yes","No"],cancel:1

});dlg.addEventListener("click", function(e){

alert(e.index);});

dlg.show();

Page 18: Appcelerator titanium

Titanium, ITS NOT ONLY ABOUT UI

• DATABASE• WEB SERVICES• MEDIA ELEMENTS• SOCIAL NETWORK

Page 19: Appcelerator titanium

Titanium, EVERYTHING SQLITE

SQLite Manager

Page 20: Appcelerator titanium

Why SQLite fit?

• SQLite does not need tobe «installed» before it is used.

•There is no « setup »  procedure.

•There is no need for an administrator to create a new database.

•There is no real notion of « initiating a connection ».

•Accessing SQLite DB is damn easy(open,query,close).

•Faster read and write operations.

Page 21: Appcelerator titanium

{code}

Page 22: Appcelerator titanium

Titanium, INSTALL A DATABASE

Use database with your default data –

Create or open an existing database -

var db = Ti.Database.install( ‘test.db’, ‘DB1’)

var db = Ti.Database.open(‘DB1’)

Page 23: Appcelerator titanium

Titanium, CREATE TABLE

db.execute(‘ CREATE TABLE IF NOT EXISTS users ( id INTEGER, Name TEXT, LastName TEXT, mail TEXT, PRIMARY KEY(id) )’);

Page 24: Appcelerator titanium

Titanium, INSERT

var result = db.execute(“ INSERT INTO users (Name, LastName, mail) VALUES (‘Kadhem’, ‘Soltani’, ‘kadhem.soltani@outlook,com’)“);

Page 25: Appcelerator titanium

Titanium, UPDATE

var result = db.execute(‘ UPDATE users SET Name = ‘Wael’ WHERE id = 1 );

Page 26: Appcelerator titanium

Titanium, DELETE

var result = db.execute(‘ DELETE FROM users WHERE id = 1‘);

Page 27: Appcelerator titanium

Titanium, READ

var result = db.execute(‘ SELECT (id, Name, LastName) FROM users WHERE id = 1);

Page 28: Appcelerator titanium

Titanium, READ

while (result.isValidRow()) { var name = result.fieldByName(‘name’); result.next();}

Iterate through rows -

Page 29: Appcelerator titanium

?Thank you, QUESTIONS?

Page 30: Appcelerator titanium

http://www.youtube.com/watch?v=I6iESgpZIwEhttp://www.youtube.com/watch?v=ohvw3WebAkY

Introduction To Appcelerator Titanium

Kadhem,soltani@outlook,com