APLIKASI SMS GATEWAY PADA RUKUN...

15
APLIKASI SMS GATEWAY PADA RUKUN TETANGGA BERBASIS WEBSITE MENGGUNAKAN FRAMEWORK CODE IGNITER Oleh : Asnat Agustine Pembimbing : Dr. Setia Wirawan, SKom., MMSI Jurusan Teknik Informatika, Fakultas Teknologi Industri, Universitas Gunadarma ABSTRAKSI Perancangan aplikasi SMS Gateway berbasis website ini didasarkan adanya kebutuhan dari kedua belah pihak terhadap suatu media yang dapat dijadikan sebagai penghubung antara staff RT dan warga RT dalam mengelola informasi terbaru pada setiap kegiatan-kegiatan sosial di lingkungan RT. Aplikasi yang dibutuhkan tentu harus mudah digunakan bagi pengguna (staff dan warga) tanpa berbatas ruang dan waktu. Aplikasi ini diharapkan dapat membantu manajemen rukun tetangga dalam melakukan pelayanan informasi terbaru secara tepat dan cepat serta up to date. Seiring dengan perkembangan teknologi yang sedemikian pesat, maka aplikasi ini dibuat dengan menggunakan framework Code Igniter untuk membangun website dinamis dengan menggunakan PHP secara cepat dan mudah, serta Gammu SMS Gateway sebagai aplikasi yang dapat digunakan untuk mengelola fungsi SMS pada modem. Maka dalam implementasi, melalui browser staff RT dengan menggunakan modem GSM sebagai koneksinya untuk menyebarkan informasi terbaru dan melalui telepon genggam warga RT untuk mendapatkan informasi yang diinginkan dengan kode format tertentu. Kata Kunci : SMS Gateway, Rukun Tetangga, Website, Code Igniter, Gammu PENDAHULUAN Manusia merupakan makhluk sosial, komunikasi yang baik menjadi hal yang penting dan sangat mutlak dalam rangka membangun sebuah komunitas sosial yang baik. Komunikasi jarak jauh mulai dirasakan penting ketika jumlah manusia semakin banyak dan tersebar ke seluruh dunia, serta disertai dengan membawa ikatan keluarga maupun bisnis usaha masing-masing. Hal tersebut membawa manusia mulai berlomba untuk mencari cara atau menemukan teknologi baru yang dapat mengatasi masalah mereka. Perkembangan teknologi informasi dan komunikasi memang tidak akan pernah “mati”. Beraneka ragam teknologi yang hadir untuk ikut meramaikan dunia teknologi informasi dan komunikasi saat ini, salah satunya adalah teknologi SMS (Short Message Service) atau layanan pesan singkat. Teknologi SMS memungkinkan orang saling berkirim atau bertukar informasi (berupa teks) melalui mobile device misalnya handphone. Bicara instansi dalam hal ini, Rukun Tetangga tidak terlepas dari kegiatan- kegiatan sosial yang sudah pasti akan berhubungan dengan masyarakat. Dengan jumlah staff yang terbatas, pengelolaan informasi pada Rukun Tetangga tergolong masih kurang efisien. Berdasarkan permasalahan di atas, maka timbul suatu ide untuk membuat suatu aplikasi untuk merancang dan membangun sebuah aplikasi SMS Gateway yang akan digunakan sebagai alat bantu dalam pengelolaan informasi pada

Transcript of APLIKASI SMS GATEWAY PADA RUKUN...

APLIKASI SMS GATEWAY PADA RUKUN TETANGGA BERBASIS

WEBSITE MENGGUNAKAN FRAMEWORK CODE IGNITER

Oleh :

Asnat Agustine

Pembimbing :

Dr. Setia Wirawan, SKom., MMSI

Jurusan Teknik Informatika, Fakultas Teknologi Industri, Universitas Gunadarma

ABSTRAKSI

Perancangan aplikasi SMS Gateway berbasis website ini didasarkan adanya

kebutuhan dari kedua belah pihak terhadap suatu media yang dapat dijadikan sebagai

penghubung antara staff RT dan warga RT dalam mengelola informasi terbaru pada

setiap kegiatan-kegiatan sosial di lingkungan RT. Aplikasi yang dibutuhkan tentu harus

mudah digunakan bagi pengguna (staff dan warga) tanpa berbatas ruang dan waktu.

Aplikasi ini diharapkan dapat membantu manajemen rukun tetangga dalam melakukan

