analisis dan perancangan website dan sms...

19
ANALISIS DAN PERANCANGAN WEBSITE DAN SMS GATEWAY SEBAGAI MEDIA PROMOSI DAN INFORMASI PADA TK AISYIYAH BUSTANUL ATHFAL 1 KUTOARJO NASKAH PUBLIKASI diajukan oleh Ika Apriani 11.21.0612 kepada JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMASI DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2013

Upload: vannga

Post on 27-Mar-2019

261 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

ANALISIS DAN PERANCANGAN WEBSITE DAN SMS GATEWAY SEBAGAI MEDIA PROMOSI DAN INFORMASI PADA TK AISYIYAH BUSTANUL ATHFAL 1

KUTOARJO

NASKAH PUBLIKASI

diajukan oleh

Ika Apriani 11.21.0612

kepada

JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMASI DAN KOMPUTER

AMIKOM YOGYAKARTA YOGYAKARTA

2013

Page 2: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

ii  

Page 3: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

iii  

ANALYSIS AND DESIGN WEBSITE AND SMS GATEWAY AS PROMOTION AND INFORMATION MEDIA IN OF TK AISYIYAH BUSTANUL ATHFAL 1

KUTOARJO

ANALISIS DAN PERANCANGAN WEBSITE DAN SMS GATEWAY SEBAGAI MEDIA PROMOSI DAN INFORMASI PADA TK AISYIYAH BUSTANUL ATHFAL 1

KUTOARJO

Ika Apriani Kusnawi

Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT

TK Aisyiyah Bustanul Athfal 1 Kutoarjo or so-called TK ABA 1 Kutoarjo is the most favorite kindergarten in Purworejo. In its development, TK ABA 1 Kutoarjo further improve the quality of education. Therefore, it needs a promotion and information media that can make TK ABA 1 Kutoarjo be more superior and has a lot more value.

Web-based information systems and SMS gateway is ideal to use as a media of information and promotion. Website information system TK ABA 1 is developed using PHP program that now supports OOP (Object Oriented Program). With the addition of SMS gateway features, communication and information to the parents became more fluent.

After doing research and analyzing the web-based information systems and SMS gateway that has been made in TK ABA 1 Kutoarjo, this information systems can facilitate the delivery of information and also a wonderful introduction to the general public.

Keyword : TK ABA 1 Kutoarjo, PHP, SMS Gateway , Website

Page 4: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

1. Pendahuluan

Di era globalisasi ini, pemanfaatan teknologi informasi dan komunikasi yang

modern telah memasyarakat di setiap bidang kehidupan manusia, termasuk institusi

pendidikan, salah satu contohnya adalah internet. Internet sudah tidak lagi menjadi suatu

hal yang aneh dan asing bagi masyarakat pada jaman sekarang ini. Dibuktikan dengan

survei yang diselenggarakan Asosiasi Penyelenggara Jasa Internet Indonesia (APJII)

yang mengungkapkan bahwa jumlah pengguna internet di Indonesia tahun 2012

mencapai 63 juta orang atau 24,23 persen dari total populasi negara ini, dan pada tahun

2013 angka itu diprediksi naik sekitar 30 persen menjadi 82 juta pengguna dan akan

terus tumbuh setiap tahunnya.

Saat ini telah banyak berkembang website pendidikan. Website itu sendiri adalah

salah satu bentuk media masa yang publikasinya melalui jaringan internet. Website dapat

diakses 24 jam dari belahan bumi manapun. Kelebihan lain dari publikasi melalui website

adalah kemampuan interaktif dan penyebarannya yang sangat cepat.

TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

Anak Usia Dini (PAUD) atau taman kanak-kanak favorit di wilayah kabupaten Purworejo.

TK ABA 1 Kutoarjo yang saat ini memiliki 6 ruang kelas dan 11 guru, ingin menjadi

pelopor TK yang memiliki website sebagai media informasi dan promosi yang juga

dilengkapi dengan layanan SMS Gateway. Dengan adanya website dan SMS Gateway

pada TK ABA 1 Kutoarjo, diharapkan dapat mempermudah dalam penyampaian

informasi antara guru dan orangtua siswa sekaligus menjadi ajang promosi dan informasi

kepada masyarakat umum.

2. Landasan Teori

