Web Jam10
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Web Jam10

  • 2,116 views
Uploaded on

Presenting NextSydneyFerry, TweetFrame and the awesome Appcelerator Titanium framework at WebJam10

Presenting NextSydneyFerry, TweetFrame and the awesome Appcelerator Titanium framework at WebJam10

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
2,116
On Slideshare
2,116
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
8
Comments
2
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Hi, I’m JJ and I wanna show you two iPhone apps: TweetFrame and NextSydneyFerry.
  • The NextSydneyFerry app is based on the NextSydneyFerry.com site, which I made earlier in the year, <br /> which is a simplified ferry timetable: it shows you the next ferry to depart from Circular Quay <br /> for the ferry service you select. It&#x2019;s free in the App store. <br /> It uses Yahoo YQL to query the data from SydneyFerries.info site. <br /> An interesting titbit: last month I got more app downloads then users of the web app... (doesn&#x2019;t mean that much anyway)
  • The NextSydneyFerry app is based on the NextSydneyFerry.com site, which I made earlier in the year, <br /> which is a simplified ferry timetable: it shows you the next ferry to depart from Circular Quay <br /> for the ferry service you select. It&#x2019;s free in the App store. <br /> It uses Yahoo YQL to query the data from SydneyFerries.info site. <br /> An interesting titbit: last month I got more app downloads then users of the web app... (doesn&#x2019;t mean that much anyway)
  • The NextSydneyFerry app is based on the NextSydneyFerry.com site, which I made earlier in the year, <br /> which is a simplified ferry timetable: it shows you the next ferry to depart from Circular Quay <br /> for the ferry service you select. It&#x2019;s free in the App store. <br /> It uses Yahoo YQL to query the data from SydneyFerries.info site. <br /> An interesting titbit: last month I got more app downloads then users of the web app... (doesn&#x2019;t mean that much anyway)
  • TweetFrame is a simple Twitter visualization app, like a digital picture frame, but for tweets. <br /> You provide a search string, a hashtag, or username and it cycles through those tweets. <br /> There are a number of options: display speed, transitions, number of tweets, sort order, a landscape mode. <br /> There&#x2019;s still plenty of room for improvements. And it&#x2019;s free in the App store.
  • TweetFrame is a simple Twitter visualization app, like a digital picture frame, but for tweets. <br /> You provide a search string, a hashtag, or username and it cycles through those tweets. <br /> There are a number of options: display speed, transitions, number of tweets, sort order, a landscape mode. <br /> There&#x2019;s still plenty of room for improvements. And it&#x2019;s free in the App store.
  • TweetFrame is a simple Twitter visualization app, like a digital picture frame, but for tweets. <br /> You provide a search string, a hashtag, or username and it cycles through those tweets. <br /> There are a number of options: display speed, transitions, number of tweets, sort order, a landscape mode. <br /> There&#x2019;s still plenty of room for improvements. And it&#x2019;s free in the App store.
  • TweetFrame is a simple Twitter visualization app, like a digital picture frame, but for tweets. <br /> You provide a search string, a hashtag, or username and it cycles through those tweets. <br /> There are a number of options: display speed, transitions, number of tweets, sort order, a landscape mode. <br /> There&#x2019;s still plenty of room for improvements. And it&#x2019;s free in the App store.
  • TweetFrame is a simple Twitter visualization app, like a digital picture frame, but for tweets. <br /> You provide a search string, a hashtag, or username and it cycles through those tweets. <br /> There are a number of options: display speed, transitions, number of tweets, sort order, a landscape mode. <br /> There&#x2019;s still plenty of room for improvements. And it&#x2019;s free in the App store.
  • TweetFrame is a simple Twitter visualization app, like a digital picture frame, but for tweets. <br /> You provide a search string, a hashtag, or username and it cycles through those tweets. <br /> There are a number of options: display speed, transitions, number of tweets, sort order, a landscape mode. <br /> There&#x2019;s still plenty of room for improvements. And it&#x2019;s free in the App store.
  • TweetFrame is a simple Twitter visualization app, like a digital picture frame, but for tweets. <br /> You provide a search string, a hashtag, or username and it cycles through those tweets. <br /> There are a number of options: display speed, transitions, number of tweets, sort order, a landscape mode. <br /> There&#x2019;s still plenty of room for improvements. And it&#x2019;s free in the App store.
  • Then something about iPhone App development. <br /> I have a bunch of iPhone development books laying around, which I have opened once or twice. <br /> I got XCode installed, which I opened once or twice, but it was real stumbling block, slow progress. <br /> Did I really need to learn a new language and learn to use another editor?
  • Then something about iPhone App development. <br /> I have a bunch of iPhone development books laying around, which I have opened once or twice. <br /> I got XCode installed, which I opened once or twice, but it was real stumbling block, slow progress. <br /> Did I really need to learn a new language and learn to use another editor?
  • I want iPhone development for dummies. <br /> I want to use the tools I&#x2019;m familiar with, and the languages I know already.
  • I want iPhone development for dummies. <br /> I want to use the tools I&#x2019;m familiar with, and the languages I know already.
  • I want iPhone development for dummies. <br /> I want to use the tools I&#x2019;m familiar with, and the languages I know already.
  • I want iPhone development for dummies. <br /> I want to use the tools I&#x2019;m familiar with, and the languages I know already.
  • I want iPhone development for dummies. <br /> I want to use the tools I&#x2019;m familiar with, and the languages I know already.
  • That&#x2019;s where Appcelerator Titanium Mobile comes into play. <br /> It&#x2019;s an open source JavaScript framework that converts your Javascript app to native code, <br /> with native UI elements, geolocation, video, camera, accelerometer, database,... <br /> in HTML, CSS and Javascript <br /> for iPhone and Android (and their planning Blackberry support, no Palm Pre though)
  • That&#x2019;s where Appcelerator Titanium Mobile comes into play. <br /> It&#x2019;s an open source JavaScript framework that converts your Javascript app to native code, <br /> with native UI elements, geolocation, video, camera, accelerometer, database,... <br /> in HTML, CSS and Javascript <br /> for iPhone and Android (and their planning Blackberry support, no Palm Pre though)
  • That&#x2019;s where Appcelerator Titanium Mobile comes into play. <br /> It&#x2019;s an open source JavaScript framework that converts your Javascript app to native code, <br /> with native UI elements, geolocation, video, camera, accelerometer, database,... <br /> in HTML, CSS and Javascript <br /> for iPhone and Android (and their planning Blackberry support, no Palm Pre though)
  • That&#x2019;s where Appcelerator Titanium Mobile comes into play. <br /> It&#x2019;s an open source JavaScript framework that converts your Javascript app to native code, <br /> with native UI elements, geolocation, video, camera, accelerometer, database,... <br /> in HTML, CSS and Javascript <br /> for iPhone and Android (and their planning Blackberry support, no Palm Pre though)
  • That&#x2019;s where Appcelerator Titanium Mobile comes into play. <br /> It&#x2019;s an open source JavaScript framework that converts your Javascript app to native code, <br /> with native UI elements, geolocation, video, camera, accelerometer, database,... <br /> in HTML, CSS and Javascript <br /> for iPhone and Android (and their planning Blackberry support, no Palm Pre though)
  • That&#x2019;s where Appcelerator Titanium Mobile comes into play. <br /> It&#x2019;s an open source JavaScript framework that converts your Javascript app to native code, <br /> with native UI elements, geolocation, video, camera, accelerometer, database,... <br /> in HTML, CSS and Javascript <br /> for iPhone and Android (and their planning Blackberry support, no Palm Pre though)
  • That&#x2019;s where Appcelerator Titanium Mobile comes into play. <br /> It&#x2019;s an open source JavaScript framework that converts your Javascript app to native code, <br /> with native UI elements, geolocation, video, camera, accelerometer, database,... <br /> in HTML, CSS and Javascript <br /> for iPhone and Android (and their planning Blackberry support, no Palm Pre though)
  • That&#x2019;s where Appcelerator Titanium Mobile comes into play. <br /> It&#x2019;s an open source JavaScript framework that converts your Javascript app to native code, <br /> with native UI elements, geolocation, video, camera, accelerometer, database,... <br /> in HTML, CSS and Javascript <br /> for iPhone and Android (and their planning Blackberry support, no Palm Pre though)
  • This is the Titanium Mobile app you interact with. <br /> It handles the iPhone and Android settings, starts up the simulators, <br /> you can send your app to your iPhone, and package your app for distribution through the App store
  • This is the Titanium Mobile app you interact with. <br /> It handles the iPhone and Android settings, starts up the simulators, <br /> you can send your app to your iPhone, and package your app for distribution through the App store
  • This is the Titanium Mobile app you interact with. <br /> It handles the iPhone and Android settings, starts up the simulators, <br /> you can send your app to your iPhone, and package your app for distribution through the App store
  • Some things to keep in mind. <br /> It&#x2019;s still beta, a 0.7 version, some things in their API may still change <br /> You still need a Mac though, with XCode and the iPhone SDK installed, which are all free. <br /> For Android you need to install that free SDK too. <br /> But to get your app on your iPhone for testing and into the App store, <br /> you still need to pay for the Apple iPhone Developer Program, a 119$ Australian, per year. <br /> And don&#x2019;t expect to go build fancy 3D and AR apps just yet. <br /> But still hope you&#x2019;re inspired to try it out yourself?
  • Some things to keep in mind. <br /> It&#x2019;s still beta, a 0.7 version, some things in their API may still change <br /> You still need a Mac though, with XCode and the iPhone SDK installed, which are all free. <br /> For Android you need to install that free SDK too. <br /> But to get your app on your iPhone for testing and into the App store, <br /> you still need to pay for the Apple iPhone Developer Program, a 119$ Australian, per year. <br /> And don&#x2019;t expect to go build fancy 3D and AR apps just yet. <br /> But still hope you&#x2019;re inspired to try it out yourself?
  • That&#x2019;s it!

