PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN...

20
PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN PROMOSI BERBASIS WEBSITE PADA LEMBAGA BIMBINGAN BELAJAR DIANFIKRY NASKAH PUBLIKASI diajukan oleh Rudiharto 09.11.3394 kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2013

Transcript of PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN...

Page 1: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN PROMOSI

BERBASIS WEBSITE PADA LEMBAGA BIMBINGAN

BELAJAR DIANFIKRY

NASKAH PUBLIKASI

diajukan oleh Rudiharto 09.11.3394

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA

YOGYAKARTA 2013

Page 2: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a
Page 3: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

DESIGNING AND MAKING MEDIA AND INFORMATION-BASED WEBSITE PROMOTION

INSTITUTE TUTORIALS IN DIANFIKRY

PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN PROMOSI BERBASIS

WEBSITE PADA LEMBAGA BIMBINGAN BELAJAR DIANFIKRY

Rudiharto

Rum Muhamad Andri Kr

Jurusan Teknik Informatika

STMIK AMIKOM YOGYAKARTA

ABSTRACT

Tutoring Institute Dianfikry as developing, need to have an information and promotional media as a tool to provide information related to the Tutoring Institute. Media information and promotions that have been used can not reach more people. Therefore, the need for innovation as a proof that the LBB Dianfikry committed to advancing public education.

With the expanding world of information is called Dianfikry Tutoring Institute was time require a website as a medium of information and promotion to support the development of the institutions they run Tutoring. With the website as an information medium, Tutoring Institute Dianfikry could easily provide information to the public relating to the LBB Dianfikry.

With the background of the development of information and promotion of the need to support the development of institutions Tutoring 'Dianfirky' author makes this thesis entitled "Design and Construction Media and Information-Based Website Promotion Agency Tutoring In Dianfikry '. With this website, information and promotion Dianfikry LBB can be easily covers the entire population. Software that supports the creation of websites such as Notepad + + is a text editor, Gimp as manupulasi images, xampp is bundled with PHP as the programming language and MySQL as the database.

Keywords: Website For Media Information, Media Information and Promotion, LBB Dianfikry, Tutoring Institute

Page 4: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

1

1. Pendahuluan

Selama ini penyebaran informasi yang dilakukan LBB Dianfikry masih belum

optimal. Karena selama ini, siswa yang mendaftar di LBB Dianfikry masih diseputar

lingkungan tempat mereka tinggal. Tidak hanya siswa, pengajar yang mendaftarpun

masih diseputar mahasiswa perguruan tinggi negeri didekat mereka. Belumnya informasi

yang dapat menjangkau seluruh masyarakat menginspirasi untuk segera membuat sistem

informasi berbasis web untuk jangkauan informasi yang lebih luas

Selain alasan yang berkaitan dengan informasi, mereka mengalami kendala

dalam tatanan administrasi internal, karena semakin banyak minat orang tua yang ingin

memiliki guru private bagi putra-putri mereka. Sebelum adanya sistem ini, LBB Dianfikry

melakukan pendataan siswa lama maupun yang baru masih menggunakan lembaran

kertas. Dan karena keterbatasan daya ingat, sistem pendataan seperti itu akan menyita

banyak waktu dan tempat penyimpanan. Latar belakang tersebut membuat LBB Dianfikry

perlu memiliki sebuah sistem administrasi yang sekaligus dapat digunakan sebagai alat

informasi bagi siswa bimbingan belajar berbasis website.

Diharapkan dengan sistem administrasi dan informasi berbasis website tersebut,

dapat meningkatkan kinerja, meningkatkan kualitas layanan, mengurangi biaya

operasioanal LBB Dianfikry agar lebih efektif dan efisien.

2. Landasan Teori

2.1 Pengertian Sistem

Sistem adalah kumpulan dari bagian-bagian yang bekerja sama untuk mencapai

tujuan yang sama. 1 Menurut Murdick dan Ross (1993) yang dikutip dari Hanif Al Fatta

(2007) mendefinisikan sistem sebagai seperangkat elemen yang digabungkan satu

dengan yang lainnya untuk suatu tujuan bersama.

