Raef Akehurst and David Sullivan of ProjectProject talk about various tips and tricks marketing and developing apps.

1. Various
Tips
&
Tricks
Marke&ng
&
Developing
Apps
By Raef Akehurst & David Sullivan

2. Some of our Ti Projects

11. 10
Tips
For
Developing
Apps
By David Sullivan

12. Alloy is Magic

13. 1.
alloy.js
• Loaded before any other controller or any
UI is compiled
• Perfect place to declare global variables
or to start calling any data
Alloy.isTablet = function(){
return !(Math.min(Ti.Platform.displayCaps.platformHeight, Ti.Platform.displayCaps.platformWidth) < 600);
}

14. 2.
Global
Styles
index.tss
"Window":{
backgroundColor: 'blue'
}
"Label":{
top: 20,
left: '25dp',
right: '25dp'
}
"#subtitle":{
width: Ti.UI.FILL,
textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER,
font: {
fontSize: '16dp',
fontWeight: 'bold'
}! !
}
app.tss
"Window":{
backgroundColor: 'white',
layout: 'vertical'
}
"Label":{
color: 'gray',
textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT,
backgroundColor: 'transparent',
font: {
fontFamily:'Helvetica',
fontSize: '12dp',
fontStyle: 'normal',
fontWeight: 'normal'
}!
}
index.xml
<Alloy>
<Window titleid="story_title" modal="true" exitOnClose="true">
<Label id="subtitle" color="orange" textid="story_subtitle" />
<Label top="25" color="white" textid="story_content" />
</Window>
</Alloy>

15. 3.
Pla<orm-­‐Specific
Resources
// Any device that does not fit any of the below platforms
"Label": {
backgroundColor: "#fff",
text: 'Generic'
},
// iPhone
"Label[platform=ios formFactor=handheld]": {
backgroundColor: "#f00",
text: 'iPhone'
},
// iPad and iPad mini
"Label[platform=ios formFactor=tablet]": {
backgroundColor: "#0f0",
text: 'iPad'
},
// Android handheld and tablet devices
"Label[platform=android]": {
backgroundColor: "#00f",
text: 'Android'
}

16. 4.
Pla<orm-­‐Specific
Resources
• app
• controllers
• android
• index.js
• index.js
• views
• ios
• index.xml
• index.xml
if (OS_IOS)
{
$.window.leftNavButton = closeButton;
}
if (OS_ANDROID)
{
$.window.fullscreen = false;
}

17. 5.
Alloy
BuilEns
• Backbone.js
• Underscore.js
• Moment.js
• Animations
• Dialogs
• Measurements
• Time
• Social (Twitter only)
• String manipulation

18. 6.
Widgets
• Awesome way to not only reuse code but
to share code
• Have their own views, controllers, styles
and assets and are laid out the same as the
app directory in the Alloy project.

19. 7.
Data
binding
<Alloy>
<Collection src="book" />
<Window class="container">
<TableView dataCollection="book" dataTransform="transformFunction"
dataFilter="filterFunction">
<!-- Also can use Require -->
<TableViewRow title="{title}" />
</TableView>
</Window>
</Alloy>
• Update views as your data is updated
• Available for TableView,Views, ButtonBar,
CoverFlowView, ScrollableView,
ToolBar,TabbedBar and ListView

20. 8.
Accessibility

21. “Here, then, lies the answer to how to tell whether some
developer you’ve just met (or are interviewing) is serious
about their craft in five seconds flat: borrow their device,
and triple-click the home button. If you don’t hear
“VoiceOver on”, or get prompted aboutVoiceOver,
consider that −3 points on the SteveTest.”
- Stephen van Egmond
9.
Accessibility

22. 10.
Sublime
Text
+
CLI

23. Bonus
1.
Outside
of
Ti
• Make use of TestFlight - and use their SDK
to get the full value
• Use Google Analytics or similar
• Always expect things with Apple to take
longer than planned
• Android can be a bag of hurt - target the
popular devices first

24. Bonus
2.
Ti
Community
• Twitter
• #TiAlloy
• @tonylukasavage, @FokkeZB, @nappdev
& Co
• Github
• AlloyLove.com

25. 10
Tips
For
Marke&ng
Apps
By Raef Akehurst

26. 1.
Have
a
good
app

27. 2.
Reviews.
Get
Them.

28. 3.
App
Store
OpEmisaEon

29. 4.
Use
ExisEng
Database
@

30. 5.
Old
Fashioned
PR

31. 6.
Social
Media
Campaigns

32. 7.
Online
AdverEsing

33. 8.
Landing
Page

34. 9.
TradiEonal
Media

35. 10.
Push
Updates
3

36. Bonus:
Smart
App
Banners

37. Gratuitous
Plug
http://projectproject.com.au/ticonf/presentation.pdf