Yahoo has been developing several success mobile apps in Taiwan. We’re going to share our best strategy for developing mobile apps. Learning how to use YDevelopKit to save your development resource and using DevOps to retain high quality result simultaneously.

1. Best Strategy for Developing
App Architecture and High
Quality App
Anistar Sung
ABU Engineering Manager, Yahoo

2. Duration of Development
Quality of Product

3. CHALLENGE

6. I want red color background.
Challenge on Color
Design easy sync tool for designer
Designer said:

7. Sure!
Challenge on Color
Design easy sync tool for designer
Developer said:
self.backgroundColor = [UIColor redColor];

9. I want #7b19a9 color background.
Challenge on Color
Design easy sync tool for designer
Designer said:

10. Hmmm… What the color is?
Challenge on Color
Design easy sync tool for designer
Developer said:

12. I want Yahoo purple background.
Challenge on Color
Design easy sync tool for designer
Designer said:

14. Using Category to improve UIColor
+ (UIColor *)colorWithHexString:(NSString *)hexstring;
+ (UIColor *)colorWithHexNumber:(NSUInteger)hexNumber;
Challenge on Color
Design easy sync tool for designer

15. Management your theme color
+ (UIColor *)themeBackground;
+ (UIColor *)themeForeground;
+ (UIColor *)themeDisabled;
+ (UIColor *)themeFocus;
+ (UIColor *)themeHighlight;
+ (UIColor *)themeTitle;
+ (UIColor *)themeSubtitle;
Challenge on Color
Design easy sync tool for designer

16. + (UIColor *)themeBackground
{
return [UIColor colorWithHexString:@"1f2f3b"];
}
+ (UIColor *)themePanel
{
return [UIColor colorWithHexString:@"333e49"];
}
Change once apply anywhere
Theme color management

17. + (UIColor *)themeBackground
{
return [UIColor colorWithHexString:@"dedede"];
}
+ (UIColor *)themePanel
{
return [UIColor colorWithHexString:@"f4f4f4"];
}
Change once apply anywhere
Theme color management

18. Change once apply anywhere
Theme color management

19. YDevelopKit

20. Introducing YDevelopKit in
iOS development
Jeff Lin
ABU Senior App Engineer, Yahoo

21. YDevelopKit
Hex Color
Date Formatter
Number Formatter
Gradient View
Over 100+ features
Animation
App Util
Nib Size Calculator
CalculatorHelper
AutoLayout Constraint Tool
Image Filters
ModalMaskView
Dynamic width/height Cell
Pull to Refresh
Infinite scrolling

22. YDevelopKit
Hex Color
Date Formatter
Number Formatter
Gradient View
Over 100+ features
Animation
App Util
Nib Size Calculator
CalculatorHelper
AutoLayout Constraint Tool
Image Filters
ModalMaskView
Dynamic width/height Cell
Pull to Refresh
Infinite scrolling

24. 5pt 20pt
[today hideViewWidth];
[today hideTrailingConstraint];
[8hr hideViewWidth];
[8hr hideTrailingConstraint];

25. Demo
Using UIView+YDKAutoLayoutSupport

27. Image Filters

28. Color replacement

29. Color replacement

30. ModalMaskView

31. Demo
Using UIImage+YDKImageFilter

35. Dynamic Height/Width cell

36. Demo
Using YDKCellDynamicSizeCalculator

38. Pull to Refresh &
Infinite scrolling

39. Demo
Using UIScrollView+YDKPullToRefreshView

42. The following story is inspired
by actual events

45. SOFTWARE TESTING IS
NOT OPTIONAL
but it doesn’t have to be a burden

46. The DevOps Strategy in
Mobile Development
QC Li
ABU Senior App Engineer, Yahoo

47. DevOps

48. DevOps
Continuous Delivery

49. Continuous Delivery
“Continuous Delivery (CD) is a software engineering
approach in which teams keep producing valuable
software in short cycles and ensure that the
software can be reliably released at any time.
— Wikipedia

50. Continuous Delivery
“Continuous Delivery (CD) is a software engineering
approach in which teams keep producing valuable
software in short cycles and ensure that the
software can be reliably released at any time.
— Wikipedia

51. Continuous Delivery
Commit to Production without human intervention

52. Continuous Delivery Pipeline
▪ Workflow of tasks
▪ Automatically delivers code from commit to production
Automation
Commit
Commit
Stage
Acceptance
Testing
Non-functional
Testing
Production
Candidate
Release

53. Continuous Delivery Pipeline
▪ Keep everything in Version Control
Automation
Version Control Ready for
release
Commit
Stage
Acceptance
Testing
Non-functional
Testing
Production
Candidate A
Commit A

54. Continuous Delivery Pipeline
Automation
Version Control Ready for
release
Commit
Stage
Acceptance
Testing
Non-functional
Testing
Production
Candidate A
Automation
Commit B
Commit
Stage
Acceptance
Testing
Non-functional
Testing
Production
Candidate B
Commit A
▪ Keep everything in Version Control

55. ▪ Each change should propagate through the pipeline instantly
Continuous Delivery Pipeline
Trigger
Commit A
Commit
Stage
Acceptance
Testing
Non-functional
Testing

56. Continuous Delivery Pipeline
▪ If any part of the pipeline fail, stop the line.
Trigger
Commit A
Commit
Stage
Acceptance
Testing
Non-functional
Testing
Trigger
Feedback

57. Continuous Delivery Pipeline
▪ If any part of the pipeline fail, stop the line.
Trigger
Production
Candidate
Commit A
Commit
Stage
Acceptance
Testing
Non-functional
Testing
Trigger
Trigger
Trigger
Trigger
Trigger
Commit B
Commit C
Trigger
Trigger
Feedback

58. Continuous Delivery Pipeline
▪ Let the state of pipeline visible
Trigger
Production
Candidate
Commit A
Commit
Stage
Acceptance
Testing
Non-functional
Testing
Trigger
Trigger
Trigger
Trigger
Trigger
Commit B
Commit C
Trigger
Trigger
Feedback

59. Continuous Delivery Pipeline
▪ Let the state of pipeline visible
● Dashboard

60. Continuous Delivery Pipeline
▪ Let the state of pipeline visible
● Physically

61. Demo
Using physical device to be the whistle

62. TVBS News Visits Yahoo Office

63. Continuous Delivery Pipeline

64. App Release
▪ Submit the production candidate to Google Play / App Store
.apk
.ipa

65. After Release
▪ If find an error in production…
▪ Add test cases to prevent it, 「不貳過」

66. Duration of Development
Quality of Product

68. YDevelopKit
Open Source is Coming Soon…

69. Q + A