2.2 Media Informasi

Informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi

penerimanya dan bermanfaat dalam pengambilan keputusan saar ini atau mendatang.2

Sedangkan media Informasi dapat digunakan dari media cetak (koran, majalah, poster,

brosur) dan media elektronik (televisi, radio, internet).

2.3 Media Promosi

Promosi merupakan cara untuk memasarkan produk/jasa kepada konsumen.3

Dengan promosi yang dilakukan dengan baik akan dapat meningkatkan penjualan

produk/jasa dipasaran.

1 Fatta, Hanif Al. 2007. Analisis dan Perancangan Sistem Informasi. Andi Offset. Hal 3

2 Ibid Hal 9

3 Prastiwi Lely. 2012. 105 Peluang Usaha Ibu Rumah Tangga. Galmas Publisher. Hal 7

Page 5: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

2

2.4 Konsep Dasar Web

2.4.1Pengertian Web

Web adalah salah satu aplikasi yang berisikan dokumen-dokumen multi media

(teks, gambar, animasi, suara, video) yang didalamnya menggunakan protokol HTTP

(Hypertext Transfer Protokol) dan untuk mengaksesnya menggunakan perangkat lunak

yang disebut browser. 4 Dengan menggunakan browser ini, pengguna dapat menjelajahi

berbagai situs web yang ada di internet.

2.4.2 Pengertian Web Statis

Web statis adalah web yang isi atau kontennya tidak berubah-ubah. 5 Web statis

(tetap) ini karena pengguna tidak dapat berinteraksi dengan web tersebut. Ciri-ciri web

statis salah satunya ialah jika halaman suatu website hanya berisikan tentang informasi-

informasi dan berhubungan dengan halaman web lain yang juga hanya berisikan

informasi-informasi wes tersebut sudah bisa dikategorikan sebagai web statis atau tetap.

Maksudnya situs web ini tidak dimaksudkan untuk diperbaharui secara berkala

sehingga untuk melakukan perubahan isi atau situs web tersebut harus dilakukan secara

manual.

Teknologi yang digunakan untuk membuat situs web ini ialah HTML (Hyper Text

Markup Language), CSS (Cascading Style Sheet).

2.4.3 Pengertian Web Dinamis

Web dinamis adalah jenis web yang konten atau isinya dapat berubah-ubah secara

berkala. Web ini didesain dengan maksud agar isi yang terdapat didalamnya dapat

diperbaharui dengan mudah. Sesuai dengan namanya web dinamis, isi atau konten

didalamnya dapat berubah dengan periode waktu tertentu, seperti portal berita, situs

jejaring sosial, situs web E-Commerce, E-Banking dan yang lainnya. Untuk membuat web

dinamis dibutuhkan beberapa bahasa pemrograman seperti HTML, Javascript, CSS, PHP,

MySql.

2.5 Konsep Dasar Pemrograman Web

2.5.1 Client Side Scripting

Client side scripting adalah salah satu jenis bahasa pemrograman web yang proses

pengolahannya (baca: diterjemahkan) dilakukan disisi client. Dalam proses

pengolahan client side scripting ini dilakukan web browser sebagai clientnya. 6 Dan

2.5.2 Server Side Scripting

Server side scripting adalah bahasa pemrograman yang pengolahannya (baca:

terjemahan) dilakukan disisi server. Maksudnya server ini adalah web server yang

4 Arief, M Rudyanto. 2011. Pemrograman Web Dimanis Menggunakan Php dan MySql. Andi Offset. Hal 7

5 Ibid Hal 8

6 Ibid Hal 11

Page 6: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

3

didalamnya telah terintegerasikan dengan komponen engine. 7 Dengan Server Side

Scripting, memungkinkan menghasilkan halaman web yang dinamis.

2.5.3 Web Browser

Web browser adalah aplikasi perangkat lunak yang digunakan untuk mengambil

dan menyajikan sumber-sumber informasi web. 8 Sumber informasi web diidentifikasi

dengan Uniform Resource Identifier (URI) yang dapat terdiri dari halaman web, video,

teks, animasi, gambar, atau konten lainnya. Beberapa contoh browser, yaitu Internet

