1. 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.

2. 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.

3. 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.

4. Architecture Overview

5. 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

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

7. 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
Implementation

8. Clues In Detail

9. 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

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

11. 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

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

13. 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

14. 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

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

16. Useful Pods:
Alamofire
SwiftyJSON
SwiftSpinner
EasyToast
FB iOS SDK
Collapsing table view -
Slide Menu - 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.

17. 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.