One

6/54 Jan30-Feb5 iOS SideProject Instagram App iPhone 进度规划 Milestone

One 是我模仿 Instagram 的一个iOS App。

Milestone-0 已经完成，但只是停留在能用的程度上。

Milestone-1 会是一个打磨、改进、重构的过程。主要在UI，代码，后端的Model，用户体验。

这篇是对于 Milestone-1 的计划总结，Milestone-0的总结，还有一点深度改进留给 Milestone-2。

Milestone-1

Estimated Time: 28.5 days, Mar 11 Done
Actual Time: Feb 2 - Feb 23, 2017, 22 days, Awesome work!

Thoughts

• M1 的计划比想象中的还要顺利，每个Issue都是提前完成
• 当计划提前时，也要有所准备。做的快可以把后面几天的活拿来做。然后没活可做时再Plan。
• Github Issue要尽量小，容易实行
• 每个Issue给出 Tag，比如优先级，Milestone，执行时间
• M1 的Issue不能太复杂，例如Refactor的一些工作没有完成就是因为太大了。而且不知道如何去做。一般来说一个Milestone应该有一个总的目标。所有的Issue都是围绕这个目标展开。 M1的目标应该是从UI和Feature上进一步的改进。至于Refactor和架构上的改进应该放在M2。
• 不明确目的的Issue，太大的Issue 往往不知道如何下手。
• 每次都有一点小的改进会激励自己不断去完善App。

Demo

Screenshot

Main Screens

Feed Search Post Notification Profile

Other Screens

Alert Edit Profile Follow Settings SignUp

Feature - 4.5 days

• Search tab - 2 days
  • Hook Discovery Post collection view
  • Fix Search bar UI
• Notification tab - 1 day
  • Cell tap action - navigate to user, post, comments
  • User name label action - navigate to profile page
  • fetch user profile image
• Notification Popup Icon Feature - 1 day
  • If there is new notification, we show a NUX UI
  • Design the icon
• Add how many likes for this post - 0.5 day

UI - 4 days

• Add App Title on Navigation Bar - 0.5 day
• Login Screen Enhance - 1 day
  • Button and background
• Remove Tab bar text - 0.5 day
• Post Bar - 0.5 day
  • Add post button on the top right
  • Add placeholder icon for post image view
• Add Settings button on top right, move log out function inside settings - 1 day
• Profile Page Enhance - 0.5 day
  • Make the profile image in profile tab smaller
  • Make the posts, follower, following font spacing equal

Refactor - 5.5 days

• Comments VC - 0.5 day
  • Add uuid and postID for comment model
• Create alert helper class - 1 day
• Refactor FollowVC and FollowingVC - 2 days
• Refactor GuestVC and HomeVC, they should share common codes - 2 days

Network - 4 days

• Move a network request helper class - 2 day
• Replace all server username and id to uuid - 2 days

Icon - 3 days

• Feed Icon - 0.5 day
• log out icon - 0.5 day
• Edit Profile Page all icons - 1 day
• Create Icon for 'delete', 'reply', 'complain' buttons - 0.5 day
• Design App icon - 0.5 day

Others - 4 days

• Setup Travis - 1 day
• Private, fileprivate vars and func - 1 day
• Improve Readme - 1 day
• Replace print error with error library - 1 day

Bug - 3.5 days

• 53 - 0.5 day
  • iOS - fix comment navigation bug
  • iOS - Delete hashtag function
• Replace textField with textView in the commentVC - 1 day
• Collection View in Profile Page is flushing - 0.5 day
• Fix edit user page error - 0.5 day
• Fix all optional, guard let, force unwrapped issue - 1 day

Timeline

M1 Timeline

Design Useful Link

• UIMovemoent
• Dribbble
• Flaticon
• Graphicburger
• Principle Animation

Milestone-0 总结

总结

• Dec 19, 2016 开工，Jan 31, 2017 完工。耗时 44 天。
• 实际时间总体是计划时间的2倍，所以要预留计划时间1倍的buffer time。
• 计划Jan 9完工，实际Jan 31完工。而且是非常粗糙的版本。比计划延后22天完成。
• 前期主要是对于Parse API不熟悉，所以很多都是跟着讲座一步一步写代码，比较费时。
• 后期是自己有点懒，另外经常会有突发时间，所以进度放缓。

Timeline

Demo Video

可以看到Demo中App Crash了2-3次，很多功能还非常粗陋。

But, done is better than perfect!

有一个原型就有动力去改进了。

Screenshot

Profile Post

未记录时间的前期工作

Dec 19

Introduction to Course or First Steps To Become a Professional
3 个讲座
06:02

No Parse Account? Not a Problem!
5 个讲座
47:58

Dec 21

Instagram Users: sign up, login, reset password, designing, alignment
13 个讲座
02:01:12

Dec 22

Creating Home profile Page of Logged-in User exactly as in instagram
6 个讲座
01:11:48

Dec 23 - 24

Creating Followers and Following Users Page
3 个讲座
39:10

Going Guest to some User
8 个讲座
01:20:03

Dec 26

Editing Users Information
5 个讲座
01:03:48

Milestone-2 备忘

• Use IGListKit to replace CollectionView
• Fancy UIImagePickerController
• Add Facebook / Google Login
• Any Pic App
• 参考 Lofter, Instagram, 500px, Flickr, VSCO
• 加入 FastImage Library

Rev

Rev	Date	Note
1.0	2017-02-24	M1 完成，增加总结