Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Let your designer tweak and deploy your app to ...

Let your designer tweak and deploy your app to his/hers heart content!

Building apps is fun, but tweaking the UI can be cumbersome. Designers love to tweak but wouldn't it be nice if they could make changes to the UI and distribute a version of the app for testing? With hosted SCM, build and distribution tools like Github, Carthage/Cocoapods, Fastlane, Crashlytics and hosted Continuous integration server Bitrise it is now possible to let them design and tweak to their hearts content. In this talk I'll explain how to setup fully automated continuous delivery for your app and how not-so-technical people can make changes and deliver the app to Crashlytics, Appetize.io, Testflight and even the Appstore.

By Robert van Loghem Original slides: http://www.slideshare.net/RobertVanLoghem/letting-your-designer-tweak-your-ios-app

Powered by http://xebia.com

do{iOS} conference

November 09, 2015
Tweet

More Decks by do{iOS} conference

Other Decks in Programming

Transcript

  1. LET YOUR DESIGNER TWEAK AND DEPLOY YOUR IOS APP TO

    HIS/HERS HEART CONTENT! ROBERT VAN LOGHEM - @SOUNDBITES
  2. JUST A DEV, DOING IOS SINCE 2010, 26 YEARS OF

    EXPERIENCE GOING TO TALK ABOUT ▸ Xcode, Interface Builder, @IBDesignable, @IBInspectable ▸ Paint Code ▸ Git ▸ Fastlane ▸ Continuous Integration, bitrise.io, Travis CI or any CI you like ▸ Crashlytics, iTunesConnect-Testflight, appetize.io ▸ and working with creative people
  3. 40 MINUTES, FOR 14 THINGS, THIS IS GOING TO BE

    ONE AMAZING TALK… OR IT’S GONNA SUCK
  4. I’VE GOT SOME NEW ICONS! CAN WE ADD THOSE NOW?

    STEP INTO MY OFFICE #3 MIO SURE!!!!! ROBERT
  5. SORRY TO DISTURB YOU… BUT THE ANIMATION COULD BE A

    LITTLE BIT FASTER STEP INTO MY OFFICE #4 MIO ARGH! ROBERT
  6. I WISH MIO COULD DO IT ALL BY HERSELF AND

    DIDN’T HAVE TO BOTHER ME… Robert
  7. SWIFT TYPE SAFETY AND I.B. DON’T ADD UP IMHO…. SO

    BE PREPARED TO REFACTOR, MOVE, ETC… NOTED… ROBERT
  8. MAKING THE DESIGN MACHINE A DEV MACHINE ALLOW ACCESS TO

    GIT/SCM (GITHUB, BITBUCKET, YOUR OWN) AND LET THEM READ AND UNDERSTAND THE README.MD
  9. MAKING THE DESIGN MACHINE A DEV MACHINE PLEASE NOTE THE

    MORE 3RD PARTY TOOLS YOU ADD THE COMPLEXER THE SETUP… DOWN THE RABBIT HOLE XCODE GIT CARTHAGE COCOA PODS HOME- BREW FASTLANE FABRIC.IO PAINT CODE becomes more hassle do-able
  10. HOW SHOULD I WORK WITH THE CODE AND UPDATES AND

    CHANGES AND….? MIO THE WORKFLOW I’LL HELP. ROBERT
  11. DEPENDING ON THEIR PROFICIENCY IN GIT/XCODE…. TO START OFF, CREATE

    A DESIGN BRANCH, AND YOU KEEP THAT IN SYNC WITH DEVELOP (IF YOU’RE DOING GIT FLOW FOR EXAMPLE, OTHERWISE MASTER) AS EXPERIENCE GROWS, LET THEM CREATE THEIR OWN BRANCHES AND EVEN PULL REQUESTS, BUT DON’T DO THAT FROM THE START!!!
  12. SO I SHOULD JUST HIT THE SYNC BUTTON IN GIT?

    MIO THE WORKFLOW, K.I.S.S. !!! YUP! ROBERT
  13. KEEPING UP TO DATE OTHERWISE… DESCRIBE IN THE README.MD WHAT

    TO DO WHEN STUFF BREAKS DOWN…MERGE…OUT-OF-DATE DEPENDENCIES, ETC… ARGH!
  14. A DESIGNER CAN NOW RUN SOMETHING IN THE SIMULATOR but

    how to get it on multiple devices without the provisioning, upload to xyz hell…
  15. THE FLOW GIT CONTINUOUS INTEGRATION BUILD TOOL DELIVERY PLATFORM DESIGN

    MACHINE git push to design call CI through webhook runs build tools to build all and deliver it uploads built .ipa IOS DEVICE downloads newest version
  16. THE FLOW GIT CONTINUOUS INTEGRATION BUILD TOOL DELIVERY PLATFORM bitbucket,

    github bitrise.io, Travis CI, your Mac mini under the desk fastlane, or built-in iTunes Connect, Crashlytics, appetize.io
  17. TO START OFF….GETTING THIS TO RUN ON YOUR OWN LOCAL

    DEV MACHINE BUILD TOOL DELIVERY PLATFORM * Fastfile-part written by Javi Lorbada, @javi_lorbada
  18. TO START OFF….GETTING THIS TO RUN ON YOUR LOCAL DEV

    MACHINE BUILD TOOL DELIVERY PLATFORM * Fastfile-part written by Javi Lorbada, @javi_lorbada
  19. NEXT UP HOOKING UP FASTLANE TO YOUR CI, REMEMBER WE

    WANT TO CALL $ FASTLANE BUILDDEBUG CONTINUOUS INTEGRATION BUILD TOOL BITRISE.IO
  20. NEXT UP HOOKING UP FASTLANE TO YOUR CI, REMEMBER WE

    WANT TO CALL $ FASTLANE BUILDDEBUG CONTINUOUS INTEGRATION BUILD TOOL BETA IOS VERSION OR PRODUCTION IOS? YOU GET A VIRTUAL MACHINE RUNNING OS X I ALSO NEED CARTHAGE INSTEAD OF COCOAPODS…
  21. NEXT UP HOOKING UP FASTLANE TO YOUR CI, REMEMBER WE

    WANT TO CALL $ FASTLANE BUILDDEBUG CONTINUOUS INTEGRATION BUILD TOOL CLONE THE REPO INSTALLS SSH KEYS TO ACCESS GIT REPO
  22. NEXT UP HOOKING UP FASTLANE TO YOUR CI, REMEMBER WE

    WANT TO CALL $ FASTLANE BUILDDEBUG CONTINUOUS INTEGRATION BUILD TOOL BUILD IT! AND DISTRIBUTE IT, USING $ FASTLANE BUILDDEBUG INSTALLS YOUR APPS CERTIFICATES AND PROFILES, NEEDED TO SIGN .IPA
  23. HOW DO WE GET NOTIFIED THAT A GIT PUSH WAS

    DONE? ADD DEPLOY KEY, CREATED BY CI SERVER, ALLOWS ACCESS GIT CONTINUOUS INTEGRATION
  24. HOW DO WE GET NOTIFIED THAT A GIT PUSH WAS

    DONE? CREATE WEB HOOK THAT TRIGGERS URL ON C.I. SERVER WHEN SOMETHING CHANGES GIT CONTINUOUS INTEGRATION
  25. STUFF ON THE DESIGN MACHINE STUFF NOT ON THE DESIGN

    MACHINE XCODE GIT CONTINUOUS INTEGRATION BUILD TOOL DELIVERY PLATFORM DESIGN MACHINE IOS DEVICE(S)
  26. LET YOUR DESIGNER TWEAK AND DEPLOY YOUR IOS APP TO

    HIS/HERS HEART CONTENT! ROBERT VAN LOGHEM - @SOUNDBITES