Akhirnya nulis lagi, dari kemaren mau nulis bawaannya males hiks, kali ini mau bahas pengenalan dasar xcode dan storyboards. semoga berguna ya bagi yang mau belajar iOS programming :D

XCode

Xcode merupakan Integrated Development Environment (IDE) yang hanya bisa dijalankan di Sistem operasi OS X, XCode dibuat oleh Apple untuk para pengembang aplikasi iOS atau OS X yang bisa di download secara gratis di Mac App Store. Untuk para pengembang terdaftar bisa mendownload versi sebelum dan versi beta yang disediakan oleh Apple. XCode saat ini merupakan versi 6.1.1 yang sudah mendukung bahasa pemograman swift dan iOS 8.1.1.

XCode merupakan IDE yang menurut saya powerfull untuk mengembangkan aplikasi iOS, karena fitur-fitur yang disediakan sangat banyak dan sangat membantu developer dalam mengembangkan aplikasi iOS

Tampilan awal XCode ketika pertama kali dijalankan

Tampilan awal XCode ketika pertama kali dijalankan

Tampilan ketika memilih menu 'new project'

Tampilan ketika memilih menu ‘new project’

Tampilan ketika memilih salah satu project application

Tampilan ketika memilih salah satu project application

Berikut tampilan screen shot project single view application yang baru yang dibuat :

Sebelah kiri merupakan navigator, yang ditengah merupakan main view, dan sebelah kanan merupakan utulities

Sebelah kiri merupakan navigator, yang ditengah merupakan main view, dan sebelah kanan merupakan utulities

 

Storyboards

Storyboards merupakan sebuah fitur yang pertama kali diperkenalkan di XCode versi 4.2. Sebelum ada Storyboards, interface builder hanya terbatas dapat melihat satu view (xib) pada satu waktu, namun dengan storyboards kita bisa melihat keseluruhan view controller dalam satu waktu. Mulai XCode 5 keatas ketika kita membuat project application baru, XCode secara default akan menyertakan storyboard untuk project anda.
Enaknya storyboards kita bisa melihat/mengedit seluruh tampilan view controller yang ada di dalam project ini dan bagaimana mereka berhubungan. Tapi ada juga beberapa kekurangan dalam menggunakan storyboard, misalnya anda harus memerlukan monitor yang lebih besar untuk lebih leluasa melihat seluruh screen dalam project yang anda buat, apalagi jika project untuk aplikasi iPad yang jumlah view controller/screennya banyak.

Mengedit storyboard sama halnya kaya kita mengedit di xib. Kita dapat mendrag kontrol baru yang ada di bawah kanan XCode kedalam salah satu screen view controller dan menatanya sesuai yang anda mau. Bedanya di storyboards tidak hanya satu berisi satu view controller seperti xib tapi keseluruhan view controller yang ada di dalam poject.

Untuk mencoba dan merasakan bagaimana storyboards anda dapat mendapat beberapa control ke dalam blank page controller :

Tanda panah pada storyboard itu berarti bahwa view controller ini merupakan initital view controller yaitu

Tanda panah pada storyboard itu berarti bahwa view controller ini merupakan initital view controller yaitu view controller ini akan di jalankan pertama kali setelah launch screen. Kiata dapat memilih mana view controller yang akan dijadikan inital view controller dengan mencheck is inital view controller di panel utilities sebelah kanan

Berikut tampilan aplikasi ketika di jalankan dengan menggunakan iOS simulator :
Screen Shot 2014-12-22 at 12.38.10 AM

 

Semoga berguna post ini bagi yang baru mau belajar programming iOS menggunakan XCode. Kalo kurang jelas bisa google lagi apa yang kurang jelas :D
Tutorial berikutnya bakal membahas auto layout, semoga ga males nulis biar ga terlalu lama jedanya ya :D

 

Muhammad Nizar 

Share this post :Share on FacebookTweet about this on TwitterShare on TumblrPin on PinterestShare on LinkedInPrint this pageEmail this to someone