Sistem Pengiriman Informasi Nilai Siswa dengan Metode SMS Berbasis Web

SISTEM PENGIRIMAN INFORMASI NILAI SISWA DENGAN METODE SMS BERBASIS WEB

TUGAS AKHIR

ANGGA NUGRAHA PURBA 082406069

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN

2011

SISTEM PENGIRIMAN INFORMASI NILAI SISWA DENGAN METODE SMS BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

ANGGA NUGRAHA PURBA 082406069

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN

2011

PERSETUJUAN

Judul : SISTEM PENGIRIMAN INFORMASI NILAI SISWA

DENGAN METODE SMS BERBASIS WEB

Kategori : TUGAS AKHIR

Nama : ANGGA NUGRAHA PURBA

Nomor Induk Mahasiswa : 082406069

Program Studi : D-III TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2011

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU

Ketua Dosen Pembimbing

Prof. Drs. Tulus, Vordipl.Math., M.Si., Ph.D Drs. Sawaluddin, M.IT

NIP. 196209011988031002 NIP. 195912311998021001

PERNYATAAN

SISTEM PENGIRIMAN INFORMASI NILAI SISWA DENGAN METODE SMS BERBASIS WEB

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.

Medan, Juni 2010

ANGGA NUGRAHA P 082406069

PENGHARGAAN

Puji dan syukur saya ucapkan kepada Tuhan yang maha kasih yang telah memberikan berkat dan kasih serta kesempatan dan kesehatan hingga akhirnya saya dapat menyelesaikan tugas akhir ini tepat pada waktunya sesuai dengan instruksi dan peraturan yang berlaku di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Tugas akhir ini disusun sebagai salah satu syarat untuk menyelesaikan pendidikan Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sumatera Utara. Selama penulisan tugas akhir ini, penulis menyadari bahwa banyak terdapat kesalahan-kesalahan yang mungkin terjadi, baik dari segi teknik, tata penyajian ataupun dari segi tata bahasa. Oleh karena itu penulis bersedia menerima kritik dan saran dari pembaca dalam upaya perbaikan tugas akhir ini.

Ucapan terima kasih saya sampaikan kepada :

1. Bapak

Drs. Sawaluddin, M.IT selaku Dosen Pembimbing Tugas Akhir yang tela h banyak memberikan bimbingan dan arahan dalam penulisan laporan tugas akhir ini.

2. Bapak Dr. Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak

Prof. Drs. Tulus, M.Si

, Selaku Ketua Departemen Matematika.

4. Seluruh Dosen Pengajar Program Studi D-3 Ilmu Komputer Fakultas MIPA Universitas Sumatera Utara yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan.

5. Para Pegawai FMIPA USU yang telah banyak membantu saya.

6. Orangtua tercinta yang telah memberikan dukungan sehingga penulis dapat menyelesaikan laporan ini.

7. Seluruh rekan-rekan mahasiswa D3 – Tenik Informatika yang memberika n bantuan kepada saya untuk menyelsaikan laporan ini.

8. Semua pihak yang tidak dapat penulis sebutkan satu persatu yang memberika n bantuan, baik saran maupun kritk sehingga laporan ini dapat terselesaikan denga n baik.

Akhirnya, penulis hanya bisa memanjatkan doa semoga Tuhan yang akan

membalas semua kebaikan semua pihak.

ABSTRAK

Teknologi informasi yang berkembang pesat dewasa ini, telah mendorong percepatan

di berbagai bidang. Hal ini juga yang menyebabkan munculnya kemajuan pada

perangkat lunak dan diimbangi pula dengan kemajuan dan kecanggihan teknologi

beserta perangkat kerasnya. Secara langsung ataupun tidak, teknologi informasi telah

menjadi bagian penting dari berbagai bidang kehidupan. Karena banyak kemudahan

yang ditawarkan, teknologi informasi hampir tidak dapat dilepaska n dari berbagai

aspek kehidupan manusia. Oleh sebab itu penulis mencoba merancang sebuah sistem

pengiriman nilai siswa berbasis web. Dengan adanya sistem ini diharapkan dapat

melakukan penyaluran informasi prestasi siswa yang lebih cepat dan akurat. Objek

utama sistem ini adalah untuk mempermudah instansi sekolah dalam mengirimkan

informasi akademis siswa kepada orangtua siswa.

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak v

Daftar Isi vi

Daftar Tabel viii

Daftar Gambar ix

Bab 1 Pendahuluan 1.1 Latar Belakang 1

1.2 Perumusan Masalah 2

1.3 Batasan Masalah 2

1.4 Tujuan Penulisan 3

1.5 Manfaat Penulisan 3

1.6 Metodologi penelitian 4

1.7 Sistematika Penulisan 4

Bab 2 Landasan Teori 2.1 Pengertian Komputer 6

2.2 Pengenalan Internet 7

2.3 Network 8

2.4 Web Server 9

2.5 Pengenalan HTML 9

2.5.1 Bagian-Bagian HTML 10

2.6 Bahasa Pemrograman PHP 11

2.6.1 Sejarah PHP 12

2.6.2 Kelebihan Bahasa Pemrograman PHP 14

2.6.3 Integrasi PHP dengan Database 15

2.7 CSS (Cascading Style Sheet) 17

2.8 Java Script 19

2.9 Database MySQL 20

2.9.1 Perkembangan MySQl 20

2.9.2 Macromedia Dreamweaver 8 21

2.9.3 Memulai Dreamweaver 8 22

2.9.4 Area Kerja pada dreamweaver 8 23

2.9.5 Menu Bar Area Kerja 23

2.10 Short Message Service (SMS) 25

2.10.1 Cara Kerja SMS 26

2.10.2 Jenis-Jenis Aplikasi SMS

Bab 3 Perancangan Sistem

3.1 Perancangan Sistem 27

3.1.1 Database SMS Gateway 27

3.1.2 Database SMS Gateway 28

3.2 Perancangan Halaman Website 29

3.3 Pembuatan Flowchart (Diagram Alir) 30

3.3.1 Flowchart Login 30

3.3.2 Flowchart Halaman admin 31

3.3.3 Flowchart SMS Single 32

3.3.4 Flowchart Input Data 32

3.3.5 Flowchart Lihat Data 33

3.3.6 Flowchart Form Kirim Nilai 34

3.3.7 Flowchart Buku Telephone 34

3.3.8 Flowchart Inbox 35

3.4 Algoritma Program 35

3.4.1 Algoritma Program SMS Gateway 35

3.4.2 Algoritma Menu Utama Web SMS Nilai 36

3.4.3 Algoritma Admin 37

Bab 4 Implementasi sistem

4.1 Pengertian Implementasi Sistem 38 4.2 Tujuan Implementasi Sistem 38 4.3 Komponen Utama Dalam Implementasi Sistem 39

4.4 Hardware (Perangkat Keras) 39

4.5 Software (Perangkat Lunak) 40 4.6 Brainware 40

4.7 Instalasi Apache, PHP dan MySQL 41

4.7.1 Instalasi Xampp 1.7.0 42

4.8 Instalasi Aplikasi SMS Gateway GAMMU 47

