Menampilkan data Sharepoint List pada Android App menggunakan Xamarin

Transkripsi

1 Menampilkan data Sharepoint List pada Android App menggunakan Xamarin Junindar, ST, MCPD, MOS, MCT, MVP.NET Lisensi Dokumen: Copyright 2003 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com. Abstrak Android adalah salah satu mobile oprating system yang saat banyak digunakan di berbagai smartphone, baik yang berspesifikasi rendah maupun mumpuni. Dikarenakan android saat ini merupakan salah satu mobile OS paling digemari, maka tidak dipungkiri sangat banyak sekali aplikasi-aplikasi mobile untuk android. Untuk membuat aplikasi mobile ini ada beberapa tools yang bisa digunakan dan salah satunya adalah dengan menggunakan Xamarin.

2 Pendahuluan Pada artikel ini akan dijelaskan bagaimana cara untuk membuat aplikasi mobile untuk menampilkan data Sharepoint dengan menggunakan Xamarin dan JSON.Net. Xamarin adalah salah tools untuk membuat aplikasi mobile dimana bahasa pemograman yang digunakan adalah C#. Xamarin merupakan perusahaan perangkat lunak yang berdiri pada bulan Mei tahun Integrated development environment (IDE) pada Xamarin di kenal dengan nama Xamarin Studio. Tetapi selain Xamarin Studio kita juga dapat menggunakan Visual Studio dan pada artikel ini kita akan menggunakan Visual Studio Selanjutnya untuk mengambil data pada sharepoint kita akan menggunakan HttpClient.

3 Isi Untuk memudahkan memahami isi dari artikel ini, kita akan membuat sebuah project latihan, dimana kita akan menggunakan Sharepoint (2013) List sebagai media penyimpanan datanya. Untuk pertama kali buka Visual Studio (VS) 2013 (diasumsikan Xamarin sudah di install pada PC/Laptop) A. Create New Project Pada latihan yang pertama ini, akan dijelaskan bagaimana membuat sebuah project untuk aplikasi pada anroid. 1. Pada VS 2013 klik New Project lalu tampilan jendela New Project akan muncul seperti gambar dibawah ini. Pilih Blank App (Android) dan ganti nama project menjadi LatihanJSON. Dan klik OK. Setelah kita melakukan langkah diatas, maka kita akan mendapatkan sebuah project baru seperti gambar dibawah.

4 Selanjutnya tambah beberapa folder (Activity, Adapter, Entity dan Fragment) pada project.

5 a. Pada folder entity tambah dua buah class, dengan nama ProjectSite dan Site. Tambahkan sintaks dibawah untuk masing-masing class. namespace LatihanJSON public class ProjectSite public string ID get; set; public string Link get; set; public string ProjectName get; set; public string Status get; set; public string Priority get; set; public string State get; set; using System.Collections.Generic; namespace LatihanJSON public class Site public string ID get; set; public string Url get; set; public List<ProjectSite> Items get; set;

6 Pada Class ProjectSite merupakan representasi dari List Project Information pada SharePoint, yang nantinya akan kita tampilkan data-data pada list tersebut kedalam apps. Sedangkan Class Site berfungsi sebagai Parent dari Class ProjectSite. Dimana satu ID pada Site bisa memiliki banyak Items pada ProjectSite. 2. Tambahkan sebuah class pada Folder Adapter dengan nama ListProjectAdapter. Class ini berfungsi untuk melakukan bind data ke dalam user interface pada aplikasi. Lalu pada class yang dibuat, ubah sintaks seperti dibawah. using System.Linq; using Android.App; using Android.Views; using Android.Widget; namespace LatihanJSON public class ListProjectAdapter : BaseAdapter<ProjectSite> private readonly ProjectSite[] _projectitems; Activity _context = null; public ListProjectAdapter(Activity context, ProjectSite[] projectitems) _context = context; _projectitems = projectitems; public override long GetItemId(int position) return position;

7 public override View GetView(int position, View convertview, ViewGroup parent) var view = convertview?? _context.layoutinflater.inflate(android.resource.layout.simplelistitem2, null); view.findviewbyid<textview>(android.resource.id.text1).text = _projectitems[position].projectname; view.findviewbyid<textview>(android.resource.id.text2).text = string.format("project Status : 0 - Priority : 1", _projectitems[position].status, _projectitems[position].priority); return view; public override int Count get return _projectitems.count(); public override ProjectSite this[int position] get return _projectitems[position]; Sintaks diatas merupakan Class Adapter untuk ProjectSite, dimana kita akan menampilkan data seperti ProjectName, Status dan Priority kedalam listview dengan cara melakukan Overide View. 3. Pada folder Layout (Resources>Layout), tambahkan sebuah Android Layout (.axml) dengan nama FragmentListProject. Klik kanan pada Layout Folder > Add > New Item, lalu pilih Android Layout. Gambar dibawah adalah default dari Layout yang telah kita buat diatas.

8 Dan selanjutnya adalah kita akan mengganti layout diatas. Klik tab source pada layout dan ganti sintaks dari layout menjadi seperti gambar dibawah. <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:minwidth="25px" android:minheight="25px" android:isscrollcontainer="true" android:padding="3dip"> <ListView android:minwidth="25px" android:minheight="25px" android:layout_width="match_parent" android:layout_height="wrap_content" /> </LinearLayout> Pada sintaks diatas, dapat kita lihat terdapat sebuah ListView dengan nama siteitemlist. ListView ini berfungsi untuk tempat menampilkan data dari SharePoint List nantinya. Pada folder Fragment tambah sebuah Fragment dengan nama ListProjectFragment.