2.1 Sistem

Secara sederhana sistem dapat diartikan sebagai sekumpulan elemen yang

berinteraksi dengan maksud yang sama untuk mencapai suatu tujuan tertentu.

2.2 Data

Data adalah bahan yang akan diolah atau diproses yang bisa berupa angka-angka,

huruf-huruf, simbol-simbol yang menunjukkan suatu situasi dan lain-lain yang berdiri

sendiri atau merupakan kenyataan yang menggambarkan suatu kejadian-kejadian dan

kesatuan nyata.

1  

Page 5: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

2.3 Informasi

Informasi merupakan data yang telah diproses sehingga mempunyai arti tertentu

bagi penerimanya. Sumber dari informasi adalah data, data itu sendiri adalah kenyataan

yang menggambarkan suatu kejadian, sedangkan kejadian itu merupakan suatu

peristiwa yang terjadi pada waktu tertentu.

2.4 System Development Life Cycle (SDLC)

SDLC (System Development Life Cycle) adalah tipe metodologi yang digunakan

untuk menggambarkan proses untuk membuat sistem informasi. Pengembangan sistem

(SDLC) diperlukan untuk menyusun suatu sistem yang baru untuk menggantikan sistem

yang lama secara keseluruhan atau memperbaiki sistem yang ada. Hal ini di karenakan

adanya permasalahan di sistem lama, pertumbuhan organisasi, meraih kesempatan, atau

karena adanya instruksi. Dengan telah dikembangkannya sistem yang baru, maka

diharapkan akan terjadi peningkatan-peningkatan di sistem yang baru. Peningkatan-

peningkatan ini berhubungan dengan PIECES (Performance, Information, Economy,

Control, Efficiency, dan Service).

2.5 Unified Model Language (UML)

Unified Modelling Language merupakan alat perancangan sistem yang berorientasi

pada objek. Secara filosofi kemunculan UML diilhami oleh konsep yang telah ada yaitu

konsep permodelan Object Oriented (OO), karena konsep ini menganalogikan sistem

seperti kehidupan nyata yang didominasi oleh obyek dan digambarkan atau dinotasikan

dalam simbol-simbol yang cukup spesifik maka OO memiliki proses standard dan bersifat

independen.

2.6 Basis Data

Basis data (database) adalah suatu pengorganisasian sekumpulan data yang terkait

sehingga memudahkan aktivitas untuk memperoleh informasi1. Basis data dimaksudkan

untuk mengatasi masalah pada sistem yang memakai pendekatan berbasis berkas.

2.7 Aplikasi Berbasis Web

Aplikasi berbasis web (web-based application) adalah aplikasi yang dijalankan

melalui browser. Aplikasi seperti ini pertama kali dibangun hanya dengan menggunakan

bahasa yang disebut HTML (HyperText Markup Language) dan protokol yang digunakan

dinamakan HTTP (HyperText Transfer Protocol). Hal seperti ini memiliki kelemahan

karena semua perubahan harus dilakukan pada level aplikasi.

                                                            1 Abdul Kadir, Pengenalan Sistem Informasi, (Yogyakarta: Andi, 2003), hal 254

2  

Page 6: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

2.8 Internet

Internet adalah sistem global dari seluruh jaringan komputer yang saling terhubung

menggunakan standar Internet Protocol Suite (TCP/IP) untuk melayani miliaran

pengguna di seluruh dunia. Internet menjamin kebebasan dalam pengaksesannya untuk

mendapat informasi sebanyak-banyaknya.

2.9 Website 

WWW atau Word Wide Web merupakan kumpulan web server dari seluruh dunia

yang berfungsi menyediakan data atau informasi untuk dapat digunakan bersama. Data-

data tersebut disimpan dengan format HTML (Hypertext Markup Language). WWW atau

biasa disebut web adalah bagian yang paling menarik di internet. Melalui web, semua

orang dapat mengakses data-data, tidak hanya berupa teks tapi bisa juga berupa

gambar, suara, video, dan animasi.

2.10 Web Browser 

Web browser adalah perangkat lunak yang berfungsi menampilkan dan melakukan

interaksi dengan dokumen-dokumen yang disediakan oleh web server. Web browser

pertama kali berbasis teks, seperti halnya Linux yang populer hingga saat ini, karena