4.9 Konfigurasi Aplikasi SMS Gateway GAMMU 48

4.9.1 Konfigurasi Database 48

4.9.2 Konvigurasi Device 49

4.10 Pengujian di browser 50

Bab 5 Kesimpulan

5.1 Kesimpulan 56

5.2 Saran 57

Daftar Pustaka

Lampiran

DAFTAR TABEL

Halaman Tabel 2.1 Daftar database – database yang didukung PHP 15

Tabel 3.1 Tabel Admin 28

Tabel 3.2 Tabel Nilai Siswa 28

Tabel 2.1 Tabel Phones Book 29

DAFTAR GAMBAR

Halaman

Gambar 2.1 Tampilan Area Kerja Dreamweaver 22

Gambar 2.2 Skema Sederhana Cara Kerja SMS 25

Gambar 3.1 Halaman Awal Web 29

Gambar 3.2 Flowchart Login 30

Gambar 3.3 Flowchart Menu Admin 31

Gambar 3.4 Flowchart SMS Single 32

Gambar 3.5 Flowchart Input Data 32

Gambar 3.6 Flowchart Lihat Admin 33

Gambar 3.7 Flochart Form Kirim Nilai 34

Gambar 3.8 Flowchart Buku Telphon 34

Gambar 3.9 Flowchart Inbox 35

Gambar 4.1 Xampp-win32-1.7.0-installer 43

Gambar 4.2 Installer Language 43

Gambar 4.3 Pilih Bahasa Installasi Xampp 44

Gambar 4.4 Memilih Lokasi Instalasi 44

Gambar 4.5 Instalasi Option 45

Gambar 4.6 Proses Instalasi Xampp 45

Gambar 4.7 Proses Setup Selesai 46

Gambar 4.8 Proses Intalasi Selesai 46

Gambar 4.9 Koneksi dengan Device 49

Gambar 4.10 Peletakan Folder Berisi File-File Web Dalam Folder htdoc 50

Gambar 4.11 Penulisan Alamat di URL 50

Gambar 4.12 Hasil Pengujian Web di Browser 51

Gambar 4.13 Halaman Input Nilai 52

Gambar 4.14 Halaman Lihat Nilai 53

Gambar 4.15 Halaman Form SMS Nilai 53

Gambar 4.16 Halaman Buku Telp 54

Gambar 4.17 Halaman Inbox 54

Gambar 4.18 Halaman outbox 55

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Teknologi informasi yang berkembang pesat dewasa ini, telah mendorong percepatan di berbagai bidang. Hal ini juga yang menyebabkan munc ulnya kemajuan pada perangkat lunak dan diimbangi pula dengan kemajuan dan kecanggihan teknologi beserta perangkat kerasnya. Secara langsung ataupun tidak, teknologi informasi telah menjadi bagian penting dari berbagai bidang kehidupan. Karena banyak kemudahan yang ditawarkan, teknologi informasi hampir tidak dapat dilepaskan dari berbagai aspek kehidupan manusia.

Salah satu teknologi informasi yang sangat populer saat ini adalah handphone beserta fasilitas SMS (Short message Service ). Handphone sudah menjadi semacam identitas diri secara personal. Karena sifatnya yang personal maka, semua info yang masuk ke dalam handphone dirasakan oleh penggunanya sebagai bentuk informasi personal. Ditambah lagi dari secara psikologi bahwa seseorang itu ingin selalu dianggap penting. Jadi apapun jenis SMS yang masuk, orang tersebut pasti akan membuka dan membacanya.

SMS nilai siswa berbasis web merupakan suatu alat bantu untuk

mempermudah siswa dan orang tua mengetahui prestasi yang telah dicapai siswa

selama masa studi di sekolah. SMS ini juga mempermudah orang tua untuk memantau setiap perilaku dan tingkat persentase kehadiran anaknya di sekolah.

Atas dasar pertimbangan di atas maka penulis sangat tertarik untuk mengangkat masalah ini sebagai tugas akhir guna melengkapi salah satu syarat menyelesaikan program studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara, sekaligus dapat membahas serta mempelajari lebih mendalam lagi. Hal inilah yang menjadi latar belakang penulis untuk mengambil judul “Sistem Pengiriman Informasi Nilai Siswa Dengan Metode SMS Berbasis Web”.

1.2 Perumusan Masalah

Dari uraian latar belakang masalah di atas, maka dapat dirumuskan bahwa masalah yang melatar belakangi tugas akhir ini adalah ba gaimana membangun sebuah sistem informasi pengiriman nilai kepada siswa dan orangtua siswa yang berbasis SMS web.

1.3 Batasan Masalah

Batasan masalah yang menjadi acuan dalam pengerjaan tugas akhir ini adalah :

1. SMS nilai siswa hanya bisa dilakukan oleh admin untuk menghindari kebocoran nilai siswa kepada pihak lain yang tidak dikenal.

2. Pengiriman SMS Nilai ditujukan kepada siswa – siswa yang telah diregistrasikan

pada sistem.

3. Pada saat ini sistem hanya menggunakan satu nomor sebagai pemrosesan sms yang dikirim.

4. Sistem dibangun dan dikembangkan dengan PHP 4.0 sebagai bahasa pemrogramannya dan MySQL 5.0 sebagai database-nya.

5. Menggunakan GAMMU versi 1.27.91-Windows sebagai service SMS Gateway

1.4 Tujuan Penulisan

Tujuan yang hendak dicapai dalam pengerjaan tugas akhir ini adalah untuk menghasilkan sebuah sistem pengiriman informasi nilai dan persentase kehadiran siswa yang dapat dijadikan sebagai instrumen untuk mempermudah siswa dan orangtua mendapatkan informasi mengenai siswa tersebut selama masa studi di sekolah.

1.5 Manfaat Penulisan

Manfaat yang diperoleh dalam pengerjaan tugas akhir ini adalah

1. Mempermudah siswa dan orang tua memperoleh informasi hasil studi dan persentase kehadiran siswa.

2. Memberikan laporan hasil informasi nilai dan persentase kehadiran siswa

dalam bentuk SMS (Short Message Service) .

1.6 Metodologi Penelitian

Adapun metode penelitian yang dilakukan penulis dalam pengerjaan tugas akhir adalah :

1. Studi Literatur

Mengumpulkan informasi dan mempelajari materi serta sumber-sumber data yang berhubungan dengan sistem pengiriman pesan melalui SMS berbasis web dan database yang digunakan, teknologi SMS, maupun materi atau sumber-sumber lain yang terkait dengan penelitian ini.

2. Analisa Sistem

Menganalisa sistem pengiriman nilai siswa bebasis sms web yang telah dikumpulkan sebelumnya melalui studi literatur.

1.8 Sistematika Penulisan

BAB 1 : Pendahuluan

Pembahasan dalam bagian ini berkisar pada latar berlakang masalah, identifikasi masalah, batasan masalah, tujuan pembahasan, metodologi penelitian, kerangka pemikiran dan sistematika penulisan.

BAB 2 : Landasan Teori

Bab ini merupakan uraian tentang teori-teori, analisa sistem, desain

sistem, implementasi dan perangkat lunak yang digunakan.

