MIT School Muslimah : Cara Menggunakan Activity View Controller – Swift Programing

MIT School Muslimah : Cara Menggunakan Activity View Controller – Swift Programing

Tahu BBM,,,? Tahu Facebook,,,? Teman pasti tahu, minimal dengan dua jejaring sosial ini. Habit atau kebiasaan masyarakat Indonesia dalam frekuensi penggunaannya tiap hari sangatlah tinggi, sesuai dengan warta yang dimuat wearesocial.com tahun 2016. Penggunaan BBM menduduki urutan pertama sebanyak 19%, sedangkan Facebook pada urutan kedua sebanyak 15% dari 88,1 juta pengguna internet di Indonesia.

Terus apa hubungannya dengan pembahasan kita kali ini ? 

Teman coba perhatikan, pada kedua jejaring social ini punya fitur atau tombol share? Sebagai pembuat aplikasi iOS terkadang kita membutuhkan gambaran atau contoh terhadap fitur-fitur apa saja yang digunakan aplikasi yang lagi ngehits tadi, dan tentu saja fitur ini memiliki andil dalam mempopulerkan aplikasi tersebut. Nah,,, Activity View Controller ini identik dalam penggunaan tombol share.

Ok, saya paham. Trus bagaimana nih cara buat tombol sharenya? Pake Swift kan…?

Pada tutorial ini menggunakan bahasa program swift untuk membuat aplikasi iOS. Cara membuatnya, silahkan mengikuti langkah di bawah ini.

  1. Langkah awal buka Xcode dengan mengklik iconnya,
  2. Setelah itu pilih “Create a new Xcode project”

stepone

      3. Pilih Apalication – Single View Application – Next

Screen Shot 2016-06-12 at 10.27.56 PM

      4. Selanjutnya akan muncul tampilan seperti di bawah ini,

Screen Shot 2016-06-12 at 10.29.35 PM

* Product Name : Diisi sesuai nama aplikasi yang akan dibuat

* Organization Name : Nama organisasi atau terserah teman mau mengisi apa

* Organization Identifier : Diisi dengan alamat website tapi menulisnya dari belakang kedepan

* Language : Bahasa program yang akan digunakan, disini kita pilih “Swift”

* Devices : Pilih iPhone

Untuk Use Core Data, Include Unit Tests dan Include UI Tests di uncentang atau dikosongkan.

       5. Setelah itu pilih Main.storyboard – View Controller – Attributes icon –  Size “iPhone 3.5 inch” (sesuai selera)

Screen Shot 2016-06-12 at 10.35.47 PM

 

      6. Ketik “button” di kolom search, lalu pilih object Button, setelah itu drag ke dalam scene (layar editor)

Screen Shot 2016-06-12 at 10.37.37 PM

 

Hasilnya seperti ini,

Screen Shot 2016-06-12 at 10.38.54 PM

      7. Klik icon Assistant Editor, lalu pilih All Editors Stacked Vertically (untuk menampilkan secara vertikal)

Screen Shot 2016-06-12 at 10.44.40 PM

      8. Klik “Tombol Berbagi” bersamaan dengan menekan tombol “Control” di keyboard

     9. Pilih Action pada Connection, UIButton pada Type, jangan lupa beri nama – disini kita beri nama “tombol”, lalu klik

           tombol Connect

Screen Shot 2016-06-12 at 10.45.54 PM

      10. Silahkan diisi IBAction dengan script ini,

var sharingItems = [AnyObject]()
        if let text = sharingText {
            sharingItems.append(text)
        }
        if let image = sharingImage {
            sharingItems.append(image)
        }
        if let url = sharingURL {
            sharingItems.append(url)
        }        
        let activityViewController = UIActivityViewController(activityItems: sharingItems, applicationActivities: nil)  
        activityViewController.excludedActivityTypes = [UIActivityTypeAirDrop,UIActivityTypeAddToReadingList,UIActivityTypeAssignToContact,UIActivityTypePostToTencentWeibo,UIActivityTypePostToVimeo,UIActivityTypePrint,UIActivityTypeSaveToCameraRoll,UIActivityTypePostToWeibo]
        self.presentViewController(activityViewController, animated: true, completion: nil)
}

Untuk script if let text … sampai simbol “}” (lihat gambar di bawah, pada isi kolom merah, tulisan yang berwarna hijau), kita membuatnya menjadi sebuah script comment saja dengan memberi  kode “/*” balas “*/”. Lantaran, kita belum memiliki tulisan, gambar, atau pun URL yang ingin di share. Pada kesempatan lain teman bisa menambahkan sendiri tulisan untuk membuka tanda Comment tersebut. Setelah baris yang di comment tadi, saya menambahkan kode sharingItems.append(“text”) agar script terbaca melakukan sesuatu pada sebuah text.

Screen Shot 2016-06-13 at 9.23.14 AM

      11. Langkah selanjutnya silahkan di Run untuk melihat hasilnya.

Screen Shot 2016-06-12 at 11.07.17 PM

Untuk menampilkan jejaring social seperti Facebook ataupun Twitter, silahkan login dulu pada simulator yang hasilnya seperti gambar di bawah ini.

Screen Shot 2016-06-13 at 10.26.59 AM

Related posts:

Loading Facebook Comments ...