9 Fragment ini lah yang berfungsi untuk mengambil data dari Sharepoint List dan ditampilkan pada ListView pada FragmentListProject Layout. Untuk lebih memahami ikuti langkah-langkah berikut ini. Pertama sebelum masuk dalam membuat sintaks pada fragment, tambahkan sebuah Reference System.Net.Http pada Project. Selanjutnya ketikkan sintas dibawah ini pada Fragment yang baru dibuat.

10 using System; using System.Collections.Generic; using System.Xml.Linq; using Android.App; using Android.OS; using Android.Util; using Android.Views; using Android.Widget; using System.Net.Http; namespace LatihanJSON public class ListProjectFragment : Fragment public static string ArgMenuNumber = "menu_number"; private List<Site> _sites; private ListView _sitelistview; public ListProjectFragment() _sites = new List<Site>(); public override View OnCreateView(LayoutInflater p0, ViewGroup p1, Bundle p2) var rootview = p0.inflate(resource.layout.fragmentlistproject, p1, false); _sitelistview = (ListView)rootView.FindViewById(Resource.Id.siteItemList); AddProjectInfo(" return rootview; private async void AddProjectInfo(string url) try var newsite = new Site ; Url = url var httpclienthandler = new HttpClientHandler Credentials = new System.Net.NetworkCredential("domain\\username", "**") ;

11 using (var client = new HttpClient(httpClientHandler)) var xmlfeed = await client.getstringasync(url); var doc = XDocument.Parse(xmlFeed); XElement root = doc.root; XNamespace dc = " XNamespace dcm = " XNamespace dcd = " newsite.id = url.substring(0, url.length - 13); List<ProjectSite> lstprojectinfo = new List<ProjectSite>(); foreach (XElement e in root.descendants(dc + "entry")) "id").value + var xmlinfo = ""; var bcon = true; try xmlinfo = await client.getstringasync(e.element(dc + "/lists/getbytitle('project Information')/items"); catch (Exception) bcon = false; if (!bcon) continue; var docinfo = XDocument.Parse(xmlInfo); XElement rootinfo = docinfo.root; "properties")) foreach (XElement einfo in rootinfo.descendants(dcm + ProjectSite newproject = new ProjectSite(); newproject.id = einfo.element(dcd + "ID").Value; newproject.projectname = einfo.element(dcd + "Title").Value; newproject.link = e.element(dc + "id").value; newproject.state = einfo.element(dcd + "State").Value; if (einfo.element(dcd + "ProjectStatus")!= null) newproject.status = einfo.element(dcd + "ProjectStatus").Value; newproject.priority = einfo.element(dcd + "Priority").Value; lstprojectinfo.add(newproject);

12 newsite.items = lstprojectinfo; _sites.add(newsite); _sitelistview.adapter = new ListProjectAdapter(Activity, _sites[0].items.toarray()); catch (Exception ex) Log.Error("JSON", "Encountered an error 0", ex.message); Pada "async void AddProjectInfo" dapat kita lihat bagaimana sebelum mengakses Sharepoint List terlebih dahulu kita melakukan cek credential terlebih dahulu dengan memasukkan username dan password. 4. Selanjutnya ubah Layout pada Main.axml menjadi seperti sintaks dibawah. <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <!-- The main content view --> <FrameLayout android:id="@+id/content_frame" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/black" /> </LinearLayout> 5. Copy MainActivity.cs kedalam folder Activity. Lalu ubah sintaks pada OnCreate seperti sintaks dibawah. protected override void OnCreate(Bundle bundle) base.oncreate(bundle); // Set our view from the "main" layout resource SetContentView(Resource.Layout.Main); var fragment = new ListProjectFragment(); var arguments = new Bundle(); arguments.putint(listprojectfragment.argmenunumber, 0); fragment.arguments = arguments; FragmentManager.BeginTransaction().Replace(Resource.Id.content_frame, fragment).commit();

13 Dan jalankan program, maka kita akan mendapatkan data-data yang terdapat pada Sharepoint List.

14 Penutup Pada artikel ini telah dijelaskan bagaimana menggunakan Xamarin untuk menampilkan data pada Android App. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

15 Referensi Masih banyak lagi referensi yang ada di Intenet. Anda tinggal cari di Dengan kata kunci tutorial VB.Net Biografi Penulis. Junindar Lahir di Tanjung Pinang, 21 Juni Menyelesaikan Program S1 pada jurusan Teknik Informatika di Sekolah Tinggi Sains dan Teknologi Indonesia (ST-INTEN-Bandung). Junindar mendapatkan Award Microsoft MVP VB pertanggal 1 oktober 2009 hingga saat ini. Senang mengutak-atik computer yang berkaitan dengan bahasa pemrograman. Keahlian, sedikit mengerti beberapa bahasa pemrograman seperti : VB.Net, C#, SharePoint, ASP.NET, VBA. Reporting: Crystal Report dan Report Builder. Database: MS Access, MY SQL dan SQL Server. Simulation / Modeling Packages: Visio Enterprise, Rational Rose dan Power Designer. Dan senang bermain gitar, karena untuk bisa menjadi pemain gitar dan seorang programmer sama-sama membutuhkan seni. Pada saat ini bekerja di salah satu Perusahaan Consulting dan Project Management di Malaysia sebagai Senior Consultant. Memiliki beberapa sertifikasi dari Microsoft yaitu Microsoft Certified Professional Developer (MCPD SharePoint 2010), MOS (Microsoft Office Specialist) dan MCT (Microsoft Certified Trainer) Mempunyai moto hidup: Jauh lebih baik menjadi Orang Bodoh yang giat belajar, dari pada orang Pintar yang tidak pernah mengimplementasikan ilmunya.