pelayanan informasi terbaru secara tepat dan cepat serta up to date. Seiring dengan

perkembangan teknologi yang sedemikian pesat, maka aplikasi ini dibuat dengan

menggunakan framework Code Igniter untuk membangun website dinamis dengan

menggunakan PHP secara cepat dan mudah, serta Gammu SMS Gateway sebagai

aplikasi yang dapat digunakan untuk mengelola fungsi SMS pada modem. Maka dalam

implementasi, melalui browser staff RT dengan menggunakan modem GSM sebagai

koneksinya untuk menyebarkan informasi terbaru dan melalui telepon genggam warga

RT untuk mendapatkan informasi yang diinginkan dengan kode format tertentu.

Kata Kunci : SMS Gateway, Rukun Tetangga, Website, Code Igniter, Gammu

PENDAHULUAN

Manusia merupakan makhluk sosial, komunikasi yang baik menjadi hal yang

penting dan sangat mutlak dalam rangka membangun sebuah komunitas sosial yang

baik. Komunikasi jarak jauh mulai dirasakan penting ketika jumlah manusia semakin

banyak dan tersebar ke seluruh dunia, serta disertai dengan membawa ikatan keluarga

maupun bisnis usaha masing-masing. Hal tersebut membawa manusia mulai berlomba

untuk mencari cara atau menemukan teknologi baru yang dapat mengatasi masalah

mereka. Perkembangan teknologi informasi dan komunikasi memang tidak akan pernah

“mati”. Beraneka ragam teknologi yang hadir untuk ikut meramaikan dunia teknologi

informasi dan komunikasi saat ini, salah satunya adalah teknologi SMS (Short Message

Service) atau layanan pesan singkat. Teknologi SMS memungkinkan orang saling

berkirim atau bertukar informasi (berupa teks) melalui mobile device misalnya

handphone.

Bicara instansi dalam hal ini, Rukun Tetangga tidak terlepas dari kegiatan-

kegiatan sosial yang sudah pasti akan berhubungan dengan masyarakat. Dengan jumlah

staff yang terbatas, pengelolaan informasi pada Rukun Tetangga tergolong masih

kurang efisien. Berdasarkan permasalahan di atas, maka timbul suatu ide untuk

membuat suatu aplikasi untuk merancang dan membangun sebuah aplikasi SMS

Gateway yang akan digunakan sebagai alat bantu dalam pengelolaan informasi pada

Rukun Tetangga untuk menyebarkan pesan ke banyak nomor secara otomatis dan cepat

sehingga dapat menghasilkan informasi-informasi terbaru antara staff RT dan warga

setempat.

METODE PENELITIAN

Metode penelitian yang digunakan dalam skripsi ini adalah dengan menggunakan

pendekatan metode SDLC (System Development Life Cycle). Fase identifikasi, pada fase

ini adalah mengidentifikasi masalah yang ada yaitu warga setempat kurang

bersosialisasi antara warga yang satu dengan warga yang lain sehingga informasi-

informasi terbaru belum semua dapat diterima oleh warga setempat. Fase analisis, pada

fase ini adalah mengumpulkan dan mempelajari berbagai sumber pustaka yang

berhubungan dengan SMS Gateway, PHP, CodeIgniter, dan Gammu. Fase rancangan,

pada fase ini dimulai dengan membuat rancangan tampilan awal, rancangan tampilan

pilihan menu, serta rancangan tampilan sub menu dengan logika perancangan flowchart.

Fase uji coba, akan dilakukan pada rukun tetangga setempat.

PEMBAHASAN

SMS Gateway merupakan pintu gerbang bagi penyebaran informasi dengan

menggunakan SMS. SMS Gateway dapat menyebarkan pesan ke ratusan nomor secara

otomatis dan cepat yang langsung terhubung dengan database nomor-nomor ponsel saja

tanpa harus mengetik ratusan nomor dan pesan di ponsel karena semua nomor akan

diambil secara otomatis dari database tersebut. Selain itu, dengan adanya SMS Gateway

dapat mengustomisasi pesan-pesan yang ingin dikirim. Dengan menggunakan program

tambahan yang dapat dibuat sendiri, pengirim pesan dapat lebih fleksibel dalam

mengirim berita karena biasanya pesan yang ingin dikirim berbeda-beda untuk masing-

masing penerimanya.

Rukun tetangga merupakan organisasi masyarakat yang diakui dan dibina oleh

