Professional Mobile Development (for UW-Madison)

Transcript

1. PROFESSIONAL MOBILE DEVELOPMENT by: brad grzesiak Monday, February 13, 12

2. ruby on rails & iOS consulting Monday, February 13, 12

3. ABOUT ME • UW-Madison Grad (BS ’05 CS & EMA)

   • Aerospace Engineer • Co-Founder of Bendyworks Monday, February 13, 12

4. I DON’T EVEN... 1 class Batchr 2 3 attr_reader :batch_size,

   :bucket 4 attr_accessor :receiver, :message 5 6 def self.batch receiver, message 7 batchr = new 8 batchr.receiver = receiver 9 batchr.message = message 10 yield batchr 11 batchr.finish 12 end 13 14 def initialize opts = {} 15 @batch_size = opts[:batch_size] ? opts[:batch_size] : 400 16 @bucket = [] 17 end 18 19 def batch_size= value 20 @batch_size = value 21 run_if_necessary 22 end ? source: nasa.gov Monday, February 13, 12

5. source: rubyonrails.org Monday, February 13, 12

6. AND THEN... Monday, February 13, 12

7. source: apple.com Monday, February 13, 12

8. & Monday, February 13, 12

9. professionalism mobile & Monday, February 13, 12

10. mobile MVC There are many things I could discuss, but

    is the most important concept to maintainable code Monday, February 13, 12

11. odel iew ontroller mobile M V C Monday, February 13,

    12

12. odel iew ontroller MVC M V C the data &

    domain the UI elements the domain arbitrator Monday, February 13, 12

13. odel iew ontroller MVC M V C (un)directed, cyclic graph

    tree directed, acyclic graph Monday, February 13, 12

14. odel M (un)directed, cyclic graph Album 21 Monday, February 13,

    12

15. odel M (un)directed, cyclic graph Album 21 Disc f042d ofAlbum

    Monday, February 13, 12

16. odel M (un)directed, cyclic graph Album 21 Disc f042d ofAlbum

    fred owns User Monday, February 13, 12

17. odel M (un)directed, cyclic graph Album 21 Disc f042d ofAlbum

    fred owns User ( ) wants Monday, February 13, 12

18. odel iew ontroller MVC M V C (un)directed, cyclic graph

    tree directed, acyclic graph Monday, February 13, 12

19. iew V tree window Monday, February 13, 12

20. iew V tree window rootView Monday, February 13, 12

21. iew V tree window rootView detail master Monday, February 13,

    12

22. iew V tree window rootView detail master navigation Monday, February

    13, 12

23. iew V tree window rootView detail master navigation title table

    Monday, February 13, 12

24. iew V tree window rootView detail master navigation title table

    cell cell Monday, February 13, 12

25. iew V tree window rootView detail master navigation title table

    cell cell image slug build# Monday, February 13, 12

26. odel iew ontroller MVC M V C (un)directed, cyclic graph

    tree directed, acyclic graph Monday, February 13, 12

27. ontroller C directed, acyclic graph Monday, February 13, 12

28. ontroller C directed, acyclic graph buttonPressed Monday, February 13, 12

29. ontroller C directed, acyclic graph buttonPressed controller Monday, February 13,

    12

30. ontroller C directed, acyclic graph buttonPressed controller fetchData Monday, February

    13, 12

31. ontroller C directed, acyclic graph buttonPressed controller fetchData dataChanged Monday,

    February 13, 12

32. ontroller C directed, acyclic graph buttonPressed controller fetchData dataChanged controller

    Monday, February 13, 12

33. ontroller C directed, acyclic graph buttonPressed controller fetchData dataChanged controller

    setImage: Monday, February 13, 12

34. odel iew ontroller MVC M V C (un)directed, cyclic graph

    tree directed, acyclic graph Monday, February 13, 12

35. odel iew ontroller MVC M V C ontroller C iew

    V Monday, February 13, 12

36. odel iew ontroller MVC M V C ontroller C iew

    V tap! Monday, February 13, 12

37. odel iew ontroller MVC M V C ontroller C iew

    V tap! buttonPressed: Monday, February 13, 12

38. odel iew ontroller MVC M V C ontroller C iew

    V tap! buttonPressed: markCompleted Monday, February 13, 12

39. odel iew ontroller MVC M V C ontroller C iew

    V tap! buttonPressed: markCompleted didChangeValueForKey: Monday, February 13, 12

40. odel iew ontroller MVC M V C ontroller C iew

    V tap! buttonPressed: markCompleted didChangeValueForKey: setImage: Monday, February 13, 12

41. odel iew ontroller MVC M V C ontroller C iew

    V tap! buttonPressed: markCompleted didChangeValueForKey: setImage: iew V setNumCompleted: Monday, February 13, 12

42. odel iew ontroller MVC M V C ontroller C iew

    V tap! buttonPressed: markCompleted addObserver:forKeyPath:options:context: removeObserver:forKeyPath: didChangeValueForKey: setImage: iew V setNumCompleted: Monday, February 13, 12