pada saat itu sistem dengan interface grafis belum umum digunakan. Baru setelah

interface grafis mulai banyak digunakan, seorang mahasiswa bernama Marc Andressen

di Universitas of Illnois di Urbana-Champaign, Amerika Serikat, membuat sebuah web

browser berbasis grafis pertama yang berjalan di atas sistem operasi Windows dan

UNIX. Web browser ini disebut Mozaic.

2.11 HTTP  (Hypertext Transfer Protocol) 

HTTP (Hypertext Transfer Protocol) adalah protokol yang digunakan untuk

melakukan transfer dokumen dalam WWW (Word Wide Web). Penggunaan HTTP

dikoordinasi oleh Word Wide Web Consortium (W3C) dan grup Internet Engineering Task

Force (IEFE).

2.12 HTML (Hypertext Markup Language) 

HTML (Hypertext Markup Language) merupakan salah satu format yang digunakan

dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Karena itu, untuk

bisa melakukan pemrograman aplikasi di web , kita harus terlebih dahulu menguasai

HTML.

3  

Page 7: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

2.13 SMS Gateway 

SMS gateway merupakan pintu gerbang bagi penyebaran Informasi dengan

menggunakan SMS. Kita dapat menyebarkan pesan ke ratusan nomor secara otomatis

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

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

secara otomatis dari database tersebut. Selain itu , dengan adanya SMS gateway kita

dapat meng-customize pesan-pesan yang ingin dikirim.

2.14 Bahasa Pemrograman dan Perangkat Lunak 

Bahasa pemrograman yang digunakan dalam pembuatan aplikasi ini adalah PHP.

Sedangkan perangkat lunak yang digunakan adalah MySQL, Dreamweaver, Adobe

Photoshop, XAMPP dan nowSMS.

2.15 Pengujian Sistem 

Pengujian dapat berarti proses untuk memeriksa apakah suatu perangkat lunak

yang dihasilkan sudah dapat dijalankan sesuai dengan standar tertentu. Metode

pengujian adalah cara atau teknik untuk menguji perangkat lunak, mempunyai

mekanisme untuk menentukan data uji yang dapat menguji perangkat lunak secara

lengkap dan mempunyai kemungkinan tinggi untuk menemukan kesalahan. Pengujian

sistem terdiri dari 2, yaitu black box testing dan white box testing.

3. Analisis dan Perancangan

3.1 Identifikasi Masalah

Dalam analisis sistem, identifikasi masalah merupakan tahap awal yang harus

dilakukan. Masalah dapat didefinisikan sebagai suatu hal yang menghambat proses

pencapaian tujuan. Permasalahan yang ada harus ditindak lanjuti untuk ditemukan

pemecahannya agar sistem tersebut dapat berjalan sesuai dengan yang diharapkan dan

tujuan sistem dapat tercapai.

Untuk mengidentifikasi masalah, dilakukan analisis terhadap kinerja, informasi,

ekonomi, keamanan aplikasi, efisiensi, dan pelayanan. Analisis ini dikenal dengan analisi

PIECES (Performance, Information, Economy, Control, Efficiency, dan Service). Dari

analisis ini biasanya didapatkan beberapa masalah utama. Hal ini penting karena

biasanya yang muncul di permukaan bukan masalah utama, tetapi hanya gejala dari

masalah utama saja.

4  

Page 8: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

PERMASALAHAN PENYEBAB PELUANG - Promosi hanya dilakukan

dari mulut ke mulut - Belum adanya suatu

media yang membantu mempromosikan TK ABA 1 Kutoarjo

- Dibuat sebuah website untuk mempromosikan sekaligus memberikan informasi mengenai TK ABA 1 Kutoarjo

- Data siswa dan pembayaran sering hilang/terselip

- Sistem lama masih menggunakan kertas sebagai satu-satunya media penyimpanan data

- Dengan sistem yang baru, data bisa di-backup di server web, hal ini mempermudah dalam pencarian dan pengaksesan data

- Surat/pesan untuk orang tua siswa sering tidak sampai

- Anak lupa tidak menyampaikan ke orang tua

- Dengan SMS Gateway, memungkinkan pertukaran informasi dari dan ke orangtua secara cepat dan realtime

