SISTEM INFORMASI JADWAL MANAGER BERBASIS WEB DAN WAP

(1)

SKRIPSI

Ditujukan Untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Teknik Jurusan Teknik Informatika

Disusun Oleh:

Lambertus Pramudya Wardhana

0253141025

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS SANATA DHARMA

YOGYAKARTA

(2)

A Thesis

Presented as Partial Fulfillment of the Requirements

to Obtain theSarjana TeknikDegree

in Informatic Engineering

by

Lambertus Pramudya Wardhana

025314025

DEPARTEMENT OF INFORMATIC ENGINEERING

FACULTY OF ENGINEERING

SANATA DHARMA UNIVERSITY

YOGYAKARTA

(3)

(4)

(5)

PERNYATAAN

Dengan ini saya sebagai penulis tugas akhir menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini tidak memuat karya atau bagian karya orang lain, kecuali pemikiran, metode atau hasil penelitian orang lain yang diambil disebutkan dengan jelas sebagai acuan.

Yogyakarta, Agustus 2007

(6)

HALAMAN PERSEMBAHAN

Untuk segala sesuatu ada masanya,

untuk apapun dibawah langit ada waktunya

(Pengkotbah 3:1)

Kupersembahkan jerih payah dan karyaku ini untuk :

Tuhan Yesus dan Bunda Maria atas segala berkat-Nya

dan curahan kasih-Nya.

Bapak FX Sugiyanto dan ibu Yustina Sri Mardiningsih

atas segala cinta kasih dan dukungan selama ini.

Tanpa kalian aku bukan apa-apa.

Mbah Putri Sawen dan mbah putri Maria Darsinah

Martosudarmo (Alm) atas semua dukungan dan kasih

sayang selama ini.

Mbak Dewi, adikku Astri dan Agung aku bangga

sebagai adik dan kakak kalian.

(7)

ABSTRAKSI

Manager perusahan sebagai pembuat keputusan di perusahan memiliki agenda sangat banyak, sehingga dia harus didampingi sekertaris pribadi untuk menjadwalkan agenda dan mengatur pertemuan dengan klien. Perjalanan dinas manager karena didampingi sekertaris menyebabkan pembengkakan biaya perusahaan.

Untuk memangkas biaya sistem informasi manager berbasis Web dan WAP dapat menjadi solusi, manager tidak perlu didampingi oleh sekretaris saat bepergian, tetapi manager dapat melihat agenda kerja setiap saat melalui fasilitas ini.

Dengan menggunakan teknologi Web dan WAP, informasi kegiatan manager dapat diakses setiap saat dengan menggunakan perangkat komputer/laptop, PDA dan ponsel.

Pembuatan sistem ini memakai bahasa pemrograman WML

(8)

ABSTRACT

A manager of a company as a decision maker has so many agenda, so that the secretary should accompany him to arrange the agenda and meetings with the clients. An official trip of a manager accompanied by the secretary gets the expansion budget.

To cut this budget the information system of manager’s schedule using Web and WAP base can be a solution. A manager doesn’t need to be accompanied by the secretary when he/she is out, but the manager can see the working agenda everytime through this facility.

Using this Web and WAP base technology, the information of the manager’s agenda can be accessed everytime by using laptop or computer, PDA and mobile phone.

(9)

KATA PENGANTAR

Puji syukur penulis haturkan kepada Tuhan Yang Maha Esa atas segala karunia yang diberikan, sehingga penulis dapat menyelesaikan tugas akhir yang berjudul “Sistem Informasi Jadwal Manager Berbasis Web dan WAP” ini dengan baik. Penulisan ini merupakan salah satu syarat untuk memperoleh gelar Sarjana Teknik di Universitas Sanata Dharma pada program studi Teknik Informatika.

Selama penulisan skripsi ini penulis telah memperoleh bantuan dan bimbingan dari berbagai pihak. Oleh karena itu penulis mengucapkan terima kasih kepada:

1. Bapak B. Herry Suharto, S.T., M.T. selaku pembimbing I yang telah banyak membantu dan membimbing selama mengerjakan tugas akhir ini.

2. Ibu Agnes Maria Polina, S.Kom., M.Sc., selaku dosen pembimbing akademik dan Ketua Jurusan Teknik Informatika Universitas Sanata Dharma yang sudah banyak membantu dan memberikan dukungan kepada penulis selama masa kuliah.

3. Bapak St. Yudianto S.T. dan Ibu Ridowati Gunawan S.Kom.,M.T. selaku panitia penguji pada ujian pendadaran penulis.

4. Seluruh staff dan dosen pengajar di Univeritas Sanata Dharma pada umumnya dan Jurusan Teknik Informatika pada khususnya.

5. Pak Belle, Mba Marni, Pak Djito dan pihak sekretariat teknik yang telah membantu saya dalam urusan administrasi maupun peminjaman lab.

(10)

7. Mbah Putri , Bulik Ambar dan Sarah, Bulik Yuli dan Om Adi serta Lintang, Om Joko, Om Aan, Om Tris sekeluarga, Nanang jadi sarjana berkat dukungan kalian juga.

8. Om Nano, Bulik Harni, Vincent, Mbak Nah serta semua keluarga di Sumber rumah keduaku. Terimakasih atas kebaikan kalian selama ini.

9. Dian yang tak pernah padam mendukungku setiap saat, terimakasih ndut atas semua cinta, kasih sayang, dan perhatian selama ini.

10. Bapak Yohanes Berchman Tamsidi dan Ibu Margaretha Setiyati, serta mas, Yoseph Nugroho Tri Sumartono terimakasih sudah menerimaku dengan baik. 11. Teman-teman kost Cansas Grandes : Toni+Ponco, Gusur, Gogon, Edi, Rendi,

Aris, Krisna, Wawan, Kenthi, Indrug, Jongos, Sapi, Pak Ndut, Lukas, Boy, Aming, Sukromen, Grandong, Nares, Andri, Jabrik, si sri terimakasih atas kebersamaan selama ini.

12. Teman–teman TI seperjuangan angkatan 02 Hasto, Bowo, Nico, Andika + Tri, Mc’Dee, Aceng, Andi Raharjo, Ase, Kuncung, Lilik, Ika + Gwendi, Albert, serta teman–teman yang tidak dapat saya sebut satu persatu, terima kasih atas kebersamaan, keakraban dan bantuan serta dukungannya selama ini. 13. Teman-teman TI angkatan 03 : Ones + Tika, Albert Coni, Dion serta teman– teman yang tidak dapat saya sebut satu persatu, terima kasih atas kebersamaan, keakraban dan dukungannya selama ini.

14. Teman-teman AC ANILOP dan teman-teman main futsal di Hall : Marcell, Andre, Dedi, Beni, Martin, Anes, Li Jun, Edvan, Ucok, Lasrow, Yuris, Robert, Lilik, Heru, Revo, Ulis, Yuli, dll

15. Seluruh civitas akademik Universitas Sanata Dharma, Yogyakarta.

(11)

Penulis menyadari sepenuhnya bahwa Tugas Akhir ini masih jauh dari kesempurnaan dan masih banyak kekurangan. Oleh karena itu penulis sangat mengharapkan kritik dan saran yang bersifat membangun demi perbaikan lebih lanjut. Penulis berharap semoga Tugas akhir ini dapat bermanfaat dan berguna bagi pembaca.

Yogyakarta, 21 September 07

(12)

DAFTAR ISI

Halaman Judul... i

Halaman Persetujuan... ii

Halaman Pengesahan... iii

Halaman Pernyataan... iv

Halaman Persembahan... v

Abstraksi... vi

Abstract... vii

Kata Pengantar... viii

Daftar Isi... xi

Daftar Gambar... xvi

Daftar Tabel... xx

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Rumusan Masalah ... 2

1.3 Batasan Masalah ... 2

1.4 Tujuan Penulisan ... 3

1.5 Metodelogi Penelitian ... 3

1.6 Sistematika Penulisan ... 4

BAB II LANDASAN TEORI ... 6

2.1 WAP (Wireless Application Protocol) ... 6

(13)

2.1.1.1 Keunggulan WAP ... 9

2.1.2 Versi dalam WAP ... 10

2.2 Teknologi WAP ... 11

2.2.1 Konsep Model Jaringan pada Teknologi WAP ... 11

2.2.2 Komponen Arsitektur WAP ... 12

2.2.3 Model dari WAP (Wireless Application Protocol) ... 15

2.2.4 WAP Emulator ... 16

2.2.5 Beberapa Pengertian dalam WAP ... 17

2.3 WML (Wireless Markup Language) ... 17

2.3.1 Hirearki WML ... 18

2.3.2 Perbedaan WML dan XML ... 19

2.3.3 Browser WML ... 20