BAB 3 : Perancangan Sistem

Pembahasan menguraikan tentang perencanaan pembuatan keseluruhan sistem dalam aplikasi yang akan dibuat.

BAB 4 : Implementasi Sistem

Bab ini berisi tentang struktur menu pengujian sistem, instalasi, dan keterangan menu.

BAB 5 : Kesimpulan dan Saran

Merupakan bab terakhir yang berisi kesimpulan yang merupakan

pendapat terakhir berdasarkan uraian-uraian sebelumnya dari hasil

pengujian sistem dan saran yang berisi tentang gagasan-gagasan yang

dapat dikembangkan sebagai kelanjutan dari hasil penelitian.

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Komputer (computer) berasal dari bahasa Latin computare yang berarti menghitung.

Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda.

Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya dan menghasilkan output dibawah pengawasan suatu langkah-langkah instruksi- instruksi program yang tersimpan di memori (stored program). Sehingga dapat disimpulkan bahwa komputer adalah :

a. Alat elektronik

b. Dapat menerima input data c. Dapat mengolah data

d. Dapat memberikan informasi

e. Menggunakan suatu program yang tersimpan di memori komputer (stored program)

f. Dapat menyimpan program dan hasil pengolahan

g. Bekerja secara otomatis

Sedangkan yang disebut dengan program adalah kumpulan instruksi atau perintah terperinci yang sudah dipersiapkan supaya komputer dapat melakukan fungsinya dengan cara yang sudah tertentu (Hartono,1999).

2.2 Pengenalan Internet

Internet (Interconnected Network) merupakan jaringan komputer yang terdiri dari jaringan independen yang dihubungkan satu dengan yang lainnya. Secara etimologis, internet berasal dari bahasa Inggris yakni Inter berarti antar dan Net yang berarti jaringan sehingga dapat diartikan hubungan antar jaringan.

Internet merupakan jaringan komputer yang tersebar luas didunia. Sampai saat ini internet sudah menghubungkan lebih dari 100.000 jaringan komputer dengan pemakai lebih dari 100 juta orang. Internet adalah jaringan luas di komputer yang lazim disebut dengan World Wide Network secara ringkas internet adalah sumber informasi dan alat komunikasi serta hiburan (Pardosi, 2004).

Fasilitas- fasilitas yang tersedia dalam layanan internet antara lain :

1. www (World Wide Web) adalah layanan yang paling sering digunakan dan

memiliki perkembangan yang sangat cepat karena dengan layanan ini kita bisa

menerima informasi dalam berbagai format (multimedia). Informasi dalam web

disimpan ke bentuk dokumen yang disebut halaman web (web page). Untuk dapat

mengakses layanan www dari sebuah komputer digunakan program web client

yang disebut web browser atau browser saja seperti mozilla, Internet explorer,

google chrome dan lain lain.

2. Search engine adalah salah satu fasilitas internet yang dijalankan melalui browser untuk mencari informasi yang kita inginkan. Search engine menampung database situs-situs dari seluruh dunia yang jumlahnya milyaran halaman web, cukup dengan memasukkan kata kuncinya maka search engine akan menampilkan beberapa link situs yang disertai dengan keterangan singkat. Search engine yang sangat terkenal adalah Google, namun masih banyak search engine lainnya seperti Altavista, MSN, Yahoo Search dan sebagainya.

3. E-mail (Electronic Mail) merupakan aplikasi surat menyurat melalui Internet.

Pengguna dapat saling bertukar berita. Berita-berita itu akan dikumpulkan dalam sebuah file untuk pengalamatan yang berupa mailbox, sehingga pengguna dapat membaca berita yang ditujukan kepadanya kapan saja.

4. FTP (File Transfer Protocol) adalah suatu protokol yang digunakan untuk melakukan pemindahan (transfer) baik upload atau download dari satu atau lebih file (dokumen) antara sebuah komputer dan sembarang server FTP.

2.3 Network

Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah alat

atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi

membentuk satu sistem. Dengan network, komputer yang satu dapat menggunakan

data di komputer lain, dapat mencetak laporan di printer ke komputer lain, dapat

memberi berita ke komputer lain walaupun berlainan area. Network merupakan cara

yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus

informasi dari satu area ke area lain (Pardosi, 2004).

2.4 Web Server

Web server adalah komputer yang mengirimkan halaman- halaman web (Pardosi, 2004). Setiap web server mempunyai alamat IP dan nama. Komputer dapat dijadikan sebagai Web server dengan diinstal software server dan menghubungkannya dengan internet. Terdapat banyak software server, baik yang gratis, seperti yang dibuat oleh NCSA dan Apache maupun yang komersial, seperti yang dibuat oleh Microsoft dan Netscape.

2.5 Pengenalan HTML

HTML atau yang memiliki kepanjangan Hypertext Markup Language adalah script di mana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai platform seperti : Windows, Linux, Macintosh. Kata “Markup Language“

pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML dimana kita bisa mengatur judul, garis, tabel, gambar dan lain- lain dengan perintah yang telah ditentukan pada elemen HTML.

Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang nama, kemudian menambahkan sebuah ekstensi “.htm” atau “.html”

(tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).

HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap terjadi perkembangan level HTML, harus dievaluasi ketat dan disetujui oleh W3C.

Hingga kini versi terakhir HTML yang telah disetujui oleh W3C adalah HTML versi 4.01.

2.5.1 Bagian-Bagian HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode

<form>, judul dengan <title> dan sebagainya. Untuk mengetahui lebih lanjut mengenai bagian-bagian HTML perhatikan skema di bawah ini :

<html>

<head>

<title>…</title>

</head>

<body>

… isi dari halaman web …

</body>

</html>

Keterangan :

1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan diakhiri dengan tanda tag penutup </html>.

2. Pada elemen head <head></head>, dapat kita sisipkan kode-kode untuk menuliskan

keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan kode-kode

pemrograman web seperti JavaScript, VBScripts, atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.

3. Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan situs kita, seperti : <font></font>, <table></table>, <form></form>.

Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah kode-kode yang digunakan untuk men-setting dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut : <tag-awal>TEKS</tag-akhir>.

2.6 Bahasa Pemrograman PHP

PHP merupakan singkatan dari Personal Home Page, merupakan bahasa server side script yaitu bahasa berbentuk script yang terletak dan dieksekusi di server untuk kemudian hasilnya (berupa kode HTML) dikembalikan ke browser pengguna/klien.

PHP dirancang untuk membentuk suatu Web yang bersifat dinamis yang artinya halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh pengguna/klien.

Misalnya dapat mengakses database dan menampilkannya di halaman Web dengan

cepat dan mudah. PHP juga dapat berinteraksi dengan hampir semua teknologi Web

yang telah ada dan sifatnya yang open source (bebas pakai) memberikan kesempatan

buat semua user dan programmer untuk menggunakan dan mengembangkannya

(Madcoms, 2006).

PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini.