3.2 Analisis Kebutuhan Sistem

Analisa kebutuhan sistem bertujuan untuk memahami dengan sebenar-benarnya

kebutuhan dari sistem baru dan mengembangkan sebuah sistem yang mewadahi

kebutuhan tersebut.

Terdapat dua jenis kebutuhan sistem, yaitu kebutuhan fungsional dan kebutuhan

non fungsional.

3.2.1 Kebutuhan Fungsional

Kebutuhan fungsional pada TK ‘Aisyiyah Bustanul Athfal 1 diantaranya:

1. Sistem harus dapat menampilkan profil dan informasi-informasi tentang TK ABA 1

Kutoarjo

a. Pengguna dapat melihat tampilan profil TK ABA 1 Kutoarjo seperti sejarah, visi

misi, tujuan, susunan organisasi, dan fasilitas

b. Pengguna dapat melihat informasi-informasi TK ABA 1 Kutoarjo seperti berita,

informasi, kegiatan, galeri, dan kontak

c. Pengguna dapat melihat data staff TK ABA 1 Kutoarjo

d. Pengguna dapat melihat tampilan tentang akademik TK ABA 1 Kutoajo, seperti

kurikulum, kalender pendidikan, dan pengelompokan peserta didik

e. Pengguna dapat mengisi buku tamu

2. Sistem harus dapat melakukan entri data siswa, data staff, dan data keuangan

a. Pengguna dapat melihat, menambah, mengedit, dan menghapus data siswa,

data staff, dan data keuangan

3. Sistem harus dapat melakukan laporan keuangan secara otomatis

5  

Page 9: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

a. Sistem dapat memberikan laporan keuangan baik lewat website maupun lewat

SMS gateway.

4. Sistem harus dapat menjalankan SMS gateway

a. Sistem dapat mengirimkan SMS broadcast ke seluruh nomor orangtua siswa

b. Sistem dapat memberikan data pembayaran siswa melalui SMS gateway

c. Sistem dapat memproses data ijin siswa yang berasal dari sms orangtua

kemudian menyimpannya di database server.

d. Sistem dapat menyimpan SMS saran kritik yang dikirimkan oleh orangtua siswa.

e. Sistem dapat memberikan SMS respon balasan kepada orangtua siswa.

3.2.2 Kebutuhan Non Fungsional

3.2.2.1 Kebutuhan Operasional

Pada kebutuhan operasional, dijelaskan secara teknis bagaimana sistem informasi

akan beroperasi. Platform sistem yang dipakai didefinisikan, perangkat lunak untuk

mengembangkan sistem ditentukan, perangkat keras spesifik yang diperlukan ditentukan

dan kebutuhan hosting juga ditentukan.

3.2.2.2 Kebutuhan Keamanan

Kebutuhan keamanan berisi pernyataan tentang mekanisme pengamanan aplikasi

maupun data yang akan diimplementasikan pada sistem. Pada sistem informasi ini,

terdapat form login untuk akses halaman admin. Form login ini dilengkapi dengan

password yang di-encrypt menggunakan enkripsi MD5 sehingga meningkatkan

keamanan sistem informasi ini. Keamanan login juga ditambah dengan adanya script

yang mendeteksi SQL injection.

3.2.2.3 Kebutuhan Unjuk Kerja

Kebutuhan unjuk kerja adalah kebutuhan yang menetapkan karakteristik unjuk kerja

yang harus dimiliki oleh perangkat lunak. Pada sistem informasi ini, perangkat lunak

dapat digunakan secara multi user sesuai otoritas yang diberikan kepada masing-masing

pemakai, sehingga masing-masing pemakai mempunyai otoritas dan hak akses yang

berbeda-beda.

3.2.2.4 Kebutuhan Pengguna

Sistem informasi TK ABA 1 Kutoarjo dilihat dari kebutuhan pengguna dapat

dikelompokkan menjadi 4 level pengguna yang akan mengakses sistem informasi ini,

yaitu admin, kepala sekolah, guru dan pengunjung.

6  

Page 10: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

3.3 Analisis Kelayakan Sistem

3.3.1 Kelayakan Teknis

Kelayakan teknis untuk pengembangan sistem informasi dapat dilihat dari sisi

hardware dan software yang akan membangun sistem informasi tersebut.