2.3.3.1 Microbrowser ... 20

2.3.3.2 Cara Microbrowser membaca dokumen ... 20

2.3.4 Menulis Dokumen Prolog ... 21

2.3.5 Element WML yang valid ... 22

2.4 WBMP (Wireless Bitmap) ... 23

2.5 Tinjauan PHP ... 24

2.5.1 Sejarah PHP ... 25

2.5.2 Keunggulan PHP ... 26

2.5.3 Tipe Data PHP ... 26

2.6 PHP dan WAP ... 27

2.7 Tinjauan MySQL ... 29

(14)

2.7.2 Database, Tabel, Baris dan Kolom ... 29

2.7.3 Perintah-perintah Dasar MySQL ... 30

2.8 Koneksi PHP ke MySQL ... 32

BAB III ANALISA DAN PERANCANGAN ... 34

3.1 Analisis Sistem ... 34

3.1.1Use Case Diagram ... 34

3.1.2Data Flow Diagram (DFD)... 35

3.1.2.1 Proses Modeling... 35

3.1.2.2 Diagram Konteks... 35

3.1.2.3 Bagan Berjenjang... 36

3.1.2.4 Overview Diagram... 38

3.1.3 Entity Relationship Diagram (ERD)... 45

3.2 Desain Sistem ... 47

3.2.1 Desain Basis Data ... 47

3.2.2 Relasi Tabel... 49

3.3 DesainUser Interface... 50

3.3.1 DesainUser InterfaceSubsistem Manager... 50

3.3.1.1 DesainUser InterfaceWEB Subsistem Manager... 50

3.3.1.2 DesainUser InterfaceWAP Subsistem manager... 53

3.3.2 DesainUser InterfaceSubsistem Tamu... 56

3.3.2.1 DesainUser InterfaceWEB Subsistem Tamu... 56

(15)

3.3.3 DesainUser InterfaceSubsistem Sekretaris... 59

3.3.3.1 DesainUser InterfaceWEB Subsistem Sekretaris... 59

BAB IV IMPLEMENTASI DAN HASIL PROGRAM ... 63

4.1 Implementasi ... 63

4.2 User Interface ... 63

4.2.1 Halaman login ... 63

4.2.1.1 Proses login ... 64

4.2.2 Halaman Sekretaris... 68

4.2.2.1 Halaman Utama Sekretaris... 68

4.2.2.2 Halaman Lihat Jadwal Harian... 69

4.2.2.3 Halaman Tambah Jadwal... 74

4.2.2.4 Halaman Update Jadwal... 82

4.2.3 Halaman Manager... 85

4.2.3.1 Halaman WEB Manager... 85

4.2.3.1.1 Halaman Home... 85

4.2.3.1.2 Halaman Cari... 88

4.2.3.1.3 Halaman Profil... 92

4.2.3.2 Halaman WAP Manager... 97

4.2.3.2.1 Halaman Login... 97

4.2.3.2.2 Halaman Home... 98

4.2.4 Halaman Tamu... 100

4.2.4.1 Halaman WEB Tamu... 100

(16)

4.2.4.2 Halaman WAP Tamu...106

4.2.4.2.1 Halaman Login...106

4.2.4.2.2 Halaman Home...108

BAB V ANALISA HASIL IMPLEMENTASI ... 109

5.1 Analisa Hasil Implementasi Program ... 109

5.2 Kelebihan dan Kekurangan Aplikasi ... 109

5.2.1 Kelebihan Aplikasi ... 109

5.2.2 Kekurangan Aplikasi ... 110

BAB VI KESIMPULAN DAN SARAN... 111

6.1 Kesimpulan ... 111

6.2 Saran ... 111

(17)

DAFTAR GAMBAR

Gambar 2.1 Ilustrasi Cara Kerja WAP ... 7

Gambar 2.2 Diagram Network pada WAP ... 8

Gambar 2.3 Contoh Jaringan WAP ... 11

Gambar 2.4 Komponen Arsitektur WAP ... 12

Gambar 2.5 Model Program WAP ... 15

Gambar 2.6 Hirearki Dalam WML ... 18

Gambar 3.1Use Case Diagram... 34

Gambar 3.2 Konteks Diagram ... 36

Gambar 3.3 Diagram Berjenjang ... 37

Gambar 3.4OverviewDiagram Level 0 Manager ... 38

Gambar 3.5OverviewDiagram Level 0 Sekretaris ... 39

Gambar 3.6OverviewDiagram Level 0 Tamu ... 39

Gambar 3.7OverviewDiagram Level 1 Proses 1 ... 40

Gambar 3.11OverviewDiagram Level 1 Proses 7... 42

Gambar 3.12OverviewDiagram Level 1 Proses 8... 42

Gambar 3.13 DFD Gabungan ... 43

Gambar 3.14Entity Relationship Diagram(ERD) ... 45

(18)

Gambar 3.16 Halaman Login Manager ... 50

Gambar 3.17 Halaman Home ... 50

Gambar 3.18 Halaman Jadwal Harian ... 51

Gambar 3.19 Halaman Jadwal Mingguan ... 51

Gambar 3.20 Halaman Jadwal Bulanan ... 52

Gambar 3.21 Halaman Tambah Jadwal ... 52

Gambar 3.22 Halaman Cari ... 52

Gambar 3.23 Halaman Profil... 53

Gambar 3.24 Halaman Login ... 53

Gambar 3.26 Halaman Hari... 54

Gambar 3.27 Halaman Minggu ... 54

Gambar 3.28 Halaman Bulan ... 54

Gambar 3.29 Halaman Penting ... 55

Gambar 3.30 Halaman Jadwal ... 55

Gambar 3.34 Halaman Hari ... 56

Gambar 3.35 Halaman Minggu ... 57

Gambar 3.36 Halaman Bulan ... 57

(19)

Gambar 3.39 Halaman Tambah ... 58

Gambar 3.40 Halaman Lihat ... 59

Gambar 3.43 Halaman Jadwal Harian ... 60

Gambar 3.44 Halaman Jadwal Mingguan ... 60

Gambar 3.45 Halaman Jadwal Bulanan ... 61

Gambar 3.46 Halaman Tambah Jadwal ... 61

Gambar 3.47 Halaman Update Jadwal ... 61

Gambar 3.48 Halaman Update Manager ... 62

Gambar 3.49 Halaman Update Profil ... 62

Gambar 4.1 Halaman Login Manager dan Tamu ... 64

Gambar 4.2 Halaman Login Sekretaris ... 64

Gambar 4.3 Halaman Utama (Sekretaris) ... 68

Gambar 4.4 Halaman Harian (Sekretaris) ... 69

Gambar 4.5 Halaman Tambah Jadwal (Sekretaris) ... 74

Gambar 4.6 Halaman Update Jadwal (Sekretaris) ... 82

Gambar 4.7 Halaman Pencarian Jadwal (Sekretaris) ... 82

Gambar 4.8 Halaman Utama Manager ... 85

Gambar 4.10 Halaman Update Profil (Manager) ... 92

Gambar 4.11 Halaman Login WAP Manager ... 97

(20)

(21)

DAFTAR TABEL

Tabel 2.1 Produsen WAP emulator ... 16

Tabel 3.1 Masukan dan keluaran sistem ... 38

Tabel 3.2 Tabel Jadwal ... 47

Tabel 3.3 Tabel Manager ... 48

Tabel 3.4 Tabel Sekretaris ... 48

Tabel 3.5 Tabel Tamu ... 48

Tabel 3.6 Tabel Validasi ... 48

Tabel 3.7 TabelRejectJadwal ... 48

(22)

1

1.1 Latar Belakang Masalah

Manager perusahan sebagai pembuat keputusan di perusahan memiliki agenda sangat banyak, sehingga perlu didampingi sekertaris pribadi untuk menjadwalkan agenda dan mengatur kegiatan. Perjalanan dinas manager karena didampingi sekertaris menyebabkan pembengkakan biaya perusahan.

Untuk memangkas biaya dan mengurangi ketergantungan yang besar kepada sekertaris serta tetap dapat mendapatkan data yang realtime maka sistem informasi jadwal manager berbasis web dan WAP dapat menjadi solusi. Manager tidak perlu didampingi oleh sekertaris saat bepergian, tetapi manager tetap dapat melihat agenda kerja setiap saat melalui fasilitas ini.

Dengan menggunakan teknologi web dan WAP, informasi kegiatan manager dapat diakses setiap saat dengan menggunakan perangkat komputer/laptop, PDA dan ponsel.

Karena masalah inilah maka penulis tertarik untuk mengangkat topik

Sistem Informasi Jadwal Manager Berbasis Web dan WAP.

1.2 Rumusan Masalah

(23)

