Programming iOS - Developing Applications for iPhone and iPad

9/27/2017
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 - Integrating audio and video into iOS Applications - 11/29/2017

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

or AVPlayer

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

If you will stream video over a certain size and over 5 minutes long 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 10: Optional - 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 two 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 9 - Documentation - Instruments - Hardware:Screens, Accelerometer, Compass, Gyro - Core Motion - 11/22/2017

Due to traffic and Thanksgiving tomorrow, attendence at tonight's lecture is optional. But, it will be fun if you come!

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 9: Core Motion and accelerometer
  • Create a view-based application
  • Set up CoreMotionManager to start receiving acceleration data
  • Place a red dot on the screen, and make it slide toward the ground as you rotate the device
  • Limit the maximum/minimum position of the view so that it never leaves the screen completely
  • Bonus points if you use Core Animation to give your red dot some character


Lecture 8 - Internet resources wrapup, Network connections with sockets - 11/15/2017

In this lecture we wrap up our discussion of accessing resources on the Internet. We use Cocoapods to install AFNetworking library, and then interact with an API.

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 demonstrate a custom URL scheme, which allows your app to be opened from links on web pages or from an email.

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 8: Network Sockets

.

Write a basic iPhone chat 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. Some ideas for the other device:
  • Arduino with ethernet card
  • Raspberry Pi
  • iOS Simulator
  • Node.js application running on your Mac
  • Web browser running the Sockets.IO javascript library
  • Python application running on your Mac
  • Ruby application running on your Mac
  • Windows application in C# using SignalR from Microsoft.


Lecture 7 - Concurrency and Multi-Threading - 11/8/2017

In this lecture, we continue our discussion of using Internet resources, and will 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 or NSURLSession
  • Grand Central Dispatch - a C-based API that leverages Blocks to place tasks into a queue for processing on other threads




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
  • Consider completing the assignment again, this time integrating a network library such as AFNetworking to handle the background tasks
See the demos from tonight's lecture if you need some guidance with GCD.

A slow image you could use can be found here, change the delay as needed:

http://ucla.certifiednetworks.com/slowimage.php?delay=10


Lecture 6 - Internet resource access, JSON and XML Parsing - 11/1/2017

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
  • NSURLSession
  • 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 the open source network framework AFNnetworking was mentioned. Review this frameworks for an example of how to build networking code, as well as to practice including an externally written framework within your app. 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://uclaiphone.certifiednetworks.com/students.php, a static json data file that you create and post to a cloud provider such as AWS, or setup AWS API Gateway to deliver a json feed.
  • 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/1/2017

Attendance at this lecture is optional.

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/18/2017

In this lecture, we will first wrap up our discussion of delegation, then will 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 viewcontroller scene in the storyboard file, and the corresponding source code files(s).
  • Add three new ViewController objects to the storyboard
  • Draw a box around all the ViewController objects in the storyboard, then choose Editor/Embed In/Tab Bar Controller
  • Create three new ViewController classes as listed below
  • Highlight each viewController, then change the class name to your three new ViewController classes
  • 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.


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/11/2017

In this lecture, the Foundation classes NSArray and NSDictionary 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 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 and Swift, Specialized UIView Objects, Target/Action - 10/4/2017

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 - iOS Platform, Objective-C and Swift 4.0 - 9/27/2017

In this lecture, practical iOS development is introduced. 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 foundational programming topics are discussed:
Declaring constants and variables Control of program flow Comments Datatypes 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 released with iOS8 which has subsequently been updated to version 4. 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, iOS9 and up has better support.

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 9.0 as of 9/26/2017). 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! Note that the section on Swift needs an update in the video due to older syntax.


Video: Homework 1 - Getting Started with Objective-C and Swift
Note: This video needs to be updated for Swift 4.0! Coming soon.

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