Aplikasi sederhana menggunakan SQLite di Windows Phone

Melanjutkan pembahasan sebelumnya tentang SQLite, kali ini saya akan sharing membuat aplikasi sederaha menggunakan SQLite database engine di Windows Phone. Sebelum memulainya pastikan Anda telah membaca SQLite di Windows Phone dan Memanfaatkan SQLite di Windows Phone.

Nah, aplikasi yang akan kita buat adalah aplikasi tentang kontak mahasiswa yang berisikan data Nama dan Nim, aplikasi ini adalah aplikasi yang menggunakan proses CRUD (Create, Read, Update, dan Delete).

Sqlite dan Windows Phone

Berikut tutorialnya:

Membuat Model Class

  1. Buat new project di Visual Studio. Karena saya disini melanjutkan project sebelumnya, maka nama project saya SQLiteSampleApp
  2. Saya asumsikan project Anda telah terinstal SQLite dan sudah siap untuk penggunaan prose SQLite CRUD. *lihat postingan sebelumnya
  3. Yang perlu kita lakukan pertama adalah membuat folder Model yang berisikan class Contact.cs pada project.

    class Contact.cs didalam folder Model
    class Contact.cs didalam folder Model
  4. class Contact.cs berisikan Id, Name, Nim, dan CreationDate yang berfungsi untuk deklrasi class database:
  5. Berikut struktur tabel database contact yang kita buat:

    Database Structure
    Database Structure
  6. Buat folder ViewModel pada project yang nantinya berisi 2 file ini:

    ViewModel Folder
    ViewModel Folder
  7. Selanjutnya kita membuat class DatabaseHelperClass.cs kedalam folder ViewModel tadi, yang berfungsi untuk mengenerate class untuk fungsi Create tabel pada database, mengecek file, membaca kontak, mendelete kontak, dan insert kontak seperti berikut:
  8. Next kita membuat class ReadAllContactsList.cs kedalam folder ViewModel tadi, yang berfungsi untuk menampilkan semua list kontak seperti berikut:

Membuat Interface dan Fungsi

  1. Setelah semua kelas dibuat, selanjutnya kita membuat interface dengan fungsi yang menjalankannya, pertama kita akan membuat layout yang menampilkan semua kontak pada page MainPage seperti berikut:

    MainPage
  2. MainPage.xaml:
  3. MainPage.xaml.cs:
  4. Nah selanjutnya kita membuat folder View yang nantinya berisi 2 page yang berfungsi menambahkan kontak dan mengupdate kontak seperti berikut:

    View Folder
    View Folder
  5. Buat new page pertama dengan nama AddContact.xaml, interface ini berfungsi untuk menambahkan kontak seperti berikut:

    Add Contact
  6. AddContact.xaml :
  7. AddContact.xaml.cs:
  8. Hampir sama dengan AddContact, kita buat page baru didalam folder View dengan nama Delete_UpdateContacts yang berfungsi untuk update dan delete kontak seperti berikut:

    UpdateDeletePage
    UpdateDeletePage
  9. Delete_UpdateContacts.xaml:
  10. Delete_UpdateContacts.xaml.cs:

 

Database akses

  1. Well setelah semua interface dan fungsi dibuat, kita akan mengkondisikan aplikasi saat aplikasi pertama berjalan agar mengakses database sqlite dengan script berikut pada app.xaml.cs project kita:
  2. Setelah semua selesai dibuat, dan aplikasi bisa dijalankan seperti berikut:

    Final
    Final

Semoga bermanfaat … 🙂

Download di GitHub

Iklan

Good People write good comments ..

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s