• Tidak ada hasil yang ditemukan

SMS Gateway Broadcast Info Lowongan Kerja Event Di Surabaya.

N/A
N/A
Protected

Academic year: 2017

Membagikan "SMS Gateway Broadcast Info Lowongan Kerja Event Di Surabaya."

Copied!
112
0
0

Teks penuh

(1)

TUGAS AKHIR

DISUSUN OLEH :

Sandhya A. Utama (0935010061)

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”

JAWA TIMUR

(2)

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

(3)

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

(4)

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

(5)

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.

(6)

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

(7)

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.

(8)

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

(9)

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

(10)

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

(11)

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

(12)

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

(13)

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

(14)

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.

(15)

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 :

(16)

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

(17)

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.

(18)

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

(19)

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

(20)

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.

(21)

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

(22)

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

(23)

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 “/”).

(24)

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.

(25)

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:

(26)

- 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

(27)

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

(28)

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.

(29)

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

(30)

<?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

(31)

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.

(32)

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

(33)

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)

(34)

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

(35)

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

(36)

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

(37)

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

(38)

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

(39)

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

(40)

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.

(41)

(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

(42)

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

(43)

• 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

(44)

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,

(45)

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

(46)

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

(47)

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.

(48)

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

(49)

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.

(50)

dengan tabel lainnya, berikut ini merupakan rancangan tabel - tabel CDM untuk SMS Gateway Broadcast Info Lowongan Kerja Event Di Surabaya.

.

(51)

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.

(52)

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 - -

(53)

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

(54)

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 - -

(55)

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 - - -

(56)

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

(57)

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>

(58)

$("#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 />

(59)

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 ..."); });

(60)

<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'");

(61)

$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>&nbsp;</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>

(62)

}

</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>

(63)

<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>

(64)

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">

(65)

<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>

(66)

<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

(67)
(68)

<td>&nbsp;</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>&nbsp;</td>

<td>&nbsp;</td>

Gambar

Gambar 3.1 Diagram Konteks.
Gambar 3.3 Conceptual Data Model SMS Gateway Broadcast Info
Gambar 3.4  Physical Data Model Sistem Informasi Lowongan Kerja Event Di
Tabel 4.1 Script Proses Data Peserta
+7

Referensi

Dokumen terkait

2 Mahasiswa mampu menentukan Kode ICD-10 diagnosis dan masalah kesehatan terkait gangguan mata / penglihatan dengan presisi, tepat dan benar.. Chapter VII tentang DISEASES

Metode Risk Based Inspection (RBI) digunakan dalam penelitian ini, untuk menentukan program dan rencana inspeksi berdasarkan risiko kegagalan dan konsekuensi kegagalan

Konstruksi sumur resapan air hujan yang sesuai untuk daerah perumahan ini menurut Petunjuk Teknis Tata Cara Penerapan Drainase Berwawasan Lingkungan di Kawasan

Sebagai salah satu upaya yang dilakukan oleh guru dalam melakukan kegiatan belajar mengajar yaitu dengan menciptakan suatu model pembelajaran yang dapat membakar semangat

Tiga Srikandi bukanlah regu yang diperkirakan akan mendapat salah satu medali cabang panahan pada saat itu karena regu pemanah putri yang merupakan pemegang gelar juara dunia cabang

Kondisi proses pengeringan yang direkomendasikan adalah kondisi yang dapat menghasilkan simplisia yang memenuhi kriteria standar mutu yaitu antara lain adalah kadar

Dari tabel diatas, dapat kita lihat bahwa semakin meningkatnya kadar bentonite pada sampel benda uji berpengaruh terhadap meningkatnya pula nilai specific gravity

Dari hasil penelitian diperoleh jumlah hasil tangkapan yang paling banyak pada Lalangit yang menggunakan nilon merk damyl memperoleh jumlah hasil tangkapan sebanyak 50