HW#9 IOS Clues CSCI571 Spring 2017 Good evening everyone, I’m course producer Yizhao He. I will present homework 9 clues of IOS version. At homework 9, we want to help you get familiar with IOS development using Xcode and Facebook SDK. So in this homework, you will build a simple but good looking IOS app. This app will reuse the backend of homework 8. All you need to do is to transfer the UI from web to app. And you may also need to integrate a web page into the app.

HW 9 Prototype https://www.youtube.com/watch? v=L-pA_FdJy6s This prototype shows the most parts of the UI and functions that are required in the homework 9 description document. But you should not follow exactly the prototype to do your homework. Because it doesn’t meet some requirements and grading guidelines. For example, the auto complete textfield will work after typing 2 characters, but the description required 3 characters. And also, you must display a message after posting to the Facebook while it’s not displayed in this prototype.

Lynda.com: iOS 9 App Development with Swift 2 Essential Training Swift 2.0 Essential Training Tutorials I know many of you don’t have IOS development experiences. I was in the same situation last semester when I was taking this course. But there are plenty of tutorials in Lynda.com that can help you. The first tutorial will teach you some fundamental concepts about IOS development and help you get familiar with storyboard and many widgets, components in the object library. The second one is all about Swift language. If you have a lot of time, you can learn more about the Swift language features through it.

Architecture Overview

RESTful WEB SERVICE PROVIDER PHP pre-processor executes PHP script; PHP script parses input, makes request for JSON Sends JSON client PHP script sends query with arguments retrieve JSON send input data to AWS/GAE RESTful WEB SERVICE PROVIDER Facebook Graph API Allows the users to share on FB. User selects ‘Share’ from the options menus

Implementation Use Story Board to create 5 scenes Home screen Search Results screen Users View Pages View Events View Places View Groups View Implementation

Implementation Use Story Board to create 5 scenes Favorites screen Users View Pages View Events View Places View Groups View Details screen Albums View Posts View About Scene Use CocoasPod to install dependencies and third party modules https://cocoapods.org/ Implementation

Clues In Detail

1. Install cocoas pods by following the instructions at https://cocoapods.org/ 2. Create a Podfile in your Xcode project, file content are like the ‘Get Started’ section in the CocoaPods website 3. Run ‘pod install’ in your terminal 4. Open the ‘xxxx. xcworkspace’ file and you will have CocoaPods integrated 5.Import the modules in your project using ‘import xxxx’ 6. When new modules are needed, add new lines to your Podfile and run ‘pod install’ again Integrate CocoaPods Before you start to write code, you need to integrate CocoaPods into yout project. CocoaPods is a dependency manager of Swift and Objective-C cocoa projects. After installation, you need to After pod install, you need to When you are write code, add a line

Home Scene The Scene can be implemented using ‘UIViewController’. Use a ‘UITextField’ for input and 2 ‘UIButton’ for clear and search buttons. Home Scene

Search Results Search Results Users View Use a ‘UITabBarController’ as a container for the the 5 tabs : Users ,Pages, Events, Places and groups Users View Use a ‘UIViewController’ for the tab. Use the ‘UITableView’ to hold the 10 users to display. Use 2 buttons for the ‘Previous’ and ‘Next’ buttons. Search Results

All the other tabs - pages, events, places and groups would be implemented using the same design in consideration. Search Results

This screen is identical in design as the search results including the 5 tabs, the only difference being the data being shown would be fetched locally. Use the ‘UserDefaults’ to store the favorited entity. Favorites Screen

Details Screen Details Albums View Posts View Use ‘UITabBarController’ for showing the albums and posts for the concerned entity. Albums View Use a ‘UIViewController’ for the tab and use ‘UITableView’ to display the 5 albums, in any. In case not data is found, use a ‘UILabel’. Posts View Use a ‘UIViewController’ for the tab and use ‘UITableView’ to display the 5 posts, in any. In case not data is found, use a ‘UILabel’. Details Screen

About Scene About View Use ‘UILabel’ for name and USC ID Use ‘UIImageView’ for the image About Scene

Useful Pods: Alamofire SwiftyJSON SwiftSpinner EasyToast FB iOS SDK Collapsing table view - https://youtu.be/VWgr_wNtGPM Slide Menu - https://github.com/John- Lluch/SWRevealViewController Resources That’s all. Thank you guys. My office hour is Thursday 10-11am at Leavey 201C. If you have any questions about HW9 IOS implementation, you can drop by and ask me.

Thank you. Manish Dwibedy That’s all. Thank you guys. My office hour is Thursday 10-11am at Leavey 201C. If you have any questions about HW9 IOS implementation, you can drop by and ask me.