43. *sigh* Monday, February 13, 12

44. *sigh* that was really complicated Monday, February 13, 12

45. *sigh* that was really complicated and now for something completely

    different Monday, February 13, 12

46. HOW TO FIND (AND LAND) A DREAM JOB Monday, February

    13, 12

47. BUT FIRST, SOME INTROSPECTION Monday, February 13, 12

48. BUT FIRST, SOME INTROSPECTION • Cave Coding • .bak •

    .bak.bak • .bak.final.bak • Talk shop? • Automation • Tested Code • IDEs and editors Monday, February 13, 12

49. CAVE CODING • Headphones on • Music (hopefully not Skrillex)

    • Dark, lit only by your screen • Welcome mat says “Hic sunt dracones!” Monday, February 13, 12

50. NEWSFLASH! you’re going to be doing this for the rest

    of your life* Monday, February 13, 12

51. PAIR PROGRAMMING • Two people, One computer, Two Keyboards, One

    Display • Music (hopefully not Skrillex)... on ambient • Natural light • Other pairs in shouting range Monday, February 13, 12

52. LEARN GIT • Read Pro Git (http://progit.org/) • Join GitHub

    • Learn the artform of topic branches • You get backups, for free! Monday, February 13, 12

53. SO YOU LIKE TO TALK SHOP? • Go to conferences,

    now • There’s usually a student price • Go to User Groups (see: NSCoder), now • Read blogs, now • Write blogs, now • Use twitter, now Monday, February 13, 12

54. AUTOMATION • javac Node.java && java Node • javac ${1}.java

    && java ${1} • ant, rake, guard • Icon Generators (e.g., Opacity) • Xmo’d & mogenerator Monday, February 13, 12

55. TESTED CODE • SenTest • Kiwi • UIAutomation • Frank

    Monday, February 13, 12

56. KIWI #import "Kiwi.h" #import "NSDate+Formatting.h" SPEC_BEGIN(NSDate_FormattingSpec) describe(@"rangeOfTimeInWordsFromSeconds:", ^{ context(@"4 seconds",

    ^{ it(@"returns 'Less than 5 seconds'", ^{ NSString *expected = @"Less than 5 seconds"; [[[NSDate rangeOfTimeInWordsFromSeconds:4] should] equal:expected]; }); }); context(@"60 seconds", ^{ it(@"returns 'About 1 minute'", ^{ NSString *expected = @"About 1 minute"; [[[NSDate rangeOfTimeInWordsFromSeconds:60] should] equal:expected]; }); }); }); SPEC_END Monday, February 13, 12

57. UIAUTOMATION function assertElementPresent(el, el_name) { !el_name = el_name ? el_name

    : ''; !if (el.isValid()) { !! return UIALogger.logPass("Element " + el_name + " is present"); !} else { !! return UIALogger.logFail("Element " + el_name + " is not present"); !} } var target = UIATarget.localTarget(); var window = target.frontMostApp().mainWindow(); var repository_list = window.tableViews().firstWithName("Repositories"); assertElementPresent(repository_list.cells(), "repository cells"); var latest_repo = repository_list.cells()[0]; window.navigationBar().leftButton().tap(); // When I tap the first repo latest_repo.tap(); // Then I should see the list of builds var build_list = window.tableViews().firstWithName("Builds"); assertElementPresent(build_list.cells()); Monday, February 13, 12

58. UIAUTOMATION+TUNE_UP test("my test", function(target, app) { mainWindow = app.mainWindow(); navBar

    = mainWindow.navigationBar(); leftButton = navBar.leftButton(); rightButton = navBar.rightButton(); assertEquals("Back", leftButton.name()); assertEquals("Done", rightButton.name()); tableViews = mainWindow.tableViews(); assertEquals(1, tableViews.length); table = tableViews[0]; assertEquals("Fred", table.cells()[0].name()); assertEquals("Flintstone", table.cells()[1].name()); }); Monday, February 13, 12

59. FRANK Feature: Drive our SampleNavApp using Cucumber Scenario: Plus button

    adds timestamp Given the app is launched When I touch the Plus button Then I should see a table containing a timestamp Given /^the app is launched$/ do launch_app_in_simulator wait_for_frank_to_come_up end When /^I touch the Plus button$/ do touch( "navigationButton marked:'Add'" ) end Monday, February 13, 12

60. IDEs & EDITORS • XCode (obviously) • Vim & Emacs

    • Eclipse • jEdit, gEdit, etc • M-x butterfly Monday, February 13, 12

61. SO WHY AM I REALLY HERE? • Madison is actually

    a really cool town • Please consider putting happiness ahead of $$ and fame • ?- CausesHappiness(BigCompany). • No. • The iOS scene here is just getting started Monday, February 13, 12

62. Monday, February 13, 12