Transcript

  • 1. JJ Halans iPhone app development TweetFrame NextSydneyFerry WebJam10
  • 2. NextSydneyFerry WebJam10
  • 3. NextSydneyFerry NextSydneyFerry.com NextSydneyFerry.com/app WebJam10
  • 4. TweetFrame TweetFrameApp.com WebJam10
  • 5. TweetFrame TweetFrameApp.com WebJam10
  • 6. iPhone App development WebJam10
  • 7. iPhone App development XCode ObjectiveC WebJam10
  • 8. iPhone App development XCode ObjectiveC WebJam10
  • 9. iPhone App development for dummies Insert favorite editor WebJam10
  • 10. Appcelerator Titanium Mobile WebJam10
  • 11. Appcelerator Titanium Mobile Native UI elements Geo-location Media Accelerometer Database... WebJam10
  • 12. Appcelerator Titanium Mobile Native UI elements Geo-location Media Accelerometer Database... <html> <link rel="stylesheet" type="text/css" media="all" href="safari_css3_stuffz.css" /> <script type='text/javascript' src='kickass.js'></script> WebJam10
  • 13. Appcelerator Titanium Mobile Native UI elements Geo-location Media Accelerometer Database... <html> <link rel="stylesheet" type="text/css" media="all" href="safari_css3_stuffz.css" /> <script type='text/javascript' src='kickass.js'></script> Titanium.UI.createActivityIndicator Titanium.Geolocation.watchPosition Titanium.Media.createVideoPlayer Titanium.Accelerometer.addEventListener Titanium.Database.open WebJam10
  • 14. Appcelerator Titanium Mobile WebJam10
  • 15. Appcelerator Titanium Mobile WebJam10
  • 16. Appcelerator Titanium Mobile Beta... XCode/iPhone SDK installed iPhone Developer account ($$) WebJam10
  • 17. Appcelerator Titanium Mobile Beta... XCode/iPhone SDK installed iPhone Developer account ($$) x x x WebJam10
  • 18. Appcelerator Titanium Mobile Beta... XCode/iPhone SDK installed iPhone Developer account ($$) x x x Inspired? WebJam10
  • 19. JJ Halans Thanks! TweetFrameApp.com NextSydneyFerry.com/app Free! Halans.com @halans @nextsydneyferry @tweetframeapp Appcelerator.com CodeStrong.com WebJam10
  • 20. Vote for me! JJ Halans Win a T-Shirt! Thanks! TweetFrameApp.com NextSydneyFerry.com/app Free! Halans.com @halans @nextsydneyferry @tweetframeapp Appcelerator.com CodeStrong.com WebJam10