Explorer yang diproduksi oleh Microsoft, Mozilla Firefox, Safari, Opera yang diproduksi

oleh Apple.

2.5.4 Web Server

Web Server adalah sebuah komputer yang menyediakan layanan untuk diakses

oleh banyak orang, sehingga dibutuhkan kapasitas dan ruang penyimpanan yang besar

dibanding dengan komputer biasa atau rumah. 9 Secara fisik memang komputer server

dengan komputer rumah tidak berbeda jauh yang juga terdiri dari perangkat keras dan

perangkat lunak. Yang membedakannya jika dilihat dari sisi penggunaanya.

Table 2.1 Perangkat Lunak Web Server 10

Vendor Produk Sistem operasi

Apache Software

Foundation

Apache Web Server Cross Platform

Microsoft Corp. Internet Information Service

(IIS)

Windows Only

Igor Sysoev Nginx Web Server Cross Platform

Lighttpd Lighttpd Web Server Cross Platform

Jigsaw Jigsaw Web Server Cross Platform

Koanlogic Klone Cross Platform

Oracle Corp iPlanet Web Server Cross Platform

iMatic Corp Xitami (X5) Cross Platform

2.6 Tinjauan Bahasa Pemgrograman

7 Arief, M Rudyanto. 2011. Pemrograman Web Dimanis Menggunakan Php dan MySql. Andi Offset. Hal 15

8 Sibero, Alexander F.K. 2011. Kitab Suci Web Programming. Mediakom. Hal 12

9 Ibid Hal 11

10 Ibid Hal 11

Page 7: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

4

2.6.1 Pengertian HTML

HTML adalah kependekan dari Hyper Text Markup Language. HTML adalah

bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran

dokumen web. 11

2.6.2 Pengertian PHP

PHP (Hypertext Preprocessor) adalah salah satu bahasa pemrograman server

side scripting yang dapat disisipkan kedalam tag HTML untuk membuat web dinamis.

12 Karena PHP adalah bahasa pemrograman yang sintaks dan perintah-perintahnya

diakan dieksekusi di server kemudian hasilnya dikirimkan ke browser dalam bentuk

HTML. Jadi kode-kode PHP tidak bisa dilihat pada sisi browser sehingga keamanan

halaman web lebih terjaga. Dibawah ini adalah beberapa keunggulan PHP.

PHP semakin populer karena memiliki beberapa kelebihan, 13

antara lain:

a. Mudah dibuat dan dijalankan.

b. Mampu berjalan pada web server dengan sistem operasi yang berbeda-

beda.

c. PHP bisa didapatkan secara gratis.

d. Dapat berjalan pada web server yang berbeda, seperti Web Server Apache,

IIS, Xitami dan lain-lain.

e. Dapat diletakkan pada tag HTML.

2.6.3 CSS

Cascading Style Sheet (CSS) adalah salah satu bahasa pemrograman web

untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih

terstruktur dan seragam 14

. Sama seperti Style yang ada pada Microsoft Word yang

dapat mengatur beberapa Style, misalnya heading, footer, bodytext, image, subbab,

dan style lainnya untuk dapat digunakan bersama-sama dalam sebuah file. Pada

umumnya, CSS digunakan untuk mengatur atau memformat halaman web yang

dibuat dari bahasa pemrograman HTML dan XHTML.

2.6.4 JavaScript

JavaScript adalah salah satu bahasa pemrograman yang populer di internet dan

dapat bekerja di sebagian besar browser seperti Internet Explorer (IE), Mozilla Firefox,

11

Sibero, Alexander F.K. 2011. Kitab Suci Web Programming. Mediakom. Hal19 12

Arief, M Rudyanto. 2011. Pemrograman Web Dimanis Menggunakan Php dan MySql. Andi Offset . Hal 43 13

Sunyoto, Andi M. Kom. 2007. Ajax Membangun Web dengan Teknologi Asynchronouse JavaScript dan XML. Andi Offset. hal 121 14

Ardhana, YM Kusuma ST. 2012. PHP Menyelesaikan Website 30 Juta. Jasakom. Hal 108