3.3.2 Kelayakan Hukum

Jika ditinjau dari segi hukum maka sistem baru adalah legal secara hukum,

karena sistem yang akan dikembangkan tidak melanggar aturan-aturan untuk pengadaan

sistem informasi.

3.3.3 Kelayakan Operasional

Sistem ini dirancang untuk mudah dioperasikan dan proses pengembangannya

dilakukan dengan teknik penyerapan kebutuhan informasi dengan melalui penelitian yang

seksama dan hati-hati. Sistem informasi ini bisa menyelesaikan masalah yang ada di sisi

pengguna. Selain itu dilakukan pelatihan terlebih dahulu sebelum dioperasikan agar lebih

memudahkan pengguna untuk menguasai sistem baru, sehingga sistem baru yang akan

diterapkan dapat dikatakan layak untuk dioperasikan.

3.3.4 Kelayakan Ekonomi

Sebelum sistem informasi dikembangkan, perlu dihitung kelayakan ekonominya,

teknik untuk menilai kelayakan ekonomi ini disebut juga dengan analisis

biaya/keuntungan (cost/benefit analysis). Analisis biaya/keuntungan (cost/benefit

analysis) disebut juga dengan analisis biaya/efektifitas (cost/effectivity analysis).

Keuntungan dari pengembangan sistem informasi tidak semuanya mudah diukur secara

langsung dengan uang, contohnya seperti keuntungan pelayanan kepada orangtua siswa

yang lebih baik.

7  

Page 11: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

3.4 Perancangan Sistem

3.4.1 Perancangan Menu Pengunjung dan Menu Administrator

Homepage

Profil

Akademik

Kontak

Kegiatan

Sejarah

Visi & Misi

Tujuan

Susunan Organisasi

Kurikulum

Pengelompokan Peserta Didik

Galeri

Berita

Prestasi

Buku Tamu

Kalender Pendidikan

Fasilitas Informasi

MENU UTAMA SUB MENU

Staff

 

 

 

 

 

 

 

 

 

 

 

3.4.2 Unified Modelling Language (UML) Ada beberapa teknik dalam perancangan sebuah sistem di antaranya yaitu UML

(The Unified Modelling Language). UML merupakan sebuah notasi untuk menspesifikasi,

memvisualisasi, membangun dan mendokumentasikan rancangan dari sebuah perangkat

lunak. Dalam pembuatan sistem ini, penulis menggunakan 4 jenis diagram yang ada

8  

Page 12: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

pada UML, yaitu : Use Case Diagram, Activity Diagram, Sequence Diagram, dan Class

Diagram.

3.4.3 Perancangan Relasi Antar Tabel

 

4. Implementasi dan Pembahasan

4.1 Struktur Database

Struktur database merupakan penjelasan bagaimana database dirancang dan

dibangun. Database website TK ABA 1 Kutoarjo dibuat dengan menggunakan MySQL

dengan jumlah tabel sebanyak 17 tabel yaitu tabel bayar, berita, buku_tamu,

function_profile, galeri, ijin, kategori, kelas, kontak, menu, prestasi, seo, siswa, sms, staff,

statistik dan user.

4.2 Search Engine Optimization (SEO)

Website ini berfungsi sebagai sarana informasi sekaligus promosi. Untuk itulah

dibutuhkan postingan secara rutin dan SEO agar website ini mudah dicari dan

menempati halaman pertama pencarian.

SEO pada website ini adalah dengan pengaturan title, description dan keywords

pada halaman utama. Pengaturan ini bersifat dinamis karena sudah disediakan menu

khusus untuk mendefinisikan masing-masing title, description dan keywords tersebut.

9  

Page 13: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

4.3 Implementasi Sistem 

Implementasi sistem merupakan tahap memasukkan sistem ke Majelis Ummul

Hani’ah agar sistem siap untuk dioperasikan. Tahap ini termasuk juga kegiatan menulis

kode program jika tidak digunakan paket perangkat lunak aplikasi. Kegiatan implementasi

dilakukan dengan dasar kegiatan yang telah direncanakan diantaranya adalah sebagai

berikut:

1. Menerapkan rencana implementasi.

2. Melakukan kegiatan implementasi.

3. Tindak lanjut implementasi.

4.4 Kegiatan Implementasi Sistem

