RubyMotion and ProMotion - Ams.rb Talk

My talk about RubyMotion and ProMotion on the Ams.rb meetup of January 2014.

Fonts: PT Serif and Meslo.
All vector images by me, ping me @wrdevos if you want them.
Apple Says No Demo App is here: https://github.com/foxycoder/apple_says_no

Transcript

1. RubyMotion and ProMotion Wouter de Vos @wrdevos | Springest Jan 21, 2014
2. Springest is a Website where you can find and compare courses.
3. My Springest Track found courses, enrolments finished courses
4. Discovery automated suggestions based on e.g. your search history and LinkedIn profile.
5. Why an iOS App? More personalised feel ! Once installed, you carry it everywhere ! Push notifications
6. My First App (Being A Web Developer And All..)
7. Location Services to select the right localised site for you.
8. AND even persistent cookies, LinkedIn integration...
9. Big Apple says no.
10. WebView? REJECTED. Period.
11. Dammit.
13. // Password field _passwordField = [[UITextField alloc] initWithFrame: CGRectMake(72, 394, 180, 30)]; [_passwordField setBorderStyle:UITextBorderStyleRoundedRect]; _passwordField.placeholder = @"Password"; _passwordField.secureTextEntry = YES; _passwordField.delegate = self; [_passwordField setReturnKeyType:UIReturnKeyDone]; [_passwordField addTarget:self action:@selector(textFieldFinished:) forControlEvents: UIControlEventEditingDidEndOnExit]; _passwordField.tag = kPasswordField; [_scrollView addSubview:_passwordField];
14. RubyMotion whoah, ruby?
15. def application( didFinishLaunchingWithOptions: launch_options ) Ruby? rly?
16. - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions ! def application( application, didFinishLaunchingWithOptions: launch_options ) ! - (BOOL)application:(UIApplication *)application ! def application( application ) Compare these..
17. ! def application( application, didFinishLaunchingWithOptions: launch_options ) ! ! ! def application( application ) That defines the same method twice!
18. // Sign in button _signInButton = [UIButton buttonWithType:UIButtonTypeRoundedRect]; _signInButton.frame = CGRectMake(73, 432, 178, 30); [_signInButton setTitle:@"Sign in" forState:UIControlStateNormal]; [_scrollView addSubview:_signInButton]; ! # Sign in button @sign_in_button = UIButton.buttonWithType UIButtonTypeRoundedRect @sign_in_button.frame = CGRectMake(73, 432, 178, 30) @sign_in_button.setTitle: "Sign in", forState: UIControlStateNormal @scrollView.addSubview: @sign_in_button ! Much difference?
19. BubbleWrap adds some ruby love
21. BubbleWrap adds some ruby love HTTP Camera media events location RSS Check it out! UI
22. ProMotion more ruby love
24. class  AppDelegate  <  PM::Delegate   !    def  on_load(app,  options)          open  RootScreen.new(nav_bar:  true)      end   ! end Now we’re talking Ruby
25. #  app/screens/root_screen.rb   ! class  RootScreen  <  PM::Screen      title  "Root  Screen"   !    def  on_load          set_nav_bar_button  :right,  title:  "Help",  action:  :help      end   !    def  help          open  HelpScreen      end   end   PM::Screen
26. def  on_load      set_attributes  self.view,  {          background_color:  hex_color("DBDBDB")      }            add  UILabel.new,  {          text:  "August",          text_color:  hex_color("8F8F8D"),          background_color:  UIColor.clearColor,          shadow_color:  UIColor.blackColor,          text_alignment:  UITextAlignmentCenter,          font:  UIFont.systemFontOfSize(15.0),          resize:  [  :left,  :right,  :bottom  ],          frame:  CGRectMake(10,  0,  300,  35)      }   end PM::Styling
27. Thanks! spread the ruby love Wouter de Vos @wrdevos