Page 8: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

5

Netscape, dan Opera. Kode JavaScript ini dapat disisipkan dalam halaman web

dengan menggunakan SCRIPT. 15

2.6.5 jQuery

jQuery adalah JavaScript Library atau sekumpulan kode/fungsi JavaScript siap

pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode

JavaScript. 16

Pada intinya, jQuery ini adalah menyederhanakan kode-kode

JavaScript.

3. Analisis Perancangan Sistem

3.1 Analisis Sistem

Analisis Sistem adalah teknik pemecahan masalah yang merugikan bagian-

bagian komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan mereka 17

.

Analisis sistem adalah tahapan awal yang dilakukan dalam perancangan sebuah

sistem yang sangat penting. Jika terdapat kesalahan dalam analisis sistem maka akan

terjadi kesalahan pula dalam perancangan sistem pada tahapan selanjutnya.

3.2 Analisis Pieces

Analisis PIECES (Performance, Information, Economy, Control, Efficiency,

Service) dilakukan untuk mengidentifikasi masalah terhadap tahapan sebelumnya

yaitu identifikasi masalah. Analisis ini dilakukan untuk menganalisa kinerja, informasi,

ekonomi, pengendalian, efisiensi, dan pelayanan. Tujuan utama dalam analisis ini

adalah untuk mengevaluasi permasalahan yang sedang dihadapi oleh suatu

organisasi. Sistem yang baik ialah sistem yang mampu mengikuti kemajuan teknologi

dan perubahan. Dan dibawah ini adalah hasil dari analisis PIECES sehingga

permasalahan yang sedang dihadapi oleh LBB Dianfikry.

3.2.1 Analisis Kinerja Sistem (Performance Analysis)

Kinerja adalah kemampuan menyelesaikan tugas bisnis dengan cepat

sehingga sarasan segera tercapai. Kinerja dapat diukur dengan dua hal yaitu

jumlah produksi (throughput) dan waktu tanggap (response time) 18

dari suatu

siste.

Throughput adalah jumlah informasi atau yang dihasilkan dalam jangka

waktu tertentu. Sedangkan Response Time adalah waktu tunggu atau permintaan

informasi dengan tanggapan yang dihasilkan oleh sistem. Sistem yang

15

Sunyoto, Andi M. Kom. 2007. Ajax Membangun Web dengan Teknologi Asynchronouse JavaScript dan XML. Andi Offset. Hal 17 16

Saputra, Agus. 2011. Trik Kolaborasi CodeIgneter & jQuery. Lokomedia. Hal 44 17

Al-Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan & Organisasi Modern. Andi Offset. Hal 44 18

Ibid. Hal 55

Page 9: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

6

dikembangkan akan menambah jumlah orang yang mendapatkan akses informasi

dalam satu hari.

3.2.2 Analisis Informasi (Information Analysis)

Informasi adalah hal yang paling dibutuhkan pengguna akhir. Informasi

yang baik adalah informasi yang dapat dipahami dan dapat sesuai dengan apa

yang orang cari pada saat itu. Saat pengguna layanan membutuhkan informasi

tentang pendidikan, maka pendidikan inilah informasi yang baik dan harus

disajikan.

3.2.3 Analisis Ekonomi (Economy Analysis)

Analisis ekonomi adalah penilaian atas pengurangan dan keuntungan

yang dihasilkan dari sistem yang dibangun. Sistem ini akan memberikan

pengurangan biaya operasional.

3.2.4 Analisis Pengendalian (Control Analysis)

Analisin pengendalian adalah peningkatan terhadap pengendalian untuk

memonitoring dan memperbaiki kesalahan-kesalahan yang terjadi.

Dalam pengendalian sistem juga bertujuan untuk menjamin keamanan

informasi yang dihasilkan. Dengan adanya pengendalian maka masalah yang

terdeteksi akan segera terselesaikan.

3.2.5 Analisis Efisiensi (Efficiency Analysis)

Analisis efisien adalah peningkatan terhadap penggunaan sumber daya

guna meminimalisir pemborosan. Pemakaian secara maksimal semua sumber