Dalam kegiatan implementasi sistem dilakukan dengan 3 tahap yaitu :

4. Upload website

5. Blackbox Testing

6. White Box Testing

7. Pelatihan Personil

4.4.1 Upload Website

4.4.1.1 Memasukkan Nama Domain ke CPanel

Sebelumnya, beli domain tkaba1.sch.id dengan terlebih dahulu mengurus dokumen-

dokumen untuk mendaftarkan domain tersebut. Setelah domain sudah di-approve oleh

pihak penyedia domain, masukkan nama domain tersebut ke cPanel. Buka url cPanel,

masukkan username dan password, kemudian klik login untuk masuk ke halaman

cPanel.

4.4.1.2 Upload Website ke CPanel

Hal utama yang perlu disiapkan sebelum kegiatan upload website ini adalah hosting

server sebagai media penyimpanan website yang akan di upload, domain sebagai alamat

dari website tersebut dan koneksi internet yang stabil.

Untuk kegiatan upload ini, proses yang pertama kali harus dilakukan adalah back up

database yang telah dibuat pada server lokal (localhost) dan di upload ke server lalu ikuti

petunjuk upload database. Setalah memastikan bahwa seluruh tabel pada database

website TK ABA 1 Kutoarjo telah di-upload dengan benar, maka proses selanjutnya

adalah upload website yang telah dibuat.

10  

Page 14: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

4.4.2 Black Box Testing

No Skenario Pengujian Test Case Hasil yang

diharapkan Hasil

Pengujian Kesimpulan

1 Mengosongkan semua isian data login, lalu langsung mengklik tombol ‘Login’

Username: - Password: -

Sistem akan menolak akses login dan menampilkan pesan “Anda belum mengisikan Username”

Sesuai harapan

Valid

2 Hanya mengisi username dan mengosongkan password, lalu mengklik tombol ‘Login’

Username: adminPassword: -

Sistem akan menolak akses login dan menampilkan pesan “Anda belum mengisikan Password”

Sesuai harapan

Valid

3 Hanya mengisi password dan mengosongkan username, lalu mengklik tombol ‘Login’

Username: - Password: admin

Sistem akan menolak akses login dan menampilkan pesan “Anda belum mengisikan Username”

Sesuai harapan

Valid

4 Mengisi username dan password yang salah, atau memasukkan username dan password yang sedang diblokir

Username : admino Password : admino

Sistem akan menolak akses login dan menampilkan pesan “Login gagal! Username atau Password anda tidak benar atau sedang diblokir”

Sesuai harapan

Valid

5 Menginputkan sintaks SQL Injection pada kedua data login, lalu mengklik tombol ‘Login’

Username: ‘ OR ’1’=’1 Password: ‘ OR ’1’=’1

Sistem akan menolak akses login dan menampilkan pesan “LOGIN GAGALLogin tidak bisa diinjeksi!!”

Sesuai harapan

Valid

6 Menginputkan data login yang benar, lalu mengklik tombol ‘Login’

Username: adminPassword: admin

Sistem menerima akses login dan kemudian langsung masuk ke halaman administrator

Sesuai harapan

Valid

7 Mengklik link ‘Logout’ pada halaman administrator

- Sistem akan keluar dari halaman administrator dan kembali ke halaman login

Sesuai harapan

Valid

8 Mengosongkan isian data yang wajib diisi pada menu input

Menu Tambah Berita, Judul : -

Sistem akan menolak proses input data dan menampilkan pesan “Terdapat kesalahan pada pengisian: - Judul tidak boleh

kosong Silahkan isi kembali

Sesuai harapan

Valid

11  

Page 15: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

dan simpan ulang” 9 Mengisi field yang

wajib diisi pada menu input

Menu Tambah Berita, Judul : Berita terbaru

Proses input data sukses, muncul tulisan “Berita telah disimpan”

Sesuai harapan

Valid

10 Gambar pada menu input tidak di-upload

Menu Tambah Berita

Berita tetap tersimpan, setelah di-view tertulis “tidak ada gambar”

Sesuai harapan

Valid

11 Gambar pada menu input di-upload

Menu Tambah Berita

Berita tersimpan, gambar muncul

Sesuai harapan

Valid

