Programming iOS - Developing Applications for iPhone and iPad

9/11/2015
10 class meetings.
6:30pm to 10:00pm Wednesday nights.

If you are a developer who wants to write applications that run on the iPhone or iPad, you should attend this class.

In 10 evenings, Programming iOS will teach you to create iOS applications like the ones you use on your iPhone every day. The class focus is on solid iOS Programming fundamentals which will serve you well in any context.

After an introduction to the Objective-C and Swift programming languages and the Foundation framework, we look in depth at the tools and the Classes that make up the iOS UI framework. We draw on the screen using UIKit, Core Graphics and Core Animation. We cover multi-touch event handling and the setup and configuration of a server in the cloud at AWS (Amazon Web Services) to support backend components of iOS applications. Your class assignments will interact with this server in a practical and real-world manner.

This course can be taught onsite for your company. Dave has taught this class for Shopzilla.com, LiveNation/TicketMaster, and many other smaller companies and individuals.



Lecture 10 - Network connections with sockets and GameKit, Custom URL Schemes, and OTA Deployment - 12/2/2015

In this lecture we cover networking with sockets in the iOS environment, looking at a third-party library called CocoaAsyncSocket which helps wrap the sockets classes. The GameKit classes will also be covered.

In class we demonstrated a custom URL scheme, which allows your app to be opened from links on web pages or from an email.

Finally we cover testing with Over The Air (OTA) deployment on to test devices.

Links that are related to tonight's lecture:

NodeJS - Host javascript socket servers
CocoaAsyncSocket - open source sockets library
Arduino - open source hardware device
Raspberry Pi - small Linux box on a board
CFNetwork Programming Guide


See the demos below from class:

ArduinoClient3.zip - uses CocoaAsyncSockect to send a UDP packet to an Arduino
UDPSendReceiveString.ino.zip - Arduino socket server example
UDPSendReceiveString.zip - iPhone app client of a node.js server
socketServerWithFeedback.js.zip - node.js source for a simple socket server
webserver.js.zip - node.js source for a simple web server


Homework 10(Optional): Network Sockets

.

Write a basic iPhone messenger application using CocoaAsyncSocket that communicates with another device over network Sockets. Whatever you type on the phone will appear on the other device, and whatever you type on the other device will appear on the phone. Try to use at least one of the following:
  • Purchase an Arduino or a Raspberry Pi and setup sockets communication between an iPhone app and the device
  • A Sockets javascript application in a web browser running the Sockets.IO javascript library
  • A Mac Sockets application written in Python
  • A Mac Sockets application written in Ruby (pre installed on Mac OsX)


Lecture 9 - Integrating audio and video into iOS Applications - 11/25/2015

In this lecture we cover integrating multimedia into an application using MPMovePlayerController.

or or or AVPlayer

See day8-video.zip for an example of playing an .mp4 video file from the app bundle.

If you will stream video to the iPhone or iPad over cellular networks, you are required to send the video in HTTP Live Streaming (HLS) format. See the HTTP Live Streaming link as a starting point.

In class we demonstrate delivering both .mp4 data and HLS data from Amazon Web Services.

Handbrake is a great free application to encode video that is ready for an iOS app.

We cover including HTML5/CSS/javascript content (including video) into iOS applications.

Homework 9: Integrating video into an application
  • Record a video of something G-Rated and interesting.
  • Encode the video to .mp4 format using Handbrake.
  • Create a tab-based application with three tabs
  • Include the video in both tabs, one tab using MPMoviePlayerController and the other tab using HTML5 video tag in the HTML displayed by UIWebView
  • Encode your video into an HLS stream, and deliver it from an Internet server, such as an S3 bucket, a dropbox folder, Google drive, etc.


Lecture 8 - Documentation - Instruments - Hardware:Screens, Accelerometer, Compass, Gyro - Core Motion - 11/18/2015

In this lecture, we cover documentation using the JDoc standard.

By following a few simple conventions, your documentation will become part of the help system in XCode, and you can automatically generate full documentation from your source code with tools like Doxygen, AppleDoc or HeaderDoc.