berbasis web dan WAP yang dapat memberikan data yang akurat dengan pilihan perangkat yang beragam.

1.3 Batasan Masalah

Supaya ruang lingkup penelitian tidak terlalu luas dan mengingat keterbatasan waktu, maka implementasi program yang hendak dibuat dibatasi oleh:

1. Cakupan Informasi. Penulis akan membatasi pemberian informasi tentang jadwal manager secara web dan WAP.

2. Dalam hal ini tidak dibahas mengenai keamanan dari sisi perangkat keras dan atau perangkat lunak yang digunakan. Penulis mengasumsikan keamanan perangkat keras dan atau perangkat lunak telah dikelola oleh pihak yang bersangkutan.

3. Update data dilakukan oleh administrator atau sekertaris dan berada pada komputerserver.

4. Update data oleh administrator hanya dapat dilakukan melalui web.

(24)

1.4 Tujuan Penulisan

Adapun tujuan dari pembuatan Tugas Akhir ini adalah membangun sebuah aplikasi web dan WAP untuk mengelola informasi jadwal manager yang dapat diakses setiap saat dan dengan pilihan perangkat akses yang beragam.

1.5 Metodologi Penelitian

Metode penelitian yang yang diterapkan dalam pengembangan aplikasi ini adalah:

1. Melakukan studi pustaka, yaitu mempelajari referensi-referensi yang berhubungan dengan WAP, WML, MySQL dan PHP. Referensi tersebut dapat berasal dari Internet maupunliteraturemedia cetak,

2. Melakukan pendekatanSDLC( Software Development Life Cycle)yaitu; a) Analisa Sistem ( System Analysis). Penguraian dari suatu sistem

informasi yang utuh ke dalam bagian-bagian komponennya, hal ini dimaksudkan untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan.

b) Perancangan (Design). Merupakan langkah multiproses yang memusatkan kerja pada struktur data, arsitektur perangkat lunak, dan karakteristik antar-muka.

(25)

d) Pengujian (Testing). Menguji apakah hasil sudah sesuai dengan yang diharapkan, dan mencari segala kemungkinan kesalahan. e) Pemeliharaan ( Maintenance). Melakukan pemeliharaan terhadap

perangkat lunak. Karena dapat saja terjadi perubahan, atau penambahan fungsi atau peningkatan kerja sistem.

1.6 Sistematika Penulisan

Untuk mempermudah memahami skripsi ini, penulis menggunakan sistematika penulisan sebagai berikut:

BAB I PENDAHULUAN

Mencakup latar belakang masalah, rumusan masalah, batasan masalah, tujuan penulisan, metode penulisan dan sistematika penulisan.

BAB II LANDASAN TEORI

Membahas tentang prinsip-prinsip WAP, baik itu komponen-komponen dan cara kerjanya, arsitektural WAP dan WML, protokol-protokol yang digunakan, serta sedikit tentang pemrograman dengan WML.

BAB III ANALISA DAN PERANCANGAN SISTEM

(26)

BAB IV IMPLEMENTASI

Bab ini berisi implementasi masing-masing tampilan atau antarmuka, dan pembahasan aplikasi pada masing-masing antarmuka.

BAB V ANALISA HASIL IMPLEMENTASI

Berisi mengenai penerapan dan pengujian aplikasi beserta kelebihan dan kekurangan aplikasi yang diimplementasikan

BAB VI KESIMPULAN DAN SARAN

(27)

6

2.1 WAP (Wireless Application Protocol)

WAP (Wireless Application Protocol) merupakan protokol bagi

perangkat-perangkat nirkabel yang menyediakan layanan komunikasi data bagi pengguna, baik dalam bentuk yang berhubungan dengan telekomunikasi maupun aplikasi-aplikasi berorientasi internet. Struktur WAP mengadopsi topologi layer-layer yang ada pada Internet Protocol (model TCP/IP). Ini terkait dengan tujuan dibuatnya WAP, yaitu memberikan akses internet bagi alat komunikasi mobile

nirkabel.

Protokol mengatur bagaimana format paket data dan layanan-layanan terhadap paket data pada setiap layer; bagaimana suatu layer memberikan layanan kepada layer lain yang berada di atasnya.

Ada tiga bagian utama dalam akses WAP, yaitu perangkat wireless yang mendukung WAP, WAP Gateway sebagai perantara dan server sebagai sumber dokumen. Dokumen yang berada dalamweb serverdapat berupa dokumen HTML maupun WML. Dokumen WML khusus ditampilkan melalui browser dari perangkat WAP. Sedangkan dokumen HTML yang seharusnya ditampilkan melalui web browser, sebelum dibaca melalui browser WAP diterjemahkan terlebih dahulu olehgatewayagar dapat menyesuaikan dengan perangkat WAP.

(28)

informasi dari ponsel ke WAP Gateway dan sebaliknya, menggunakan jaringan komunikasi nirkabel (wireless) yang masih memiliki keterbatasan, terutama pada kecilnya bandwith yang ada. Kecilnya bandwith tersebut tidak cocok ketika dipergunakan untuk memproses informasi lewat protokol HTTP. Protokol HTTP berfungsi untuk mengatur pengiriman informasi dari client menuju server dan sebaliknya. Untuk mengatasi kesenjangan ini, diciptakanlah WAP Gateway. WAP Gateway berfungsi untuk meneruskan permintaan informasi dari ponsel menuju

server lewat HTTP request dan sebaliknya, dari server menuju ponsel lewat

HTTPresponse.

Pada gambar diatas, WAP Gateway yang merupakan penghubung antara

webserver dan WAP deviceberada diprovider seluler yang bersangkutan Untuk

dapat menjalankan aplikasi ini dengan baik, seorang user harus memiliki antara lain:

o Ponsel yang mendukung WAP 1.x atau WAP 2.x

o Telah mengaktifkan GPRS melaluiprovideryang bersangkutan

o Memasukkan alamat URL yang dituju

Gambar 2.1 Ilustrasi cara kerja WAP

WEB Server (WML)

WAP Gateway

(On-the-fly language conversion)

WEB Server

(HTML) _{WAP Device}

WML over HTTP

HTML over HTTP

Internet

WML over WTP

(29)

Untuk menjangkau dunia Internet, sebuah ponsel dengan teknologi WAP harus berjalan via WAPGateway. WAPGatewayini bertindak sebagai perantara, menghubungkan jaringan mobile dan Internet, dengan menterjemahkan HTML

(Hypertext Transfer Protocol) menjadi WSP (Wireless Protocol Session)

WAP Gateway berfungsi untuk mengkonversikan bahasa pemrograman

(misal : HTML, WML) agar dapat dikenali oleh perangkat WAP.

2.1.1 Sejarah WAP

Sebelum dibangunnya protokol WAP, masing-masing organisasi maupun perusahaan komunikasi memiliki protocol yang mereka bangun sendiri-sendiri. Seperti Unwired Planet dengan Handled Device Markup Language (HDML) sebagai protocol untuk akses Internet melalui paket data digital selular. Lalu, Nokia dengan protokol Tagged Text Markup Language (TTML) yang dirancang untuk GSM. Ataupun, Ericsson dengan Intelligent Terminal Transfer Protocol

(ITTP).

Ketiga protokol ini hanyalah sebagian dari protokol – protokol yang dibuat oleh organisasi yang berbeda-beda, yang tersedia dalam pasar. Adanya protokol – protokol yang berbeda-beda ini tentu menyulitkan aplikasi nirkabel untuk

WAP Gateway User

Agent Web Srever

WML, HTML Binary WML

(30)

berkembang lebih jauh. Karena itu, disadari perlu dibangun suatu protokol dengan

platform yang dapat diterima oleh semua pihak, mendukung akses Internet dan

mengirim pesan serta mendukung aplikasi yang berhubungan dengan telekomunikasi.

Pada pertengahan 1997, empat perusahaan, yaitu Nokia, Ericsson, Motorolla, dan Phone.com sepakat untuk membangun protocol baru untuk perangkatmobilenirkabel, yaitu WAP

2.1.1.1 Keunggulan WAP

Keunggulan WAP:

• Network yang independent, karena WAP bekerja pada seluruh jaringan selular yang ada, seperti CDPD, CDMA, GSM, PDC, PHS, TDMA, FLEX, Iden, TETRA, DataTAC .

• Metode WAP telah diadaptasi oleh 95 % produsen telepon selular dunia dalam memanfaatkan wireless internet access dan sedang diimplementasikan pada semua frekuensi.

(31)

2.1.2 Versi dalam WAP

WAP Forum telah mengeluarkan beberapa versi WAP, yang sudah diluncurkan adalah WAP 1.0; WAP 1.1; WAP 1.2; WAP 1.2.1; WAP 2.0.