pemerintah untuk memelihara dan melestarikan nilai-nilai kehidupan masyarakat

Indonesia yang berdasarkan kegotongroyongan dan kekeluargaan serta untuk membantu

meningkatkan kelancaran tugas pemerintahan, pembangunan, dan kemasyarakatan di

desa dan kelurahan.

Code Igniter adalah aplikasi open source yang berupa framework dengan model

MVC (Model, View, Controller) untuk membangun website dinamis dengan

menggunakan PHP. Code Igniter memudahkan developer untuk membuat aplikasi web

dengan cepat dan mudah dibandingkan dengan membuatnya dari awal.

Informasi penting bagi warga yang terkait dengan kegiatan sosial di lingkungan

setempat seperti jadwal ronda malam, jadwal kerja bakti, rapat bersama, perkumpulan

ibu-ibu PKK, kegiatan Posyandu, dan lain-lain biasanya tidak didapatkan oleh semua

warga. Dengan jumlah staff yang terbatas, pengelolaan informasi pada Rukun Tetangga

tergolong masih kurang efisien. Artinya, akan sulit bagi warga untuk memperoleh

informasi yang diinginkan pada saat kapanpun dan dimanapun. Masalah lain yang

ditemukan adalah sulitnya para warga untuk memberitahu kepada staff RT yang terkait

dengan saran dan kritik tentang kenyamanan dan kepentingan bersama di lingkungan

setempat belum bisa ditindaklanjuti dengan cepat. Selama ini para warga atau staff RT

memperoleh informasi tentang situasi dan kondisi wilayah setempat menganggap hanya

informasi biasa saja.

Sebuah solusi yang cukup ideal untuk menyelesaikan permasalahan di atas adalah

dengan dibuatnya program aplikasi SMS Gateway berbasis website bagi staff RT untuk

menyebarkan informasi penting bagi para warganya. Aplikasi ini juga dapat menerima

SMS dari para warga tentang saran dan kritik mengenai situasi dan kondisi di

lingkungan setempat. Keuntungan yang didapatkan jika menggunakan aplikasi ini

adalah mempermudah serta membuat lebih efisien dan efektif dalam hal penerimaan

maupun pengiriman informasi melalui SMS.

Program aplikasi yang diusulkan yakni sebuah aplikasi SMS Gateway berbasis

website menggunakan teknologi PHP (Hypertext Prepocessor) dengan CodeIgniter PHP

Framework dan Gammu SMS Gateway. Aplikasi ini berperan sebagai pengolah

informasi, yang mana informasi tersebut dikemas dalam bentuk SMS. SMS Gateway ini

memungkinkan kita untuk mengirimkan SMS ke banyak penerima sekaligus.

Untuk para warga agar memudahkan dalam pengolahan data, maka ditentukan

beberapa format untuk melakukan SMS. Ada beberapa format SMS yang ditentukan

pada aplikasi SMS Gateway ini seperti pada tabel 1 di bawah ini.

Tabel 1. Format SMS

No. Format SMS Keterangan

1. INF Untuk mengetahui format SMS request

yang tersedia

2. AGD Untuk mengetahui agenda hari ini di luar

jadwal wajib

3. JD1 Untuk melihat jadwal ronda malam hari ini

4. JD2 Untuk melihat jadwal kerja bakti minggu ini

5. JD3 Untuk melihat jadwal Posyandu

6. SRN<spasi>isi Untuk memberikan saran pada staff RT

7. KRT<spasi>isi Untuk memberikan kritik pada staff RT

Form halaman login merupakan form untuk menuju ke form halaman utama,

dimana kita harus memasukkan nama pengguna dan kata sandi terlebih dahulu. Pada

form login terdapat text field yaitu nama pengguna dan kata sandi yang harus diisi

sebelum tombol Login diklik. Nama pengguna dan kata sandi yang bisa diakses tentu

saja yang sudah terdaftar pada database sistem aplikasi SMS Gateway ini. Pada

penulisan ini, belum tersedia form untuk mendaftar dan form jika lupa kata sandi.

Rancangan tampilan form halaman login dapat dilihat pada gambar 1. berikut ini.

Gambar 1. Rancangan Tampilan Halaman Login

SELAMAT DATANG..

Anda Belum LOGIN!!

Silahkan login dengan nama pengguna dan kata sandi Anda

Nama Kata

Pengguna Sandi Login

Form ini adalah halaman utama setelah berhasil login. Di form ini terdapat menu