Testing and monitoring your application performance can be a bit overwhelming. In class we introduce the "Instruments" tool to get you started in this area.

We cover device hardware: Compass, Accelerometer, Gyro and the GPS with Core Motion, Core Location and including maps into your applications with MapKit.

Homework 8: GPS and MapKit
  • Create a view-based application
  • Add a UITabbarController to the screen
  • On Tab 1, display raw GPS and compass data onto labels on the screen.
  • On Tab 2, display a UITableView with one row for each of your favorite restaurants. The list should be driven by a JSON file, either in the bundle or delivered from a server location like AWS or DropBox.
  • When a restaurant is selected, push a MapKit view onto the screen, showing your current location and the location of the restaurant.
  • Consider adding a sectioned tableview with different sections based on categories like the style of food, rating or price.


No Class - Veterans Day - 11/11/2015

We will see you next week! Please catch up on homework and play with Internet connectivity.

Lecture 7 - Concurrency and Multi-Threading - 11/4/2015

In this lecture, we look at methods of keeping the UI Responsive during background processing. In a practical sense, this generally means downloading content from the Internet on a background thread. This frees up the main thread to update the UI and to handle input from the user.

The 'Blocks' Objective-C language feature is discussed in class. This C-based API is becoming more important as a central technology to support background processing.

Multithreading techniques on MAC and iOS include:
  • Creating and managing your own NSThread objects
  • NSOperationQueue and NSOperation
  • Built-in delegate callback mechanisms such as NSURLConnectionDelegate
  • Grand Central Dispatch - a C-based API that leverages Blocks to place tasks into a queue for processing on other threads


Methods of storing files on the device are covered in class as well as using HTML as an option for building your app.



Homework 7: Better Internet Downloading

  • Create a view-based iOS Application
  • Implement a UIScrollView that is several screens tall
  • Load four large/slow images from the Internet and place them onto the UIScrollView.
  • Start with a simple blocking call to download the images, then refactor to incorporate Grand Cental Dispatch to keep the UI functional during the download.
  • Implement a spinner or other UI component to indicate to the user that the image is downloading
  • Repeat the process using NSURLConnection and the delegate callback methods
See the demos from tonight's lecture if you need some guidance with GCD.


Lecture 6 - Internet resource access, JSON and XML Parsing - 10/28/2015

In this lecture, we look at practical methods of interacting with data downloaded from Internet servers.

Topics Include:
  • UIWebView
  • WKWebView - new for iOS 8 and up
  • NSURLConnection and NSURLConnectionDataDelegate
  • Integrating cloud technologies - setup of and Ubuntu Apache Web Server using AWS, PHP and MYSQL
  • Parsing JSON and XML data into objects

In class tonight, two open source network frameworks are mentioned, AFNnetworking and ASIHTTPRequest. Review these frameworks for an example of how to build networking code or to include them within your app. These open source frameworks are widely used and you may run into a need to support them.


In this video homework 6 is demonstrated, downloading and parsing JSON data from a web server.
Direct link to the file:homework6-json-parsing-final.mp4



In this video the setup of a new PHP/MYSQL webserver at AWS is demonstrated.
Direct link to the file:iphone-aws-demo.mp4

Homework 6: Parsing a JSON feed
  • Create a view-based application
  • Download the JSON feed we created in class at http://ucla201507.certifiednetworks.com/jsonfeed.php or a static data file that you create and post to a cloud provider such as AWS, Azure or Rackspace.
  • Parse the JSON data into an array of custom objects or an array of NSDictionary objects using Apple's NSJSONSerializer Class
  • Add a UITableView to the screen to display the collection of objects


Lecture 5 - Custom UIView Drawing, CALayer - 10/21/2015

In this lecture, we look at drawing within our own custom UIView classes. The drawRect method of UIView provides a context into which you can draw using the Core Graphics C library. The Core Graphics API is known as Quartz, Quartz 2D or QuartzCore.

See the Quartz 2D Programming Guide at apple.com for in depth information about working with Core Graphics.