WAP versi 1.0 dirancang pertama kali pada April 1998, versi 1.1 sudah diluncurkan sejak Mei 1999, versi 1.2.1 diluncurkan pada Juni 2000 dan WAP versi 2.0 diluncurkan di pertengahan tahun 2001.

Versi terbaru dari WAP akan menggunakan XHTML (Extensible Hypertext

Markup Language) dan TCP (Transmission Control Protocol) sebagai dasar dari

teknologi ini. WAP sebenarnya merupakan teknologi yang vital bagi komunikasi wireless generasi ketiga (3G). WAP juga akan menjadi semakin aman dengan adanya penambahan end-to-end encryption dari ponsel ke server, kemampuan enskripsi ini akan dimasukkan dalam spesifikasi WAP.

(32)

2.2 Teknologi WAP

2.2.1 Konsep Model Jaringan pada Teknologi WAP

Protokol dapat didefinisikan sebagai suatu cara atau aturan yang dibakukan untuk melakukan komunikasi antara satu peralatan jaringan (dapat berupa komputer, switch, hub, dan lain-lain) dengan peralatan jaringan lainnya.

Setiap protokol yang dibuat untuk aplikasi jaringan biasanya mengikuti standar untuk mendesainnya. Desain atau standar protokol tersebut dinamakan arsitektur protokol yang ditetapkan secara internasional oleh ISO (International

Standard Organization). Arsitektur tersebut dinamakan Open Sistem Reference

Standard Architecture(OSI Reference Model).

Web server

WAP Proxy

Filter HTML

WTA server

html

wml wml

Phones Wireless

Network

WML biner

(33)

2.2.2 Komponen Arsitektur WAP

Arsitektural dari WAP ini tidak jauh beda dengan konsep protokol jaringan yang terdiri atas tujuh layer yang berfungsi untuk mendefinisikan tahapan-tahapan dalam desain protokol. Tahapan-tahapan dalam arsitektural dari WAP itu sendiri terdiri atas :

1. Wireless Application Environment (WAE)

Wireless Application Environment ini memiliki fungsi dasar untuk menggabungkanWorld Wide Web (WWW)dengan teknologi ponsel. Obyek pokok yang diterapkan WAE ini adalah mengatur operasi-operasi yang ditetapkan oleh operator dan penyedia layanan untuk membangun aplikasi dan layanan yang dapat diraih melalui platform wireless yang berbeda sehingga menghasilkan efisiensi dan data yang berhasil guna.

Transport Layer (WDP)

Bearers:

CDMA CDPD Etc .... GSM

Security Layer (WTLS) Transaction Layer (WTP) Session Layer (WSP) Application Layer (WAE)

(34)

WAE ini berisiMicro Browseryang berfungsi sebagai :

• Pendukung WML (Wireless Markup Language) hampir sama dengan HTML, namun bahasa ini dikhususkan untukmobile terminals;

• Pendukung WMLscript, hampir sama dengan JavaScript;

• Pendukung antarmuka pemrograman dan layanan telephony yang dapat berisi format data,images, informasi kalender, danphone book.

2. Wireless Session Protocol (WSP)

WSP ini berfungsi sebagai pembuka atau mengakhiri suatu koneksi jaringan. WSP ini terbagi atas dua session. Pertama adalah connection-oriented, yaitu koneksi yang mengkhususkan untuk berinteraksi dengan operasi yang terjadi

pada Transaction Layer Protocol (WTP). Kedua adalah koneksi yang

berhubungan dengan keamanan data, yaitu Wireless Datagram Protocol (WDP). Selain hal-hal di atas, WSP juga mendukung :

• Fungsi dari HTTP/1.1 dan pengkodean data, • Memeriksa data yangreliabledan yangunreliable, • Mengontrol waktu pengaksesan data,

• Mendukung pertukarancontentantara klien dan server.

3. Wireless Transaction Protocol (WTP)

(35)

• Memeriksa kebenaran data antaruser • Memeriksa nomor pesan yang dikirim • Mensinkronkan data transaksi

4. Wireless Transport Layer Security (WTLS)

WTLS adalah protokol untuk keamanan data yang disesuaikan oleh standar industriTransport Layer Security(TLS) yang mendukungSecure Sockets

Layer (SSL). WTLS mempunyai fasilitas enkripsi yang menyediakan/melayani

permintaan transport dengan berbagai aplikasi, seperti e-commerce.

WTLS ini ditujukan pada penggunaan aplikasi WAP yang terdiri atas beberapa bagian :

• Integritas data, yaitu menyangkut kebenaran isi pesan.

• Privacy, yaitu menyangkut kerahasiaan data, artinya data yang dikirim tidak dapat dimengerti oleh orang lain yang tidak berkoneksi dengan si pengirim.

• Authentication,yaitu menyangkut kebenaran jati diri seseorang.

• Denial-of-service protection, yaitu menyangkut pemeriksaan dan pembuktian pengalaman data yang valid.

• Handshaking, yaitu membuat jalur komunikasi dua arah secara private, sebelum melakukan transfer data.

(36)

• Optimalisasi penggunaan kanal bearer dengan bandwidth rendah, dan setiap aplikasi dapat dipilih menggunakan keamanan sendiri.

5. Wireless Datagram Protocol (WDP)

Wireless Datagram Protocol ini merupakan kelanjutan dari WTLS yang

mampu berkomunikasi dengan bearer. Bertugas mentransmisikan data dalam format biner melalui media gateway, serta mendefinisikan pengalamatan jaringan yang akan dikenali bearer, termasuk SMS, paket data, dll.

2.2.3 Model dari WAP (Wireless Application Protocol)

Model dari WAP ini tidak berbeda jauh dengan model dari World Wide Web (WWW) karena pada dasarnya menggunakan standar komunikasi protokol pada WWW tersebut.

Prinsip kerjanya adalah aliran data dari telepon (client)/protokol WAP, akan mengirimkan encoded request. Protokol gateway akan mentranslasikan

requestdari WAP protokol (seperti yang telah dijelaskan di atas), menuju WWW

protokol (Origin Server, yaitu HTTP, TCP/IP). Encoder akan menyesuaikan

WAE User Agent

Client

Encoder dan Decoder

Gateway Origin

Server

Content CGI, Script

Encoded Request

Encoded

Respon

(37)

format data dengan server jaringan WWW yang dapat berupa CGI dan Script, kemudian server akan merespon request tersebut tersebut dan mengirimkan kembali melalui protokol gateway untuk mentranslasikan kembali menuju WAP

client, dalam hal ini adalah ponsel.

2.2.4 WAP Emulator

WAP merupakan aplikasi yang dipergunakan pada telepon selular, namun

bagiend user, biasa digunakan software. Software yang diperlukan adalah WML

browser emulation, yang berfungsi untuk menampilkan halaman WAP.

WAP Emulator merupakan aplikasi tiruan dari microbrowser yang ada dalam sebuah WAP device seperti ponsel. WAP Emulator dapat di-download

dalam berbagai macam bentuk. Pada umumnya WAP emulator berbentuk telepon seluler, namun ada pula tersedia dalam bentuk PDA.

Beberapa produsen penyedia WAP emulator secara gratis dapat dilihat pada tabel 2.1 berikut:

Nama Produsen Alamat Web site Nama Produk

M3Gate www.numeric.ru M3 Gate

YourWap www.YourWap.com Siemens

Unwired planet www.phone.com UPSDK 4.1

(38)

2.2.5 Beberapa Pengertian dalam WAP

• WAP: Protokol Sistem Operasi Komunikasi yang bebas (independent) yang mengoptimisasi peralatanwireless dan dikembangkan oleh beberapa industri raksasa, termasuk Nokia, Ericsson dan Phone.com

• WAP-enabled Wireless Device: Peralatan yang mampu menggunakan WAP

melalui sebuah browser.

• WAP Gateway: Penghubung antara wireless-bound connection dan internet.

WAP gateway biasanya dipegang oleh perusahaan telekomunikasi menyediakan jasa pelayananwireless.

• Wireless Browser: Browser yang dibangun untuk menguraikan dan menampilkan halaman WML. Sebuahwireless web browsermemiliki banyak kesamaan kemampuan dengan web counterpart, termasuk kemampuan untuk

browse backward & forward, reload, danensure secure transactions.

• MIME-types: Pengertian dari MIME ekstensi, seperti .html, .php, dan .wml, yang menyebabkan web server dapat mengenali berbagai jenis dokumen yang disimpan.

• Wireless Services Provider: Perusahaan yang menawarkan pelayanan

komunikasiwireless.

2.3 WML (Wireless Markup Language)

WML(Wireless Markup Language) adalah bahasa markup (seperti HTML)

(39)

yang mencakup bidang industri tersebut, yang didirikan oleh Nokia, Phone.com,

