ios App Dev. 101 Dasar-Dasar Pengembangan Aplikasi ios

Transkripsi

1

2 ios App Dev. 101 Dasar-Dasar Pengembangan Aplikasi ios

3 ios App Dev. 101 Dasar-Dasar Pengembangan Aplikasi ios Luthfi Fathur Rahman PENERBIT PT ELEX MEDIA KOMPUTINDO

4 ios App Dev Dasar-Dasar Pengembangan Aplikasi ios Luthfi Fathur Rahman 2017, PT. Elex Media Komputindo, Jakarta Hak cipta dilindungi undang-undang Diterbitkan pertama kali oleh Penerbit PT Elex Media Komputindo Kelompok Gramedia, Anggota IKAPI, Jakarta 2017 okti@elexmedia.id ISBN: Dilarang keras menerjemahkan, memfotokopi, atau memperbanyak sebagian atau seluruh isi buku tanpa izin tertulis dari penerbit. Dicetak oleh Percetakan PT. Gramedia, Jakarta Isi di luar tanggung jawab percetakan

5 Kata Pengantar Apple, idevices dan Apps Kita semua tahu bahwa Apple, Inc. adalah salah satu raksasa teknologi yang menyediakan berbagai perangkat untuk menunjang kekreatifan dan produktifitas sehari-hari. Dengan produk perangkat kerasnya yang revolusioner, ipod dan iphone, Apple menjelma menjadi raksasa teknologi yang tak terkalahkan. Mereka memiliki semua lini perangkat keras, mulai dari desktop & mobile computer, imac & seri Macbook, sampai mobile device seperti ipod, iphone, ipad, dan yang terbaru adalah wearable device, Apple Watch. Desain perangkat yang cantik dan stylish, menjadikan produk mereka disukai oleh semua kalangan dan dijadikan simbol gaya hidup. Semua perangkat keras ini didukung oleh closed system environment yang mereka usung sejak awal. MacOS, ios, dan watchos bekerja secara halus dan dapat terhubung satu dengan yang lainnya dengan mudah. Terlepas dari harga produk Apple yang terbilang mahal, Apple memudahkan penggunanya dengan sistem yang mereka buat. Apple App Store adalah salah satu toko aplikasi terbesar dengan nilai transaksi mencapai USD 500 juta (Rp 6,3 triliun) pada awal tahun Salah satu penyebab perolehan nilai transaksi yang besar ini adalah tipikal para pengguna produk Apple yang banyak tidak berfikir 2 kali untuk membayar sebuah aplikasi. Oleh karena itu, Apple App Store adalah tempat yang potensial untuk memonetisasi aplikasi yang Anda kembangkan. v

6 Sayangnya, di Indonesia jarang ada buku yang berisi cara mengembangkan aplikasi di produk-produk Apple, baik dengan menggunakan bahasa Objective-C ataupun Swift. Sepertinya para pengembang aplikasi produk Apple di Indonesia banyak mengandalkan tutorial gratis di internet. Untuk mendorong perkembangan para pengembang aplikasi di Indonesia, saya membuat buku ini. Buku ini dibuat untuk memudahkan para pengembang mempelajari Swift dan Xcode dalam satu buku yang komperhensif. Buku ini diperuntukan bagi para pengembang pemula aplikasi produk Apple. Para pembaca diharapkan telah memiliki dasar yang kuat tentang alogritma dan pemrograman dan juga telah memahami pemrograman berorientasi objek dan konsep Model-Visual-Controller (MVC) yang banyak digunakan saat ini. Pada buku ini yang digunakan adalah Xcode 8 dan Swift versi 3. Keduanya adalah major upgrade yang dirilis pada akhir tahun Perubahan beberapa nama fungsi pada beberapa API membuat para pengembang susah. Oleh karena itu, Apple menyediakan fasilitas migrating tools. Materi yang saya ajarkan di buku ini sangat praktikal, objek-objek umum yang dipakai pada aplikasi berbasis Swift sudah saya tuliskan di buku ini. Tetapi perlu diingat, buku ini bukan panduan utama untuk mempelajari cara mengembangkan aplikasi untuk produk Apple. Saya menyarankan Anda untuk lebih mengulik sendiri bahasa pemrograman dan Integrated Development Environment-nya (IDE). Gunakan kreatifitas Anda untuk mengembangkan aplikasi yang keren dan bermanfaat bagi banyak orang. Semoga sumbangsih saya melalui buku ini dapat memberikan kontribusi untuk memajukan masyarakat Indonesia. vi