PHP banyak dipakai untuk pemrograman website, walaupun tidak tertutup kemungkinan untuk digunakan untuk pemakaian lain. PHP merupakan salah satu bahasa server side scripting yang disisipkan di antara bahasa HTML untuk membuat halaman web yang dinamis. Dan karena bahasa berbasis server side, maka PHP akan dieksekusi di server, sehingga yang akan dikirimkan ke web browser adalah hasil dalam bentuk HTML dan kode PHP tidak akan terlihat.

Salah satu fungsi PHP adalah untuk menerima, mengolah, dan menampilkan data dari dan ke sebuah website. Data yang diterima akan diolah di sebuah program database server dan kemudian hasilnya ditampilkan kembali ke layar web browser sebuah website. Seorang pengguna internet tidak dapat melihat kode program yang ditulis dalam PHP sehingga keamanan dari halaman web menjadi lebih terjamin.

2.6.1 Sejarah PHP

Pertama kali PHP dibuat dan diperkenalkan oleh Rasmus Lerdorf pada tahun 1995

menggunakan nama PHP/FI (Personal Home Page/Form Interpreter). Generasi awal

PHP/FI dibuat dari Perl yang waktu itu digunakan untuk kebutuhan pribadi saja. Pada

awalnya, PHP/FI merupakan bagian dari Personal Home Page Tools. Namun, karena

kebutuhan penggunaan web yang semakin kompleks maka dikembangkan PHP/FI

dengan menggunakan bahasa C. Rasmus menulis sejumlah besar fungsi untuk

pengaksesan ke dalam database. Penulisan itu juga bertujuan membangun halaman

web menjadi dinamis.

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut kepada khalayak ramai dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI masih Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP. Setelah diberikan sebagai kode open source, PHP kemudian dinamakan Hypertext Preprocessor.

Pada tahun 1997, dikeluarkan PHP/FI versi 2.0. Fungsi- fungsi pada PHP/FI ditulis dengan menggunakan bahasa C. Karena telah memiliki fungsi khusus untuk mengakses database maka, pada tahun yang sama, terdapat kurang lebih 50.000 domain yang menggunakan PHP/FI sebagai bahasa pemrograman untuk website, atau sekitar 1% dari total domain yang ada pada waktu itu.

PHP 3 merupakan generasi baru hasil pemgembangan PHP/FI. Banyak developer yang terlibat di dalamnya. Tak heran jika PHP 3 dianggap sebagai tonggak awal bagi terciptanya PHP versi sekarang ini. Secara resmi, peluncur PHP 3.0 ialah Andi Gutmans dan Zeev Suraski pada tahun 1997. Mereka mengeluarkan PHP 3.0 karena melihat kelemahan PHP/FI yang digunakan dalam aplikasi e-commerce.

Kemudian, mereka menulisnya ulang dengan masih mengacu kepada PHP/FI.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru yang dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas akses yang tinggi.

Dengan penambahan fitur baru, seperti session, output buffering dan penanganan

Pada Juni 2004, Zend merilis PHP 5.0. PHP versi 5 muncul untuk menangani kelemahan-kelemahan yang terdapat pada versi sebelumnya. PHP versi 5 dapat membuat file swf dan applet java. Fokus utamanya adalah mengoptimalkan penggunaan PHP untuk OOP (Object Oriented Programming).

2.6.2 Kelebihan Bahasa Pemrograman PHP

Bahasa pemrograman PHP memiliki beberapa kelebihan antara lain :

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.

2. Web Server yang mendukung PHP dapat ditemukan di mana- mana dari mulai IIS sampai dengan Apache, dengan konfigurasi yang relatif mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis- milis dan developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah karena referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem.

6. PHP diterbitkan secara gratis dan dapat diambil oleh siapa saja.

2.6.3 Integrasi PHP dengan Database

PHP yang digabungkan dengan database akan lebih berkekuatan jika digabungkan dengan database yang reliabel, gratis dan mudah diinstalasi. Terdapat 2 jenis database yang memenuhi yaitu MySQL dan PostgreSQL. Kedua jenis database ini dipergunakan karena kinerja yang bagus dan, untuk mengaksesnya, PHP mempunyai fungsi khusus. Berikut ini daftar database yang didukung oleh PHP sampai versi 5 :

Tabel 2.1 Daftar Database yang Didukung PHP

No. Nama Database No. Nama Database

1.

2.

3.

4.

5.

6.

7.

8.

9.

10 11.

Adabas D DBase Empress

FilePro (read-only) Hyperwave

IBM DB2 Informix Ingres Interbase FrontBase MSQL

12.

13.

14.

15.

16.

17.

18.

19.

20.

21.

22.

Direct MS-SQL MySQL

ODBC

Oracle (OCI7 dan OCI8) Ovrimos

PostgreSQL SQLite Solid Sybase Velocis Unix dbm

PHP mempunyai fungsi khusus untuk mengakses MySQL. Ada sekitar 48

fungsi yang didukung PHP dalam mengakses MySQL dalam membuat aplikasi.

a. mysql_connect()

Fungsi mysql_connect adalah untuk menghubungkan PHP dengan database MySQL. Format fungsinya adalah:

mysql_connect (string hostname, string username, string password);

b. mysql_select_db

Setelah terhubung ke database MySQL dengan menggunakan mysql_connect, langkah selanjutnya adalah memilih database yang akan digunakan. Fungsi mysql_select_db digunakan untuk memilih database. Format fungsinya adalah:

mysql_select_db (string database, koneksi)

Koneksi ialah variabel yang terhubung ke MySQL. Jika tidak mengisi variabel koneksi maka koneksi yang terbuka saat itulah yang dianggap digunakan.

Manfaat berbagai macam koneksi adalah bahwa dengan pilihan seperti itu maka dalam satu file dimungkinkan mengambil query dari 2 database sekaligus.

c. mysql_query

Dalam database MySQL, perintah untuk melakukan transaksi ialah perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query memberi perintah kepada database untuk melakukan apa yang dikehendaki.

Format fungsinya adalah:

int mysql_query(string query, int [link_identifier] );

d. mysql_num_rows

Kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai oleh proses SQL. Format fungsinya adalah:

int mysql_num_rows(int result);

e. mysql_fetch_array

Fungsi ini berkaitan dengan menampilkan data. Untuk menampilkan data, digunakan fungsi mysql_fetch_array. Dengan fungsi ini, hasil query ditampung dalam bentuk array. Format fungsinya adalah:

array mysql_fetch_array(int result, int [result_type] );

2.7 CSS ( Cascading Style Sheet)

CSS mendefinisikan karakteristik tampilan (warna, style, dan posisi) suatu elemen pada dokumen HTML dalam bentuk properti elemen tersebut. Pemisahan isi dengan tampilan yang dilakukan dengan penerapan CSS ini, memberikan kemungkinan penyusunan struktur suatu halaman HTML dengan lebih fleksibel. CSS merupakan bagian/subset dari DOM yang sangat berperan dalam DHTML.

Perbedaan implementasi antara Netscape dan Microsoft sehingga akhirnya

W3C melakukan suatu standardisasi CSS. Pada awalnya, upaya standardisasi CSS

dibagi dua, yaitu CSS1 untuk pengaturan warna dan style, serta CSS-P untuk