Motorola, dan Ericsson. Spesifikasi ini mendefinisikan sintaks, variabel, dan elemen yang digunakan dalam sebuah halaman WML yang valid. Sebuah dokumen WML yang valid harus berkoresponden dengan DTD resmi wml atau dokumen tersebut tidak dapat diproses.

2.3.1 Hirearki WML

Dokumen WML terdiri atas beberapa bagian utama, yaitu :

• Header, yang berfungsi untuk menyatakan versi XML dari suatu dokumen

WML

• Template, yang berfungsi untuk memberikan tambahan pilihan pada menu

options atau tambahan tombol di beberapa browser.

• Card, yang berfungsi untuk mendefinisikan halaman-halaman yang berada dalam satu file WML.

• Bahasa WML adalahcase sensitive.

DECK

TEMPLATE

Previous, next, home

CARD 1

Halaman Utama

CARD 2

Halaman Help

CARD 3

Halaman Contact

(40)

Contoh penulisan :

<?xml version =”1.0”?>

<wml>

<p>

<!-text->

</p>

</card>

</wml>

2.3.2 Perbedaan WML, HTML, dan XML

• WML didasarkan pada XML yang mampu mendeskripsikan data (HTML, saat ini, masih digunakan untuk mendeskripsikan tampilan dari data). Secara struktur, WML mirip dengan HTML. WML digunakan untuk berkomunikasi dengan wireless web browser yang berbasis pada protokol WAP.

• HTML mendefinisikan sebuah himpunan tertutup dari tag-tag yang dapat dimengerti dan ditampilkan dalam sebuah tampilan yang sama oleh sebuah Web browser.

(41)

2.3.3 Browser WML

Jika sebuah handphone atau perangkat komunikasi lainnya disebut memiliki fasilitas WAP, ini berarti bahwa handphone tersebut mempunyai sebuah software dipanggil kedalamnya (perangkat lunak ini disebut microbrowser) yang sepenuhnya mengerti bagaimana mengatasi semua entiti yang ada dalam DTD dari WML 1.1.

Jika dalam sebuah perangkat ponsel belum memiliki fasilitas WAP, dapat digunakan WAP emulator, seperti YourWAP dan M3Gate.

2.3.3.1 Microbrowser

Microbrowser dirancang agar mampu menampilkan source *.WML pada aplikasi WAP dalam bentuk tampilan selular.

2.3.3.2 Cara Microbrowser membaca dokumen

Halaman atau dokumen WML disajikan dalam suatu susunan yang disebut sebagaideck. Setiapdeckterdiri atas satucardatau lebih. Setiapdeck(dalam kode WMLnya) diawali dan diakhiri dengan tag <wml>, dan setiap card dimulai dan diakhiri dengan tag <card>. Tag <card> dari WML ini sangat mirip dengan tag <HTML> dari dokumen web atau HTML.

(42)

card di dalamnya disimpan di memori microbrowser WML sampai browser menginstruksikan me-load decklagi.

2.3.4 Menulis Dokumen Prolog

Statemen pertama dalam sebuah dokumen XML dalam sebuah dokumen WML disebut prolog. Prolog ini adalah optional (tidak harus ada), dan mengandung dua baris kode:

§ Deklarasi XML : digunakan untuk mendefinisikan versi XML,

§ Deklarasi DTD : penunjuk ke file yang mengandung DTD dokumen ini. Contoh prolog adalah sebagai berikut:

<?xml version="1.0"?>

<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"

"http://www.wapforum.org/DTD/wml_1.1.xml">

Setelah prolog, setiap dokumen XML mengandung sebuahelemen tunggal

yang mengandung semua sub elemen dan entiti yang lainnya. Seperti di HTML, semua elemen dikurung oleh karakter <> dan </>. Misalnya <element>datadatadata</element>

Hanya boleh ada satu elemen dokumen dalam per dokumen. Dengan WML, elemen dokumennya adalah <wml>; (seperti di html elemen dokumennya adalah

<html>) semua elemen lainnya termasuk di dalamnya.

Dua cara paling umum untuk menyimpan data dalam dokumen XML adalah denganelementdanattribute:

(43)

ditandai dengan tag elemen pembuka dan penutup. Element juga dapat mengandung sub-element.

• Attributebiasanya digunakan untuk mendeskripsikan sebuah element.

Misal kode di bawah ini:

Silakan pilih nama user anda.

</card>

Dalam kode di atas, element card mengandung attribute id dan title. Komentar dalam WML ditulis dengan tag <!--->.

2.3.5 Element WML yang valid

WML mendefinisikan sebelumnya sebuah kumpulan element yang dapat dikombinasikan bersama-sama untuk membuat sebuah dokumen WML. Pencantuman elemen-elemen ini dapat dibagi menjadi dua kelompok yaitu Element Deck/Card dan Element Event.

• Element Deck/Card : wml, card, template, head, access, meta.

• Element Event : do, ontimer, onenterforward, onenterbackward, onpick, onevent, postfield.

• Task : go, prev, refresh, noop. • Variabel : setvar.

(44)

• Anchor, Image, dan Timer : a, anchor, img, timer. • Text Formatting : br, p, table, tr, td.

Setiap elemen di atas dimasukkan ke dalam dokumen dengan sintaks seperti ini:

<element>nilai elemen itu</element>

Jika sebuah elemen tidak punya data di dalamnya (sebagaimana biasanya dalam kasus menformat elemen dengan <br> misalnya), maka dapat dihemat dengan hanya memasukkan satu tag yang ditambahi karakter / (misal: <br/>)

2.4Wireless Bitmap(WBMP)

Dalam pembuatan web, seringkali disisipkan gambar-gambar yang bertujuan untuk menarik perhatian atau menambah nilai seni dari sebuah web. Dalam WAP juga dapat disisipkan gambar-gambar untuk mempercantik penampilan wapsite tersebut. Namun masih banyak keterbatasan dalam WAP untuk mengenali gambar-gambar yang berwarna dan beresolusi tinggi. Gambar yang dikenali dalam WAP hanya terdiri atas dua warna, warna hitam dan putih (1 bit). Oleh karena keterbatasan memori, maka gambar yang dalam format WBMP pun harus memiliki ukuran seminim mungkin.

Untuk dapat membuat gambar dengan format wbmp, dapat menggunakan wapdraw atau Pic2WBMP, yang dapat di-downloadsecara gratis.

(45)

<?xml version=”1.0”?>

<!DOCTYPE wml PUBLIC“-//WAPFORUM//DTD WML 1.2//EN”

http://www.wapforum.org/DTD/wml_1.2.xml>

<wml>

<card>

</p>

</card>

</wml>

2.5 PHP

Berdasarkan tempat dijalankannya perintah-perintah program dalam halaman web, bahasa pemrograman web dibagi menjadi 2, yaitu:

1. Server-Side Programming

PadaServer-Side Programming, tag-tag program dijalankan di web server

dan hasilnya akan diterima client dalam bentuk html. Contoh: PERL

(Practical Extration and Report Language), ASP (Active Server Pages), JSP

(46)

2. Client-Side Programming

Prosesnya dilakukan di web browser. Biasa digunakan untuk hal yang membutuhkan banyak interaksi pengguna serta menggunakan jenis informasi yang pasti, sedikit dan seragam.

PHP adalah salah satu bahasa Server-Side yang didesain khusus untuk aplikasi web. PHP dapat disisipkan diantara bahasa HTML dan berfungsi sebagai server-side scripting language, yang mengeksekusi kode-kode di server dan kemudian mengirimkannya keclientdalam format tertentu.

2.5.1 Sejarah PHP

Pada bulan Agustus-September 1994, Rasmus Lerdford, seorang programmer Unix dan Perl menaruh resumenya di Web, dan membuat skrip makro Perl CGI. Skrip ini bekerja dengan cara membaca sebuah file HTML berisi makro/tag, mengganti tag-tag tersebut melalui regex, lalu mencetak hasilnya kembali. Tag ini berupa tanda # yang diletakkan di awal baris, di bagian bawah halaman, dan menandai instruksi untuk melakukan log. Awal 1995, PHP ditulis dalam C untuk meningkatkan kecepatannya. Pada April 1996 Rasmus menulis mod_php, modul untuk memproses skrip PHP langsung dari Apache.

Desember 1996, PHP/FI untuk pertama kalinya mendukung MySQL. Database pertama yang mendukung adalah mSQL. PHP versi 2.0 ini juga sudah mendukung Windows 32 bit (95/NT) dan dipakai di 15 ribu situs seluruh dunia.

(47)

PHP termasuk dalamOpen Source Product, sehingga dapat merubahsource code, mendistribusikannya secara bebas dan juga diedarkan secara bebas. Pengembangan PHP terus dilakukan sampai dengan PHP 5.0 yang telah dirilis pada Juli 2004.