12 Edit menu Semua menu Data berhasil di-edit Sesuai harapan

Valid

13 Detail menu Semua menu Detail data tampil Sesuai harapan

Valid

14 Hapus menu Semua menu Data berhasil dihapus Sesuai harapan

Valid

15 Search berdasarkan kelas

Menu Bayar Menampilkan data pembayaran per kelas

Sesuai harapan

Valid

16 Search berdasarkan nama

Menu Siswa Menampilkan hasil pencarian yang sesuai dengan inputan, kemudian setelah nama siswa diklik akan muncul detail data siswa

Sesuai harapan

Valid

17 Mengirimkan SMS dengan prefix tertentu

Ijin 1 Sistem akan melakukan autoresponding dengan mengirimkan SMS balasan. Menu ijin akan langsung ter-update

Sesuai harapan

Valid

18 Mengirimkan SMS untuk mengecek pembayaran

Bayar 123 1 Sistem akan mengirim jawaban tentang jumlah pembayaran

Sesuai harapan

Valid

19 Mengirimkan SMS ke banyak nomor sekaligus

Pemberitahuan bahwa pada tanggal 1 Agustus 2013 siswa diliburkan

SMS pemberitahuan akan terkirim ke semua no HP yang dipilih

Sesuai harapan

Valid

4.4.3 White Box Testing

Berikut script login halaman admin yang akan digunakan pada white box testing: <html> <head> <title></title> <script language="javascript"> function validasi(form){

if (form.username.value == ""){ alert("Anda belum mengisikan Username."); form.username.focus();

12  

Page 16: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

return (false); } else if (form.password.value == ""){ alert("Anda belum mengisikan Password."); form.password.focus(); return (false); } return (true); } </script> <link href="../css/login.css" rel="stylesheet" type="text/css" /> </head> <body OnLoad="document.login.username.focus();"> <div id="header"> <div id="content"> <h2>Login</h2> <form name="login" action="cek_login.php" method="POST" onSubmit="return validasi(this)"> <img src="../css/img/login-welcome.gif" width="97" height="105" hspace="10" align="left"> <table width="350"> <tr><td width="64">Username</td> <td width="302"> : <input name="username" type="text" size="40"></td></tr> <tr><td>Password</td><td> : <input name="password" type="password" size="40"></td></tr> <tr><td colspan="2"><input type="submit" value="Login"></td></tr> </table> </form> <!-- <a href="../index.php"><h5>Kembali</h5></a><br /> --> </div> <div id="footer"> Copyright &copy; 2013</div> </div> </body> </html>

<?php include "../connection/db_connect_function.php"; $username=$_POST[username]; $password=md5($_POST[password]); // pastikan username dan password adalah berupa huruf atau angka. if (!ctype_alnum($username) OR !ctype_alnum($password)){ echo "<p align = center>LOGIN GAGAL!<br /> Sekarang loginnya tidak bisa di injeksi lho.</p><br />"; include 'index.php';; } else{ $cekuser = new User(); $cekuser->connect(); $cekuser->cekLogin($username,$password,$blokir); $data = $cekuser->get_dataset(); $num_row =$cekuser->get_num_rows(); // Apabila username dan password ditemukan if ($num_row !=0){ session_start(); $_SESSION[id_user] = $data[0][0]; $_SESSION[username] = $data[0][1]; $_SESSION[password] = $data[0][2]; $_SESSION[id_staff] = $data[0][3]; $_SESSION[level] = $data[0][4]; $_SESSION[nama] = $data[0][6]; $_SESSION[email] = $data[0][7]; $_SESSION[id_kelas] = $data[0][8];

13  

Page 17: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

header('location:main.php'); }else{ echo "<p align = center>LOGIN GAGAL!<br /> Username atau Password Anda tidak benar.<br /> Atau account Anda sedang diblokir.</p><br />"; include 'index.php';; } } ?> Dari coding login di atas, berikut digambarkan flowgraph-nya:

 

Dari flowgraph di atas, dapat dihitung cyclomatic complexity berikut:

1. Flowgraph mempunyai 6 region

2. V(G) = 16 edge – 12 node + 2 = 6

3. 5 predicate node + 1 = 6

Dari hasil perhitungan cyclomatic complexity terdapat 6 independent path

yaitu:

Path 1 = A – B – K