daya yang tersedia yang meliputi manusia, informasi, waktu, uang, ruang dan

keterlambatan pengelola data.

3.2.6 Analisis Pelayanan (Service Analysis)

Analisis peyalanan adalah peningkatan pelayanan yang dilakukan oleh

sistem sehingga mampu menghasilkan output yang merata dan tidak terhalang

oleh tempat, ruang dan waktu. Pelayanan yang berbeda terhadap penyampaian

informasi kepada pengguna dapat menimbulkan kesalahan pemahaman. Selama

ini pelayanan yang dilakukan oleh Lembaga Bimbingan Belajar Dianfikry sudah

bagus karena tidak ada komplain dari orang-orang.

3.2.7 Analisis Kebutuhan Sistem

Analisis kebutuhan sistem dibuat untuk mengetahui apakah sistem yang

dibuat telah sesuai dengan kebutuhan atau belum. Dalam analisis kebutuhan

sistem ini terdapat kebutuhan fungsional dan non fungsional yang terdiri dari

perangkat keras, kebutuhan perangkat lunak.

Page 10: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

7

3.3 Kebutuhan Fungsional

Dalam kebutuhan fungsional ini adalah semua hal yang dapat dihasilkan oleh

sistem yang terdiri dari informasi tentang lembaga yaitu profil LBB Dianfikry, berita,

agenda, galeri foto, download materi, dan lain-lain.

3.3.1 Kebutuhan non-fungsional

a. Kebutuhan Perangkat Keras (Hardware)

Analisis kebutuhan perangkat keras bertujuan untuk mengatahui

perangkat keras apa saja yang dibutuhkan untuk membangung sistem nantinya.

Dalam spesifikasinya kebutuhan perangkat keras nantinya akan dibagi menjadi

dua, yaitu perangkat keras dalam proses membangun sistem dan perangkat keras

dalam mengakses sistem.

b. Kebutuhan Perangkat Lunak (Software)

Analisis kebutuhan perangkat lunak bertujuan untuk mengatahui perangkat

lunak apa saja yang dibutuhkan untuk membangung sistem nantinya. Dalam

spesifikasinya kebutuhan perangkat lunak nantinya akan dibagi menjadi dua, yaitu

perangkat lunak dalam proses membangun sistem dan perangkat lunak dalam

mengakses sistem.

3.4 Konsep Perancangan Sistem

3.4.1 Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) menggambarkan hubungan antar

entitas secara konseptual dalam sebuah database.

3.4.2 Konteks Diagram

Diagram ini menggambarkan secara umum proses yang ada dalam

sistem. Dari context diagram bisa didapatkan gambaran interaksi antara

pengguna dengan sistem.

3.4.3 Data Flow Diagram (DFD)

Data Flow Diagrm menggambarkan alur data dari sistem dan

penyimpanan data. DFD dimulai dari level nol yang memperlihatkan proses utama

yang ada dalam sistem.

4. Implementasi dan Pembahasan

Implementasi mempunyai tujuan untuk mempersiapkan semua kegiatan penerapan

sistem yang sesuai dengan rancangan yang telah ditentukan.

Page 11: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

8

4.1 Ujicoba Sistem Dan Program

Uji coba sistem bertujuan untuk memastikan bahwa semua elemen dari sistem

bekerja sesuai dengan yang diharapkan. Ada dua macam pengujian sistem, yaitu: White

Box Testing dan Black Box Testing.

4.1.1 White Box Testing

a. Kesalahan Bahasa (Syntax Error)

Merupakan kesalahan penulisan kode program yang tidak seusai

dengan yang diisyaratkan. Berikut adalah contoh kesalahan penulisan program

pada lbb-login.php:

Gambar 4.1 Syntax cekLogin.php

Setelah program dijalankan muncul kesalahan sebagai berikut.

Gambar 4.2 Kesalahan Bahasa (Syntax Error)

b. Kesalahan Logika (Logical Error)

Kesalahan logika sulit ditemukan, karena tidak adanya pemberitahuan

mengenai letak kesalahannya. Hasil eksekusi program yang dijalankan tidak

sesuai dengan yang diharapkan.