bar yang dapat diakses. Rancangan tampilan form halaman utama dapat dilihat pada

gambar 2. berikut ini.

RT

Gambar 2. Rancangan Tampilan Halaman Utama

Form kirim SMS merupakan form halaman untuk mengirim SMS dengan

memasukkan nomor HP dan pesan yang akan dikirim. Rancangan tampilan form send

SMS dapat dilihat pada gambar 3. berikut ini.

Gambar 3. Rancangan Tampilan Kirim SMS

Form kotak masuk merupakan form halaman untuk melihat isi SMS masuk.

Daftar kotak masuk ini terdapat nomor, pengirim, isi pesan, dan pilihan hapus. Form

kotak masuk harus di-refresh jika ingin melihat SMS masuk dan ada pilihan untuk

menghapus SMS. Pada form ini juga tersedia layanan untuk melihat pesan-pesan yang

bisa dicari sesuai tanggal yang diinginkan dengan memasukkan tanggal awal sampai

HALAMAN UTAMA | KIRIM SMS | KOTAK MASUK | KOTAK KELUAR | SMS TERKIRIM | BUKU TELEPON | BUKU TELEPON GRUP | UBAH KATA SANDI | KELUAR

Kata Pengantar

Gambar

Struktur

keanggotaan

RT

HALAMAN UTAMA | KIRIM SMS | KOTAK MASUK | KOTAK KELUAR | SMS TERKIRIM | BUKU TELEPON | BUKU TELEPON GRUP | UBAH KATA SANDI | KELUAR

Silahkan Isi Form Ini untuk Mengirimkan SMS

Gambar

Struktur

keanggotaan

RT

Opsi : Input Manual

Kirim Ke : (Ketikkan nomor HP, bila lebih dari satu, pisahkan dengan

tekan tombol Enter)

Isi Pesan :

Kirim SMS

tanggal lahir dan selanjutnya tombol Cari dapat diklik. Rancangan tampilan form kotak

masuk dapat dilihat pada gambar 4. berikut ini.

Gambar 4. Rancangan Tampilan Kotak Masuk

Form kotak keluar merupakan form halaman untuk melihat isi SMS yang dalam

proses untuk dikirim. Rancangan tampilan form kotak keluar dapat dilihat pada gambar

5. berikut ini.

Gambar 5. Rancangan Tampilan Kotak Keluar

Form SMS terkirim merupakan form halaman untuk melihat isi SMS yang sudah

terkirim. Rancangan tampilan form SMS terkirim dapat dilihat pada gambar 6. berikut

ini.

Daftar Kotak Masuk

No. Pengirim Waktu Penerimaan Isi Pesan Pilihan

Gambar

Struktur

keanggotaan

RT

Lihat Dari : Sampai : Cari

Hapus

Hapus

Daftar Kotak Keluar

No. Penerima Tanggal Kirim Isi SMS

Gambar

Struktur

keanggotaan

RT

HALAMAN UTAMA | KIRIM SMS | KOTAK MASUK | KOTAK KELUAR | SMS TERKIRIM | BUKU TELEPON | BUKU TELEPON GRUP | UBAH KATA SANDI | KELUAR

HALAMAN UTAMA | KIRIM SMS | KOTAK MASUK | KOTAK KELUAR | SMS TERKIRIM | BUKU TELEPON | BUKU TELEPON GRUP | UBAH KATA SANDI | KELUAR

Gambar 6. Rancangan Tampilan SMS Terkirim

Form buku telepon merupakan form halaman untuk membuat dan melihat daftar

buku telepon. Ada field-field yang harus diisi, yaitu Nama, Nomor Telepon, Nama Grup

Telepon. Setelah diisi dengan lengkap, maka tombol Simpan dapat diklik. Untuk nama

grup telepon akan tersedia jika sudah dibuat pada menu buku telepon grup. Menu buku

telepon grup akan dijelaskan pada sub bab berikutnya. Pada form ini juga terdapat

pilihan ubah dan hapus pada daftar buku telepon. Setelah disimpan, maka masuk ke

dalam daftar buku telepon. Rancangan tampilan form buku telepon dapat dilihat pada

gambar 7. berikut ini.

Gambar 7. Rancangan Tampilan Buku Telepon

Daftar SMS Terkirim

No. Penerima Waktu Pengiriman Status Isi Pesan Pilihan

Gambar

Struktur

keanggotaan

RT

Lihat Dari : Sampai : Cari