pengaturan posisi suatu elemen. CSS2 dari W3C selanjutnya menggabungkan kedua

standar ini menjadi suatu standar yang meliputi semua setting tampilan suatu elemen

halaman HTML (Simarmata, 2006).

Dalam spesifikasi CSS2, ada beberapa properti elemen dokumen yang berhubungan dengan posisi suatu elemen di halaman browser. Properti tersebut adalah:

a. position – ada dua pilihan untuk nilai properti ini, yaitu absolute dan relative.

Setting absolute mengatur posisi elemen berdasarkan jarak terhadap ujung kiri-atas elemen parent-nya. Sedangkan setting absolute bekerja sesuai layout HTML biasa dimana posisinya ditentukan berdasarkan akhir elemen sebelumnya.

b. Left dan top – menentukan jarak ke arah kanan dan ke bawah dari posisi awal elemen. Unitnya bisa dinyatakan dalam point(pt), pixel(px) atau unit standar CSS lainnya.

c. Width dan height – menentukan lebar dan tinggi elemen. Unitnya bisa dinyatakan dalam point(pt), pixel(px) atau unit standar CSS lainnya.

d. Z-index – menentukan apakah suatu elemen ditampilkan di layar. Nilainya bisa visible (tampil) atau hidden (tersembunyi).

e. Overflow – menentukan perilaku ruang penampung jika isinya melebihi batasnya. Ada tiga pilihan untuk nilai properti ini, yaitu clip, scroll, dan none.

Setting clip berarti isi akan dipotong jika melebihi batas. Scroll akan memunculkan scrollbar pada container. Sedangkan none tidak akan melakukan apapun terhadap isi sehingga isi tersebut akan keluar dari ruang batasnya.

f. Background-color atau layer-background-color – menentukan warna dasar

dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua

berlaku untuk NS.

g. Background-image atau layer-background-image – menentukan gambar latar belakang dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua berlaku untuk NS.

2.8 JavaScript

JavaScript pertama kali nuncul di Netscape2.0 dan dikembangkan lebih lanjut pada Netscape 3.0. Walaupun memiliki nama yang serupa. JavaScript sama sekali tidak berhubungan dengan Java.

Java adalah bahasa pemrograman tingkat tinggi untuk membuat aplikasi cross- platform, sedangkan JavaScript hanyalah scripting language yang terintegrasi dengan web browser untuk memberikan fleksibilitas tambahan bagai programmer untuk mengontrol elemen-elemen dalam halaman web.

Aplikasi JavaScript sebenarnya cukup luas, tetapi disini penulis menggunakan JavaScript dibatasi untuk DHTML, yaitu JavaScript yang digunakan untuk mengakses property, method, dan event handler yang disediakan oleh DOM dan CSS.

Property didefinisikan sebagai setting nilai suatu objek tertentu. Contohnya adalah warna suatu teks, action untuk suatu form, nama file untuk suatu gambar, dll.

Method adalah fungsi- fungsi yang dapat diterapkan untuk suatu objek. Misalnya

maximize untuk window. Event handler menspesifikasikan bagaimana suatu objek

merespon terhadap suatu kejadian, misalnya suatu button di click, window di resize,

dll.

2.9 Database MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis di bawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual di bawah lisensi komersial untuk kasus-kasus di mana penggunaannya tidak cocok dengan penggunaan GPL.

Tidak sama dengan proyek-proyek seperti Apache, di mana perangkat lunak dikembangkan oleh komunitas umum dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing- masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL AB, di mana memegang hak cipta hampir atas semua kode sumbernya sehingga pengguna dapat mengunduh software ini dan memakainya secara gratis.

2.9.1 Perkembangan MySQL

MySQL merupakan hasil buah pikiran dari Michael “Monty” Widenius, David

Axmark dan Allan Larsson yang dimulai pada tahun 1995. Mereka kemudian

mendirikan perusahaan bernama MySQL AB di Swedia. Tujuan awal ditulisnya

program ini adalah untuk mengembangkan aplikasi web yang akan digunakan oleh

salah satu klien MySQL AB.

MySQL versi 1.0 dirilis pada Mei 1996 dan penggunaannya hanya terbatas di kalangan intern saja. Pada bulan Oktober 1996, MySQL versi 3.11.0 dirilis ke masyarakat luas di bawah lisensi “Terbuka Tapi Terbatas”.

Barulah pada bulan Juni 2000, MySQL AB mengumumkan bahwa mulai MySQL versi 3.23.19 diterapkan sebagai GPL (General Public License). Dengan lisensi ini, maka “Siapa pun boleh melihat program aslinya dan menggunakan program eksekusinya dengan cuma-cuma. Dan bila ingin memodifikasi pada program aslinya, maka program modifikasi tersebut harus dilepas di bawah lisensi GPL juga”.

Hingga kini MySQL terus berkembang dengan berbagai penyempurnaan sehingga dirilis MySQL versi 5.0.21 pada bulan Mei 2006, yang semula untuk melakukan administrasi dalam basis data MySQL, dengan menggunakan modul yang berupa Command Prompt (perintah: mysql dan mysqladmin). Saat ini dapat dirancang sebuah database melalui modul berbasis grafik GUI (Graphical User Interface) seperti PhpMyAdmin dan MySQL Query Browser Tools.

2.9.2 Macromedia Dreamweaver 8

Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain

secara visual dan mengelola website maupun halaman web. Macromedia

Dreamweaver adalah salah satu produk dari vendor Macromedia Inc. Pada saat ini,

pihak Macromedia telah mengeluarkan versi terbaru dari Dreamweaver yaitu

Macromedia Dreamweaver 8 (Syafii, 2006).

Dreamweaver 8 memiliki kemampuan untuk menyunting kode dengan lebih baik, serta mampu menggabungkan layout site dengan programming webnya.

Kehebatan Dreamweaver ini menjadikan Dreamweaver lebih banyak digunakan oleh Web Desainer maupun Web Programmer guna mengembangkan website. Ruang kerja, fasilitas, dan kemampuan Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun sebuah website.

2.10 Memulai Dreamweaver 8

Sepertinya halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudian pilih All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver setelah penginstalan, kita akan mendapatkan tampilan kotak dialog yang menanyakan pilihan layout ruang kerja yang ingin anda gunakan, sebaiknya kita gunakan ruang kerja desainer.

Gambar 2.1 Tampilan Area Kerja Dreamweaver

2.10.1 Area Kerja pada Dreamweaver 8

Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah :

1. Document Window berfungsi untuk menampilkan dokumen di mana Anda sekarang bekerja.

2. Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.

3. Insert Bar terdiri dari tombol-tombol untuk menyisipkan berbagai macam objek seperti hyperlink, image/gambar, tabel, dan lain- lain.

4. Document Toolbar berisi tombol-tombol dan menu pop-up dari dokumen yang sedang kita gunakan.

5. Panel Groups adalah sekumpulan panel window yang saling berkaitan satu sama lain, yang dikelompokkan di bawah satu judul untuk membantu bekerja dengan Dreamweaver.

6. Tag Selector adalah tag-tag HTML yang terpilih sesuai dengan objek yang ada di area kerja.