c. Kesalahan Pada Waktu Proses (Runtime Error)

Kesalahan seperti ini terjadi ketika program dijalankan namun program

terhenti sebelum selesai melakukan proses. Kesalahan pada Runtime Error ini

karena terdapat kondisi-kondisi yang belum terpenuhi.

Page 12: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

9

Gambar 4.3 Kesalahan Runtime Error

Kesalahan terjadi karena compiler tidak menemukan file yang dimaksud.

4.1.2 Black Box Testing

Merupakan test case berdasarkan pada spesifikasi sistem. Tujuannya

adalah untuk mengetahui data yang masuk sudah sesuai dengan yang

diharapkan pada tahap perancangan.

4.2 Manual Program

Manual program dibuat untuk menguraikan bagaimana sistem ini bekerja. Hal ini

dimaksudkan agar pengguna website ini mendapatkan kemudahan dalam

pengoperasiannya.

4.2.1 Tambah Siswa

Untuk mengakses halaman tambah siswa admin diharuskan untuk login

terlebih dahulu. Setelah login untuk halaman tambah siswa seperti dibawah ini:

Page 13: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

10

Gambar 4.4 Form Tambah Data Siswa

Keterangan:

a. No Identitas : diisi nomer induk siswa di LBB (harus diisi).

b. Nama Lengkap : diisi nama lengkap siswa (harus diisi).

c. Nama Panggilan : diisi nama panggilan siswa.

d. Nama Wali : diisi nama wali/orang tua (harus diisi).

e. Alamat : diisi alamat/domisili siswa.

f. TTL : diisi tempat dan tanggal lahir siswa.

g. Kelamin : diisi jenis kelamin siswa.

h. Agama : diisi agama yang dianut siswa.

i. Level & Sekolah: diisi tingkat dan nama sekolah siswa.

j. Program : diisi program bimbingan privat atau yang lain.

Page 14: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

11

k. No Telepon : diisi nomer telepon rumah atau wali.

l. No Handphone : diisi nomer handphone siswa.

m. Karakter : diisi karakter yang dimiliki siswa

n. Sumber Informasi: diisi sumber informasi yang didapat siswa.

o. Foto : diisi foto siswa.

p. Setelah selesai mengisi form lalu klik tombol Simpan.

4.2.2 Lihat Semua Siswa

Setelah tombol klik tombol simpan pada form tambah siswa, maka halaman

yang akan dituju selanjutnya adalah halaman lihat semua siswa. Didalam halaman

ini ada pilihan untuk edit data siswa, cetak data siswa, dan tampil data siswa.

Gambar 4.5 Form Lihat Semua Data Siswa

4.2.3 Tampil Data Siswa

Untuk melihat data siswa secara detail cukup dengan menekan link Tampil

kolom aksi pada halaman lihat semua data siswa. Dibawah ini adalah contoh data

siswa secara detail.

Page 15: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

12

Gambar 4.6 Form Tampil Detail Data Siswa

4.2.4 Edit Siswa

Untuk mengakses form edit siswa hanya menekan tombol edit kolom aksi

pada halaman lihat semua data siswa. Dibawah ini adalah contoh halaman atau

form edit data siswa.

Page 16: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

13

Gambar 4.7 Form Edit Data Siswa

4.2.5 Hapus Data Siswa

Untuk menghapus data siswa cukup dengan menekan link Delete kolom aksi

pada tabel lihat semua data siswa.

Page 17: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

14

Gambar 4.8 Hapus Data Siswa

4.2.6 Cetak Data Siswa

Untuk mencetak data siswa cukup menekan link Cetak pada halaman lihat

semua siswa, makan akan terbuka tab baru pada browser seperti dibawah ini.

Gambar 4.9 Halaman Cetak Data Siswa

4.3 Manual Instalansi

Tahapan implementasi dilakukan dengan menerapkan hasil rancangan sistem

yang akan dibangun pada bagian pembahasan sebelumnya dengan pembuatan code

script agar dapat dijalankan oleh komputer.

Database untuk sistem ini bernama db_dianfikry. Terdiri dari 21 tabel utama dan

dibuat menggunakan phpMyAdmin versi 3.4.5 yang dapat diakses dengan cara