Hapus

Hapus

Tambah Data Buku Telepon

Nama :

Nomor Telepon :

Nama Grup Telepon :

Daftar Buku Telepon

No Nama Nomor Telepon Nama Grup Telepon Pilihan

Gambar

Struktur

keanggotaan

RT

Hapus

Simpan

Ubah

Ubah

Hapus

HALAMAN UTAMA | KIRIM SMS | KOTAK MASUK | KOTAK KELUAR | SMS TERKIRIM | BUKU TELEPON | BUKU TELEPON GRUP | UBAH KATA SANDI | KELUAR

HALAMAN UTAMA | KIRIM SMS | KOTAK MASUK | KOTAK KELUAR | SMS TERKIRIM | BUKU TELEPON | BUKU TELEPON GRUP | UBAH KATA SANDI | KELUAR

Form buku telepon grup merupakan form halaman untuk menampilkan daftar

phonegroup. Rancangan tampilan form buku telepon grup dapat dilihat pada gambar 8.

berikut ini.

Gambar 8. Rancangan Tampilan Buku Telepon Grup

Form ubah kata sandi merupakan form halaman untuk mengganti password yang

lama dengan yang baru. Rancangan tampilan form ubah kata sandi dapat dilihat pada

gambar 9. berikut ini.

Gambar 9. Rancangan Tampilan Ubah Kata Sandi

Form keluar merupakan form halaman untuk menghapus semua cookie, maka kita

otomatis akan keluar dari aplikasi ini dan dibawa kembali ke halaman login. Rancangan

tampilan form keluar dapat dilihat pada rancangan tampilan form login.

Tambah Buku Telepon Grup

Phone Group List

No Nama Grup Telepon Pilihan

Gambar

Struktur

keanggotaan

RT Nama Grup Telepon

Simpan

Ubah Hapus

Ubah Kata Sandi

Kata Sandi yang Lama

Kata Sandi yang Baru

Konfirmasi Kata Sandi yang Baru

Ubah

HALAMAN UTAMA | KIRIM SMS | KOTAK MASUK | KOTAK KELUAR | SMS TERKIRIM | BUKU TELEPON | BUKU TELEPON GRUP | UBAH KATA SANDI | KELUAR

Setelah software pendukung selesai di-install, maka database dipersiapkan.

Kemudian 17 tabel dibuat pada phpmyadmin yaitu 9 tabel untuk database Gammu dan 8

tabel untuk database DX_Auth dari rancangan database yang telah dibuat. File-file

CSS dan JavaScript untuk membuat layout terlihat rapi akan dipanggil serta file

gambar untuk mendukung pembuatan layout dipersiapkan dalam script. Selanjutnya file

view and controller dibuat setiap halaman.

User berhasil mengakses localhost/mysms karena database pada phpmyadmin

terbaca dengan baik, maka muncul tampilan form login seperti gambar 10. Pada

tampilan form login terdapat textfield nama pengguna dan kata sandi yang harus diisi

oleh user yang berhak dan sudah terdaftar. Setelah nama pengguna dan kata sandi diisi

dengan “admin” dan “demo”, tombol login diklik maka akan muncul tampilan form

halaman utama.

Gambar 10. Tampilan Form Login

Pada tampilan form halaman utama terdapat beberapa menu yang bisa dipilih,

yaitu Kirim SMS, Kotak Masuk, Kotak Keluar, SMS Terkirim, Buku Telepon, Buku

Telepon Grup, Ubah Kata Sandi, dan Keluar.

Gambar 11. Tampilan Form Halaman Utama

Pada tampilan form kirim SMS terdapat form untuk mengirimkan SMS. Ada

textfield untuk nomor handphone dan isi pesan serta ada tombol Submit untuk kirim

SMS.

Gambar 12. Tampilan Form Kirim SMS

Textfield nomor handphone dan isi pesan diisi oleh user dengan “085716804449”

dan “Selamat Pagi. Hari ini ada pemungutan Iuran Warga untuk bulan September 2012

sebesar Rp 10.000,00 per KK. Terima Kasih.”. Jika data yang ada di form sudah

dilengkapi oleh user, kemudian tombol Kirim SMS ditekan, maka akan diarahkan ke

tampilan form Kotak Keluar.

Gambar 13. Diarahkan ke Tampilan Form Kotak Keluar

List ini akan terhapus dengan sendirinya dan menjadi list di menu SMS terkirim

