1. DEVELOPINGIOS & ANDROIDAPPS USINGTITANIUM NHM TANVEER HOSSAIN KHAN HASIN HAYDER

3. DEVICE INDEPENDENT

4. COMMON TOOLS

5. NATIVE

7. NATIVE UI

8. LEARNING JQUERY FOR WEB

10. EASY TO GRASP

13. Use titanium JavaScript library

14. Titanium JavaScript interpreter interprets and Call native methods.

15. Just like $(‘#someId’) Or Natively document.getElementById(‘someId’) Collected from - http://www.appcelerator.com/products/titanium-cross-platform-application-development/

16. Titanium, THE GOOD, THE BAD & THE UGLY EVERYTHING NATIVE JS/JSS DEVELOPMENT EXTENSIBLE DEPLOYMENT IS FUN BEAUTIFUL IDE

17. Titanium,THE GOOD, THE BAD & THE UGLY UI DESIGN IS PAIN 640 Lines of code

20. Titanium, DESIGNING A SAMPLE UI var win = Ti.UI.createWindow({ backgroundColor:"#FFF" }); win.open();

21. Titanium, ADD a container varview = Ti.UI.createView({ top:10, left:10, height:300, width:300, backgroundColor:"#AAA", borderRadius:10 }); win.add(view);

22. Titanium, add a container varview = Ti.UI.createView({ top:10,left:10, height:300,width:300, backgroundColor:"#AAA", borderRadius:10 }); win.add(view);

23. Titanium, add a button var button = Ti.UI.createButton({ title:"ClickMe", top:10, left:10, height:40, width:280 }); view.add(button);

24. Titanium, add a button var button = Ti.UI.createButton({ title:"ClickMe", top:10, left:10, height:40, width:280 }); view.add(button);

25. Titanium, add a button button.addEventListener("click", function(){ alert("Welcome to JSCon"); } );

26. Titanium, add a button button.addEventListener("click", function(){ alert("Welcome to JSCon 2011"); } );

27. Titanium, OPEN a DIALOG vardlg = Ti.UI.createOptionDialog({ title:"Delete?", options:["Yes","No"], cancel:1 }); dlg.addEventListener("click", function(e){ alert(e.index); }); dlg.show();

28. Titanium, add a button vardlg = Ti.UI.createOptionDialog({ title:"Delete?", options:["Yes","No"], cancel:1 }); dlg.addEventListener("click", function(e){ alert(e.index); }); dlg.show();

29. Titanium, LOTS OF UI ELEMENTS

31. WEB SERVICES

32. MEDIA ELEMENTS

33. NATIVE FEATUERS

34. ACCELEROMETER

35. GEOLOCATION

36. SOCIAL NETWORK

38. Titanium, GEOLOCATION Ti.Geolocation.getCurrentPosition( function(e) { if (e.error) { alert(’Cant locate'); return; } } );

39. Titanium, Find the location Ti.Geolocation.getCurrentPositio( function(e) { if (e.error) { alert(’Cant locate'); return; } });

40. Titanium,Find the location var longitude = e.coords.longitude; var latitude = e.coords.latitude; var altitude = e.coords.altitude; var heading = e.coords.heading; var accuracy = e.coords.accuracy; var speed = e.coords.speed;

41. Titanium, DRAW THE MAP varmapview = Ti.Map.createView({ mapType: Ti.Map.STANDARD_TYPE, region: {latitude: "23.7230556", longitude: "90.4086111", }, });

42. Titanium, HOW ABOUT AN APP? ?

43. Titanium, HOW ABOUT VEHICLE TRACKER?

44. Titanium, HOW ABOUT VEHICLE TRACKER?

45. Titanium, HOW ABOUT VEHICLE TRACKER?

46. Titanium, HOW ABOUT A GPS APP? HOMEWORK

47. Titanium, EVERYTHING SQLITE SQLite Manager

48. Titanium, INSTALL A DATABASE Create or open an existing database - vardb = Ti.Database.open(‘JSConf’) Use database with your default data -vardb = Ti.Database.install( ‘bundled/JSConf.db’, ‘JSConf’)

49. Titanium,CREATE TABLE db.execute(‘CREATETABLE IF NOT EXISTS topics ( id INTEGER, title TEXT, speakers TEXT, duration INTEGER,PRIMARY KEY(id) )’);

50. Titanium,INSERT varresult = db.execute(‘INSERT INTO topics (title, speakers, duration)VALUES (?, ?, ?, ?)‘, ‘Titanium’, ‘Hasin & Hasan’, 30);

53. Titanium,UPDATE Successful execution ? if (result.getRowsAffected() > 0)

54. Titanium,DELETE var result = db.execute(‘DELETE FROM topicsWHERE id = ?‘, 1);

55. Titanium,DELETE Successful execution ? if (result.getRowsAffected() > 0)

56. Titanium,RETRIEVE var result = db.execute(‘SELECT (id, title, speakers) FROM topicsWHERE id = ?‘, 1);

57. Titanium,RETRIEVE Iterate through rows - while(result.isValidRow()) {var title = result.fieldByName(‘title’); result.next();}

58. Titanium, AJAX varxhr = Ti.Network.createHTTPClient(); xhr.open('GET', 'url'); var params = {id:"1"} xhr.send(params); sendit.onload = function(){ var json = JSON.parse(this.responseText); }

59. Titanium, AJAX varxhr = Ti.Network.createHTTPClient(); xhr.open('GET', 'url'); var params = {id:"1"} xhr.send(params); sendit.onload = function(){ var json = JSON.parse(this.responseText); }

60. Titanium,MONEtize using iAd adView = Ti.UI.iOS.createAdView({ width: 'auto', height: 'auto', });

62. STREAM

64. STREAM

68. IN APP PURCHASE

71. Titanium, DEVICE TESTING

72. Titanium, DISTRIBUTE

74. DIFFERENT LANGUAGE

75. PHP

76. PYTHON

77. RUBY

78. JAVASCRIPT

80. Titanium, PACKAGE DESKTOP

81. Thank you, QUESTIONS? ?