7 Daftar Isi Apa Saja Materi pada Buku Ini? Kata Pengantar... v Daftar Isi... vii Bab 1 Pengenalan Xcode IDE dan Swift Pemasangan Xcode Pengenalan Singkat Xcode 8 IDE Pengenalan Singkat Bahasa Swift Bab 2 Mendaftar Apple Developer Program Tipe-tipe Akun Cara Mendaftar Bab 3 Application Lifecycle Bab 4 Apa itu Segue? Bab 5 Memasang Cocoapod Bab 6 View Controller Navigation Controller Activity Indicator View Alert View Progress View Stack View Image View Text View dan Text Field Scroll View Picker View Map Kit View Web View Container View Daftar Pustaka Tentang Penulis vii

8 Bab 1 Pengenalan Xcode IDE dan Swift Untuk mengembangkan aplikasi di lingkungan Apple Device harus menggunakan integrated development environment (IDE) buatan Apple yang disebut Xcode. Xcode dapat digunakan untuk mengembangkan Aplikasi di Mac, iphone, ipad, dan iwatch. Xcode hanya tersedia di Mac App Store sehingga Anda harus memiliki Macbook atau imac untuk menggunakannya. Tidak harus menggunakan seri imac atau Macbook yang terbaru, dengan menggunakan imac atau Macbook yang telah berumur 5 tahun masih cukup kuat untuk digunakan, inilah salah satu keunggulan closed system yang diusung oleh Apple. Mereka dapat membuat perangkat mereka tetap powerful meski telah berusia 5 tahun atau lebih. Sedangan untuk bahasa pemrograman yang digunakan, Apple memiliki bahasa pemrograman berorientasi objek turunan Bahasa C yang disebut Objective-C. Objective-C dapat digunakan untuk mengembangkan aplikasi seluruh Apple Device, tetapi pada tanggal 2 Juni 2014 yang lalu, Apple meluncurkan bahasa pemrograman baru yang disebut Swift. Swift dapat digunakan mulai dari Xcode 6 ke atas Pemasangan Xcode Xcode dapat diuduh secara gratis dari Mac App Store. Buka Mac App Store, tulis "Xcode" pada search bar lalu tekan tombol "Return" di keyboard. Kemudian tekan "Install" pada aplikasi Xcode. 1

9 Gambar Xcode Pada Mac App Store Pengenalan Singkat Xcode 8 IDE Xcode adalah IDE dengan konsep Model-View-Controller (MVC), seperti Android Studio, Laravel, dll. Berikut ini adalah tampilan welcome screen saat Anda menjalankan Xcode: Gambar Welcome Screen Xcode Anda diberikan pilihan untuk membuat proyek baru melalui 3 pilihan yang ada di bawah atau membuka proyek yang telah Anda lakukan pada panel sebelah kanan. Untuk mencoba baris kode, Anda dapat menggunakan Playground. Playground memang ditujukan untuk belajar pemrograman, terutama Swift. Di Playground, Anda dapat langsung mencoba baris kode yang Anda inginkan dan melihat output dari kode Anda secara langsung. 2

10 Berikut ini adalah tampilan pengaturan cepat (quick setup) saat Anda memilih Playground: Gambar Pengaturan Cepat untuk File Playground Gambar Playground Xcode Tentukan nama file dan platform yang ingin Anda gunakan. Tekan tombol "Next" untuk memilih direktori menyimpan file playground tersebut, lalu tekan tombol "Create". Setelah itu, akan muncul tampilan seperti Gambar 1.4. Masih pada Gambar 1.4, panel di sebelah kiri yang berwarna putih dan berukuran lebih besar digunakan untuk menulis baris kode yang Anda inginkan, sedangkan panel di sebelah kanan yang berwarna abu-abu dan berukuran lebih kecil digunakan untuk menampilkan output dari baris kode Anda. Setiap Anda menambahkan baris kode baru, Xcode akan menjalankan (run) program secara otomatis untuk menampilkan output sehingga Anda dapat belajar dengan nyaman dan melihat langsung output kode Anda. Pilihan berikutnya adalah "Create a new Xcode Project". Anda dapat 3