7. Properti Inspector digunakan untuk melihat dan mengubah berbagai properti dari tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti yang berbeda-beda.

2.10.2 Menu Bar Area Kerja

Di dalam area kerja Dreamweaver 8 terdapat beberapa menu utama yang sangat

sederhana dan mudah untuk dipahami. Pada Menu Bar Area Kerja Dreamweaver 8

terdiri dari beberapa komponen yang dapat kita gunakan, yaitu :

1. Menu File, terdiri dari perintah untuk membuat dokumen baru, membuka dokumen yang telah disimpan, dan lain- lain.

2. Menu Edit, terdiri dari perintah untuk men-copy, memindahkan, serta perintah untuk pemilihan seperti Select All, dan lain- lain.

3. Menu View, berisi perintah untuk menampilkan beberapa macam tampilan jendela dari area kerja Dreamweaver. Seperti jendela Code dan View, serta untuk menampilkan dan menyembunyikan beberapa elemen halaman dan toolbar.

4. Menu Insert, berisikan alternatif baris insert untuk menyisipkan obyek didalam dokumen.

5. Menu Modify, berfungsi untuk melakukan perubahan properti pada item atau halaman terpilih. Dengan menggunakan menu ini kita dapat mengedit atribut tag, mengganti tabel dan elemen tabel, dan bermacam bentuk aksi untuk item library dan template.

6. Menu Text, berfungsi untuk mempermudah dalam melakukan format teks.

7. Menu Commands, berisi akses ke beberapa perintah, format kode yang sesuai dengan format pilihan kita, membuat photo album, dan melakukan pengeditan gambar dengan menggunakan Macromedia Fireworks.

8. Menu Site, berisi item untuk mengelola situs seperti mendefinisikan situs baru, menghapus situs, menduplikasikan situs yang telah didefinisikan.

9. Menu Window, menyediakan akses ke seluruh panel, inspector, dan jendela di dalam Dreamweaver.

10. Menu Help, menyediakan fasilitas yang dapat membantu kita dalam menggunakan

Dreamweaver.

2.11

Sho rt Message Service (SMS)

Short Message Service (SMS) adalah kemampuan untuk mengirim dan menerima pesan dalam bentuk teks dari dan kepada ponsel. Teks tersebut bisa terdiri dari kata- kata atau nomor atau kombinasi alphanumeric. SMS diciptakan sebagai standar pesan (message) oleh ETSI (Europesan Telecommunication Standards Institute), yang juga membuat standar GSM yang diimplementasika n oleh semua operator GSM. SMS yang pertama dikirimkan pada Desember 1992 dari PC ke sebuah ponsel melalui jaringan GSM Vodafone di UK. Setiap Pesan maksimal terdiri dari 160 karakter jika menggunakan alphabet Latin, dan 70 karakter jika menggunakan alphabet non-Latin seperti huruf Arab atau China.

2.11.1 Cara Kerja SMS

Layanan SMS menggunakan kanal atau jalur teks dalam proses penyampaiannya.

Sehingga meskipun penerima SMS sedang melakukan kegiatan pembicaraan dengan handphone-nya, SMS yang masuk tetap dapat diterima. Berikut gambaran singkatnya.

Gambar 2.2 Skema Sederhana Cara Kerja SMS

Ketika ada yang mengirimkan SMS ke telepon selular kita, pesan itu terlebih dahulu melalui SMS center (SMSC), kemudian diteruskan ke tower (base transmission system, BTS), lalu dari tower akan diteruskan ke telepon seluler kita, dan begitu juga ketika kita mengirim pesan SMS ketelepon selular orang lain. Data yang dikirim antara lain panjang pesan (jumlah karakter), waktu pengiriman, nomor tujuan, format pesan (teks biasa atau multimedia), beserta informasi lainnya (Wahidin, 2010).

2.11.2 Jenis – Jenis Aplikasi SMS

Adapun masalah yang menimbulkan munculnya beberapa jenis aplikasi SMS adalah karena bertambahnya variasi kebutuhan akan SMS tersebut seperti pengiriman SMS dalam skala besar, metode SMS poling yang banyak dilakukan dalam dunia hiburan dan pemilihan kandidat. Dari sinilah lahir teknologi baru berupa aplikasi – aplikasi berbasis sms seperti:

1. SMS Premium, merupakan jenis aplikasi SMS dua arah dengan menggunakan 4 digit nomor unik seperti 96xx. Biasanya banyak digunakan pada pada SMS quiz, SMS Polling.

2. SMS Broadcast/Blast/Bulk/Bomber, merupakan jenis aplikasi satu arah yang berupa pengiriman pesan kebanyak nomor sekaligus. Biasanya digunakan untuk SMS promo dan SMS kampanye.

3. SMS Gateway, merupakan jenis sms dua arah, dengan keunikan bahwa semua tarif

yang diberlakukan adalah tarif SMS normal sesuai dengan apa yang diberlakukan

oleh operator. Karena sifatnya yang dua arah, maka SMS jenis ini sangat cocok

dijadikan sebagai SMS center organisasi atau institusi.

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Struktur Database

Database adalah kumpulan file-file yang saling berelasi antara file yang satu dengan file yang lain sehingga membentuk satu kesatuan data untuk menginformasikan suatu perusahaan, instansi dalam batasan tertentu.

Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut akan diproses oleh program yang dibuat pada tahap pemrograman yang akan menampilkan isi database ke halaman web. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program MySQL.

3.1.1 Database SMS Gateway

Database ini merupakan database standar (default) dari program SMS gateway GAMMU versi 1.27.91-Windows. Berikut langkah- langkah nya :

1. Buat database “smsd”

2. Import file mysql.sql yang berada pada direktori [Gammu-1.27.91-Windows-share- doc-gammu-examples-config].

3. Database program SMS gateway GAMMU versi 1.27.91-Windows siap digunakan.

3.1.2. Database SMS Nilai

a. Tabel admin terdiri dari:

Tabel 3.1 Tabel Admin

Field Jenis Size

Id Int 3

nama Varchar 255

email Varchar 255

kelamin Varchar 8

user Varchar 25

password Varchar 255

b. Tabel nilai_siswa terdiri dari:

Tabel 3.2 Tabel Nilai Siswa

Field Jenis Size

Nis Int 10

Nama Varchar 45

Kelas Varchar 10

Agama Varchar 4

Kesenian Varchar 4

Penjas Varchar 4

Ppkn Varchar 4

Mm Varchar 4

Fisika Varchar 4

Kimia Varchar 4

Biologi Varchar 4

Bind Varchar 4

Bing Varchar 4

Geografi Varchar 4

Sejarah Varchar 4

Sakit Varchar 3

Ijin Varchar 3

Alpa Varchar 3

Nohp Varchar 20

c. Tabel phones_book terdiri dari:

Tabel 3.3 Tabel Phones Book

Field Jenis Size

Id Int 10

Nomor Varchar 20

Nama Varchar 50

Alamat Varchar 60

3

.2 Perancangan Halaman Website