Behind every UIView is at least one CALayer object exposed as the .layer property. CA (Core Animation) layers provide a rendering pipeline for the contents of a UIView that is handled by the onboard graphics chip, freeing up the CPU for other tasks. CALayer supports custom drawing using Core Graphics by calling a delegate method drawLayer:inContext:. CALayer also calculates intermediate positions of UIView objects when you change a property within an animation block. Core Animation Programming Guide at apple.com is a great reference for Core Animation in general and in getting started with CALayer objects.

CALayer objects are quite similar to UIView objects (frame, subViews/subLayers). The main difference is that a CALayer object will not handle touch events, and they tend to have a lighter footprint and be faster to render.

Don't forget to import <QuartzCore/QuartzCore.h> as you start to work with CALayer objects.

Homework 5: Custom View Drawing
In this lab, you will investigate drawing custom UIView objects with Core Graphics and CALayer. Many of the more creative iphone and ipad application interfaces use this technique to create something truly unique and dynamic.
  • Create an ipad application using the view-based template
  • Implement a custom UIView class to support drawing an outline of a star with a clear backgound
  • When the application loads, create a random number of star views
  • Use viewDidAppear to animate the star views into position on the screen
  • Bonus: Using CAAnimation, animate a bounce movement when you touch a star


Lecture 4 - UIViewController, UINavigationController and UITabBarController - 10/14/2015

In this lecture, we look at view controllers and classes that act as parents to UIViewControllers.

UINavigationController is a class that maintains a stack of view controllers, and presents the user with the option to move deeper into a hierarchy of data, then move back up the hierarchy by using a back button. Generally as you navigate up and down the stack, the .view property of the UIViewController slides in from the right, and slides off the right hand side of the screen as you navigate back.

UITabBarController is best used when you have distinct sections in your application. Each tab may have a different look at the same data, or it might be completely distinct, such as a "Settings" page.

The "Music" app and the "App Store" app are good examples of applications that make extensive use of both tabs and a navigation stack. Please spend some time in these apps, paying attention to layout and behavior of the UI elements.

To present anything on the iOS screen, it is important to have a clear understanding of the UIViewController Class instance methods:
  • -initWithNibName:Bundle
  • -loadView
  • -viewDidLoad
  • -viewWillAppear
  • -viewDidAppear
  • -viewWillDisappear
  • -viewDidDisappear
and properties:
  • .view
  • .title
  • .parentViewController
  • .navigationController
  • .tabBarController

Homework 4: UITabBarController
In this lab, you will investigate UITabBarController, which contains an array of UIViewControllers. The UITabBarController manages the display of the .view property of each UIViewController held on each tab.
  • Create an iphone or ipad application using the view-based template.
  • Wipe out the storyboard file
  • Delete the info.plist entry for the "Main" storyboard file
  • In didFinishLaunching, it is important to setup the UIWindow properly. See the demos from day4 for examples.
  • In didFinishLaunching, Implement 3 Custom UIViewControllers and add them to a UITabBarController.
  • Place the UITabBarController.view onto the screen as the rootViewController property of self.window.
  • In the first tab, implement a UINavigationContoller that holds a UITableView showing your favorite musicians. Slide in a detail screen with more information about the musician when a row is clicked.
  • On the second tab, display a scrollable UIImageView with a world map that is larger than the physical screen on the device. You will need the UIScrollViewDelegate for this to function correctly.
  • On the third tab, display a UIWebView implemented as the .view property of a custom UIViewController. Display your favorite g-rated website in the view.
  • Optional (highly recommended) - complete the assignment a second time in a new project, this time using the storyboard


As a tip to help you complete the lab, consider implementing each view controller in a small application independently. After each small application is complete and working properly, then add them to the homework assignment.



Lecture 3 - Foundation collection Classes, delegation introduction - 10/8/2015

In this lecture, Foundation classes are covered in more detail. The design pattern of delegation that allows objects to communicate with each other is discussed. The delegate design pattern is demonstrated through implementation of a basic UITableView object and through implementing a .delegate property on a custom class.

This link to the Cocoa Fundamentals Guide at developer.apple.com is largely targeted to the Mac platform. It is a nice overview of the communication mechanisms found in Cocoa:
http://developer.apple.com/library/mac/#documentation/Cocoa/Conceptual/CocoaFundamentals/CommunicatingWithObjects/CommunicateWithObjects.html