11 menggunakan template yang telah disediakan untuk membuat proyek aplikasi Anda seperti yang ditunjukan oleh gambar berikut ini: Gambar Memilih Template untuk Proyek Aplikasi Baru Untuk template paling standar yang banyak digunakan adalah "Single View Application". Dari template ini, Anda juga dapat membangun Master-Detail Application, Tabbed Application, dan Page-Based Application. Untuk kebutuhan pengajaran pada buku ini, saya akan menggunakan Single View Application. Tekan tombol "Next" untuk menuju ke halaman pengaturan cepat. Gambar Pengaturan Cepat Proyek Aplikasi Baru Isikan nama aplikasi Anda di kolom Product Name, nama organisasi atau perusahaan tempat Anda bekerja (yang telah terdaftar pada Apple Developer Program) di kolom Organization Name dan Organization Identifier Anda. 4

12 Data ini akan dikombinasikan menjadi bundle identifier untuk aplikasi Anda dengan format: com.organizationidentifier.productname. Pilih bahasa pemrograman yang ingin Anda gunakan, Objective-C atau Swift. Kemudian pilih target device aplikasi Anda, iphone, ipad, atau kedua-duanya (universal). Pilihan target device ini tergantung pada pilihan template program yang Anda pilih pada pengaturan sebelumnya. Karena saya memilih ios, maka munculah pilihan target device yang menjalankan ios. Biarkan 3 pilihan paling bawah sesuai dengan yang ada. Selanjutnya, pilih direktori untuk menyimpan file proyek aplikasi Anda, untuk sementara ini biarkan pilihan "Source Control: Create Git Repository On (Git Resource Control)" tidak tercentang dan tekan tombol "Create". Anda akan melihat tampilan seperti berikut ini: Gambar Pengaturan Umum Proyek Aplikasi Gambar di atas adalah tampilan General Setting untuk aplikasi Anda. Yang harus Anda perhatikan di halaman pengaturan ini adalah kolom Team di tab Identity dan tab Deployment Info. Deployment Info berisi tentang target device dan OS pengembangan aplikasi Anda. Anda dapat mengubah target versi ios/watchos/tvos Anda, file interface utama (main interface), variasi 5

13 Tentang Penulis Penulis yang memiliki lengkap Luthfi Fathur Rahman, S.Kom. lahir di Bandung tahun Penulis adalah seorang praktisi dalam bidang teknologi informasi, khususnya pemrograman perangkat bergerak (mobile), ios. Penulis pernah memiliki sebuah perusahaan software house rintisan yang bergerak di pasar business to business (B2B) bernama Imperio Teknologi Indonesia ( yang didirikan pada akhir tahun Saat ini Penulis sedang bekerja aktif sebagai freelance pengembang ios dengan client sebuah perusahaan rintisan berbasis teknologi (tech start-up) di Amerika Serikat. Penulis adalah alumni Universitas Bina Nusantara jurusan teknik komputer (Computer Engineering) dengan peminatan sistem tertanam (embedded system), angkatan Untuk melengkapi kemampuan teknis dalam bidang teknologi informasi dengan pengetahuan bidang bisnis, penulis melanjutkan studi masternya dalam bidang Administrasi Bisnis pada program MBA (Master of Business Administration) di Institut Teknologi Bandung. 111

14 Penulis memiliki personal website yang menampilkan segala bidang yang diminati oleh penulis, blog travelling, tutorial komputer dan pemrograman, dan blog kesenian, yaitu Pada website ini juga ditampilkan setiap proyek yang telah dikerjakan oleh penulis dari tahun Penulis memiliki akun LinkedIn untuk menampilkan curriculum vitae (CV) secara online, dapat dilihat di Penulis memiliki akun GitHub dan BitBucket sebagai portofolio untuk menampilkan kemampuan pemrograman yang dimiliki. Akun GitHub digunakan untuk menampilkan portofolio yang diizinkan oleh penulis untuk dilihat oleh publik, dapat dilihat di Akun BitBucket digunakan untuk menyimpan private repository penulis. 112