Tahap perancangan halaman website adalah menentukan dan membuat rancangan tampilan dari situs yang akan dibuat. Kumpulkan terlebih dahulu komponen yang akan digunakan. Untuk membuat rancangan tampilan kita dapat menggunakan software pengolah grafik seperti Adobe Photoshop CS.

1. Perancangan Halaman Awal

Gambar 3.4 Halaman Awal Web

3.3 Pembuatan Flowchart (Diagram Alir)

Langkah selanjutnya adalah membuat garis besar Program. Salah satu cara yang digunakan adalah dengan membuat flowchart. Flowchart merupakan bagan yang menunjukkan aliran informasi didalam program atau prosedur sistem secara logika.

Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTML- nya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana flowchart keseluruhan dalam membangun situs ini dapat dilihat pada gambar di bawah ini:

3.3.1 Flowchart Login

Gambar 3.2 Flowchart Login

Start

Halaman Login

Status = Admin

Halaman Admin Input Username dan Password

Login user & Password Salah

Logout

AE

3.3.2 Flowchart Halaman Admin

Gambar 3.3 Flowchart Halaman Admin

Menu Admin

Input Data

Lihat data

Form sms

Buku telp

Inbox

Outbox

List Data Nilai

List Buku Telephone

List Inbox

List outbox AE

E

E7 E2 E1

E3

E4

E5

E6 Form input Data

Form Kirim Nilai

Form SMS Single

3.3.3 Flowchart SMS Single

Gambar 3.4 Flowchart SMS Single

3.3.4 Flowchart Input Data

Gambar 3.5 Flowchart Input Data E1

Input No.Hp/Pesan

Kirim

Outbox

Sentitem

E2

Input Data Nilai

Simpan

Nilai_siswa

Reset

3.3.5 Flowchart Lihat Data

Gambar 3.6 Flowchart Lihat Data E3

Pilih data

Detail

Nilai_

Siswa Tampilkan Data Nilai

Edit

Kirim

Hapus

Tampilkan Detail Data

Edit Data Nilai

^Update

Tampilkan Data

Insert

Outbox

Tampilkan Data

Send

3.3.6 Flowchart Form Kirim Nilai

Gambar 3.7 Flowchart Form Kirim Nilai

3.3.7 Flowchart Buku Telephon

Gambar 3.8 Flowchart Buku Telephon E4

Input Data Nilai

Send

Outbox

Reset

E5

Send Tambah

Data

Form data Input Data Phones

_Book

Edit

Kirim

Hapus

Tampilkan data

Form edit

Form SMS

Update Data

Outbox

3.3.8 Flowchart Inbox

Gambar 3.9 Flowchart Inbox

3.4 Algoritma Program

Algoritma merupakan urutan langkah- langkah berhingga untuk memecahkan masalah logika atau matematika.

3.4.1 Algoritma Program SMS Gateway

Langkah 1 : Mengaktifkan service aplikasi SMS gateway GAMMU, ada tiga cara yang bisa dilakukan, yaitu:

a. Buka command prompt, lalu ketik: gammu --smsd MYSQL smsdrc.

b. Buka run, lalu ketik: services.msc pilih Gammu dan klik start

c. Buka control panel, lalu pilih administrative tools/ Services/ Gammu dan klik start

E6

Balas

Tampilkan data

Hapus

Form SMS

^Send

Outbox

Langkah 2 : Melakukan pengiriman SMS, ada tiga cara yang dapat dilakukan dalam pengiriman sms yang disediakan pada web, yaitu:

a. SMS single, pengiriman pesan yang dilakukan dengan cara mengisi form SMS standart berupa nomor handphone dan pesan.

b. SMS nilai, pengiriman pesan yang dilakukan dengan cara mengisian form nilai siswa yang berisi beberapa attribut seperti:

Nama, NIS, Kelas, dan beberapa attribut nilai siswa lainnya serta nomor handphone.

c. SMS data nilai, pengiriman pesan dilakukan dengan cara mengambil sejumlah variabel data nilai dan nomor handphone yang terdapat pada database yang telah diinputkan sebelumnya pada database.

Langkah 3 : Handphone bertindak sebagai SMS Gateway yang akan meneruskan pesan kedalam dan keluar database melalui GAMMU.

Langkah 4 : GAMMU SMS Gateway bertindak sebagai penghubung antar Komputer dan handphone.

3.4.2 Algoritma Menu Utama Web SMS

Langkah 1 : Aktifkan browser, ketik address bar http://localhost/sms kemudian tekan enter atau klik icon “Go” pada sudut kanan Address Bar, maka akan tampil halaman utama website.

Langkah 2 : Halaman utama web ditampilkan dan berisi beberapa menu web. Klik

menu web yang tersedia untuk melihat informasi yang ada didalamnya.

3.4.3 Algoritma Admin

Langkah 1 : Pilih menu admin yang ada di halaman utama web.

Langkah 2 : Input user name dan password, jika benar maka web akan diarahkan kedalam menu admin dan jika salah maka web akan diarahkan kembali ke home.

Langkah 3 : Pilih menu admin yang ingin dibuka

Langkah 4 : Untuk mengoperasikan SMS ada tiga cara yang bisa dilakukan yaitu:

a. Mengisi form sms single kemudian klik kirim

b. Mengisi form input data siswa kemudian klik link lihat nilai untuk melihat data nilai yang telah diinp utkan, pada halaman lihat nilai ada beberapa menu yang dapat dipilih yaitu: detail (melihat data nilai secara keseluruhan), edit (mengedit data nilai), kirim (mengirim data nilai melalui sms web), hapus (menghapus data yang tersimpan pada database).

c. Mengisi form sms nilai kemudian klik kirim.

Langkah 4 : Keluar(Logout), maka browser akan diarahkan ke halaman home

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian dan Tujuan Imple mentasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain sistem yang telah dirancang, sistem yang disetujui, menguji sistem, menginstal dan memulai menggunakan sistem baru tersebut atau sistem yang diperbaiki. Ada juga yang mengatakan implementasi sistem adalah proses yang dilakukan untuk menyelesaikan desain dan selanjutnya diinstal, diuji dan mulai digunakan untuk menggantikan sistem yang lama.

4.2 Tujuan Implementasi Sistem

Tujuan implementasi sistem adalah :

1. Menyelesaikan desain sistem yang ada dalam dokumen desain sistem yang telah disetujui, menyusun dokumen-dokumen baru atau dokumen yang baru diperbaiki.

2. Menulis, menguji, mendokumentasikan program-program dan prosedur yang diperlukan dalam dokumen desain sistem yang telah disetujui.

3. Memastikan bahwa operator dapat mengoperasikan sistem yang baru yaitu dengan

mempersiapkan manual pemakaian (tata cara penggunaan) dan melatih operator

tersebut.

4. Memperhitungkan bahwa sistem tersebut dapat memenuhi permintaan pengguna yaitu dengan menguji sistem secara keseluruhan.

5. Memastikan bahwa konversi ke sistem baru berjalan secara lancar, yaitu dengan membuat perencanaan, mengkontrol, dan melakukan instalasi sistem baru secara baik dan benar.

4.3 Komponen Utama dalam Imple mentasi Sistem