2.5.2 Keunggulan PHP

PHP (Personal Home Page tools) adalah merupakan skrip yang bersifat server-side yang ditambahkan ke dalam HTML. Keunggulan dari sifat PHP yang server-side antara lain :

• Tidak diperlukan kompatibilitas browser atau harus menggunakan browser

tertentu, karena server-lah yang akan mengerjakan skrip PHP. Hasil yang dikirimkan kembali ke browse umumnya bersifat teks atau gambar saja, sehingga pasti dikenal olehbrowserapapun.

• Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh server, misalnya koneksi ke database.

• Skrip tidak dapat “diintip” dengan menggunakan fasilitasviewHTMLsource.

2.5.3 Tipe Data PHP

PHP mengenal 5 tipe data, yaitu integer, floating point, string, arrays dan object. • Integer

(48)

• Floating point

Tipe data floating point merepresentasikan bilangan pecahan atau bilangan desimal pada range 1.7E-308 sampai 1.7+308, yang dapat dinyatakan dalam bentuk eksponensial maupun desimal.

• String

Tipe data string dinyatakan dengan mengapitnya menggunakan tanda petik tunggal (‘ ‘) maupun ganda (“ “). Jika menggunakan tanda petik tunggal, pada string tersebut tidak dapat dimasukkan variable.

• Array

Array adalah sebuah data yang mengandung satu atau lebih data dan dapat diindeks berdasarkan numerik maupun string. Array dapat dideklarasikan dengan langsung memasukkan nilainya atau dengan menggunakan fungsi array() atau list().

• Object

Tipe data object dapat berupa sebuah bilangan, variabel atau bahkan sebuah fungsi.

2.6 PHP dan WAP

(49)

Ada empat cara yang digunakan dalam penulisan PHP untuk menampilkan WML:

• <?….?>

• <?php….?>

• <script language=”php”>….</script>

• <%….%>

Sebuah file dapat berisi perintah-perintah PHP secara keseluruhan (artinya perintah-perintah HTML/WAP harus ditulis dengan sintaks PHP dan dianggap sebagai argumen).

Dalam penulisan PHP yang didalamnya ada tag-tag wml, diperlukan file header. File header berfungsi untuk mendefinisikan tipe content character set

encoding dan bahasa yang digunakan, agar mendukung semua metode (GET dan

POST) yang ada pada HTTP/1.1

<?

Header(“Content-type:text/vnd.wap.wml”);

Echo(“<?xml version=\”1.0\”?>\n”);

