TUGAS AKHIR
DISUSUN OLEH :
Sandhya A. Utama (0935010061)
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”
JAWA TIMUR
SMS Gateway Broadcast Info Lowongan Kerja
Event Di Surabaya
Disusun Oleh :
SANDHYA ARISTA UTAMA NPM. 0935010061
Telah disetujui mengikuti Ujian Negara Lisan Gelombang V Tahun Akademik 2014
Menyetujui,
Pembimbing Utama Pembimbing Pendamping
Prof. Dr. Ir. H. Akhmad Fauzi, MMT Priza Pandunata, Skom, MSc NIP. 19651109 199103 1 002 NPT. 3 8301 06 0212 1
Mengetahui,
Ketua Jurusan Sistem Informasi Fakultas Teknologi Industri UPN ”Veteran” Jawa Timur
SMS Gateway Broadcast Info Lowongan Kerja
Event Di Surabaya
Disusun Oleh :
SANDHYA ARISTA UTAMA NPM. 0935010061
Telah dipertahankan dihadapkan dan diterima oleh Tim Penguji Skripsi Program Studi Sistem Informasi Fakultas Teknologi Industri Universitas Pembangunan Nasional “Veteran” Jawa Timur Pada Tanggal 22 Juli 2014
Mengetahui,
Dekan Fakultas Teknologi Industri
Universitas Pembangunan Nasional ”Veteran” Jawa Timur
Ir. Sutiyono, MT NIP. 19600713 198703 1 001 Pembimbing :
1.
Prof. Dr. Ir. H. Akhmad Fauzi, MMT NIP. 19651109 199103 1 002
2.
Priza Pandunata, Skom, MSc NPT. 3 8301 06 0212 1
Kami yang bertanda tangan di bawah ini menyatakan bahwa mahasiswa berikut : Nama : Sandhya Arista Utama
NPM : 0935010061
Program Studi : Sistem Informasi
Telah mengerjakan REVISI SKRIPSI Ujian Lisan Gelombang V TA 2013/2014 dengan judul :
“ SMS Gateway Broadcast Info Lowongan Kerja Event Di Surabaya “
Surabaya, 24 Juli 2014
Dosen penguji yang memeriksa revisi
1. Irwan Afandi, ST, MSc
NPT. 3 7607 07 0220 1 { }
2. Prisa Marga K., Skom, MCs
NPT. 3 8211 06 0206 1 { }
3. Priza Pandunata, Skom, MSc
NPT. 3 8301 06 0212 1 { }
Mengetahui,
Pembimbing Utama Pembimbing Pendamping
Prof. Dr. Ir. H. Akhmad Fauzi, MMT Priza Pandunata, Skom, MSc NIP. 19651109 199103 1 002 NPT. 3 8301 06 0212 1
i
Perkembangan teknologi informasi dan komunikasi yang berpengaruh langsung terhadap lingkungan umat manusia saat ini adalah internet dan telepon seluler. Internet memberikan kemudahan dalam mengakses informasi yang sangat berharga dan tidak tergantung dengan jarak dan waktu untuk berkomunikasi, banyak sekali orang yang mulai memanfaatkan internet salah satunya adalah pelajar dan mahasiswa. Selain untuk mencari artikel tentang tugas, mereka juga terkadang mencari informasi tentang lowongan pekerjaan untuk tambahan biaya dengan bekerja pada event.
Pengembangan sistem informasi berbasis web ini menggunakan aplikasi yang sudah ada seperti gammu untuk sms gateway dan juga dengan bahasa pemrograman seperti php dan mysql. Untuk merancang sistem informasi ini digunakan metode perancangan structural yaitu pembuatan Data Flow Diagram (DFD) untuk perancangan dan mendokumentasikan sistem perangkat lunak berdasarkan aliran data.
Dengan adanya sistem informasi ini dapat membantu warga kota maupun pendatang kota surabaya untuk mendapatkan informasi tentang sebuah event sesuai minat mereka.
ii
Rasa syukur saya panjatkan ke hadirat Allah SWT, yang telah berkenan memelihara dan membimbing saya, sehingga saya dapat menyelesaikan pengerjaan dan penyusunan laporan Tugas Akhir ini.
Tak lupa, saya ucapkan rasa terimakasih kepada pihak UPN “Veteran” Jatim yang telah memberikan kesempatan pada saya untuk melakukan kegiatan Tugas Akhir ini. Serta rasa terimakasih saya kepada Dosen Pembimbing saya, Bapak Prof. Dr. Ir. H. Akhmad Fauzi, MMT. dan Bapak Priza Pandunata, S.Kom. Msc. yang telah membimbing saya dalam kegiatan tugas akhir ini.
Disadari bahwa dalam penulisan laporan ini masih jauh dari kata sempurna, namun saya tetap berharap semoga isi dari laporan ini dapat benar-benar berguna baik untuk para penulis khususnya dan para pembaca pada umumnya. Maka dari itu, kritik dan saran yang membangun sangat saya harapkan.
Surabaya, 22 Juli 2014
iii
Terima kasih kepada Allah SWT, karena berkat Rahmat dan berkahNya, dapat disusun dan diselesaikan Laporan Tugas Akhir ini hingga selesai. Dan terima kasih juga diucapkan kepada :
1. Bapak Ir. Sutiyono, MT selaku Dekan Fakultas Teknik Informatika UPN “Veteran” Jawa Timur.
2. Bapak Prof. Dr. Ir. H. Akhmad Fauzi, MMT. dan Bapak Priza Pandunata, S.Kom. Msc. yang telah membimbing saya dalam kegiatan tugas akhir ini sehingga dapat terselesaikan.
3. Keluarga tercinta, Ayah Ibuku tersayang (Bangkit Budi U. dan Agus Sutrisnowati S.Pd.) serta saudaraku (Prayudha Wira U.) terima kasih atas semua doa, dukungan yang telah diberikan kepada saya serta harapan-harapanya pada saat penulis menyelesaikan tugas akhir dan laporan ini. Yang penulis minta hanya doa restunya, sehingga penulis bisa membuat sesuatu yang lebih baik dari laporan ini.
4. Terima kasih buat teman-teman yang telah memberikan semangat, doa dan menemani saya kuliah dari semester 1 sampai akhirnya saya dapat menyelesaikan tugas akhir ini : Kiki, Pam, Ica, Bowo, Suhok, Bapak, Lia, Shelb, Bernad.
Terima kasih yang tak terhingga buat kalian semua.
iv
ABSTRAK ... i
KATA PENGANTAR ... ii
UCAPAN TERIMA KASIH ... iii
DAFTAR ISI ... iv
DAFTAR GAMBAR ... vii
DAFTAR TABEL ... ix
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 3
1.4 Tujuan ... 3
1.5 Manfaat ... 4
1.6 Metedologi Penelitian ………. 4
1.7 Sistematika Pembahasan ………. 5
BAB II TINJAUAN PUSTAKA ... 7
2.1 Website dan cara kerjanya ... 7
2.2 Web Server ... 8
2.3 HTML ………. 9
2.4 PHP ………... 13
2.4.1 Syntax PHP ... 15
2.4.2 Variabel PHP ... 16
v
4.2Implementasi Proses Bisnis Program ….……… 43
4.2.1 Proses Bisnis DFD no 1 (Proses Data Peserta) ……….…… 44
4.2.1 Proses Bisnis DFD no 2 (Proses Input Event) ……….………….…… 46
4.2.1 Proses Bisnis DFD no 3 (Proses Upload Event) ………...…… 49
4.2.1 Proses Bisnis DFD no 4 (Proses Data Penyalur) ………….…….…… 57
4.2.1 Proses Bisnis DFD no 5 (Proses Data User) ……….…… 62
4.2.1 Proses Bisnis DFD no 6 (Proses SMS) ……….……… 66
4.2.1 Proses Bisnis DFD no 7 (Proses Data Event) ………...…… 72
4.2 Implementasi Aplikasi Antar Muka ... 76
vi
4.3.3 Halaman About Us ... 79
4.3.4 Halaman Register ... 79
4.3.5 Form Login ... 80
4.3.6 Halaman Admin ... 81
4.3.7 Halaman Admin Bagian Event ... 82
4.3.8 Halaman Sms ... 83
4.3.9 Halaman Daftar Apply ... 86
4.3.10 Halaman User ... 86
4.3.11 Halaman Apply ... 87
4.3.12 Halaman Data User ... 88
4.3.13 Halaman Penyalur Bagian Event ... 88
4.3.14 Halaman Penyalur Bagian Peserta ... 89
4.3.15 Halaman Peserta ... 91
4.4 Skenario Uji Proses Utama Sistem ... . 93
BAB V PENUTUP ... 98
5.1 Kesimpulan ... 98
5.2 Saran ... 98
vii
Gambar 2.1 Contoh Simbol Kesatuan Luar ... 23
Gambar 2.2 Arus Data Masuk Entity ... 24
Gambar 2.3 Arus Data Keluar Proses ... 24
Gambar 2.4 Arus Data Masuk Proses ... 24
Gambar 2.5 Proses ... 25
Gambar 2.6 Contoh Simbol Penyimpanan Data ... 25
Gambar 3.1 Diagram Konteks ... 34
Gambar 3.2 Diagram Level 0 ... 35
Gambar 3.3 Conceptual Data Model ... 37
Gambar 3.4 Physical Data Model ... 38
Gambar 4.1 Tampilan Halaman Utama ... 78
Gambar 4.2 Tampilan Halaman Artikel ... 78
Gambar 4.3 Tampilan About Us ... 79
Gambar 4.4 Halaman Register ... 80
Gambar 4.5 Form Login ... 81
Gambar 4.6 Halaman Admin ... 81
Gambar 4.7 Halaman Admin Bagian Event ... 82
Gambar 4.8 Halaman Lihat Event ... 82
Gambar 4.9 Halaman Publikasi Event ... 83
Gambar 4.10 Tampilan Halaman SMS ... 84
Gambar 4.11 Halaman SMS Berhasil Dikirim ... 84
viii
Gambar 4.15 Halaman Profil User ... 87
Gambar 4.16 Halaman Apply ... 87
Gambar 4.17 Halaman Data User ... 88
Gambar 4.18 Halaman Penyalur Event ... 88
Gambar 4.19 Halaman Publikasi Event ... 89
Gambar 4.20 Halaman Peserta Event ... 90
Gambar 4.21 Halaman Peserta Event Yang Belum Di Konfirmasi Penyalur ... 90
Gambar 4.22 Halaman Peserta Event Yang Sudah Di Konfirmasi Penyalur .... 91
Gambar 4.23 Halaman Melihat Jenis Event ... 92
Gambar 4.24 Halaman Memilih Jenis Event ... 92
ix
Tabel 3.1 Tabel User ... 39
Tabel 3.2 Tabel Jenis Event ... 40
Tabel 3.3 Tabel Event ... 41
Tabel 3.4 Tabel SMS ... 41
Tabel 3.5 Tabel Apply ... 42
Tabel 4.1 Tabel Script Proses Data Peserta ... 44
Tabel 4.2 Tabel Script Proses Input Event ... 46
Tabel 4.3 Tabel Script Proses Upload Event ... 49
Tabel 4.4 Tabel Script Proses Data Penyalur ... 57
Tabel 4.5 Tabel Script Proses Data User ... 62
Tabel 4.6 Tabel Script Proses SMS ... 66
Tabel 4.7 Tabel Script Proses Data Event ……….……….. 72
Tabel 4.1 Tabel Skenario User ( Penyalur ) ... 95
Tabel 4.2 Tabel Skenario User ( Peserta ) ... 96
1 BAB I PENDAHULUAN
1.1 Latar Belakang
Perkembangan teknologi informasi dan komunikasi yang berpengaruh langsung terhadap lingkungan umat manusia saat ini adalah internet dan telepon seluler. Internet memberikan kemudahan dalam mengakses informasi yang sangat berharga dan tidak tergantung dengan jarak dan waktu untuk berkomunikasi, banyak sekali orang yang mulai memanfaatkan internet salah satunya adalah pelajar dan mahasiswa. Selain untuk mencari artikel tentang tugas, mereka juga terkadang mencari informasi tentang lowongan pekerjaan untuk tambahan biaya dengan bekerja pada event.
Banyak yang bertanya sebenarnya apa SPG atau SPB event itu? Mengapa banyak sekali yang memilih profesi ini? Bagaimana penghasilannya? SPG atau SPB adalah bagian dari kampanye dari suatu produk perusahaan, mereka tidak hanya menjual produk tapi juga menarik perhatian pengunjung ke stand, dan tentu saja mereka menjualnya produk secara langsung ke pengunjung. Dan kelebihan dari bekerja dalam event seperti ini adalah mereka tidak dituntut bekerja sebulan penuh dan setiap event biasanya mereka di bayar sekitar 200-400rb per hari. Tetapi untuk mendapatkan info tentang sebuah informasi event masih sangat sulit karena kebanyakan info yang di dapat hanya dari mulut ke mulut saja.
mengubah hidup manusia menjadi serba mudah dan praktis. Teknologi telepon seluler yang dapat memudahkan seseorang berkomunikasi dengan orang lain dimanapun berada, salah satu fasilitas dari telepon seluler yang banyak dipakai saat ini adalah SMS. Hal tersebut dimungkinkan karena berbagai keungulan dan manfaat yang dimilikinya, diantaranya adalah keunggulan dari segi biaya kemudahan penggunaannya di dalam kehidupa sehari-hari.
Dengan berkembagannya teknologi akan semakin memudahkan dalam melakukan pemberitahuan mengenai informasi lowongan pekerjaan event yang dibutuhkan. Dengan banyaknya pengangguran di Indonesia disertai dengan ketidaktahuan lowongan pekerjaan yang ada, maka penulis ingin sekali membuat suatu aplikasi yang nantinya bisa bermanfaat bagi masyarakat yang ingin mengetahui tentang informasi lowongan pekerjaan yang ada, dengan mamanfaatkan aplikasi yang sudah ada seperti gammu untuk sms gateway dan juga dengan bahasa pemrograman seperti php dan mysql akan dangan membantu dalam pembuatan aplikasi yang penulis buat dengan judul “Sistem Informasi Lowongan Kerja Event Di Surabaya Menggunakan SMS Gateway”.
1.2 Perumusan Masalah
Berdasarkan latar belakang yang telah dijelaskan, maka dapat dirumuskan permasalahan dalam tugas akhir ini, yaitu :
1.3 Batasan Masalah
Agar pembahasan dan penyusunan tugas akhir ini dapat dilakukan secara terarah dan tidak menyimpang serta sesuai dengan apa yang diharapkan, maka perlu ditetapkan batasan – batasan dari permasalahan yang dihadapi, yaitu :
a. Aplikasi ini difokuskan pada pemberitahuan tentang informasi lowongan pekerjaan dan info berbagai macam event.
b. Aplikasi ini juga dilengkapi dengan pengiriman sms gateway kepada user yang sudah terdaftar.
c. Aplikasi ini hanya menggunakan sms gateway satu arah saja.
1.4 Tujuan
Tujuan dari pembuatan website sistem informasi tentang event yang menggunakan sms gateway ini agar user tidak perlu repot untuk membuka internet dikarenakan sistem bisa langsung memberi tahu sebuah informasi tentang event yang langsung bisa di kirim melalui handphone user.
1.5 Manfaat
Manfaat dalam penulisan tugas akhir ini adalah sebagai berikut :
a. Dapat mempermudah user untuk mengetahui informasi tentang sebuah
event dan lowongan pekerjaan.
b. Dapat mempermudah user dalam mencari informasi pekerjaan yang
diminati sehingga user bisa langsung melamar pekerjaan kepada
1.6 Metode Penelitian
Adapun langkah - langkah metode penelitian yang dipergunakan dalam pengerjaan Tugas Akhir ini adalah :
a. Studi Literatur
Mencari referensi dan bahan - bahan pustaka tentang teori-teori dan beberapa informasi yang berhubungan atau memiliki manfaat dalam pemecahan masalah berdasarkan permasalahan yang akan dikerjakan dalam tugas akhir ini.
b. Pengumpulan Data – Data Studi Kasus.
Mencari contoh-contoh kasus serupa yang berhubungan dengan permasalahan yang dikerjakan dalam Tugas Akhir ini.
c. Analisis dan Perancangan :
Membuat analisa berdasarkan data-data yang sudah dimiliki, melakukan analisa kebutuhan sistem. Membuat konsep perancangan aplikasi dimulai dengan perancangan basis data dan desain antar muka aplikasi.
d. Implementasi Program :
Mengimplementasikan teknik dan metode yang akan digunakan. Detail mengenai implementasi program dilakukan sesuai dengan hasil analisa dan perancangan aplikasi.
e. Pengujian Aplikasi
1) Melakukan pengujian pada aplikasi yang telah dibuat. Menguji ketepatan data dan efektifitas sistem yang diterapkan pada aplikasi.
3) Evaluasi dilakukan untuk mengetahui kinerja aplikasi apakah sudah sesuai dengan rencana, dan selanjutnya dilakukan penarikan kesimpulan dari hasil evaluasi tersebut.
1.7 Sistematika Pembahasan
Sistematika pembahasan yang dibuat dalam tugas akhir ini disusun dalam beberapa bab, yang dijelaskan sebagai berikut:
BAB I PENDAHULUAN
Berisi tentang pendahuluan dimana dilakukannya pra-tugas akhir dan latar belakang yang menjelaskan tentang informasi dari instansi yang bersangkutan dimana berkaitan dengan permasalahan yang sedang dihadapi serta solusi pemecahannya, rumusan masalah, batasan masalah, tujuan, manfaat bagi pengguna serta sistematika penulisan yang digunakan dalam laporan Tugas Akhir ini.
BAB II TINJAUAN PUSTAKA
BAB III ANALISIS DAN PERANCANGAN SISTEM
Berisi tentang analisa masalah dari model penelitian untuk memperlihatkan keterkaitan antar variabel yang diteliti dan beberapa penjelasan dari analisa permasalahan yang di teliti.
BAB IV HASIL DAN PEMBAHASAN
Berisi tentang hasil yang diperoleh dari pra-tugas akhir beserta pembahasan perancangan sistem dan pengimplementasian hasil perancangan sistem yang telah dibuat ke dalam bentuk aplikasi yang akan dibangun. Membahas uji coba aplikasi yang dibuat, untuk mengetahui tingkat keberhasilan sistem dan ketepatan datanya, kemudian melakukan evaluasi terhadap kinerja sistem.
BAB V PENUTUP
7
TINJAUAN PUSTAKA
2.1 Website dan Cara Kerjanya
Web merupakan salah satu layanan yang tersedia dan sekarang digunakan secara meluas di seluruh dunia adalah layanan world wide web atau sering hanya disebut dengan web saja. Web bisa dikatakan sebagai koleksi dokumen atau arsip yang terdapat pada internet yang saling terhubung dan memungkinkan pengguna untuk melihat, mencari atau mengambil informasi yang tersedia.
Website merupakan sebuah halaman statis yang hanya menampilkan
informasi kepada pengguna. Pengguna dapat melihat dan mengambil informasi yang disediakan pada website. Berbeda dengan website, web application merupakan rangkaian halaman yang bersifat dinamis yang memungkinkan pengguna melakukan suatu aksi pada sebuah web application. Website lebih merupakan layanan berbasis informasi sedangkan web application merupakan layanan berbasis task (aksi).
Web telah menjadi standar teknologi dan antarmuka beberapa aplikasi
dalam jaringan komputer. Hal ini disebabkan karena kemudahan aplikasi berbasis
web digunakan, cukup dengan tunjuk dan klik (point and click) saja, maka
pengguna komputer dapat menggunakan aplikasi web. (shidiq, 2011:2)
Untuk mengembangkan sebuah halaman web baik sebagai website atau
web application perlu diperhatikan komponen penyusun sebuah halaman web.
HyperText Markup Language (HTML) dan Cascading Style Sheet (CSS)
merupakan komponen-komponen yang terkait dengan penyajian informasi dalam sebuah halaman web browser.
Browser web pada dasarnya adalah suatu interpreter untuk menampilkan
dokumen dalam format khusus, yang akan menerjemahkan script berupa tag-tag HTML, sehingga teks yang diberi tag akan ditampilkan sesuai dengan format yang telah didefinisikan sesuai dengan definisi tag-nya.
JavaScript adalah progam dalam bentuk script, yang akan dijalankan oleh
interpreter yang telah ditanamkan ke dalam browser web, sehingga browser web
dapat mengeksekusi progam JavaScript. Progam JavaScript yang disisipkan ke dalam dokumen HTML dengan ditandai dengan tag yang diawali dengan
<script...> dan diakhiri dengan </script>. (Shidiq, 2011:4-5)
Web Browser merupakan aplikasi yang digunakan untuk mengakses
halaman web. Contoh web browser misalnya Internet Explorer dan Netscape
Navigator. Internet Explorer dikembangkan oleh Microsoft yang merupakan
perusahaan perangkat lunak terbesar di dunia pada saat ini. Sedangakan Netscape
Navigator dikembangkan oleh Netscape.
2.2 Web Server
Web server adalah software yang menjadi tulang belakang dari world wide
web (www). Web server menunggu permintaan dari client yang menggunakan
yang diinginkan kembali ke browser. Data yang berupa format ini kemudian akan ditampilkan oleh browser sesuai dengan kemampuan browser tersebut. Web server digunakan untuk berkomunikasi dengan client-nya (web browser) mempunyai protokol sendiri, yaitu HTTP (hypertext tarnsfer protocol). Dengan protocol ini, komunikasi antar web server dengan client-nya dapat saling dimengerti dan lebih mudah. Tapi para pengguna internet saat ini lebih banyak menggunakan format HTML (hypertext markup language) karena penggunaannya lebih sederhana dan mudah dipelajari.
HyperText mempunyai arti bahwa seorang pengguna internet dengan web browsernya dapat membuka dan membaca dokumen-dokumen yang ada dalam komputernya atau bahkan jauh tempatnya sekalipun. Hal ini memberikan cita rasa dari suatu proses yang tridimensional, artinya pengguna internet dapat membaca dari satu dokumen ke dokumen yang lain hanya dengan mengklik beberapa bagian dari halamanhalaman dokumen (web) itu. Proses yang dimulai dari permintaan webclient (browser), diterima web server, diproses, dan dikembalikan hasil prosesnya oleh web server ke web client lagi dilakukan secara transparan. Setiap orang dapat dengan mudah mengetahui apa yang terjadi pada tiap-tiap proses. Secara garis besarnya web server hanya memproses semua masukan yang diperolehnya dari web clientnya.
2.3 HTML
Hypertext Markup Language (HTML) adalah suatu bahasa yang
merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standart
Generalized Markup Language (SGML). Dokumen HTML adalah suatu dokumen
teks biasa, dan disebut sebagai markup language karena mengandung tanda-tanda (tag) tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. (Shidiq,2011:15) Cara menyisipkan JavaScript di dalam dokumen HTML ini disebut juga dengan
embadded JavaScript Programming karena progam JavaScript dituliskan di
antara teks dan tag-tag dokumen HTML.
Ciri utama dokumen HTML adalah adanya tag dan elemen. Elemen dalam dokumen HTML dikategorikan menjadi dua yaitu elemen <HEAD> yang berfungsi memberikan informasi tentang dokumen tersebut dan elemen <BODY> yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf, list (daftar), tabel dan lain-lain. Sedangkan tag dinyatakan dengan tanda lebih kecil “<” (tag awal) dan tanda lebih besar “>” (tag akhir). Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda “/”).
SEJARAH HTML
HTML pada awalnya dikembangkan oleh Tim Berners-Lee sementara di CERN, dan dipopulerkan oleh browser Mosaic dikembangkan di NCSA. Selama tahun 1990-an telah berkembang dengan pertumbuhan eksplosif Web. Selama waktu ini, HTML telah diperpanjang dalam beberapa cara. Web tergantung pada halaman Web penulis dan vendor berbagi konvensi yang sama untuk HTML. Hal ini telah termotivasi bekerja bersama spesifikasi untuk HTML.
HTML 2.0 (November 1995, lihat [RFC1866] [p.356]) telah dikembangkan di bawah perlindungan dari Internet Engineering Task Force (IETF) untuk mengkodifikasi praktik umum di akhir tahun 1994. HTML + (1993) dan HTML 3.0 (1995, lihat [HTML30] [p.355]) mengusulkan jauh lebih kaya versi HTML. Meskipun tidak pernah menerima konsensus dalam standar diskusi, konsep ini mengarah pada adopsi berbagai fitur baru. Upaya dari World Wide Web Consortium’s HTML Working Group untuk menata Common praktek pada tahun 1996 menghasilkan HTML 3.2 (Januari 1997, lihat [HTML32] [p.356]).
PERKEMBANGAN HTML
Sebelum suatu HTML disahkan sebagai suatu dokumen HTML standar, ia harus disetujui dulu oleh W3C untuk dievaluasi secara ketat.
a) HTML versi 1.0
Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).
b) HTMl versi 2.0
Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.
c) HTML versi 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2
d) HTML versi 4.0
HTML versi 4 ini merupakan HTML versi terakhir pada saat sumber ini diambil. HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain.
e) HTML 5
HTML 5 merupakan perkembangan html generasi saat ini dan merupakan generasi terakhir dan mungkin akan berkembang lagi mengikuti perkembangan jaman. Beberapa fitur baru di HTML 5 seperti berikut:
- Video dan elemen audio untuk media pemutara.
- Element baru, seperti artikel, footer, header, dan navigasi. - Dukungan lebih baik untuk penyimpanan offline local.
- Kontrol bentuk baru, seperti kalender, tanggal, waktu, email, URL, dan Search.
- Saat ini HTML 5 belum menjadi standart resmi dan masih jarang ada browser memiliki fitur penuh terhadap HTML 5. HTML 5 akan mungkin menjadi standart baru untuk HTML dan XHTML.
2.4 PHP
(Kadir,2009:246) Professional Home Page (PHP) adalah skrip yang dijalankan di server. Jadi, berbeda dengan JavaScript yang di jalankan pada sisi klien. Keuntungan penggunaan PHP, kode yang menyusun progam tidak perlu dibagikan ke pemakai, yang berarti bahwa kerahasiaan kode dapat dilindungi
Hal menarik yang di dukung oleh PHP tetapi tidak mungkin dilakukan oleh JavaScript adalah kenyataan bahwa PHP bisa digunakan untuk mengakses berbagai macam database seperti Acces, Oracle, MySQL, dan lain-lain.
Seperti halnya JavaScript, kode PHP dapat disisipkan pada kode HTML. Selain itu PHP juga bisa digunakan untuk menghasilkan kode-jode HTML. Yang membedakan PHP dengan bahasa pemrograman lain adalah adanya tag penentu, yaitu diawali dengan “<?” atau “<?php” dan diakhiri dengan “?>”.
PHP termasuk dalam Open Source Product. Hal ini menjadikan source
diedarkan dan dapat diperoleh secara gratis. PHP dapat dijalankan di berbagai web
server misalnya IIS, Apache, PWS, dan lain-lain.
Beberapa kelebihan dari PHP adalah sebagai berikut: 1. PHP mudah dibuat dan kecepatan akses tinggi
2. PHP dapat berjalan dalam web server yang berbeda dan dalam sistem operasi yang berbeda pula. PHP dapat berjalan di sistem operasi UNIX, Windows dan Macintosh.
3. PHP diterbitkan secara gratis
4. PHP juga dapat berjalan pada web server Microsoft Personal Web Server, Apache, IIS, Xitami dan sebagainya.
5. PHP adalah termasuk bahasa yang embedded (bisa ditempel atau diletakkan dalam tag HTML).
6. PHP termasuk server-side programming. Sistem database yang didukung oleh PHP adalah: 1. Oracle
2. Sybase 3. mSQL 4. MySQL 5. Solid
2.4.1 Syntax PHP
Kode PHP disimpan sebagai plain text dalam format ASCII, sehingga kode PHP dapat ditulis hampir di semua editor text seperti windows notepad, windows wordpad, dll. Kode PHP adalah kode yang disertakan di sebuah halaman HTML dan kode tersebut dijalankan oleh server sebelum dikirim ke browser. Pada file HTML, HTTP server hanya melewatkan content dari file menuju ke browser. Server tidak mencoba untuk mengerti atau memproses file, karena itu adalah tugas sebuah browser. Pada file dengan ekstensi .php akan ditangani secara berbeda. Yang memiliki kode PHP akan diperiksa. Web server akan memulai bekerja apabila berada diluar lingkungan kode HTML. Oleh karena itu server akan melewati semua content yang berisi kode HTML, CSS, JavaScript, simple text di browser tanpa diinterpretasikan di server.
2.4.2 Variabel PHP
Variabel digunakan untuk menyimpan suatu nilai, seperti text, angka atau array. Ketika sebuah variabel dibuat, variabel tersebut dapat dipakai berulang-ulang. Pada PHP semua variabel harus dimulai dengan karakter '$'. Variabel PHP tidak perlu dideklarasikan dan ditetapkan jenis datanya sebelum kita menggunakan variabel tersebut. Hal itu berarti pula bahwa tipe data dari variabel dapat berubah sesuai dengan perubahan konteks yang dilakukan oleh user. Secara tipikal, variabel PHP cukup diinisialisasikan dengan memberikan nilai kepada variabel tersebut.
Contoh berikut akan mencetak "PHP" : $text = "PHP";
print "$text";
Identifier dalam PHP adalah case-sensitive, sehingga $text dengan $Text merupakan variabel yang berbeda. Built-in function dan structure tidak case-sensitive, sehingga echo dengan ECHO akan mengerjakan perintah yang sama. Identifier dapat berupa sejumlah huruf, digit/angka, underscore, atau tanda dollar tetapi identifier tidak dapat dimulai dengan digit/angka.
2.4.3 String PHP
<?php
$txt="Hello World"; echo $txt;
?>
Output dari kode tersebut adalah : Hello World
Hanya ada satu operator string di PHP. Concatenation operator (.). digunakan untuk menggabungkan dua string. Contoh :
<?php
$txt1="Hello World"; $txt2="1234";
echo $txt1 . " " . $txt2; ?>
Output dari kode tersebut adalah : Hello World 1234
2.4.4 Operator di PHP
Operator digunakan untuk menentukan sebuah nilai dengan melakukan suatu prosedur, atau dengan suatu operasi dari beberapa nilai. Nilai yang digunakan dalam sebuah operasi disebut operand. Penjumlahan adalah sebuah contoh sederhana dari suatu operasi.
Sebagai contoh : 2 + 4
2.4.5 PhpMyAdmin
phpMyAdmin adalah sebuah aplikasi/perangkat lunak bebas (opensource) yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi database MySQL melalui jaringan lokal maupun internet. phpMyAdmin mendukung berbagai operasi MySQL, diantaranya (mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks, pengguna (users), perijinan (permissions), dan lain-lain).
Pada dasarnya, mengelola basis data dengan MySQL harus dilakukan dengan cara mengetikkan baris-baris perintah yang sesuai (command line) untuk setiap maksud tertentu. Jika seseorang ingin membuat basis data (database), ketikkan baris perintah yang sesuai untuk membuat basis data. Jika seseorang menghapus tabel, ketikkan baris perintah yang sesuai untuk menghapus tabel. Hal tersebut tentu saja sangat menyulitkan karena seseorang harus hafal dan mengetikkan perintahnya satu per satu.
Saat ini banyak sekali perangkat lunak yang dapat dimanfaatkan untuk mengelola basis data dalam MySQL, salah satunya adalah phpMyAdmin. Dengan phpMyAdmin, seseorang dapat membuat database, membuat tabel, mengisi data, dan lain-lain dengan mudah, tanpa harus menghafal baris perintahnya.
2.5 MySQL
MySQL termasuk jenis Relational Database Management System (RDBMS). Sehingga istilah seperti tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL sebuah database mengandung beberapa tabel, satu tabel terdiri dari sejumlah baris dan kolom.
Dalam konteks bahasa SQL, pada umumnya informasi tersimpan dalam tabel-tabel yang secara logik merupakan struktur dua dimensi yang terdiri atas baris-baris data (row atau record) yang berada dalam satu atau lebih kolom (column). Baris pada tabel sering disebut sebagai instance dari data sedangkan kolom sering disebut sebagai attributes atau field.
Data yang terdapat dalam tabel berupa field yang berisi nilai dari data tersebut. Nilai data dalam field ini memiliki tipe sendiri-sendiri. Untuk mengelola
database MySQL ada beberapa cara yaitu melalui prompt DOS (tool command
line) dan dapat juga dengan menggunakan program utility seperti PHPMyAdmin,
MySQLGUI, MySQL Manager Java Based, MySQL Administrator for Windows.
Tool command line MySQL merupakan suatu shell SQL client sederhana,
utiliti ini memungkinkan penggunaan secara interaktif dan non-interaktif. Untuk menggunakan tool ini, caranya buka DOS prompt, kemudian aktifkan mysql.exe di direktori tempat install MySQL.
SQL adalah suatu bahasa permintaan yang telah distandarkan untuk semua
Disini fungsi MySQL inilah yang digunakan sebagai penghubung antar SQL sehingga query tersebut dapat dijalankan pada admin dan dapat dilihat hasilnya oleh user.
Di dalam MySQL tersedia query untuk membuat fungsi search, jumlah,
update, ataupun edit data dari database, namun pada script PHP dapat langsung
ditulis melalui script Mysql_query dengan code select, insert, delete, update, dan sintax-sintax lainnya. Dengan kata lain MySQL adalah sebuah sistem manajemen
database. Database adalah merupakan sekumpulan data yang terstruktur untuk
menambah, mengakses, dan memproses data yang tersimpan dalam database komputer, dibutuhkan sebuah sistem database manajemen seperti MySQL. Sejak komputer menjadi alat yang sangat bagus untuk menangani sejumlah besar data, sebagai utility yang stand-alone atau sebagai bagian dari suatu aplikasi. Dalam membuat database ini terdapat dua pilihan yang dapat kita lakukan yaitu cara yang pertama dari shell dan cara kedua dapat kita lakukan dari MySQL. (Suryana & Sarwono,2007:67)
Tipe Data MySQL : a. Char(M)
Tipe data ini digunakan untuk menyimpan data string dengan jumlah karakter tertentu. Panjang maksimum karakter tipe data Char harus dinyatakan secara eksplisit seperti contoh: Judul CHAR(50);
b. Varchar(M)
Keistimewaan MySQL
MySQL memiliki beberapa keistimewaan, antara lain : A. Portabilitas
MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.
B. Open Source
MySQL didistribusikan secara open source, dibawah lisensi GPL sehingga dapat digunakan secara cuma-cuma.
C. Multiuser
MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.
D. Performance tuning
MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.
E. Jenis Kolom
MySQL memiliki tipe kolom yang sangat kompleks, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.
F. Perintah dan Fungsi
G. Keamanan
MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi.
H. Skalabilitas dan Pembatasan
MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.
I. Konektivitas
MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).
J. Lokalisasi
MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum termasuk di dalamnya.
K. Antar Muka
MySQL memiliki interface (antar muka) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).
L. Klien dan Peralatan
M. Struktur Table
MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL ataupun Oracle.
2.6 DFD
DFD merupakan suatu diagram aliran data yang berfungsi untuk
menggambar aliran data serta proses yang mengubah dan mentransformasikan
data tersebut melalui sistem. Sehingga dari sini kita dapat mengetahui jalannya
suatu sistem informasi. Pengguna diagram data dalam sistem mempermudah
komunikasi antara perancang dengan pemakai sistem karena mudah
pemakaiannya. Simbol-simbol dalam data ada 4 macam yaitu :
A. Elemen-Elemen Lingkungan / Entity (Kesatuan Luar).
Elemen-elemen lingkungan berada diluar batas sistem. Elemen-elemen
ini menyediakan bagi sistem input data dan menerima output data sistem pada
DFD, tidak dibuat perbedaan antara data dan informasi. Semua arus dipandang
sebagai data. Nama terminator digunakan untuk menggambarkan
elemen-elemen lingkungan yang menandai titik-titik berakhir sistem. Terminator
digunakan dalam DFD dengan segi empat.
Entity
B. Arus Data.
Arus data terdiri dari sekelompok elemen data yang saling
berhubungan secara logis, yang bergerak dari satu titik proses lain. Tanda panah
digunakan untuk menggambarkan arus tersebut. Arus data terdiri dari satu
beberapa struktur data. Struktur data adalah sekelompok elemen data yang
menggambarkan suatu hal atau transaksi tertentu. Adapun jenis arus data
diantaranya adalah sebagai berikut:
a) Arus data tunggal yang menunjukkan ke suatu lokasi dari elemen tunggal.
A ru s D a t a M a su k T u n g g a l E n t i t y
Gambar 2.2 Arus Data Masuk Entity.
b) Arus data dapat bercabang (diverge) ketika data yang sama bergerak ke
beberapa lokasi dalam sistem.
A ru s D a t a K e lu a r 2 A ru s D a t a K e lu a r 1 0
P ro se s
Gambar 2.3 Arus Data Keluar Proses.
c) Arus data dapat juga memusat (konvergen) untuk menggambarkan
beberapa arus data yang sama bergerak ke satu lokasi.
Arus Data Masuk 3 Arus Data Masuk 2
Arus Data Masuk 1 0
Proses
d) Arus data dengan sistem dua arah untuk menggambarkan status
pemesanan data dan sistem jawaban informasi yang diminta.
C. Proses.
Proses adalah sesuatu yang mengubah input menjadi output. Proses
dapat digambarkan dengan lingkaran, segi empat horizontal tegak lurus dengan
sudut-sudut yang membulat. Tiap simbol proses didefinisikan dengan label.
Teknik pembuatan label yang paling umum adalah dengan menggunakan kata
kerja dan obyek tetapi kita juga dapat menggunakan nama sistem atau program
komputer.
0
Proses
Gambar 2.5 Proses.
D. Penyimpanan Data.
Jika data perlu dipertahankan karena suatu sebab, maka digunakan
penyimpanan data (data store). Dalam istilah DFD, penyimpanan data
digambarkan sebagai satu set garis pararel, segi empat terbuka atau bentuk
lonjong. Dengan dilakukannya penyimpanan data ini diharapkan pada saat akhir
suatu proses pembuatan laporan data-data yang dibutuhkan akan mudah untuk
didapatkan sebagai upaya untuk pertanggungjawaban pada atasan.
1 Data Store
2.7 Dreamweaver 8
Dreamweaver 8 adalah sebuah program website editor yang berfungsi
untuk membuat dan mendesain website secara utuh berdasarkan layout, header,
dan template sendiri. Kehandalan dari Dreamweaver 8 sendiri yaitu kemudahan
dalam membuat dan mendesain website tanpa harus menulis tag-tag HTML satu
persatu walalupun program ini tetap bisa digunakan untuk mendesain website
menggunakan kode-kode tersebut karena pada saat membuat program dapat
dibagi mejadi tampilan design, tampilan, kode, atau dua-duanya. Disamping itu
Dreamweaver 8 dapat melakukan pengecekan spelling dan check vaidator
kode-kode agar sesuai dengan standar. Salah satu metode yang digunaan saat
pembuatan website adalah dengan klik dan drag yang dapat mempermudah Anda
dalam membuat website dengan cepat, mudah, menarik, dan interaktif.
Dreamweaver 8 juga mempunyai kemampuan untuk mendukung
pemrograman Server side dan Client side. Server side digunakan untuk
memproses data yang berhubungan dengan server, misalnya pengolahan database.
Client side merupakan bahasa pemrograman tambahan sekaligus sebagai
pelengkap dari bahasa pemrograman lainnya. Berikut ini adalah beberapa fitur
dari Dreameaver :
Toolbar Dokumen
Toolbar dokumen digunakan untuk mengubah tampilan dan mengakses
fungsi-fungsi penting secara cepat dan mudah. Pada toolbar dokumen terdapat
menu untuk berpindah antar dokumen kerja window dan mengatur tampilan area
Menu Utama
Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja
pada Dreamweaver.
Insert Bar
Insert bar merupakan tempat semua perangkat kerja (tombol) tang
digunakan untuk membuat halaman web. Insert bar mempunyai dua jenis
tampilan, yaitu tampilan sebagai menu dan tampilan sebagai tab.
Code View
Code View digunakan untuk melihat kode HTML dari halaman web yang
sedang kita buat.
Panel Properties
Panel properties merupakan panel yang digunakan untuk melihat dan
mengubah property dari semua objek yang ada di area kerja. Masing-masing
objek mempunyai property yang berbeda. Untuk melihat property dari objek yang
diinginkan, seleksi dulu objek tersebut.
Design View
Design View digunakan untuk melihat tampilan web dari kode HTML
yang kita buat.
2.8 Gammu
GAMMU adalah sebuah aplikasi yang dapat digunakan untuk mengelola
berbagai fungsi pada handphone, modem dan perangkat sejenis lain nya.
(Phonebook) dan fungsi SMS. Untuk aplikasi yang akan coba kita buat di materi
ini, akan lebih banyak digunakan fungsi SMS Gateway dari GAMMU.
SMS Gateway dapat memberikan nilai tambah dan meningkatkan kualitas
pelayanan pelanggan dan suara konsumen melalui layanan SMS Center.
Manfaatnya antara lain adalah :
1. Mengirimkan pengumuman kepada anggota/karyawan
2. Promo Produk dan diskon
3. Memberikan info jadwal rapat/pertemuan kepada karyawan
4. Memberikan info jatuh tempo Cicilan Kepada nasabah
5. Menyebarkan info bantuan dana untuk pembangunan sarana ibadah
6. Pengiriman pengumuman kepada HP siswa, dan Orang Tua siswa
7. Sebagai SMS center dan layanan pengaduan
8. Ucapan Selamat kepada kerabat
9. Ucapan terimakasih kepada donator
SMS Gateway Dapat Digunakan Untuk Mengirim :
1. SMS Informasi
2. SMS Pengumuman
3. SMS Pengingat
4. SMS Layanan Pelanggan
Siapa saja yang membutuhkan SMS Gateway?
• Anda yang bekerja di instansi pemerintahan dan ingin membangun SMS
center untuk media informasi dan keluhan masyarakat.
• Anda yang mempunyai lembaga kursus atau bimbingan belajar dan ingin
memiliki SMS gateway sendiri untuk memberikan pengumuman atau
informasi kepada siswanya.
• Anda pemilik online shop dan ingin menerima notifikasi mengenai
pesanan baru melalui SMS.
• Anda pemilik atau yang bekerja di perusahaan finance dan ingin
mengirimkan SMS informasi tagihan kepada debitur secara otomatis dan
terjadwal.
• Anda yang memiliki bisnis web hosting dan ingin menambahkan fitur
SMS notify pada WHMCS.
• Anda pebisnis atau internet marketer dan ingin membangun list member
dengan mengitegrasikan form pendaftarannya dengan SMS menggunakan
SMS API.
• Anda politisi dan ingin berkampanye melalui media SMS.
• Anda yang membutuhkan media marketing efektif dengan melakukan
promosi dan pemasaran melalui SMS.
• Anda yang membutuhkan SMS gateway untuk mengirimkan SMS
tausiyah kepada jamaah.
• Anda pemilik perusahaan dan ingin mengirimkan SMS motivasi kepada
• Anda pemilik perusahaan dan ingin membangun SMS center sebagai
fasilitas untuk menerima kritik dan saran secara online 24 jam.
2.9 CSS (Cascading Style Sheets)
CSS Merupakan aturan untuk mengendalikan beberapa komponen dalam
sebuah web sehingga akan lebih terstruktur dan seragam tentunya tanpa CSS
website tidak akan memiliki tampilan yang rapi. CSS bukan merupakan bahasa
pemograman. Sama halnya styles dalam aplikasi pengolahan kata seperti
Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab,
bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama
dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat
tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks,
warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over,
spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan
parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur
tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan
halaman yang sama dengan format yang berbeda.
Sejarah CSS
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda
dapat diletakkan secara berurutan, yang kemudian membentuk hubungan
CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh
World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS
distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru
mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.
Versi Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3.
CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2
dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa
ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang
mampu melakukan banyak hal dalam desain website. CSS2 mendukung
penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /table
layout dan media tipe untuk printer. Kehadiran versi CSS yang kedua diharapkan
lebih baik dari versi pertama dan kedua.
CSS3 juga dapat melakukan atau menampilkan animasi pada halaman
website / blog, diantaranya animasi warna hingga animasi 3D. Dengan CSS3
desainer lebih dimudahkan dalam hal kompatibilitas websitenya pada smartphone
dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada
CSS3 seperti: multiple background, border-radius, drop-shadow, border-image,
32
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisa Sistem
Admin mempunyai hak akses untuk mengelola sistem aplikasi dengan melakukan penginputan data dan menghapus data yang sekiranya tidak layak. Dikarenakan sistem ini berjalan pada banyak komputer, maka banyak user yang dapat mengakses web aplikasi ini. Dengan daftar mengisi biodata diri sebagai berikut :
a. Admin : Mengelola sistem aplikasi web secara keseluruhan dan menambahkan informasi tentang sebuah event.
b. User / Penyalur : Member yang memberikan info dan pekerjaan tentang
sebuah event.
c. User / Peserta : Member yang mencari sebuah info dan pekerjaan tentang
sebuah event.
d. Guest : Hanya bisa menikmati layanan website tanpa harus
login.
3.2 Analisa Masalah
Sistem informasi ini dirancang untuk mempermudah para user dalam mencari dan berbagi info tentang sebuah event. Sistem ini dirancang sesederhana mungkin sehingga mudah dimengerti penggunaannya dan dapat juga menyediakan informasi sebaik mungkin.
Dalam perancangan sistem ini, penulis akan melakukan langkah secara berurutan dimulai dari pengumpulan materi, analisa kebutuhan dan membuat CDM, PDM, DFD yang termasuk dalam perncangan sistem dan perancangan desain sistem.
3.3. Diagram Konteks
Informasi Event Informasi User
Kelola SMS
Kelola Event Kelola User
Informasi Member
Informasi Event Upload Event
Daftar Member
Informasi Member
Informasi Event
Apply Event Daftar Member
0
Event
+
User Penyalur
Admin
Gambar 3.1 Diagram Konteks.
Pada Data Flow Diagram ( Gambar 3.1 ) menggambarkan bahwa pada DFD level konteks Proses sistem informasi ini terdapat berbagai macam aliran- aliran Data dari beberapa entitas yang terlibat, entitas -entitas tersebut adalah :
1) Admin : Bertugas meninputkan data user, data event dan kelola sms.
2) User : Mendaftar menjadi member dan memilih sebuah event.
3.4 Diagram Level 0
Setelah secara keseluruhan alur data yang ada dalam diagram konteks di gambarkan maka kita dapat menarik beberapa alur proses yang pada diagram level konteks untuk di decompose menjadi beberapa alur proses inti.
Apply Event
Berdasarkan Gambar 3.2 maka dapat diketahui bahwa dalam pengelolaan Sistem Informasi Pelayanan Pasien Rawat Inap Dan Rawat Jalan terdapat beberapa proses inti yaitu:
1) Proses Data Peserta
2) Proses Input Event
3) Proses Upload Event
4) Proses Data Penyalur
5) Proses Data User
6) Proses SMS
7) Proses Data Event
3.5 Conceptual Data Model
Conceptual Data Model atau yang sering di sebut dengan CDM
merupakan suatu tahap awal perancangan / pembuatan tabel – tabel apa saja yang akan di buat berdasarkan kebutuhan-kebutuhan data yang di digunakan dalam menjalankan suatu proses di dalam aplikasi, perancangan sistem database ini juga di gunakan untuk mendukung kinerja dari aplikasi yang dibuat.
dengan tabel lainnya, berikut ini merupakan rancangan tabel - tabel CDM untuk SMS Gateway Broadcast Info Lowongan Kerja Event Di Surabaya.
.
3.6 Physical Data Model
Physical Data Model adalah suatu tahap ke dua dari perancangan database setelah pembuatan CDM, dalam perancangan tahap ke dua ini desain table akan terlihat secara fisik dan tipe datanya bersifat lebih khusus dan spesifik tidak seperti pada CDM yang hanya membuat struktur tabel secara mandiri pada PDM setiap tabel yang memiliki hubungan akan di relasikan dengan tabel induk dengan menggunakan foreign key dari tabel inti. Sehingga setiap tabel yang memiliki hubungan dengan tabel lainnya akan terlihat jelas. Perancangan PDM ini merupakan representasi fisik / sebenarnya dari database yang dibuat.
3.7 Struktur Tabel
Berikut ini merupakan penjelasan dari beberapa struktur tabel data yang digunakan berdasarkan Rancangan database yang ada pada Gambar 3.6 :
a. Tabel User Nama Tabel : User
Isi Tabel : Berisi field untuk data - data user.
Primary Key : Id_User
Foreign Key : Id_Jenis_Event
Tabel 3.1 Tabel User
No Kolom Tipe Data Panjang Primary Key Foreign Key
1 Id_User Int - -
2 Nama_lengkap Varchar 50 - -
3 Password Varchar 50 - -
4 Username Varchar 50 - -
5 No_tlp Varchar 12 - -
6 Email Varchar 50 - -
7 Tgl_lahir Varchar 25 - -
8 Tempat_lahir Varchar 50 - -
9 alamat Varchar 100 - -
b. Tabel Jenis Event Nama Tabel : Jenis_Event
Isi Tabel : Berisi field untuk data - data jenis event
Primary Key : ID_Jenis_Event
Foreign Key : ID_User
Tabel 3.2 Tabel Jenis Event
No Kolom Tipe Data Panjang Primary Key Foreign Key
1 Id_Jenis_Event Varchar 50 -
2 Id_User Interger 50 -
3 Nama_Event Varchar 50 - -
4 Waktu_Kerja Varchar 50 - -
5 Nama_Perusahaan Varchar 50 - -
6 Gaji Varchar 40 - -
7 Nama_Produk Varchar 50 - -
8 Jabatan Varchar 30 - -
c. Tabel Event Nama Tabel : Event
Isi Tabel : Berisi field untuk data - data Event
Primary Key : Id_Event
Tabel 3.3 Tabel Event
No Kolom Tipe Data Panjang Primary Key Foreign Key
1 Id_Event Int - -
2 Id_Jenis_Event Varchar 50 -
3 Event Varchar 100 - -
4 Tanggal Date - - -
5 Status Varchar 25 - -
6 Gambar Varchar 100 - -
d. Tabel SMS Nama Tabel : SMS
Isi Tabel : Berisi field untuk data sms
Primary Key : Id_Sms
Foreign Key : Id_User
Tabel 3.4 Tabel SMS
No Kolom Tipe Data Panjang Primary Key Foreign Key
1 Id_Sms Varchar 300 -
2 Id_User Int - -
3 Inbox Varchar 300 - -
e. Tabel_Apply Nama Tabel : Apply
Isi Tabel : Berisi field untuk data - data Apply
Primary Key : Id_Apply
Foreign Key : Id_Event, Id_User, Id_Sms
Tabel 3.5 Tabel Apply
No Kolom Tipe Data Panjang Primary Key Foreign Key
1 Id_Apply Int - -
2 Id_Event Int - -
3 Id_User Int - -
4 Id_Sms Varchar 300 -
4 Tanggal Date - - -
43
HASIL DAN PEMBAHASAN
4.1 Hasil Dan Pembahasan
Tahap hasil dan pembahasan merupakan tahap penciptaan perangkat lunak, tahap kelanjutan dari kegiatan perancangan sistem. Tahap ini merupakan tahap meletakkan sistem supaya siap untuk di operasikan dan dapat dipandang sebagai usaha untuk mewujudkan sistem yang telah dirancang.
Langkah - langkah dalam tahap implementasi ini adalah urutan kegiatan awal perancangan sistem yang yang dibuat untuk membuat sebuah rancangan sistem yang nantinya sistem tersebut dapat di jalankan pada saat sistem tersebut dilakukan uji coba agar sistem tersebut dapat berjalan sesuai dengan kebutuhan yang di rancang sebelumnya dan sistem tersebut dapat di operasikan pada awal uji coba sampai akhir uji coba sistem.
Untuk mewujudkan sistem yang telah dirancang adalah dengan mengetahui lingkungan implementasi sistem agar sistem tersebut berjalan sesuai dengan rancangan dan melakukan implementasi program.
4.2 Implementasi Proses Bisnis Program
4.2.1. Proses Bisnis DFD no 1 (Proses Data Peserta)
Agar User peserta dapat mengakses menu-menu yang telah disediakan sesuai dengan hak aksesnya, oleh karena itu harus melakukan identifikasi data
login dengan memasukkan username dan password yang kemudian jika data
tersebut benar maka data pengguna akan disimpan di session. Script untuk form menu utama user peserta dapat di lihat di table 4.1 berikut ini :
Tabel 4.1 Script Proses Data Peserta <?php
require("../koneksi/dbconfig.php");
include "../include/session.php";
$nama_lengkap = $_SESSION['nama_lengkap']; $username = $_SESSION['username'];
$id_user = $_SESSION['id_user'];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> <?php include "../title.php"?></title>
</head>
<link rel="stylesheet" href="../css/layout.css" type="text/css" /> <link rel="stylesheet" href="../css/main.css" type="text/css" /> <link rel="stylesheet" href="../css/link.css" type="text/css" />
<script type="text/javascript" src="../js/jquery-1.4.js"></script>
<link rel="stylesheet" type="text/css" href="../css/head.css">
<script language="javascript" src="../js/headline.js"></script>
<script type="text/javascript" src="../js/jquery.tools.min.js"></script>
<script type="text/javascript"> $(document).ready(function(){
$("#demo img[title]").tooltip('#demotip');
}); </script>
<script type="text/javascript" src="../js/jquery.watermark.min.js"></script>
$("#cari_event").watermark("Cari Event ..."); $("#username").watermark("Username ..."); $("#password").watermark("Password ..."); });
</script>
<body><!-- awal bingkai--> <br />
<div id="bingkai">
<!-- awal atas --> <div id="atas">
<div id="atas2">
<?php include "header.php"?> </div>
<div id="atas3"></div>
<div id="atas4">
<?php include "menu.php"?>
</div>
</div><!--akhir atas --> <!--akhir kiri -->
<div id="kiri"> <div id="kiri1">
<?php include "marquee.php";?> </div>
<div id="kiri2">
<font face="celibri, Arial, Helvetica, sans-serif" size="2">
<br />
<?php
include "slide_event.php"; ?>
</font>
</div>
</div><!--akhir kiri -->
<!-- awal tengah --> <div id="tengah"> <blockquote>
<font face="celibri, Arial, Helvetica, sans-serif" size="2"> <?php include "data_pribadi.php"; ?>
<br /><br />
</font></blockquote>
</div><!-- akhir tengah --> <!-- awal kanan -->
<!-- akhir kanan --> <!-- awal bawah -->
</div>
<!-- akhir bingkai --> <br />
Pada script di atas menjelaskan :
Setelah user peserta memasukan username dan password dengan benar maka akan masuk ke dalam menu utama yang telah di sediakan.
4.2.2. Proses Bisnis DFD no 2 (Proses Input Event)
Pada script ini menjelaskan tentang user peserta yang sudah login dan masuk ke dalam menu utama lalu mulai memilih detail sebuah event. Seperti pada tabel 4.2 dan tampilan script sebagai berikut :
Tabel 4.2 Script Proses Input Event <?php
require("../koneksi/dbconfig.php"); include "../include/session.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> <?php include "../title.php"?></title>
</head>
<style type="text/css"> <!--
A:link {text-decoration: none} A:visited {text-decoration: none} A:active {text-decoration: none} -->
<link rel="stylesheet" href="../css/layout.css" type="text/css" /> <link rel="stylesheet" href="../css/main.css" type="text/css" /> <link rel="stylesheet" href="../css/ling.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.js"></script>
<script type="text/javascript" src="js/jquery.watermark.min.js"></script>
<script type="text/javascript"> $(document).ready(function() {
$("#cari_event").watermark("Cari Event ..."); $("#username").watermark("Username ..."); $("#password").watermark("Password ..."); });
<script type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript"> tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,em
otions,iespell,inlinepopups,insertdatetime,preview,media,searchrep lace,print,contextmenu,paste,directionality,fullscreen,noneditable ,visualchars,nonbreaking,xhtmlxtras,template,wordcount",
// Theme options
theme_advanced_buttons1 :
<body><!-- awal bingkai--> <br />
<div id="bingkai_all_event"> <!-- awal atas --> <div id="atas_e">
<div id="atas2">
<?php include "header.php"?> </div>
<div id="atas3"></div>
<div id="atas4">
<?php include "menu.php"?>
</div>
</div><!--akhir atas --> <!--akhir kiri -->
<div id="kiri_e">
<div id="kiri2_e"> <br />
<blockquote>
<h2 style="font-family:Verdana, Arial, Helvetica, sans-serif">Detail Event<hr /></h2>
<br />
<font face="celibri, Arial, Helvetica, sans-serif"
size="2" style="font-weight:bold">
<table width="567" border="0" cellpadding="5" cellspacing="1" >
<?php
$id_event = $_GET['id_event'];
$tampil=mysql_query("select * from event where
id_event = '$id_event'");
$r=mysql_fetch_array($tampil);
?>
<tr> <td><h2><?php echo $r['event'] ?></h2></td></tr> <tr> <td><?php echo $r['keterangan'] ?></td></tr>
<tr> <td><?php echo $r['tanggal'] ?></td></tr> <tr> <td> </td></tr>
<tr> <td> <?php
$id_user = $_SESSION['id_user']; //$id_event = $data['id_event'];
$query2 = "SELECT * FROM apply where id_user = '$id_user' and id_event = '$id_event'";
$hasil2 = mysql_query($query2);
$ketemu=mysql_num_rows($hasil2);
$data2 = mysql_fetch_array($hasil2);
$id_user2 = $data2['1'];
$id_apply = $data2['id_apply']; $id_event2 = $data2['id_event'];
//if($id_event == $id_event2 and $id_user == $id_user2){
if($ketemu > 0){ ?>
<a
href="proses_batal.php?id_apply=<?php echo $id_apply?>&id_event=<?php echo $id_event?>">Batalkan</a>
<br />
href="proses_apply.php?id_event=<?php echo $id_event;?>">Apply Now</a>
}
</div><!--akhir kiri -->
<!-- awal tengah --> <!-- akhir tengah --> <!-- awal kanan --> <!-- akhir kanan --> <!-- awal bawah --> </div>
<!-- akhir bingkai --> <br />
<br /> </body> </html>
4.2.3 Proses Bisnis DFD no 3 (Proses Upload Event)
Pada script ini menjelaskan tentang sebuah proses user penyalur yang sudah mengisi data sebuah event lalu kemudian upload event tersebut dan menunggu konfirmasi dari admin. Seperti pada tabel 4.3 dibawah ini :
Tabel 4.3 Script Proses Upload Event
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> <?php include "../title.php"?></title>
</head>
<style type="text/css">
<!--
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
-->
<link rel="stylesheet" href="../css/layout.css" type="text/css" />
<link rel="stylesheet" href="../css/main.css" type="text/css" />
<script type="text/javascript" src="../js/jquery-1.4.js"></script>
<script type="text/javascript" src="../js/jquery.watermark.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#cari_event").watermark("Cari Event ...");
$("#username").watermark("Username ...");
$("#password").watermark("Password ...");
});
</script>
<script type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,em
otions,iespell,inlinepopups,insertdatetime,preview,media,searchrep lace,print,contextmenu,paste,directionality,fullscreen,noneditable ,visualchars,nonbreaking,xhtmlxtras,template,wordcount",
// Theme options
theme_advanced_buttons1 :
<body><!-- awal bingkai-->
<br />
<div id="bingkai_e">
<!-- awal atas -->
<div id="atas">
<div id="atas2">
<?php include "header.php"?>
</div>
<div id="atas3"></div>
<div id="atas4">
<?php include "menu.php"?>
</div>
</div><!--akhir atas -->
<!--akhir kiri -->
<div id="kiri_e">
<div id="kiri2_e">
<font face="celibri, Arial, Helvetica, sans-serif" size="2">
<br />
<a href="lihat_data_event.php"><b>Lihat Data Event</b></a>
<br />
<br />
<br />
<form method="POST" action="proses_tambah_event.php" enctype="multipart/form-data">
<table width="836">
<tr>
<td width="104">Jenis Event</td>
<td width="10">:</td>
<td width="706">
<select name="jenis_event" id="jenis_event">
<option value="">[Pilih Jenis Event]</option>
<?php
include("../koneksi/dbconfig.php");
$pilih="SELECT * FROM jenis_event";
$query=mysql_query($pilih);
</select> </td>
</tr>
<tr>
<td width="10">:</td>
<td width="706"> <input type="text" name="nama_event" size="25" /></td>
</tr>
<tr bgcolor='cccccc'>
<td width="104" bgcolor="#FFFFFF">Keterangan </td>
<td width="10" bgcolor="#FFFFFF">:</td>
<td width="706" bgcolor="#FFFFFF" rowspan="17"><textarea
<td> </td>
<td width="104" bgcolor="#FFFFFF">Gambar </td>
<td width="10" bgcolor="#FFFFFF"><b>:</b></td>
<td width="706" bgcolor="#FFFFFF"><input name="fupload" type="file" id="fupload" size="40" value="" ></td>
</tr>
<tr>
<td> </td>
<td> </td>