Ripple - the location based group chatting app

Presented on 13 Nov 2013 at Codeaholics HK

Libraries & Resources
- GPUImage https://github.com/BradLarson/GPUImage
- THSpringyCollectionView https://github.com/tristanhimmelman/THSpringyCollectionView
- DAKeyboardControl https://github.com/danielamitay/DAKeyboardControl
- SOCKit https://github.com/jverkoey/sockit

Backend
- Parse www.parse.com

UI & Prototype
- Sketch 2 www.bohemiancoding.com/sketch/
- Flinto
 www.flinto.com

iOS Libraries Community
- Github 
http://github.com
- CocoaPods
 http://cocoapods.org
- CocoaControls 
https://www.cocoacontrols.com

Further Read
- From Design To iOS7 Prototype 
https://medium.com/design-ux/bb582274b93f
- My first hackathon experience
 https://medium.com/unforgettable-moments/3db44088db70
- Angelhack
 http://angelhack.com/#
- Hackathon.io
 http://www.hackathon.io/ripple1

Transcript

1. Ripple the location based group chatting app IMAGE FROM MENG TO
2. Problems • People exchanges digital information anywhere, anytime • Contact exchange shouldn’t be compulsory • Current solutions we have are just broken
3. 3 Objectives • Super simple chatroom creation process • Easy access and participate in conversations • Quickly create identity and connect with each other
4. Demo
5. Lesson Learnt (The Good) • UICollectionView are very flexible • Assets Catalog to manage images is time saver • Real-time blurring can be fast and efficient • We can leverage AutoLayout in UICollectionView • Parse supports Cloud code and Push notifications
6. Lesson Learnt (The Bad) • UIKit Dynamics can be slow • Assets Catalog can only be used on iOS 7 • Sidebar navigation pattern is still not official • UIImagePickerController is hardly customizable
7. Libraries & Backend GPUImage THSpringyCollectionView DAKeyboardControl SOCKit ! Parse IMAGE FROM WEB
8. UI & Prototype Sketch 2
 http://www.bohemiancoding.com/sketch/ ! Flinto
 https://www.flinto.com IMAGE FROM MENG TO
9. iOS libraries community • Github
 http://github.com • CocoaPods
 http://cocoapods.org • CocoaControls
 https://www.cocoacontrols.com
10. Other resources • From Design To iOS7 Prototype
 https://medium.com/design-ux/bb582274b93f • My first hackathon experience
 https://medium.com/unforgettable-moments/3db44088db70 • Angelhack
 http://angelhack.com/# • Hackathon.io
 http://www.hackathon.io/ripple1
11. Team Meng To Jamz Tang Benny Ng Christopher Yeung @mengto @jamztang @hin556 @chrisyeung1121 Special Thanks: Codeaholics, Angelhack, Joyce Kan, Vincent Kwok, Alfred Lau Design iOS iOS Frontend+Backend
12. AutoLayout + UICollectionView ! - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath { id object = self.messages[indexPath.row]; ! UICollectionViewCell *cell = self.messagePrototypeCell; ! [self configureCell:cell withObject:object]; ! CGFloat height = [cell systemLayoutSizeFittingSize:CGSizeMake(300, CGFLOAT_MAX)].height; return CGSizeMake(300, height); } SECRET SLIDE
13. Assets Catalog and stretchable images SECRET SLIDE