One

2017-02-08 16:27
351

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。

Demo Video

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

But, done is better than perfect!

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

Screenshot

One-JEESNS
Profile
One-JEESNS
Post

Milestone-1 计划

Estimated Time: 28.5 days, Mar 11 Done

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

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不熟悉,所以很多都是跟着讲座一步一步写代码,比较费时。
  • 后期是自己有点懒,另外经常会有突发时间,所以进度放缓。
One-JEESNS
Timeline

未记录时间的前期工作

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
帖子评论