Path 2 = A – C – E – K

Path 3 = A – D – F – H – I – K

Path 4 = A – D – F – H – J – K

Path 5 = A – D – F – G – K

Path 6 = A – D- G – K

Untuk melakukan uji coba basis path di atas digunakan graph matrik. Graph matrik

merupakan matrik empat persegi yang mempunyai ukuran yang sama dengan

14  

Page 18: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

jumlah node pada flowgraph. Adapun graph matrik pada flowgraph di atas adalah

sebagai berikut:

A B C D E F G H I J K n(E)-1

A 1 1 1 3-1 = 2

B 1 1-1 = 0

C 1 1-1 = 0

D 1 1 2-1 = 1

E 1 1-1 = 0

F 1 1 2-1 = 0

G 2 2-1 = 1

H 1 1 2-1 = 1

I 1 1-1 = 0

J 1 1-1 = 0

K 0

Sum(E)+1 5+1 = 6

4.4.4 Pelatihan Personil

1. Pelatihan prosedur (Procedural Training)

Kegiatan ini dilakukan dengan memberikan petunjuk cara kerja tertulis dengan

menjelaskan masing-masing fitur dan fungsi yang ada pada sistem.

2. Pelatihan tutorial (Tutorial Training)

Pelatihan tutorial dilakukan dengan cara tatap muka langsung dengan personil dan

memberi penjelasan yang lebih rinci tentang gambaran cara kerja tertulis (procedural).

3. Pelatihan praktek kerja (On the Job training)

Pada pelatihan ini tiap personil yang ditugaskan akan dibimbing secara langsung

dalam mengoperasikan sistem usulan.

5. Penutup

5.1 Kesimpulan

1. Sistem informasi website merupakan salah satu sarana yang tepat sebagai media

informasi dan promosi pada TK ABA 1 Kutoarjo

4. Dengan adanya website pada TK ABA 1 Kutoarjo, semua orang dapat melihat

informasi mengenai kegiatan, profil, informasi, kegiatan, dan berita TK ABA 1

Kutoarjo tanpa harus berkunjung langsung

5. Penyampaian informasi dari dan ke orangtua siswa dapat disampaikan secara cepat

dan tepat waktu dengan fasilitas SMS gateway

15  

Page 19: ANALISIS DAN PERANCANGAN WEBSITE DAN SMS …repository.amikom.ac.id/files/Publikasi_11.21.0612.pdf · TK ‘Aisyiyah Bustanul Athfal 1 Kutoarjo (TK ABA 1 Kutoarjo) adalah Pendidikan

16  

6. Dengan adanya sistem baru berbasis online, dapat meningkatkan keefisiensian dan

keefektifan dalam hal pelayanan informasi dan komunikasi, serta mengurangi biaya

administrasi TK ABA 1 Kutoarjo dalam hal promosi dan penyebaran informasi.

5.2 Saran

1. Pihak TK ABA 1 Kutoarjo hendaknya selalu memperbaharui berita dan informasi

untuk meningkatkan index pada mesin pencarian dan agar para pengunjung dapat

mendapatkan informasi yang akurat dan terkini

2. Tampilan web sebaiknya dibuat menarik dan seatraktif mungkin agar menjadi daya

tarik tersendiri

DAFTAR PUSTAKA

Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta : Andi

Jerry FitzGerald, Ardra F. FitzGerald, Warren D. Stallings, Jr. 1981. Fundamentals of Systems Analysis. New York: John Willey & Sons

Jogianto. HM., 2005. Analisis dan Desain Sistem Informasi. Yogyakarta : Andi

John Burch, Gary Grudnitski,. 1986. Information Systems Theory and Practice. Edisi keempat : New York : John Wiley & Sons

Kadir, Abdul. 2001. Tuntunan Praktis Belajar Database Menggunakan MySQL. Yogyakarta : Andi

Robert A. Leitch/K. Roscoe Davis,. 1983. Accounting Information Systems. New Jersey: Prentice-Hall

Sholiq. 2006. Pemodelan Sistem Informasi Berorientasi Objek dengan UML. Yogyakarta : Graha Ilmu

Yuniar, Supardi, Ir. 2009. Internet untuk Segala Kebutuhan. Jakarta : Elex Media Komputindo