mengetik http://localhost/phpmyadmin/ pada address bar web browser.

Dibawah ini adalah langkah-langkah dalam pembuatan tabel basisdata pada

phpMyAdmin:

4.3.1 Buka browser dan ketikkan http://localhost/phpmyadmin/ pada addres bar

kemudian tekan enter. Setelah halaman utama keluar, klik Databses. Lalu

Page 18: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

15

muncul kolom Create new Databases, isikan nama database yang akan

dibuat. Misalnya db_dianfikry, kemudian klik tombol Create.

Gambar 4.10 Pembuatan Database Baru

4.3.2 Maka sudah terbentuk nama database yang telah dibuat tadi. Bisa dilihat

pada sidebar sebelah kiri atau Object Browser. Bisa dilihat seperti gambar

dibawah ini.

Gambar 4.11 Object Browser MySQL

4.4 Pemeliharaan Sistem

Pemeliharaan sistem dilakukan untuk menjaga dan memelihara sistem dari

kerusakan yang tidak terduga agar sistem dapat bekerja dengan baik. Pemeliharaan

dilakukan selama sistem tersebut masih berjalan. Adapaun kegiatan pemeliharaan

sistem dapat dilakukan adalah:

4.4.1 Mem-backup database secara berkala untuk menghindari kehilangan data.

4.4.2 Cek cPanel untuk optimaze database secara berkala untuk menghindari

pembekakan memori database.

Page 19: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

16

4.4.3 Cek halaman admin dan web agar mengetahui ketika terjadi kesalahan

tampilan.

4.4.4 Install antivirus dan update berkala untuk menghindari kerusakan oleh virus

komputer.

4.4.5 Membersikan komputer dari debu-debu secara berkala untuk menghindari

kerusakan pada perangkat keras.

5. Penutup

5.1 Kesimpulan

Dari hasil akhir pembuatan sistem dan laporan ini, penulis dapat mengambil

kesimpulan sebagai berikut:

5.1.1 Telah dibangun website dengan tambahan sistem administrasi untuk Lembaga

Bimbingan Belajar Dianfikry.

5.1.2 Terdapat fitur profil, agenda, album foto, download materi, kata bijak seperti website

pada umumnya yang berguna untuk pemberian informasi yang up to date.

5.1.3 Dalam website ini terdapat sistem administrasi yang berguna untuk pendataan siswa,

tentor, jadwal bimbingan, slip pembayaran, dan nilai.

5.2 Saran

Penulis menyadari bahwasanya aplikasi skripsi ini masih jauh dari sempurna. Oleh

karena itu, demi pengembangan sistem yang lebih baik penulis memberikan saran sebagai

berikut:

5.2.1 Pembuatan website yang lebih dinamis dengan menambahkan jQuery dan javascript

untuk kenyamanan pengguna.

5.2.2 Penambahan form pendaftaran online untuk siswa bimbingan.

5.2.3 Penambahan validasi form untuk variabel tertentu.

Daftar Pustaka Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi. Yogyakarta: Andi Offset.

Ardhana, YM Kusuma. 2012. PHP Menyelesaikan Website 30 Juta. Jakarta :Jasakom.

Prastiwi Lely. 2012. 105 Peluang Usaha Ibu Rumah Tangga. Yogyakarta: Galmas Publisher

Rudyanto, Arief M. 2011. Pemrograman Web Dimanis menggunakan Php dan MySql. Yogyakarta :Andi Offset.

Sibero, Alexander. 2011. Kitab Suci Web Programming. Yogyakarta: Mediakom.

Sidik, Bertha dan Husni L Pohan. 2010. Pemrograman Web dengan HTML. Bandung: Informatika.

Page 20: PERANCANGAN DAN PEMBUATAN MEDIA INFORMASI DAN …repository.amikom.ac.id/files/Publikasi_09.11.3394.pdf · Software that supports the creation of websites such as Notepad + + is a

17

Sunyoto, Andi. 2007. Ajax Membangun Web dengan Teknologi Asynchronouse JavaScript dan XML. Yogyakarta: Andi Offset.

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