Homework 3: Investigating delegation and the UITableView

The purpose of this homework assignment is to gain more practice working with Objective-C and the Foundation classes. Additionally, it will help you to become more familiar with delegation and the UITableView class.

Hopefully you will have fun with the assignment and will experiment outside of the homework requirements, for example by adding a custom view to the UITableviewCell or by changing the appearance of the cell. This one could take up some time as some of the concepts may be unfamiliar.

  • Create an iPhone or iPad application using view-based template
  • Add an NSArray of items to be displayed on the screen
  • Add a UITableView to the screen
  • Add the appropriate delegate methods to support the UITableView drawing
  • After you get the tableview to work properly, add the appropriate delegate method to change the height of each UITableViewCell to be 100 points.


This assignment will take some time, but will be a foundation for many iphone projects.



Video: Homework 3 - Delegation and UITableView
http://cdn.certifiednetworks.com/videos/classes/iphone/201410/homework3-uitableview.mp4

Lecture 2 - More Objective-C, Specialized UIView Objects, Target/Action - 9/30/2015

In this lecture, we review the startup process of an iOS application from main() to the UIApplicationDelegate's application: didFinishLaunchingWithOptions: method. We continue to investigate Objective-C and Swift classes including methods and properties.

The UIView hierarchy is reviewed, and more of the properties of UIView are discussed. A few specialized UIView objects are demonstrated, such as UIImageView and UIWebView.

The target/action pattern is introduced and an example of this pattern is demonstrated with a UIButton.

This wikipedia link on Target/Action might be interesting to check out. The 'target' of the UIButton will typically be the UIViewController, and the 'action' will be a method that has been defined by the programmer in the UIViewController.

Homework 2: Specialized UIViews and Target/Action
  • Create an iphone application using the view-based template
  • Place a UITextField, UILabel and UIButton into the view hierarchy
  • Define a method that reads the contents of the UITextField and sets the .text property of the UILabel
  • Use target/action on the UIButton to call your method when the TouchUpInside event is fired


Video: Homework 2 - Target/Action

Lecture 1 - iPhone/iPad Platform and Objective-C - 9/23/2015

In this lecture, a sampling of practical iOS development is demonstrated. A sample application named 'learning-ios-first-app' is created to introduce the Objective-C language and its basic elements.

Objective-C is an programming language that features extensions of the ANSI C language. These extensions that have been added are mostly centered around object-oriented programming: creating Classes and working with methods on the Classes.

The following Objective-C syntax extensions should be reviewed:
  • @interface
  • @implementation
  • @property
  • [ ] (square brackets)
  • #import
  • - (minus sign to mark an instance method)
  • + (plus sign to mark an class method)
  • The @ sign as a shortcut - for example, @"Hello, World" creates an instance of an NSString


Swift is a programming language release with iOS8. It is a more modern language and is similar to Java and C#. Devices must be running at least iOS7 to support a swift application.

The Apple Swift website is a good place to start learning about Swift programming for iOS, as well as the Apple WWDC Site.

The following Swift concepts and keyword should be reviewed:
  • var
  • let


Homework 1: Contact Info, Setting Up Your Development Environment, Basic App
  • Send an email to Dave at dhenson@certifiednetworks.com with iOS in the subject line. This is important so your email address can be whitelisted.
  • Install the current production version of XCode - Version 7.0 released 9/2015. This will likely need to be updated before our class is over. Use the "App Store" application on your Mac to find and download the free (quite large) XCode application.
  • Create an iphone application using the "Single View Application" template.
  • Display a red UIView object on the screen.
  • Add a touch event to move the UIView around the screen
  • Repeat once for Swift and once for ObjectiveC
  • Zip up the project folders and email them to Dave.
  • See the video(s) below for help!


Video: Homework 1 - Getting Started with Objective-C and Swift
Back to Top

XCode Projects - Class Demos, Examples and Homework Answers

Slides

Class Logistics

Previous Versions of iPhone and iPad iOS Development class

External Links

home Site Map Terms of Use Privacy Policy Client Directories