Echo(“<!DOCTYPE wml PUBLIC \”-//WAPFORUM//DTD WML 1.1//EN\”

\http://www.wapforum.org/DTD/wml_1.1.xml\>\n\n”);

?>

<wml>

card 1

card 2

card n

(50)

2.7 MySQL

2.7.1 Sejarah MySQL

MySQL dikembangkan sejak sekitar 1994-1995 oleh sebuah perusahaan Swedia bernama MySQL AB, yang pada saat itu bernama TcX DataKonsult AB. Tujuan mula-mula TcX membuat MySQL adalah untuk mengembangkan aplikasi Web untuk klien.

Mula-mula TcX yang dikembangkan oleh Michael Widenius dan David Huges, memakai nama mSQL atau “Mini SQL”.

MySQL versi 1.0 mula-mula dirilis pada Mei 1996 secara terbatas. Bulan Oktober, versi 3.11.0 dilepas ke publik. Pada Juni 2000, MySQL versi 3.23.19 diumumkan sebagai software bebas berlisensi GPL.

Versi publik MySQL yang pertama hanya dapat dijalankan di Linux dan Solaris. Versi awal ini meski telah dapat digunakan untuk aplikasi Web sederhana tapi belum memadai untuk aplikasi bisnis. Barulah pada versi akhir 3.22, MySQL menjadi semakin populer. Stabilitasnya sudah baik, kecepatannya meningkat dan telah tersedia di berbagaiplatform(termasuk Windows).

2.7.2 Database, Tabel, Baris dan Kolom

MySQL termasuk jenis RDBMS (Relational Database Management

Sistem). Pada MySQL, sebuah database mengandung satu atau beberapa tabel,

tabel terdiri dari sejumlah baris dan kolom.

(51)

baris-baris data (row atau record) yang berada dalam satu atau lebih kolom

(coulomn). Baris pada table sering disebut sebagai instance dari data, sedangkan

kolom sering disebut sebagaiattributesatau field.

2.7.3 Perintah-perintah Dasar MySQL

Perlu anda perhatikan, semua perintah yang dituliskan pada prompt mysql harus diakhiri dengan titik koma (;)

• Membuat dan Menghapus Database

Untuk membuat database baru di MySQL digunakan perintah :

CREATE DATABASE nama_db;

Untuk melihat database yang telah dibuat, digunakan perintah show databases;

Untuk menghapus database, digunakan perintah :

DROP DATABASE nm_db;

• Menggunakan Database

Untuk mengaktifkan database yang telah dibuat, digunakan perintah use

diikuti dengannama database. Contoh :

mysql> use mahasiswa;

• Menciptakan Tabel

(52)

Contoh :

mysql> create table daf_mahasiswa <

-> nim char(9) not null primary key,

-> nama_mhs varchar(100) not null,

• Mengetahui Struktur Tabel

Untuk mengetahui struktur table yang ada, dapat digunakan perintah

DESCRIBEatauDESC.

Contoh :

mysql> desc daf_mahasiswa;

• Mengetahui Daftar Tabel

Untuk mengetahui daftar table yang ada pada suatu database, digunakan perintahSHOW TABLES.

Contoh :

mysql> show tables;

Apabila ada suatu table yang tidak bermanfaat, maka untuk menghapusnya digunakan perintahDROP table, diikuti dengan nama tabel.

Contoh :

mysql> drop table daf_mahasiswa;

• Keluar dari MySQL

Apabila hendak keluar dari program MySQL, perintah yang digunakan dapat dipilih :

Exit

Quit

^C (Ctrl +C)

(53)

2.8 Koneksi PHP ke MySQL

Untuk melakukan koneksi dengan MySQL, PHP telah menyediakan berbagai macam fungsi untuk keperluan tersebut. Fungsi-fungsi tersebut adalah:

§ Mysql_connect()

Fungsi ini digunakan untuk membuka koneksi ke MySQL. Sintaksnya sebagai berikut:

$conn = mysql_connect(host, user,password)

§ Mysql_select_db()

Fungsi ini digunakan untuk memilih database yang akan digunakan. Sintaksnya sabagai berikut:

Mysql_select_db(namadatabase[,koneksi])

§ Mysql_query()

Fungsi ini digunakan untuk mengambil sebuah query dari sebuah database. Sintaksnya sebagai berikut:

$qry = mysql_query(perintah sql[,koneksi])

§ Mysql_fetch_row()

Fungsi ini hampir sama dengan fungsi mysql_fetch_array(), hanya saja

arrayyang dihasilkan adalaharraynumeris. Sintaknya sebagai berikut:

$row = myqsl_fetch_row($qry)

§ Mysql_num_fields()

(54)

$jml = mysql_num_fields($qry)

§ Mysql_num_rows()

Fungsi digunakan untuk menghitung jumlah record yang ada pada database. Sintaksnya adalah sebagai berikut:

$jml = mysql_num_rows($qry)

§ Mysql_close()

Fungsi ini digunakan untuk menutup koneksi yang telah dilakukan. Sintaknya sebagai berikut:

Mysql_close([koneksi])

§ Mysql_create_db()

Fungsi ini digunakan untuk membuat database dari skrip PHP. Sintaksnya sebagai berikut:

(55)

BAB III

ANALISA DAN PERANCANGAN SISTEM

3.1.3 Analisis Sistem

Sistem yang akan dibuat adalah Sistem Informasi Jadwal Manager

Berbasis WEB dan WAP sehingga dengan menggunakan teknologi WEB dan

WAP, informasi kegiatan manager dapat diakses setiap saat menggunakan

perangkat komputer/laptop, PDA dan ponsel.

Login manager

Update data manager

Lihat jadwal

Update data jadwal sementara

Sub sistem sekretaris Sub sistem manager

Sistem Informasi Jadwal Manager

Login Tamu

Sub sistem tamu

Tamu

3.1.1 Use Case Diagram

Use Case Diagram dari Sistem Penjadwalan Manager Berbasis WEB

dapat dilihat pada Gambar 3.1.

(56)

3.1.2 DFD

3.1.2.1Proses Modeling

Proses modeling digunakan untuk mengorganisasikan dan

mendokumentasikan proses dari sistem. Tabel masukan dan keluaran proses

modeling untuk Sistem Informasi Jadwal Manager Berbasis WEB dan WAP dapat

dilihat pada tabel 3.1.

Kesatuan Luar Masukan Keluaran

manager Nama manager, password, update

data jadwal sementara

Jadwal

Sekertaris Nama admin, password, update

jadwal

Jadwal

Tamu E-mail,nama,nama_perusahaan,

Phone, buat janji

Jadwal baru

Tabel 3.1 Masukan dan keluaran Sistem

3.1.2.2 Diagram Konteks

Diagram Konteks digunakan untuk merepresentasikan elemen sistem

sebagai sebuah proses tunggal dengan input dan output data yang ditunjukkan

oleh panah masuk dan keluar. Diagram konteks untuk Sistem Informasi Jadwal

(57)

3.1.2.3Bagan Berjenjang (Decomposition Diagram)

Bagan berjenjang digunakan untuk menggambarkan dekomposisi/hirarki

dari sistem. Penggambaran bagan berjenjang untuk Sistem Informasi Jadwal

Manager Berbasis WEB dan WAP dapat dilihat pada Gambar 3.3.

Manager

0

Web dan WAP jadwal manager

Tamu

Administrator

Nama manager, password , update data jadwal sementara

jadwal

jadwal jadwal

Nama admin, password, updatejadwal

E-mail,nama,nama_perusahaan, Phone,Buat janji

(58)

Level 1 Update data

sekretaris

Overvi diagram (Level 0)

Lihat jadwal manager

2.2.P Lihat Jadwal

Sekretaris

Gambar 3.3 Bagan Berjenjang

2.3.P Lihat Jadwal

Tamu

3.1.P

Update jadwal sementara Update data

(59)

3.1.2.4Overview Diagram

3.1.2.4.1 Overview Diagram Level 0 Manager

Manager 1.P

Login

D1 Data manager

2.P D1 Data manager Data manager

Data Jadwal

Update

Update data jadwal sementara Status login

sukses

Jadwal sementara, nama dan password baru manager

Status update data

Status logout manager

Status jadwal Konfirmasi jadwal

8.P Logout

D7 Konfirmasi jadwal

Searching

Status searching

(60)

3.1.2.4.2 Overview Diagram Level 0 Sekretaris

Sekretaris 1.P

Login

D2 Data Admin

4.P

data D4 _Jadwal D2 Data Sekretaris

Data Sekretaris

D3 Data tamu

3.P

Status login sukses

Status logout tamu

Nama dan password sekretaris

Validasi login

Jadwal reject

Status reject

Status logout sekretaris

password baru sekretaris

Reject jadwal

D5 Reject Jadwal

Searching

Status searching

Gambar 3.5 Overview diagram level 0 sekretaris

3.1.2.4.3 Overview Diagram Level 0 Tamu

(61)

3.1...3 Overview Diagram Level 1

Overview diagram level 1 proses 1

Sekretaris

Validasi login manager

Nama dan password Sekretaris

Validasi login Sekretaris

1

1.3p

Login Tamu

Tamu

E-mail tamu

D3 tamu

Data tamu

Gambar 3.7 Overview diagram level 1 proses 1

Sekretaris Manager

2.1.P

Lihat Jadwal Manager

2.2.P

Lihat jadwal Sekretaris

Lihat jadwal tamu

(62)

3

Sekretaris

Manager

3.1p

Update data manager

3.3p Update data

jadwal Status login sukses

Login Sekretaris valid Nama dan password

manager baru D1

Data manager

Status update data manager

3.2p

Update jadwal sementara

3.4p

Update data Sekretaris

D4 Jadwal

D2 _SekretarisData Jadwal sementara

baru

Status update jadwal sementara

Data jadwal

Status update jadwal

Nama dan password Sekretaris baru

Status update data Sekretaris

Update data manager

Update jadwal sementara Login tamu valid

Buat janji

Status tambah jadwal

6 Status login

sukses

Status login sukses

D7 Konfirmasi

(63)

Overview diagram level 1 proses 7 Status login

sukses

Status login sukses Kata kunci pencarian

Dasar pencarian, kata kunci

D4 Penjadwalan

Data Jadwal

Data yang dicari

D1 Data

Data yang dicari 7.2.P

Sekretaris

Status logout manager

Status logout Sekretaris 8

Status login sukses

Logout Tamu Status login sukses

tamu

Status logout tamu 8.2.P

8.3.P

(64)

3.3.1 DFD Gabungan

Manager 1.1.P

Login

D1 Data manager

2.1.P

Update data manager

D4 Jadwal

D1 Data manager

Data manager

Data Jadwal

Update Status login

sukses

nama dan password baru manager

Status update data

Status logout manager Status konfirmasi Konfirmasi jadwal

8.P

Logout

Searching

Status searching

3.2.P

Update jadwal

sementara _D4 _Jadwal Update data

jadwal sementara Jadwal sementara baru

(65)

Sekretaris 1.P Login

D2 Data Admin

4.P

Update data sekretaris

D4 Jadwal

D2 Data Sekretaris

Data Sekretaris

Update

Update jadwal

Status login sukses

Status update profil

Nama dan password sekretaris

Validasi login

Jadwal reject

Status reject

Status logout sekretaris

D7 Konfirmasi _jadwal

Konfirmasi jadwal

Status konfirmasi

7.2.P

Searching

D5 Reject Jadwal Reject jadwal

Searching

Status searching

2.2.P Lihat jadwal

sekretaris

Nama dan password sekretaris baru

tamu 1.1.P

Login tamu

D3 Data tamu

3.5.P

Status tambah jadwal

5.3.P

Logout

Status logout tamu

2.3.P

Lihat Jadwal

Tipe jadwal

Jadwal

(66)

(67)

Id_jadwal

(68)

3.2Desain Sistem

Desain sistem bertujuan untuk memberikan gambaran secara umum

tentang sistem yang akan dibuat. Desain ini terdiri atas:

3.2.1 Desain Basis Data

Basis data (database) merupakan kumpulan dari data yang saling

berhubungan satu dengan yang lainnya, tersimpan dalam simpanan luar dan

digunakan perangkat lunak tertentu untuk memanipulasinya. Database berfungsi

sebagai penyedia informasi bagi para penggunanya.

Dalam sistem ini digunakan beberapa tabel, yaitu:

Tabel 3.2 Tabel Jadwal

Nama Field Tipe Data Ukuran

Tgl_Bln_Th Datetime

Waktu_selesai Datetime

Subjek varchar 50

Lokasi Varchar 30

Kategori Varchar 25

Prioritas Varchar 15

Status Varchar 15

Keterangan Varchar 50

(69)

Tabel 3.3 Tabel Manager

Nama Field Tipe Data Ukuran Field

Id_manager int 6

Nama_manager varchar 25

Password_manager varchar 32

Nama_lengkap varchar 50

Last_login datetime

Tabel 3.4 Tabel Sekretaris

Nama Field Tipe Data

Ukuran Field

Id_sekretaris int 6

Nama_ sekretaris varchar 25

Password_ sekretaris varchar 32

Tabel 3.5 Tabel Tamu

Id_tamu varchar 55

Nama_Tamu varchar 25

Nama_perusahaan varchar 30

phone varchar 25

Last_login datetime

Tabel 3.6 Tabel Validasi

Id_validasi int 6

Tgl_Bln_Th datetime

Waktu datetime

int

Id_sekretaris 6

Id_jadwal int 6

Tabel 3.7 Tabel Reject

Id_reject int 6

Waktu datetime

int

Id_jadwal 6

varchar

(70)

Id_konfirmasi int 6

Waktu datetime

3.2.2 Relasi Tabel

Jadwal

(71)

3.3 Disain User Interface

Desain user interface untuk Sistem Informasi Jadwal Manager terbagi

menjadi 3 bagian yaitu disain user interface untuk subsistem manager, subsistem

tamu dan disain user interface untuk subsistem admin.

3.3.1 Disain User Interface Subsistem manager

3.3.1.1 Disain User Interface WEB Subsistem manager

Disain user interface untuk subsistem manager adalah sebagai berikut :

1. Halaman login manager

Username

Login Password

Selamat datang...

Bagi user yang belum terdaftar, kosongkan kolom password dan isi kolom email dengan alamat email anda.

Administrator

Login

E-mail

Gambar 3.16 Halaman Login manager

2. Halaman Home

HEADER

FOOTER

Tanggal hari ini

Selamat datang Nama_manager

Home Jadwal hari ini

(72)

3. Halaman Jadwal Harian

HEADER

FOOTER Selamat datang Nama_manager Tanggal hari ini

PM

4. Halaman Jadwal Mingguan

HEADER

FOOTER Selamat datang Nama_manager

Tanggal hari ini

Home

Senin Selasa Rabu Kamis Jumat Sabtu Minggu

(73)

5. Halaman Jadwal Bulanan

HEADER

Home

Senin Selasa Rabu Kamis Jumat Sabtu

6

Gambar 3.20 Halaman Jadwal Bulanan

6. Halaman Tambah Jadwal

HEADER

Home

Gambar 3.21 Halaman Tambah Jadwal

7. Halaman Cari

HEADER

FOOTER Selamat datang Nama_manager

Tanggal hari ini Home

(74)

8. Halaman Profil

HEADER

FOOTER

Tanggal hari ini

Selamat datang Nama_manager

Home Hari Minggu Bulan Tambah

Edit Hapus Cari

Logout Profil

Edit Profil

Gambar 3.23 Halaman Profil

3.3.1.2 Disain User Interface WAP Subsistem manager

Username : Password :

Login

E-mail :

1. Halaman Login

Gambar 3.24 Halaman Login

2. Halaman Home

=M enu U tam a=

1. H ari ini 2. M inggu ini 3. B ulan ini 4. P enting 5. Tam bah 6. C ari 7. Logout

G o

S elam at D atang N am a_m anager

(75)

3. Halaman Hari

=Jadwal Hari ini=

Edit Back

1. ………..

Gambar 3.26 Halaman Hari

4. Halaman Minggu

=Jadwal Minggu =

Back

Gambar 3.27 Halaman Minggu

5. Halaman Bulan

Jadwal Bulan :

=Jadwal Bulan =

Tgl Hari ini

<<Nama_bulan>>

Senin Selasa Rabu Kamis JumatSabtu

6

(76)

6. Penting

=Jadwal Penting= Tgl Hari ini

1………. 2……….

Edit Back

Gambar 3.29 Penting

7. Tambah jadwal

Batal subjek

Lokasi start End Prioritas Kategori Notes

=Tambah Jadwal=

Edit Back

Simpan

Gambar 3.30 Tambah Jadwal

8. Cari

=Cari Jadwal=

Edit Back

[ ] Cari :

Go

[ Home]

(77)

3.3.2 Disain User Interface Subsistem Tamu

3.3.2.1Disain User Interface WEB Subsistem Tamu

1. Halaman Login

Username

Login Password

Selamat datang...

Bagi user yang belum terdaftar, kosongkan kolom password dan isi kolom email dengan alamat email anda.

Administrator

Login

E-mail

Gambar 3.32 Login

HEADER

FOOTER Selamat Datang

Tanggal hari ini

Buat Jadwal Hari Minggu Bulan Logout

2. Halaman Home

SenSelRab Kms JmtSbt

6

Gambar 3.33 Home

3. Hari

HEADER

Tanggal hari ini

SenSelRab Kms JmtSbt

6

(78)

4. Minggu

HEADER

Tanggal hari ini

SenSel Rab Kms Jmt Sbt

6

Minggu Senin Selasa Rabu Kamis Jumat Sabtu

Mng

5 12 19 26

Gambar 3.35 Minggu

5. Bulan

HEADER

Tanggal hari ini

SenSel Rab Kms Jmt Sbt

6

(79)

3.3.2.2Disain User Interface WAP Subsistem Tamu Mohon Isi data terlebih dahulu, terimakasih

E-mail :

Gambar 3.37 Login

2. Home

=Menu Utama=

1. Lihat Jadwal 2. Tambah Jadwal 3. Logout

Go

Selamat Datang Nama_Tamu

Back

Gambar 3.38 Home

3. Tambah Perusahaan [ ] Phone [ ] Manager [ ]

(80)

4. Lihat

=Lihat Jadwal=

Edit

Tgl Hari ini

Back 1. ………..

Gambar 3.40 Lihat

3.3.3 Disain User Interface Subsistem Admin

3.3.3.1 Disain User InterfaceWEB Subsistem Admin

1. Halaman login admin

Username

Login Password

Selamat datang Administrator...

Silahkan login atau klik disini untuk kembali ke halaman user

Login

(81)

2. Halaman Home

HEADER

FOOTER Selamat datang Nama_admin Tanggal hari ini

Tambah

Validasi Penjadwalan sementara Waktu Nama Subjek Prioritas Kategori Aksi

………...

………... Ubah Hapus

Tambah

Gambar 3.42 Halaman Home

3. Halaman Jadwal Harian

HEADER

FOOTER Selamat datang Nama_admin

Tanggal hari ini

PM

Gambar 3.43 Halaman Jadwal Harian

4. Halaman Jadwal Mingguan

HEADER

Tanggal hari ini Home

manager Tanggal Ok

Senin Selasa Rabu Kamis Jumat Sabtu Minggu

(82)

5. Halaman Jadwal Bulanan

HEADER

Home

manager Tanggal Ok

6

Gambar 3.45 Jadwal Bulanan

6. Halaman Tambah Jadwal

HEADER

Home

Gambar 3.46 Tambah Jadwal

7. Halaman Update Jadwal

HEADER

Tanggal hari ini

Home

(83)

8. Halaman Update Manager

HEADER

Tanggal hari ini

Home Jadwal Harian Jadwal Mingguan Jadwal Bulanan Tambah Jadwal Update Jadwal Update Manager Update Profil

Logout

Gambar 3.48 Update Manager

9. Halaman Update Profil

HEADER

Home Jadwal Harian Jadwal Mingguan Jadwal Bulanan Tambah Jadwal Update Jadwal Update Manager Update Profil

Logout

(84)

BAB IV

IMPLEMENTASI dan HASIL PROGRAM

4.1 Implementasi

Implementasi merupakan tahap pengkodean dari aplikasi yang telah dirancang. Pada bab ini akan diulas proses implementasi sistem yang telah dirancang pada bab sebelumnya meliputi keseluruhan proses dalam sistem informasi jadwal manager. Selain itu juga akan diulas cara kerja sistem berupa analisis hasil dari rancangan yang telah di implementasikan dan hasil programnya.

4.2 User Interface

Dalam perancangan user interface akan diuraikan mengenai desain input

dan desain output yang akan ditampilkan pada halaman Web dan WAP. Desain input merupakan desain form yang digunakan untuk memasukkan data baru, mengubah maupun menghapus data yang sudah ada, sedangkan desain output merupakan tampilan informasi pada halaman WEB dan WAP yang diakses melalui menu.

Secara garis besar, perancangan user interface dibagi kedalam 3 level pengguna yaitu sekertaris, manager serta tamu

4.2.1 Halaman Login

(85)

input data yang berisi user name dan password serta alamat e-mail untuk menentukan hak akses masing – masinguser.

4.2.1.1 Proses Login

Untuk menggunakan sistem ini user harus melakukan proses login. User

akan memasukan user name dan password untuk di otentifikasi.

Gambar 4.1 Halamanloginmanager dan tamu

(86)

Pada proses ini, program akan mengecek hasil inputan dari halaman login.

Jika hasil inputan benar, maka program akan membedakan level akses masing – masing user (manager,sekertaris dan tamu). Jika valid maka akan menuju ke halamanindex.php,

Proses login dapat dilihat pada perintah berikut ini : <?php

if (

(er eg(' MSI E ([0-9].[0-9]{1,2})' ,$ HTTP_USER_AGENT))| | (er eg(' Oper a ([0-9].[0-9]{1,2})' ,$ HTTP_USER_AGENT))| | (er eg(' Mozilla/ ([0-9].[0-9]{1,2})' ,$ HTTP_USER_AGENT))) {

} else {

header (' Locat ion: mobile/ index.php' ); exit ();

}

include(' include/ db.php' ); include(' include/ sij m.php' );

header ("Expir es: Mon, 26 J ul 1997 05:00:00 GMT" ); / / Dat e in t he past header ("Last -Modif ied: " . gmdat e("D, d M Y H:i:s") . " GMT");

/ / always modif ied

header ("Cache-Cont r ol: no-st or e, no-cache, must -r evalidat e, post -check=0, pr e-check=0"); header ("Pr agma: no-cache" ); / / HTTP/ 1.0

/ / Use session var iable on t his page. This f unct ion must put on t he t op of page. session_st ar t ();

/ / / / / / Logout Sect ion. Delet e all session var iable. session_ dest r oy();

$ message="";

/ / / / / / Login Sect ion. $ Login=$ _POST[' login' ]; if ($ Login)

{ / / I f clicked on Login but t on. $ usr =$ _POST[' usr name' ];

/ / $ md5_passwor d=md5($ _POST[' pswd' ]); / / Encr ypt passwor d wit h md5() f unct ion. $ md5_passwor d=$ _POST[' pswd' ];

$ email=$ _POST[' email' ];

if (!$ email) {

/ / Check mat ching of user name and passwor d.