jika SMS tersebut sudah sampai di handphone penerima.

Gambar 14. SMS Masuk di Handphone Penerima

SMS telah masuk di handphone penerima, maka list yang sementara ada di form

kotak keluar sebelumnya berpindah ke daftar tabel di menu SMS terkirim.

Gambar 15. Daftar SMS Terkirim

SMS dengan isi pesan “INF” dikirim oleh user ke nomor modem pada aplikasi ini.

Gambar 16. SMS yang Akan Dikirim

Pada tampilan form kotak masuk terdapat daftar tabel kotak masuk yaitu nomor,

pengirim, waktu pengiriman, isi pesan, dan pilihan untuk menghapus.

Gambar 17. Tampilan Form Kotak Masuk

Pada tampilan form kotak keluar terdapat daftar tabel kotak keluar yaitu nomor,

penerima, waktu pengiriman, dan isi pesan. List ini akan terhapus dengan sendirinya

dan menjadi list di menu SMS terkirim jika SMS tersebut sudah sampai di handphone

penerima. Gambar di bawah ini adalah list SMS yang sedang diproses dikirim dimana

telah user uji sebelumnya.

Gambar 18. Tampilan Form Kotak Keluar

Jika ada pesan masuk dan sistem membaca sebagai format SMS dari auto reply,

maka dengan cepat sistem akan mengirim balasan SMS kembali dengan cepat dan

otomatis. Sehingga user tidak sempat melihat di daftar kotak keluar, namun langsung

masuk ke daftar SMS terkirim.

Pada tampilan form SMS terkirim terdapat daftar tabel SMS terkirim yaitu nomor,

penerima, waktu pengiriman, status, isi pesan, dan pilihan untuk menghapus. Gambar di

bawah ini adalah list SMS terkirim yang telah user uji pada saat auto reply.

Gambar 19. Tampilan Form SMS Terkirim

Jika ada format SMS yang terbaca oleh sistem dan daftar sudah terbuat di menu

SMS Terkirim, maka SMS auto reply dengan format yang di-request oleh user akan

kembali masuk ke handphone penerima.

Gambar 20. SMS Auto Reply

Pada tampilan form buku telepon terdapat penambahan data buku telepon. Nama

“Ferdy Winardi”, nomor telepon “08111981212”, nama grup telepon “Warga RT”

diinput oleh user.

Gambar 21. Input Data Buku Telepon

Tombol simpan diklik, maka akan muncul alert box seperti gambar di bawah ini.

Gambar 22. Alert Box Menyimpan Data Buku Telepon

Pilihan Oke diklik, maka ada pesan dari alert box seperti gambar di bawah ini.

Gambar 23. Alert Box Berhasil Menyimpan Data Buku Telepon

Pilihan Oke diklik, maka data tersebut masuk ke dalam daftar tabel buku telepon

yaitu nomor, nama, nomor telepon, nama grup telepon, serta pilihan ubah dan hapus.

Gambar 24. Tampilan Form Buku Telepon

Pada tampilan form buku telepon grup terdapat penambahan data buku telepon

grup. Nama grup “Warga RT” diinput oleh user.

Gambar 25. Input Data Buku Telepon Grup

Tombol simpan diklik, maka akan muncul alert box seperti gambar di bawah ini.

Gambar 26. Alert Box Menyimpan Data Buku Telepon Grup

Pilihan Oke diklik, maka ada pesan dari alert box seperti gambar di bawah ini.

Gambar 27. Alert Box Berhasil Menyimpan Data Buku Telepon Grup

Pilihan Oke diklik, maka data tersebut masuk ke dalam daftar tabel buku telepon

grup yaitu nomor, nama grup telepon, serta pilihan ubah dan hapus.

Gambar 28. Tampilan Form Buku Telepon Grup

Pada tampilan form ubah kata sandi terdapat textfield kata sandi yang lama, kata

sandi yang baru, dan konfirmasi kata sandi yang baru serta tombol submit untuk

mengubah kata sandi.

Gambar 29. Tampilan Form Ubah Kata Sandi

Jika user belum melengkapi data yang ada di form, tetapi sudah menekan tombol

Ubah, maka akan muncul peringatan di bawah setiap field-field yang ada seperti gambar

di bawah ini.

Gambar 30. Data Belum Dilengkapi pada Menu Ubah Kata Sandi

Pada tampilan form keluar, jika dklik menu tersebut maka akan muncul tampilan

login awal.