Friday, October 25, 2013

Creating Hello world programming in XCODE 5 using storyboard

In this tutorial you will learn how to create a new IOS Application with design layout set for iphone/ipad.

  • ·      How to create Xcode5 Project?
  • ·      How can I create storyboard file?
  • ·      How to create control Objects?


Enter the Hello World tutorial for Xcode 5.

You may have heard of “Hello World” program if you have read any programming book before. It has become the traditional program for first-time learner to create. It’s a very simple program that usually outputs “Hello, World” on the display of a device. In this tutorial, let’s follow the programming tradition and create a “Hello World” app using Xcode. Despite its simplicity, the “Hello World” program serves a few purposes:
·       It gives you a better idea about the syntax and structure of Objective C, the programming language of iOS.
·       It also gives you a basic introduction of the Xcode environment. You’ll learn how to create a Xcode project and create user interface with the built-in story board.
·       You’ll learn how to compile a program, build the app and test it using the Simulator.
·       Lastly, it makes you think programming is not difficult. IOS programming is simple design and very easy to learn objective language.

Start Application:
First, launch Xcode. If you’ve installed Xcode via Mac App Store, you should be able to locate Xcode in the LaunchPap.

Once launched, Xcode displays a welcome screen. From here, you can create new xcode project.



Xcode shows you various project template for selection. For your first app, choose “Single View Application” and click “Next”.

This brings you to another screen to fill in all the necessary options for your project.



            You can simply fill in the options as follows:
·       Product Name: HelloWorld – This is the name of your app.
·       Company Identifier: com.raja– It’s actually the domain name written the other way round. If you have a domain, you can use your own domain name. Otherwise, you may use mine or just fill in “edu.self”.
·       Class Prefix: HelloWorld – Xcode uses the class prefix to name the class automatically. In future, you may choose your own prefix or even leave it blank. But for this tutorial, let’s keep it simple and use “HelloWorld”.
·       Device Family: iPhone – Just use “iPhone” for this project.
·       Use Core Data: [unchecked] – Do not select this option. You do not need Core Data for this simple project. We will see later.
Note:If you’ve used Xcode 4.6 or lower, you may find the option of “Use Automatic Reference Counting” and “Include Unit Tests” options are left out in Xcode 5. They are not options in Xcode 5 but defaults.


Click “Next” to continue. Xcode then asks you where you saves the “Hello World” project. Pick any folder (e.g. Desktop) on your Mac. You may notice there is an option for version control. Just deselect it. We’ll discuss about this option in the later tutorials. Click “Create” to continue.

As you confirm, Xcode automatically creates the “Hello World” project based on all the options you provided. The screen will look like this:

No comments:

Post a Comment