Dalam menjalankan sistem tersebut de ngan menggunakan komputer harus memiliki tiga komponen utama, antara lain Hardware (Perangkat Keras), Software (Perangkat Lunak) dan Brainware (Unsur Manusia).

4.4 Hardware (Perangkat Keras)

Hardware adalah suatu komponen yang sangat dibutuhkan dalam me wujudkan sistem yang diusulkan. Spesifikasi sistem untuk yang dianjurkan penulis untuk membuat dan menjalankan aplikasi SMS web ini di komputer lokal adalah sebagai berikut:

1. PC dengan processor minimal Intel Pentium III atau lebih tinggi.

2. Microsoft Windows XP Professional (lebih disarankan).

3. Microsoft Windows 2000 service pack 4 atau XP Home.

4. Memory Minimal 128 MB.

5. Hard disk 10 GB.

6. Monitor Super VGA.

7. Keyboard.

4.5 Software (Perangkat Lunak)

Hardware tidak akan dapat memecahkan suatu masalah tanpa adanya komponen software. Software adalah instruksi atau program-program komputer yang dapat digunakan oleh komputer dengan memberikan fungsi serta penampilan yang diinginkan. Dalam hal ini, perangkat lunak yang digunakan penulis untuk aplikasi perancangan SMS web ini adalah

:

1. Sistem operasi Windows XP.

2. Apache sebagai web server yang merupakan server lokal sebelum file-file dan script web dipublikasikan ke internet melalui ISP (Internet Service Privider).

3. MySQL sebagai database server.

4. PHP sebagai web programming untuk membuat halaman yang dinamis.

5. Adobe Photoshop CS 3 untuk mendesain tampilan website.

6. Macromedia Dreamweaver 8.0 sebagai tempat penulisan script.

7. GAMMU sebagai penghubung antara handphone dengan komputer dalam menjalankan SMS web.

8. Web browser sebagai output atau tampilan hasil akhir program yaitu Internet Explorer dan Mozilla.

4.6 Brainware

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem

informasi, pemrosesan dan penggunaan keluaran sistem informasi. Brainware

merupakan faktor manusia yang menangani fasilitas komputer yang ada. Faktor

manusia yang dimaksud adalah orang-orang yang memiliki bagian untuk menangani sistem dan merupakan unsur manusia yang meliputi

Brainware dalam sistem informasi ini terbagi atas:

1. Sistem analis: orang yang menganalisa sistem dengan mempelajari masalah – masalah yang timbul dan menentukan kebutuhan-kebutuhan pemakai dan mengidentifikasi pemecahan yang beralasan.

2. Programmer: orang yang membuat sistem dengan menggunakan salah satu bahasa pemrograman yang dikuasainya.

3. Operator (Admininistrator), yaitu orang yang mengoperasikan sistem seperti memasukkan data untuk dioperasikan oleh komputer dalam menghasilkan informasi dan lain sebagainya.

4. Public (Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk mendapatkan informasi yang dibutuhkan.

4.7 Instalasi Apache, PHP dan MySQL

Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu.

Adapun softwarenya dapat diperoleh dari situs http://www.apache.org untuk Apache,

http://www.php.net untuk PHP dan http://www.mysql.com untuk MySQL. Tahap

instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan

menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan

melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun

hal ini memerlukan pengaturan yang sedikit rumit. Alternatif lain yang digunakan

penulis adalah dengan menginstalasi XAMPP.

4.7.1 Instalasi XAMPP 1.7.0

XAMPP merupakan sebuah paket instalasi untuk PHP, Aphace, dan MySQL. Dengan menggunakan XAMPP dapat dengan mudah menginstal ketiga software tersebut.

Perangkat lunak XAMPP yang digunakan penulis dalam mengerjakan program adalah versi 1.7.0 yang berisi paket-paket yang cukup lengkap diantaranya:

1. Apache 2.2.11 + openssl 0.9.8i 2. MySQL 5.2.5

3. PHP 5.2.8 + PEAR

4. PHP-Switch win32 1.0 (by Apachefriends, use the “PHP-switch.bat”) 5. mod_PHP 4.3.7

6. MiniPerl 5.8.3 7. SQLite 3.0.4

8. PHPMyAdmin 3.1.1-pl1 9. ADODB 4.990

10. Mercury Mail Transport System for Win32 and NetWare Systems 4.52 11. FileZilla FTP Server 0.9.29

12. Webalizer 2.01-10 (web statistic) 13. Zend Optimizer 3.3.0

Dengan menginstalasi XAMPP secara otomatis ketiga software utama yang

akan digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa perlu

melakukan konfigurasi yang rumit.

Adapun tahap-tahap instalasinya adalah sebagai berikut:

1. Jalankan file Xampp-Win32-1.7.0-Installer dengan cara klik ganda pada icon.

Gambar 4.1 Xampp-win32-1.7.0-installer

2. Pilih bahasa yang digunakan dalam proses instalasi.

Gambar 4.2 Installer Language

3. Klik tombol next untuk melanjutkan instalasi.

Gambar 4.3 Instalasi Wizard

4. Untuk lokasi instalasi, penulis melakukannya secara default.

Gambar 4.4 Memilih Lokasi Instalasi

5. Pilih service yang digunakan pada install option

Gambar 4.5 Install Option

6. Pilih install untuk proses penginstalan Xampp. Proses ini memerlukan beberapa menit hingga selesai.

Gambar 4.6 Proses Instalasi XAMPP

7. Klik Finish untuk menyelesaikan instalasi

Gambar 4.7 Proses Setup Selesai

8. Proses instalasi berhasil

Gambar 4.8 Proses Instalasi Sukses

4.8 Instalasi Aplikasi SMS Gateway GAMMU

Untuk menerima dan megirim pesan dari Handphone ke komputer, maka diperlukan suatu program aplikasi SMS Gateway yang berguna sebagai service SMS Gateway.

Program aplikasi yang dimaksud adalah Gammu versi 1.27.91-Windows.

GAMMU merupakan software SMS gateway yang bersifat open source dan cukup ternama. Penggunaannya juga mudah karena kompatibel dengan OS Windows.

Gammu mendukung banyak perangkat modem/ponsel GSM, mulai dari Nokia, Siemens, Sony Ericsson, dan lain- lain. Database standar yang digunakan Gammu adalah MySQL. Karena Aplikasi GAMMU tersebut bersifat freeware, maka software- nya dapat diperoleh dengan men-download dari website http://www.gammu.org

Dalam menginstal GAMMU harus terlebih dahulu menginstal Database Server, karena aplikasi ini memerlukan database dalam menjalankan program nya.

Adapun tahap-tahap dalam instalasinya adalah sebagai berikut :

1. Lakukan ekstraksi terlebih dahulu pada file Gammu-1.27.91-Windows.zip ke direktori C:\ dan ubah nama folder Gammu 1.27.91-Windows menjadi Gammu. Pada direktori [Gammu-1.27.91-Windows-share-doc-gammu- examples-config] terdapat 3 file yang harus diperhatikan dalam mengkonfigurasi Gammu:

a. Gammurc (untuk mengatur koneksi device)

b. Smsdrc (mengatur koneksi database)

c. Mysql.sql (database GAMMU)