Pembangunan website di SLB-BC Nike Ardilla

PEMBANGUNAN WEBSITE

DI YAYASAN SLB-BC NIKE ARDILLA

KERJA PRAKTEK

Diajukan Untuk Memenuhi Tugas Mata Kuliah Kerja Praktek Program Studi Teknik Informatika

Fakultas Teknik dan Ilmu Komputer

SIDIK FIRDAUS

10110603

RIYAN HIDAYAT

10110769

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

2014

DAFTAR ISI

BAB I PENDAHULUAN ... 5

1.1. Latar Belakang ... 5

1.2. Rumusan Masalah ... 6

1.3. Maksud dan Tujuan ... 6

1.3.1 Maksud ... 6

1.3.2 Tujuan ... 6

1.4. Batasan Masalah ... 6

1.5. Metode Penelitian ... 6

1.6. Sistematika Penulisan ... 8

BAB 2 Tinjauan Pustaka ... 9

2.1. Profil Tempat Kerja Praktek ... 9

2.1.1. Sejarah Lembaga ... 9

2.1.2. Visi dan Misi Lembaga ... 10

2.2. Landasan Teori ... 11

2.2.1. Cara Kerja World Wide Web ... 12

2.2.2. Hypertext Transfer Protocol (HTTP) ... 13

2.2.3. Uniform Resource Locator (URL) ... 13

2.2.4. Domain Name System (DNS) ... 13

2.2.5. Homepage ... 14

2.3. Definisi HTML ... 14

2.3.1. Struktur HTML ... 14

2.3.2. Tag Dasar HTML ... 15

2.4. CMS ( Content Mangement Sistem ) ... 15

2.4.1. CMS Balitbang ... 16

2.4.2. PHP ... 16

2.4.3. CSS (Cascading Style Sheet) ... 17

2.4.4. Database ... 17

2.4.5. MySQL ... 18

2.4.6. XAMPP ... 19

2.4.7. Apache ... 19

BAB 3 PEMBAHASAN ... 21

3.1 Analisis Sistem ... 21

3.1.1 Analisis Permasalahan ... 21

3.1.2 Analisis sistem yang sedang berjalan ... 21

3.1.3 Evaluasi sistem yang sedang berjalan ... 21

3.1.4 SKPL (Spesifikasi Kebutuhan Perangkat Lunak) ... 21

3.2 Analisis Fungsional ... 25

3.2.2 DFD (Data Flow Diagram) ... 26

3.2.3 Spesifikasi Proses ... 32

3.2.4 Kamus Data ... 40

3.2.5 Skema Relasi ... 43

3.2.6 Struktur tabel ... 44

3.3 Perancangan Antarmuka ... 46

3.3.1 Halaman Utama / Home (T01) ... 47

3.3.2 Halaman Profil Yayasan (T02) ... 48

3.3.3 Halaman Guru (T03) ... 49

3.3.4 Halaman Siswa (T04) ... 50

3.3.5 Halaman Fitur (T05) ... 51

3.3.6 Login Admin (L02) ... 51

3.3.7 Halaman Dashboard (P01) ... 52

3.3.8 Halaman Login Member (L01) ... 53

3.4 Perancangan Struktur Menu ... 54

3.4.1 Struktur Menu Aplikasi ... 54

3.5 Perancangan Pesan ... 54

3.5.4 Perancangan Pesan Peringatan Login Admin (M01) ... 55

3.6 Perancangan Prosedural ... 55

3.6.1 Flowchart Login ... 56

3.6.2 Flowchart Tambah data ... 57

3.6.3 Flowchart Pencarian Data ... 59

3.6.4 Flowchart Hapus Data ... 62

3.6.5 Jaringan Semantik ... 64

3.7 Implementasi ... 64

3.7.1 Implementasi Perangkat Keras ... 64

3.7.2 Implementasi Perangkat Lunak ... 65

3.7.3 Implementasi Database ... 65

3.7.4 Implementasi Antarmuka ... 68

3.8 Pengujian ... 69

3.8.1 Kasus dan hasil pengujian ... 71

3.8.2 Kesimpulan Pengujian Black Box ... 78

3.8.3 Pengujian Beta ... 78

BAB 4 KESIMPULAN DAN SARAN ... 79

4.1 Kesimpulan ... ... 79

KATA PENGANTAR

Alhamdulillah, segala puji dan syukur kami ucapkan kehadiran Alloh SWT, atas rahmat dan hidayahnya penulis dapat menyelesaikan laporan kerja praktek ini dengan

judul “PEMBANGUNAN WEBSITE DI SLB-BC NIKE ARDILLA” yang

merupakan syarat untuk menyelesaikan Mata Kuliah Kerja Praktek Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer pada Universitas Komputer Indonesia.

Dalam pembuatan laporan ini penulis pun merasa belum sempurna dalam hal penulisan. Selama proses pengerjaan laporan ini pun tidak sedikit mengalami kendala yang penulis hadapi, akan tetapi penulis selalu berusaha untuk memberikan yang terbaik. Tak lupa penulis mengucap banyak terima kasih kepada semua pihak yang telah membantu terselesaikannya laporan ini.

Akhir kata semoga laporan ini bermanfaat bagi kita semua dan penulisan laporan tugas ini dapat memenuhi tugas mata kuliah Kerja Praktek. Semoga amal kebaikan semua pihak mendapat ganjaran yang berlipat dari Alloh SWT.

Bandung, 31 Januari 2014

DAFTAR PUSTAKA

[1] B. Nugroho, "Pengertian Internet," 28 Januari 2008. [Online]. Available: http://budinugroho24.com/about/pengertian-internet-atau-definisi-internet-2/. [Accessed 15 November 2013].

[2] A. Yulianto, "Sejarah Internet Dunia," 19 May 2005. [Online]. Available: http://ardef.com/2013/08/sejarah-internet-dunia-dan-indonesia.html . [Accessed 24 November 2013].

[3] H. Hafsyah, "Cara Kerja Web," 11 January 2007. [Online]. Available: http://hanyhafsyah.com/2012/09/21/cara-kerja-web/ . [Accessed 24 November 2013].

[4] W. Tristyawan, "Pengertian http," 13 June 2008. [Online]. Available: http://ewawan.com/pengertian-http.html . [Accessed 24 November 2013]. [5] A. Ridwan, "Pengertian url," 16 December 2002. [Online]. Available:

http://impoint.com/2013/06/pengertian-url.html#axzz2nqMEkWn6 . [Accessed 25 November 2013].

[6] S. A. Wibowo, "Domain Name System," 10 March 2012. [Online].

Available: http://sigidariwibowo.com/2012/11/domain-name-system.html . [Accessed 25 November 2013].

[7] R. Yoga, "Pengertian Web Server," 7 February 2012. [Online]. Available: http://ranoeyoga.com/2012/09/pengertian-web-server.html . [Accessed 26 November 2013].

[8] H. Prasetyo, "Definisi html," 4 March 2012. [Online]. Available: http://heriprasetyo55.com/2013/06/12/definisi-html/ . [Accessed 26 November 2013].

[9] A. Karisma, "Pengertian CMS," 20 July 2007. [Online]. Available: http://kentos.web.id/pengertian-content-management-system-cms/ . [Accessed 26 November 2013].

[10] W. Hastono, "Pengertian dan Sejarah PHP," 9 May 2012. [Online].

Available: http://hastomo.net/php/pengertian-dan-sejarah-php/ . [Accessed 26 November 2013].

[11] A. Sukamto, "Pengertian CSS," 17 November 2002. [Online]. Available: http://agussukamto1.com/2012/12/pengertian-css.html . [Accessed 26 November 2013].

[12] A. Udin, "Pengertian Mysql," 23 August 2011. [Online]. Available: http://arrievarif.com/2012/07/pengenalan-mysql.html . [Accessed 27 November 2013].

[13] A. Susanto, "Pengenalan Tentang XAMPP," 2 May 2010. [Online]. Available: http://mas-amien.com/2011/12/pengertianpengenalan-tentang-xampp.html . [Accessed 27 November 2013].

[14] Eko, "Tentang Apache," 3 August 2006. [Online]. Available:

http://ekociba.com/2008/04/04/tentang-apache/ . [Accessed 27 November 2013].

BAB I

PENDAHULUAN

1.1. Latar Belakang

Setiap individu di dunia ini pasti pernah mengenyam yang namanya bangku sekolah,mau bagaimana pun keadaaan orang tua dari calon siswa tersebut pasti menginginkan anaknya untuk sekolah hingga mencapai tingkat yang setinggi tingginya. Salah satunya sekolah yang satu ini, Sekolah Luar Biasa B-C Nike Ardilla ini merupakan sekolah yang berdiri sejak tahun 1997, sekolah ini mendidik anak–anak yang memiliki kebutuhan khusus yaitu tunarungu,tunawicara dan tunagrahita.

Setiap ajaran baru pasti saja ada calon murid baru untuk bersekolah di SLB tersebut, jumlahnya memang tidak banyak hanya sekitar 10 sampai 15 siswa saja, tetapi berdasarkan pengamatan yang telah dilakukan, Orang tua siswa dari calon murid yang akan disekolahkan, para orang tua kekurangan akan informasi yang seharusnya mereka ketahui sebelum mendaftarkan anaknya untuk bersekolah di SLB B-C Nike Ardilla ini, misalnya informasi alamat sekolah, kontak, kepala sekolah, guru–guru,biaya,kegiatan sekolah, sarana dan prasarana, dan banyak informasi penting lainnya. Untuk mendapatkan informasi tersebut para orang tua harus mendatangi sekolah tersebut, namun tidak mungkin mendatangi sekolah tersebut tanpa mengetaui alamatnya, dan tidak mungkin bagi pihak sekolah untuk menyebarkan informasi melalui selembaran ke berbagai daerah. Selain karna masalah efisiensi waktu, untuk melakukan hal tersebut dibutuhkan biaya dan tenaga kerja yang lebih banyak. Untuk mengatasi permasalahan tersebut, dibutuhkan suatu website yang memuat segala informasi tentang SLB B-C Nike Ardila.

Berdasarkan latar belakang yang telah dijelaskan di atas maka judul dari Laporan Kerja Praktek ini diberi judul “PEMBANGUNAN WEBSITE DI SEKOLAH SLB-BC NIKE ARDILLA”

1.2. Rumusan Masalah

Berdasarkan latar belakang masalah yang telah dijelaskan, maka identifikasi masalah dalam hal ini adalah:

1. Bagaimana membangun suatu website yang memudahkan orang tua murid atau calon murid mendapatkan informasi?

2. Bagaimana membangun suatu website untuk mempromosikan SLB B-C Nike Ardilla?

1.3. Maksud dan Tujuan

1.3.1 Maksud

Berdasarkan rumusan masalah yang telah dipaparkan sebelumnya maka akan dibangun website di Sekolah SLB-BC Nike Ardilla.

1.3.2 Tujuan

Adapun tujuan dari dibangunnya website tersebut adalah orang tua dapat dengan mudah mendapatkan informasi yang diperlukan sebelum mendaftarkan anaknya untuk bersekolah.

1.4. Batasan Masalah

1. Website ini dibangun menggunakan Cms Balitbang 3.5.2. 2. Localhost server yang digunakan adalah APACHE 2.2. 3. Sistem operasi yang digunakan adalah Windows 7 Ultimate. 4. Menggunakan bahasa pemrograman PHP.

1.5. Metode Penelitian

Metode penelitian yang dilakukan yaitu dengan cara:

1. Pengumpulan data dan analisis: perancangan menggunakan metode diskusi dengan pengelola website nantinya bagaimana rancangan dari antarmuka dan database yang direncanakan.

2. Observasi: yaitu melakukan pengamatan langsung dan menilik kebutuhan apa saja yang diperlukan dalam website.

Adapun model pembangunan perangkat lunak yang digunakan adalah model

waterfall, dengan tahapan sebagai berikut : Penjelasan :

a. Rekayasa Sistem (Sistem Enggineering)

Mengumpulkan data-data yang dibutuhkan secara lengkap untuk membangun aplikasi ini.

b. Analisis (Analysis)

Menganalisis dan mendefinisikan kebutuhan yang dibutuhkan untuk membangun aplikasi. Fase ini harus dikerjakan secara lengkap agar bisa menghasilkan desain yang baik.

c. Desain (Design)

Setelah fase analisis telah selesai, dilanjutkan membuat desain seperti membuat ERD, DFD, database, tampilan aplikasi sesuai dengan tahapan analisis yang sudah dilakukan sebelumnya.

d. Pemograman (Coding)

Setalah fase desain telah selesai, kemudian diterjemahkan kedalam kode program dengan menggukan bahasa pemograman yang sudah ditentukan. e. Pengujian (Testing)

Sistem

Enggineering

Analysis

Design

Coding

Testing

Maintenance

Menggabungkan modul-modul program kemudian diuji secara keseluruhan.

f. Perbaikan (Maintenance)

Melakukan pemeliharaan, seperti penyesuaian atau perubahan karena adaptasi dengan situasi sebenernya.

1.6. Sistematika Penulisan

Sistematika yang digunakan dalam pelaporan kerja praktek ini adalah: BAB 1 PENDAHULUAN

Bab ini membahas tentang latar belakang Masalah, Perumusan Masalah, maksud dan tujuan, batasan masalah, metode penelitian, dan sistematika pelaporan kerja praktek.

BAB 2 TINJAUAN PUSTAKA

Bab ini berisi penjelasan mengenai profil perusahaan mulai dari sejarah, struktur organisasi, visi dan misi dan landasan teori yang berhubungan dengan permasalahan yang ada.

BAB 3 PEMBAHASAN

Bab ini berisi tentang hasil analisis terhadap seluruh system untuk mengetahui kebutuhan apa saja yang harus dipenuhi, konsep dan rancangan aplikasi yang akan dibuat dan berisi tentang implementasi, hasil dan pengujian aplikasi yang dibangun.

BAB 4 KESIMPULAN DAN SARAN

Bab ini berisi kesimpulan selama melakukan kerja praktek di lembaga terkait serta saran yang mungkin berguna bagi para pembaca berhubungan dengan hasil kerja praktek yang dibuat.

BAB 2

TINJAUAN PUSTAKA

2.1. Profil Tempat Kerja Praktek 2.1.1. Sejarah Lembaga

Sekolah Luar Biasa (SLB) Nike Ardilla merupakan lembaga penyelenggara pendidikan khusus Kota Bandung. Didirikan pada 11 Februari 1995, SLB Nike Ardilla mulai berkiprah pada tahun ajaran 1996/1997 dan mendapatkan pengesahan operasional berdasarkan Keputusan Dinas Pendidikan Propinsi Jawa Barat No. 421/SK/1231-PLB 11 Februari 2004. SLB Nike Ardilla bernaung pada Yayasan Wawasan Nusantara, sebuah lembaga yang berkhidmat pada upaya pembangunan manusia Indonesia yang beriman, bertakwa, berakhlak mulia, cerdas, berilmu pengetahuan dan teknologi, sehat, cakap serta bertanggung jawab terhadap agama, negara dan bangsa. Selain SLB, kegiatan pendidikan yang juga dikembangkan oleh Yayasan Wawasan Nusantara yaitu Pendidikan Anak Usia Dini (PAUD). Kegiatan belajar mengajar SLB Nike Ardilla berlokasi di Jl. Cipamokolan Soekarno Hatta Kelurahan Cipamokolan Kecamatan Rancasari, Kota Bandung. Pada tahun 2013/2014 ini mendidik siswa sebanyak 57 siswa dan siswi dengan berbagai kebedaan. Kegiatan belajar mengajar ditangani oleh Jonter Manurung, S.Pd. dan guru-guru yang kompeten sebagai tenaga pengajar pendidikan khusus.

Dikepalai oleh Jonter Manurung S.Pd. sosok yang Kepala Sekolah yang telah malang melintang mengepalai sekolah berkependidikan khusus selama 11 tahun, SLB Nike Ardilla berusaha mengembangkan pola pendidikan yang berbasis pada upaya menggali potensi dan minat peserta didik. Melalui SLB Nike Ardilla, siswa/siswi tak hanya dididik tentang berbagai pengetahuan, tetapi juga diperkenalkan dengan keterampilan hidup baik dalam kecakapan personal dan sosial maupun kecakapan,kreatifitas

akademik dan vokasional untuk menjadikannya menjadi manusia yang berguna bagi agama, keluarga, bangsa dan negara.

2.1.2. Visi dan Misi Lembaga 2.1.2.1. Visi

SLB-BC Nike Ardilla sebagai sekolah yang berkualitas dalam mendidik peserta didik yang terampil merawat diri,mandiri serta memiliki kecakapan hidup,peduli terhadap lingkungan dan bertakwa kepada Tuhan Yang Maha Esa.

2.1.2.2. Misi

1. Memfasilitasi berbagai jalur dan program pendidikan yang sesuai dengan perkembangan dunia pendidikan.

2. Menjadi lembaga yang memiliki fasilitas yang memadai untuk menyelenggarakan pendidikan.

3. Memiliki tenaga pendidik dan tenaga kependidikan yang kompeten dan professional.

4. Menciptakan pembelajaran yang aktif,inovatif,kreatif dan menyenangkan. 5. Menciptakan suasana sekolah dan lingkungan sekitarnya bersih, hijau dan

berbunga.

6. Mempersiapkan peserta didik yang terampil merawat diri dan memiliki berbagai keterampilan lifeskill.

7. Mewujudkan warga sekolah yang berakhlak mulia dan peduli terhadap lingkungan.

Tujuan Umum Pendidikan Satuan Pendidikan SDLB SMPLB dan SMALB meletakan dasar kecerdasan pengetahuan, kepribadian, akhlak mulia, serta keterampilan untuk hidup mandiri.

2.1.2.3. Struktur Organisasi

Dinas Pendidikan Propinsi Jabar

KURIKULUM

TATA USAHA

KESISWAAN HUMAS

KOMITE SEKOLAH YPWN

KEPALA SEKOLAH

WKS. URUSAN

SARANA

BENDAHARA

SATUAN PEND & PROGRAM B

PIKET GURU PRAMUKA OLAHRAGA KOORDINATOR

KESENIAN PENGHIJAUAN

Gambar 2. 2 Struktur Organisasi 2.2. Landasan Teori

Pengertian internet adalah hubungan antar berbagai jenis computer dan jaringan di dunia yang berbeda sistem operasi maupun aplikasinya dimana hubungan tersebut memanfaatkan kemajuan media telekomunikasi (telepon dan satelit) yang menggunakan protokol standar komunikasi yaitu protokol TCP/IP.[1] Sejarah

internet dimulai pada 1969 ketika Departemen Pertahanan Amerika memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan sejumlah komputer sehingga membentuk jaringan organik. Program riset ini dikenal dengan nama ARPANET (Advance Research Projects Agency Network). Pada tahun 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga dapa saling berkomunikasi dan membentuk sebuah jaringan. Pada awal misi dari internet ini adalah menyediakan sarana para peneliti untuk mengakses data dari sejumlah source perangkat keras komputer yang mahal. Tapi saat ini semuanya telah berubah, dimana internet merupakan media pertukaran informasi bagi umat manusia di seluruh dunia.

Setiap komputer pada sebuah jaringan harus dapat berkomunikasi satu sama lain. Ini diwujudkan melalui sebuah protokol, yaitu seperangkat aturan atau kesepakatan cara berkomunikasi lewat internet. Bahasa standar internet (protokol) adalah TCP/IP (Transmission Control Protocol/Internet Protocol). Banyak protokol yang tersedia selain TCP/IP itu sendiri seperti, DECnet, SNA, Novell, Appletank, namun agar karena kesepakatan tadi agar komputer dapat berkomunikasi dengan baik maka, haruslah memiliki protokol yang sama. World Wide Web (www) atau sering disebut web atau “W3”, ialah sebuah sistem didalam internet yang memiliki fasilitas pencarian dan pemberian informasi yang cepat dengan menggunakan teknologi hypertext.[2]

Istilah World Wide Web (web: jaring laba-laba) sangatlah tepat untuk mendeskripsikan struktur data pada jaringan internet. Berbeda dengan susunan data

logic berbentuk pohon yang sering diketahui dengan istilah DOS. Web memungkinkan penanganan akses yang jauh lebih fleksibel pada file yang dikelola. Bila ditelaah pola sebuah web, jaringan ini terdiri atas lingkaran-lingkaran berbagai ukuran yang berpusat pada satu titik tengah yang sama. Dari titik tengah tersebut, terbentuk berbagai garis-garis penghubung yang tegak lurus pada lingkaran, sehingga terdapat titik simpul. Bila pada struktur pohon percabangan merupakan jalur hubungan, maka pada web semua garis merupakan penghubung setiap titik simpul yang mengandung data. Pada titik simpul bisa terdapat sebuah komputer di internet atau sebuah petunjuk untuk file tertentu pada sebuah komputer. Hal ini berarti, dengan memilih sebuah item hypertext dikondisikan.

sebuah hubungan antara komputer satu dengan yang lainnya di suatu tempat di seluruh dunia, dimana seorang user dapat melanjutkan perjalanan (surfing) atau langsung ke sebuah file tertentu (download).

2.2.1. Cara Kerja World Wide Web.[3]

1. Semua informasi web disimpan dalam dokumen yang disebut dengan halaman web (web pages).

2. Web pages adalah file-file yang disimpan dalam sebuah komputer pusat yang disebut dengan web server.

3. Komputer yang mengakses ke web server untuk menampilkan isi dari

web pages ini disebut web client.

4. Web client menampilkan page dengan menggunakan program aplikasi yang disebut dengan web browser.

2.2.2. Hypertext Transfer Protocol (HTTP)

HTTP adalah suatu protokol yang digunakan oleh world wide web yang mendefinisikan bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke

client. HTTP juga mengatur proses apa saja yang harus dilakukan oleh web server

serta web browser sebagai penerima atas perintah-perintah yang ada pada protokol HTTP.[4] Sebagai contoh, ketika menginputkan suatu kalimat atau URL pada browser, pada saat itu pula web browser akan mengirimkan perintah HTTP ke web server. Web server kemudian akan menerima perintah ini dan melakukan aktivitas sesuai dengan perintah yang diminta oleh web browser, seperti melakukan akses ke

database, file, e-mail dan lain sebagainya. Hasil perintah tadi akan dikirimkan kembali ke web browser untuk ditampilkan kepada user. Sehingga HTTP memungkinkan berbagai macam komputer dapat saling berkomunikasi dengan menggunakan bahasa HTML.

2.2.3. Uniform Resource Locator (URL)

URL merupakan cara penanaman sebuah berkas di internet. URL menunjukan bagaimana mendapatkan berkas tersebut di internet.[5] Istilah URL pada dasarnya

sama dengan URI, tetapi istilah URI lebih banyak digunakan untuk menggantikan URL dalam spesifikasi teknis. Contoh URL: http://www.google.com/ menunjukan bagaimana mendapatkan berkas sebuah web pages bernama google menggunakan protokol http. Secara umum, URL memiliki keterangan sebagai berikut:

1. Protokol://nama-mesin[:nomor-port]/direktori/namaFile

2. Protokol yang umum digunakan antara lain : http, ftp, https, file, dsb. 2.2.4. Domain Name System (DNS)

Domain Name System (DNS) adalah sebuah sistem yang menyimpan segala informasi tentang nama host maupun nama domain dalam bentuk basis data yang tersebar (distributed database) di dalam jaringan komputer.[6] DNS menyediakan

alamat IP untuk setiap nama host dan mendata setiap server transmisi surat (mail exchange server) yang menerima e-mail untuk setiap domain. Contoh:

Host : http://www.google.co.id/

IP addresses : 74.125.45.100, 209.85.171.100, 74.125.67.100

DNS menyediakan peranan yang cukup penting untuk internet, apabila hardware

pengalamatan dan penjaluran (routing), manusia pada umumnya lebih memilih menggunakan nama host dan nama domain daripada harus menghafal alamat IP yang panjang.

2.2.5. Homepage

Seluruh website di dunia pasti memiliki sebuah halaman depan atau yang biasa dikenal dengan istilah homepage. Dalam homepage berisi tentang informasi yang berkaitan dengan tema atau latar belakang siapa pemilik website tersebut.

Dalam homepage juga teradapat link atau URL yang menuju kepada homepage

lainnya, mengunduh file (download), atau bahkan mengunggah file (upload). 2.2.5.1.Web Browser

Web browser adalah aplikasi yang mnyediakan fasilitas untuk membaca isi program web pada komputer.[7] Contoh Web browser yang cukup populer: Web browser

yang dikenal seperti Mozilla, IE, Google Chrome,Opera, dan sebagainya, berkomunikasi melalui jaringan berisikan request kepada server untuk meminta layanan tertentu yang disediakan oleh server dan kemudian akan diproses lalu

server mengirim balasan request sesuai yang dipesan user. 2.2.5.2.Web Server

Web server adalah sebuah mesin yang menjalankan program, menanggapi permintaan (request) yang berasal dari web browser menggunakan protokol jaringan.[8]

2.3. Definisi HTML

HTML (Hyper Text Markup Language) merupakan suatu sistem “penandaan”

(markup) pada sebuah dokumen yang digunakan untuk membangun suatu halaman web (webpage).[9]

2.3.1. Struktur HTML

Pada dasarnya HTML terdiri dari tag pembuka dan tag penutup. Tapi tag-tag ini bukanlah tag sembarangan, melainkan tag-tag yang sudah menjadi kesepakatan standar tag HTML.

Ini adalah struktur dasar dan bersifat wajib dalam HTML: <html>

<head><!—bagian head --></head> <body><!—bagian body --></body> </html>

2.3.2. Tag Dasar HTML

Tabel 2. 1 Tag Dasar HTML

Tag Fungsi

<!-- --> Memberi sebuah komentar atau keterangan

<a href> Membuat sebuah link ke halaman lain atau bagian lain dari halaman itu sendiri

<a name> Membuat nama pada sebuah bagian yang didefinisikan pada link dari halaman yang sama

<applet> Apabila akan menambahkan sebuah Java applet

<area> Mendefinisikan daerah yang dapat diklik (link) pada image map

<b> Membuat teks menjadi tebal

2.4. CMS ( Content Mangement Sistem )

Sistem manajemen konten (disingkat CMS) adalah perangkat lunak yang memungkinkan seseorang untuk menambahkan dan/atau memanipulasi (mengubah) isi dari suatu situs Web. Umumnya, sebuah CMS (Content Management System) terdiri dari dua elemen:

1. aplikasi manajemen isi (Content Management Application, [CMA])

2. aplikasi pengiriman isi (Content Delivery Application [CDA]).

Elemen CMA memungkinkan pengelola konten -yang mungkin tidak memiliki pengetahuan mengenai HTML, untuk mengelola pembuatan, pengubahan, dan penghapusan isi dari suatu situs web tanpa perlu memiliki keahlian sebagai seorang

webmaster. Elemen CDA menggunakan dan menghimpun informasi-informasi yang sebelumnya telah ditambah, dikurangi atau diubah oleh pemilik situs web untuk memperbaharui situs web tersebut. Kemampuan atau fitur dari sebuah sistem CMS berbeda-beda. Walaupun begitu, kebanyakan dari perangkat lunak ini memiliki fitur publikasi berbasis Web, manajemen format, kontrol revisi, pembuatan indeks, pencarian, dan pengarsipan.[10]

2.4.1. CMS Balitbang

CMS Balitbang merupakan aplikasi yang dirancang khusus untuk mengembangkan serta memublikasikan manajemen sekolah dan pembelajaran berbasis website

dengan metode yang sangat mudah, tidak perlu penguasaan HTML,PHP,mySQL ataupun aplikasi publikasi web lainnya yang lumayan rumit. Latar Belakang Terciptanya CMS Balitbang adalah dari Salah satu kebijakan strategis Kementerian Pendidikan Nasional yang dituangkan dalam Renstra Depdiknas 2005-2009 adalah pemanfaatan secara optimal berbagai sarana seperti radio, televisi, komputer dan perangkat Teknologi Informasi dan Komunikasi (TIK) lainnya untuk digunakan sebagai media pembelajaran. Lalu Balitbang Kemdiknas sebagai lembaga penelitian dan pengembangan di bidang pendidikan mempunyai peran yang sangat strategis dalam melakukan pengembangan dan inovasi di bidang pendidikan. Salah satu kegiatan yang dilakukan Balitbang Kemdiknas adalah Pembuatan Model Website Sekolah sejak Tahun 2009. Hingga saat ini (april 2011) model tersebut telah dipergunakan oleh 413 sekolah.

2.4.2. PHP

PHP merupakan bahasa scripting yang bersifat Server Side, artinya kode kode PHP akan dieksekusi oleh web server kemudian hasil dari eksekusi akan dikirimkan ke

browser client berupa kode HTML.[11{] Cara kerja yang seperti ini mengakibatkan client tidak dapat melihat kode PHP dan hanya bisa melihat kode HTML yang telah diciptakan oleh mesin PHP yang berada pada web server. Dengan kata lain PHP memungkinkan untuk membuat halaman web dinamis yang aman. PHP dapat berjalan dengan baik di banyak Sistem Operasi seperti Windows, Linux, MacOS, PHP juga kompatibel untuk berbagai jenis database misalnya MySQL, PostgreSQL, Oracle, Microsoft access, Interbase.

2.4.3. CSS (Cascading Style Sheet)

CSS merupakan bahasa style sheet yang berfungsi untuk mengatur tampilan dokumen, artinya dengan adanya CSS, memungkinkan untuk menampilkan halaman yang sama namun menggunakan format yang berbeda. World Wide Web Consortium (W3C) pada tahun 1996 merekomendasikan penggunaan CSS dalam perancangan dan pembuatan sebuah website.[12]Saat ini, CSS sendiri

memiliki dua versi, yaitu CSS1 dan CSS2. CSS1 perkembangannya mengacu pada pemformatan dokumen HTML, sedangkan CSS2 dikembangkan untuk bisa memenuhi kebutuhan format dokumen untuk dapat dicetak oleh printer. Selain itu, CSS2 mendukung penentuan letak content, font, table layout, dan media type untuk printer. Dengan dikembangkannya CSS2 ini diharapkan dapat menyempurnakan kekurangan kekurangan yang ada pada CSS1. Beberapa manfaat atau kegunaan penggunaan CSS dalam perancangan dan pembuatan website, antara lain :

1. Mempersingkat penulisan tag HTML pada halaman web yang memiliki format yang sama.

2. Mempercepat proses pembacaan HTML karena tidak terdapat pengulangan penulisan.

3. Mudah dan cepat dalam melakukan perubahan atau perbaikan halaman/format website karena tidak perlu mengecek script HTML yang pastinya sangat panjang, cukup mengubah pada file CSS saja. 2.4.4. Database

Sebuah basis data dapat memiliki beberapa basis data. Setiap basis data dapat berisi atau memiliki sejumlah objek basis data. Disamping menyimpan data, setiap basis data juga mengandung definisi struktur (baik untuk basis data maupun objek – objeknya secara detail). Pengelolaan basis data secara fisik tidak dilakukan oleh pemakai secara langsung, tetapi ditangani oleh Perangkat Lunak yang khusus. Perangkat lunak inilah disebut dengan DBMS (Database Management System). Perangkat lunak yang termasuk DBMS seperti MySQL Server, Oracle, MS Access, FoxBase. DBMS merupakan perantara bagi user dengan basis data dalam disk. Cara berinteraksi antara pemakai dengan basis data tersebut dapat diatur dalam suatu bahasa khusus yang ditetapkan oleh perusahaan

pembuat DBMS. Bahasa itu dapat disebut sebagai Bahasa Basis Data yang terdiri atas sejumlah perintah yang diformulasikan dan dapat diberikan user dan dikenali oleh DBMS untuk melakukan suatu pekerjaan tertentu. Contoh – contoh bahasa : basis data adalah SQL, dBase, QUEL. DBMS yang sering digunakan oleh para pembangun website menggunakan MySQL, karena daya tampung dan menggunakan bahasa yang mudah dimengerti.

2.4.5. MySQL

MySQL adalah sebuah aplikasi Relational Database Management Server (RDBMS) yang sangat cepat dan kokoh. Dengan menggunakan MySQL Server maka data dapat diakses oleh banyak user secara bersamaan sekaligus dapat membatasi akses para pemakai berdasarkan priviledge (hak akses) yang diberikan.[13]

Gambar 2. 3 Logo MySQL

MySQL menggunakan bahasa SQL (Structured Query Language) yaitu bahasa standar yang digunakan untuk pemrograman database. MySQL dipublikasikan sejak 1996, tetapi sebenarnya dikembangkan sejak 1979.

MySQL telah memenangkan penghargaan Linux Journal Reader’s Choice

Award selama tiga tahun. MySQL sekarang tersedia dibawah izin open source, tetapi juga ada izin untuk penggunaan secara komersial. Keunggulan dari MySQL adalah:

1. Bersifat Open Source

2. Sistem yang digunakan oleh perangkat lunak ini tidak memberatkan kerja dari server, karena dapat bekerja di background.

2.4.6.XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.[14] Fungsinya adalah sebagai

server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.

Gambar 2. 4 XAMPP

Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU ( General Public License ) dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis.Untuk

mendapatkanya dapat mengunduh langsung

dari:www.apachefriends.org/en/xampp.html 2.4.7. Apache

Server HTTP Apache atau Server Web/WWW Apache adalah server web yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas web/www ini mengunakan HTTP.[15]Apache memiliki fitur-fitur canggih seperti

pesan kesalahan yang dapat dikonfigurasi, autentikasi berbasis basis data dan lain-lain. Apache juga didukung oleh sejumlah antarmuka pengguna berbasis grafik (GUI) yang memungkinkan penanganan server menjadi mudah. Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-pengembang dibawah naungan Apache Software Foundation.

BAB 3 PEMBAHASAN

3.1 Analisis Sistem

Analisis sistem (System Analyst) dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh kedalam bagian–bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan–kesempatan, hambatan–hambatan yang terjadi dan kebutuhan–kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan– perbaikannya

3.1.1 Analisis Permasalahan

Selama melakukan kerja praktek di lokasi ditemukan suatu permasalahan yang klasik, artinya disini bahwa semua orang tua dari calon siswa yang akan bersekolah di SLB BC Nike Ardilla yaitu, kurangnya akan informasi yang harusnya bisa didapat yang berkenaan dengan informasi akademik, lokasi, sarana prasarana, dan juga informasi–informasi penting lainnya.

3.1.2 Analisis sistem yang sedang berjalan

Sistem yang berjalan pada Sekolah SLB-BC Nike Ardilla yaitu, informasi yang disampaikan kepada orang tua masih berupa kunjungan yang dilakukan secara langsung yang dilakukan oleh orang tua murid mengenai informasi akademik, lokasi, sarana prasarana, dan juga informasi–informasi penting lainnya. 3.1.3 Evaluasi sistem yang sedang berjalan

Berdasarkan analisis sistem dan analisis permasalahan yang telah dipaparkan sebelumnya, maka diperlukannya suatu aplikasi website untuk memudahkan interaksi antara baik antara pihak sekolah dengan siswa maupun dengan orang tua murid.

3.1.4 SKPL (Spesifikasi Kebutuhan Perangkat Lunak)

Berdasarkan analisis masalah yang dibutuhkan oleh perangkat lunak, maka perangkat lunak harus memenuhi kriteria-kriteria berikut:

Tabel 3. 1 SKPL

Kode Ket.

Fungsional

SKPL – F1 Website dapat mengelola berita SKPL – F2 Website dapat mengelola user SKPL – F3 Website dapat mengelola buku tamu SKPL – F4 Website dapat mengisi polling

Non Fungsional

SKPL – NF1 Sistem mampu menerima inputan dari mouse dan keyboard

SKPL – NF2 Sistem mampu menampilkan pesan/alert

3.1.4.1Analisis Kebutuhan Non-Fungsional

Analisis kebutuhan non fungsional sendiri merupakan analisis yang dibutuhkan untuk menentukan spesifikasi kebutuhan sistem. Analisis kebutuhan non fungsional juga menentukan spesifikasi inputan yang diperlukan sistem, output yang akan dihasilkan sistem dan proses yang dibutuhkan untuk mengolah inputan dan akhirnya didapatlah suatu output yang dikehendaki. Kebutuhan non fungsional terbagi menjadi beberapa analisis yaitu analisis perangkat keras, perangkat lunak dan analisis pengguna.

3.1.4.2Analisis Pengguna

Aplikasi ini digunakan oleh Admin yang mempunyai kewenangan untuk mengedit aplikasi. Aplikasi ini juga bisa di akses oleh pengunjung yang membuka aplikasi ini secara online. Adapun kriteria pengguna sebagai berikut:

a. Analisis user sekarang

Pengguna Hak Akses Tingkat keterampilan

Admin Menerima pengaduan

yang di sampaikan calon orang tua siswa

Pengunjung Menanyakan informasi terkait proses belajar mengajar

Mahir menggunakan internet

Member Mahir menggunakan

internet

Pengalaman yang dimiliki oleh pegawai yang satu ini sudah terbiasa menggunakan sistem operasi Windows, dan sudah biasa menggunakan blog, seperti blogspot ataupun wordpress, sehingga cukup familiar dengan menggunakan internet dan cms, karena dari segi tampilan kurang lebih sama persis, hanya beda pada penempatan kontennya saja.

b. Analisis user yang dibutuhkan

Website SLB Nike Ardilla ini akan lebih optimal jika dikontrol oleh seorang karyawan yang memiliki kriteria sebagai berikut:

Pengguna Hak Akses Tingkat keterampilan

Admin Mengelola seluruh

konten yang ada pada

Memahami cara kerja dari internet dan Mahir

website Menggunakan CMS Pengunjung Melihat, memberi

polling dan mengisi buku tamu

Mahir menggunakan internet

Member Mengisi polling dan mengisi buku tamu, dan member komentar pada berita

Mahir menggunakan internet

c. Kesimpulan analisis user

Berdasarkan hasil analisis yang telah dipaparkan dapat disimpulkan bahwa user yang menggunakan atau mengelola website ini harus memiliki pengalaman yang baik dalam mengoperasikan CMS dan harus terbiasa dengan dunia internet, sedangkan untuk member harus bisa dan terbiasa menggunakan internet.

3.1.4.3Analisis Perangkat Keras

Sistem yang masih dalam tahap analisis ini selanjutnya akan di implementasikan ke dalam komputer. Adapun perangkat minimum yang digunakan untuk membangun sistem ini adalah:

a. Analisis Perangkat Keras

Jenis Perangkat Perangkat yang ada

Perangkat yang dibutuhkan

Processor 3,3 Ghz 3,3 Ghz

Memory 4GB DDR 2 4GB DDR 3

Harddisk 320 GB SATA 320 GB SATA

LAN Card 10/100 Mbps 10/100 Mbps

Koneksi Internet Speedy Speedy

Monitor BenQ 18” BenQ 18”

Keyboard ASUS ASUS

Mouse ASUS ASUS

b. Kesimpulan Perangkat Keras

Berdasarkan hasil analisa perangkat keras dapat dilihat bahwa spesikasi perangkat keras yang ada dan yang dibutuhkan sudah memenuhi kriteria, sehingga website ini dapat dikelola.

3.1.4.4Analisis Perangkat Lunak a. Analisis software

Sotware Pendukung Software yang ada Software yang dibutuhkan Web Browser Mozilla Firefox v.25 Mozilla Firefox v.17.0

Google Chrome v.32.0 Google Chrome v.23.0

b. Kesimpulan analisis software

Berdasarkan hasil analisis dapat dilihat bahwa ada 2 web browser yang sudah terpasang pada komputer dan memenuhi kriteria. Sehingga dapat mengakses web ini.

3.2 Analisis Fungsional

Analisis kebutuhan fungsional adalah analisis terhadap kebutuhan secara fungsional baik dalam aliran data maupun informasi. Analisis kebutuhan fungsional digambarkan dalam analisis terstruktur yang akan digambarkan pada subbab berikutnya.

3.2.1 ERD ( Entity Relationship Diagram)

Untuk proses ERD ini menggambarkan relasi atau hubungan dari beberapa

file atau beberapa tabel. Hubungan antar entitas yang terjadi dalam sistem Membangun Website pada SLB BC Nike Ardilla dapat dilihat pada Entity Relationship Diagram. username Users userid email status visits waktu username admin adminid nama email tgllogin visits idlevel waktu ip berita ID posttime isi postdate visits subject pengirim Buku_tamu alamat nama email komentar login username password mengelola mengelola melakukan 1 n 1 n 1 1 mengisi 1 1 polling mengelola mengisi Idpoll 1 n mengelola 1 1 n 1 1 userid adminid adminid idtamu adminid

Gambar 3. 1 Entity Relationship Diagram

3.2.2 DFD (Data Flow Diagram)

Data Flow Diagram merupakan suatu media yang digunakan untuk menggambarkan aliran data yang mengalir pada suatu sistem informasi.

3.2.2.1Diagram Konteks

Untuk membatasi sistem yang menunjukan adanya interaksi sistem dengan komponen luar sistem, maka perlu dibuat diagram konteks yang merupakan suatu diagram yang menggambarkan sistem dalam suatu lingkungan dan hubungan dengan entitas luar. Diagram konteks dari sistem yang diusulkan yaitu:

ADMIN

PEMBANGUNAN WEBSITE SLB BC

NIKE ARDILLA Data_login

Data_news Data_polling Data_bukutamu

Data_users

PENGUNJUNG

Info_login Info_news Info_polling Info_bukutamu

Info_users

Info_berita Info_polling Info_bukutamu

data_polling data_bukutamu

MEMBER

Info_login Info_berita Info_polling Info_bukutamu data_login

data_polling data_bukutamu

Gambar 3. 2 Diagram Konteks

3.2.2.2 DFD Level 1

DFD Level 1 Sistem Pembangunan Website di SLB-BC Nike Ardilla, menjelaskan secara keseluruhan proses yang terjadi didalam sistem. Proses DFD Level 1 akan dijelaskan pada gambar berikut ini:

Admin

1 Melakukan

Login

2 Mengelola

berita

login

berita

users 3

Mengelola Users

4 Mengelola Buku tamu Data_login admin

Info_login admin

Data_berita Info_berita

Data_polling

Info_users

5 Mengelola

Polling Info_polling

Data_tamu Info_tamu

Data_user

bukutamu

polling Data_login admin

Info_login admin

Info_berita

Data_berita

Data_user

Info_users

Info_tamu Data_tamu

Data_polling

Info_polling

Gambar 3. 3 DFD Level 1 pada halaman admin (dashboard)

3.2.2.3DFD Level 2Proses 2 Pengolahan Berita

2.1 Tambah berita

2.2 Edit berita

2.3 Hapus berita Admin

berita Data_tambah berita

Info_tambah berita

Data_editberita Info_editberita

Data_hapusberita

Info_hapusberita

Data_tambah berita Info_tambah berita

Data_editberita Info_editberita

Data_hapusberita Info_hapusberita

2.4 Lihat berita Pengunjung

Lihat berita

Info berita

Data berita

Info berita Member

Lihat berita Info berita

Gambar 3. 4 DFD Level 2 Proses 2 Pengolahan Berita

3.2.2.4DFD Level 3 Proses 3 Pengolahan User

3.2 Lihat user

3.3 Edit user

3.4 Hapus user Admin

users Lihat data_user

Info_user

Hapus Data_user _{Info_user}

Edit Data_user Info_user

Edit Data_user Info_user

Info_user Lihat data_user

Hapus Data_user

Info_user Pengunjung

Tambah data_user

3.1 Tambah User

Info_user

Tambah data_userInfo_user

Member

Lihat data_user Info_user

Lihat data_user Info_user

Edit Data_user

Info_user

Edit Data_user Info_user

Hapus Data_user

Info_user

Hapus Data_user Info_user

Gambar 3. 5 Level 3 Proses 3 Pengolahan User

3.2.2.5DFDLevel3Proses 4 Pengolahan Buku Tamu 4.1 Tambah isi bukutamu 4.3 Hapus bukutamu 4.4 Lihat bukutamu Admin Buku_tamu Pengunjung Tambah Data_bukutamu Info_bukutamu Info_bukutamu Hapus Data_bukutamu Info_bukutamu Info_bukutamu Tambah Data_bukutamu Hapus Data_bukutamu Info_bukutamu Info_bukutamu

Member Tambah Data_bukutamu

Info_bukutamu

Tambah Data_bukutamu Info_bukutamu

Gambar 3. 6 DFD Level 3 Proses 4 Pengolahan Buku Tamu

3.2.2.6DFD Level 3 Proses 5 Pengolahan Polling

5.1 Tambah polling 5.2 Hapus polling 5.3 Tampil polling Admin polling Pengunjung Info_polling Hapus Data_polling Info_polling Info_polling Tambah Data_polling Hapus Data_polling Info_polling Info_polling Info_polling Tambah Data_polling Info_polling Member Tambah Data_polling Info_polling Tambah Data_polling Info_polling

Gambar 3. 7 DFD Level 3 Proses 5

3.2.3 Spesifikasi Proses

Spesifikasi Proses digunakan untuk menggambarkan proses model aliran yang terjadi pada DFD. Spesifikasi proses dari gambaran DFD diatas dijelaskan pada tabel 3.2 berikut ini:

Tabel 3. 2 Spesifikasi Proses

No. Proses Keterangan

1

No.Proses 1

Nama Melakukan Login

Source Admin

Input Data_ Login admin Output Info_ Login admin Destination Admin

Logika Proses 1. Admin menginput username dan password

pada halaman admin

2. Sistem melakukan pengecekan terhadap

username dan password

3. Apabila username dan password sesuai maka sistem menampilkan halaman

dashboard

4. Apabila username dan password tidak sesuai maka sistem memunculkan pesan

“ username dan password salah”

5. Admin harus menginput username dan

halaman dashboard

2

No. Proses 2.1

Nama Tambah Berita

Source Admin

Input Data_tambah berita Output Info_ tambah berita Destination Admin

Logika Proses 1. Admin berada pada halaman dashboard

2. Admin masuk ke halaman berita 3. Sistem menampilkan halaman berita 4. Admin menambahkan berita

5. Sistem menampilkan pilihan 6. Apakah berita akan ditambahkan ?

7. Apabila admin memilih “ya” maka sistem akan menambahkan berita

8. Apabila admin memilih “tidak” maka sistem tidak akan menambahkan berita

9. Apabila berita ditambahkan maka berita akan disimpan di basis data dan ditampilkan di halaman depan pada sistem

10. Apabila berita tidak ditambahkan maka berita tidak akan di basis data dan tidak akan tampil di halaman depan pada sistem

3

No. Proses 2.2

Source Admin

Input Data_editberita Output Info_editberita Destination Admin

Logika Proses 1. Admin berada pada halaman dashboard 2. Admin masuk ke halaman berita

3. Sistem menampilkan halaman berita 4. Admin mengubah berita

5. Sistem menampilkan pilihan

6. Apakah berita yang diubah akan disimpan?

7. Apabila admin memilih “ya” maka sistem akan

mengubah berita

8. Apabila admin memilih “tidak” maka sistem tidak akan menyimpan berita

4

No.Proses 2.3

Nama Hapus berita

Source Admin

Input Data_hapus berita Output Info_hapus berita Destination Admin

Logika Proses 1. Admin berada pada halaman dashboard 2. Admin masuk ke halaman berita

3. Sistem menampilkan halaman berita 4. Admin mengubah berita

6. Apakah berita akan dihapus?

7. Apabila admin memilih “ya” maka sistem akan menghapus berita

8. Apabila admin memilih “tidak” maka sistem tidak akan menghapus berita

5

No.Proses 2.4

Nama Lihat berita Source 1. Pengunjung

2. Member Input Lihat berita Output Info berita Destination Pengunjung

Logika proses 1. Pengunjung menginput url website 2. Sistem menampilkan halaman depan cms

Balitbang

3. Member dapat member komentar pada berita yang diposting

6

No. Proses 3.1

Nama Tambah User

Source Pengunjung Input Tambah Data_user Output Info_user

Logika Proses 1. Sistem menampilkan form registrasi

2. Pengunjung melakukan pengisian form

registrasi sampai lengkap

3. Apabila pengunjung tidak mengisi form

registrasi dengan lengkap maka sistem akan memunculkan pesan,dan pengunjung harus mengulangi proses pengisian form lagi dari awal

4. Apabila pengunjung melakukan pengisian dengan benar maka data hasil registrasi akan disimpan di database

5. Apabila data registrasi tidak lengkap maka sistem tidak akan menyimpan data registrasi di database

7

No. Proses 3.2

Nama Lihat User

Source 1. Admin 2. Member Input Lihat Data_user Output Info_user Destination Admin

Logika Proses 1. Admin masuk ke halaman dashboard

2. Lalu memilih tab data user

3. Sistem menampilkan halaman user

8

No. Proses 3.3

Source 1. Admin 2. Member Input Edit Data_user Output Info user Destination Admin

Logika Proses 1. Admin ke halaman user 2. Sistem menampilkan data user

3. Admin memilih data user yang akan diedit 4. Setelah menginputkan data baru, klik tombol

edit

5. Sistem akan menampilkan pesan data berhasil diperbaharui

9

No. Proses 3.4

Nama Hapus user Source 1. Admin

2. Member Input Hapus Data_user Output Info_user

Destination Admin

Logika Proses 1. Admin memasuki halaman Member

2. Admin memilih user yang akan dihapus maka akan muncul konfirmasi untuk penghapusan 3. Sistem sistem menampilkan pesan data berhasil

10

No. Proses 4.1

Nama Tambah isi buku tamu Source 1. Pengunjung

2. Member

Input Tambah Data_bukutamu Output Info_bukutamu

Destination Pengunjung

Logika Proses 1. Pengunjung memilih menu buku tamu 2. Pengunjung mengisi buku tamu

3. Apabila pengunjung mengisi buku tamu dengan lengkap maka data tamu akan disimpan di database

4. Apabila data tamu tidak diisi dengan lengkap maka akan muncul pesan.

5. Sistem menyimpan data yang masuk kepada buku tamu dan menyimpannya ke dalam database

11

No. Proses 4.2

Nama Hapus Bukutamu

Source Admin

Input Hapus Data_bukutamu Output Info_bukutamu

Logika Proses 1. Admin masuk ke halaman Buku Tamu 2. Sistem akan menampilkan data buku tamu 3. Admin memilih data tamu yang akan dihapus

maka akan muncul konfirmasi untuk penghapusan

4. Sistem menampilkan pesan data berhasil dihapus

3.2.4 Kamus Data

Kamus data merupakan sebuah daftar yang tersusun dari elemen data yang berhubungan dengan sistem. Kamus data dibuat berdasarkan arus data yang ada di

data flow diagram.

Arus data yang ada di data flow diagram bersifat global, hanya ditunjukan arus datanya saja. Kamus data yang terdapat pada sistem pada tabel berikut ini:

Tabel 3. 3 Kamus Data

NO Proses Keterangan

1

Nama Data_login

Deskripsi Proses login

Where used/how used admin – proses 1 admin – proses 1.1 proses 1 –file login proses 1.1 –file login Struktur data Username+password

Keterangan Username {‘A’…’Z’ | ‘a’…’z’}{0...9} Password {‘A’…’Z’ | ‘a’…’z’}{0...9}

2

Nama Data_berita

Deskripsi Proses mengelola berita

Admin- proses 2.1 Admin-proses 2.2 Admin-proses 2.3 Admin-proses 2.4 Proses 2 - file berita Proses 2.1 –file berita Proses 2.2 –file berita Proses 2.3 –file berita Proses 2.4- file berita

Struktur data Id+postdate+subject+pengirim+isi+visits +posttime

Keterangan Id {0..9} Postdate date

subject {‘A’…’Z’| ‘a’…’z’} pengirim {‘A’…’Z’| ‘a’…’z’} isi {‘A’…’Z’|’a’…’z’}{0..9} visits {0..9}

posttime date

3

Nama alur data Data_user

Deskripsi Proses mengelola user

Where use/how use Admin-proses 3

Admin- proses 3.1 Admin-proses 3.2 Admin-proses 3.3 Admin-proses 3.4 Proses 3 –file user Proses 3.1 –file user Proses 3.2 –file user Proses 3.3 –file user Proses 3.4- file user

Struktur data Userid+password+username+waktu+ip +email+status+visits

Keterangan Userid {0...9}

password {‘A’…’Z’|’a’…’z’}{0..9} Username {‘A’…’Z’|’a’…’z’}{0..9} Waktu {0..9}

Ip {0..9}

email {‘A’…’Z’|’a’…’z’}{0..9} Status {0..9}

Visits {0..9}

4

Nama Data_tamu

Deskripsi Proses mengelola buku tamu

Where use/how use Pengunjung – proses 4.1 Admin – proses 4.2 Admin-proses 4.3 Admin-proses 4.4 Proses 4.1-file tamu Proses 4.2-file tamu

Struktur data Alamat+nama+email+komentar

Keterangan Alamat {‘A’…’Z’|’a’…’z’}{0..9} Nama {‘A’…’Z’|‘a’…’z’} {0..9} email {‘A’…’Z’|’a’…’z’} {0..9} komentar {‘A’…’Z’|‘a’…’z‘} {0..9}

5 Nama Data_polling

Deskripsi Proses Mengelola Polling

Where use/how use Pengunjung – proses 5.1 Pengunjung – proses 5.3 Admin-proses 5.2 Proses 5.1-file polling Proses 5.3-file polling

Proses 5.2-file polling Struktur data Userid+idpoll+adminid Keterangan Userid {0...9}

Idpoll {0...9} Adminid {0...9}

3.2.5 Skema Relasi

users +userid(pk) +username(fk) +password +nama +tgllogin +visits +waktu +email +adminid(fk) berita +idber(pk) +posdate +subject +isi +pengirim +posttime +adminid(fk) admin +adminid(pk) +username +password +nama +tgllogin +visits +email login +username(pk) +password buku_tamu +idtamu(pk) +nama +alamat +email +komentar +adminid(fk) polling +idpoll(pk) +userid(fk) +adminid(fk)

3.2.6 Struktur tabel a. Tabel Admin

Tabel 3. 4 Struktur tabel Admin

Nama Field Tipe data Ukuran Keterangan

adminid Int 11 Primary Key

Username Varchar 255

Password Varchar 255

Nama Char 255

Tgllogin datetime

Visits int 11

Email varchar 50

b. Tabel berita

Tabel 3. 5 Struktur tabel Berita

Nama Field Tipe data Ukuran Keterangan

Idber int 11 Primary Key

Isi text 50

Posttime int 50

Postdate date -

Subject Char 20

Pengirim Varchar 255

Adminid(fk) Int 11 Foreign key

refererence tabel

c. Tabel User

Tabel 3. 6 Struktur tabel Users

Nama field Tipe data Ukuran Keterangan

UserId Int 11 Primary key

Password varchar 255

Username varchar 255

Waktu int 11

Email varchar 11

Status char 10

Adminid(fk) Int 11 Foreign key

refererence

‘admin’

d. Tabel buku tamu

Tabel 3. 7 Struktur tabel buku tamu

Nama Field Tipe data Ukuran Keterangan

idtamu Int 11 Primary Key

Alamat Varchar 255

Nama Varchar 255

Email Varchar 255

Komentar Text 255

Adminid(fk) Int 11 Foreign key

reference

‘admin’

3.3 Perancangan Antarmuka

Perancangan antarmuka digunakan untuk memberikan gambaran mengenai proses-proses apa saja yang bias dilakukan pengguna dalam sistem yang akan dibangun perancangan antarmuka ini, yang didasarkan hasil identifikasi

kebutuhan informasi yaitu bagaimana sistem akan memberikan fasilitas-fasilitas untuk dapat memberikan informasi agar dengan harapan dapat mempermudah dalam mengakses dan menggunakan aplikasi ini.

3.3.1 Halaman Utama / Home (T01)

Gambar 3. 9 Halaman Utama T01

Banner logo sekolah

Home Profil Guru Siswa Fitur

Banner

Login Member

Jajak Pendapat

Statistik

Agenda

KONTEN

Pencarian

Info Sekolah

Galeri Photo

Footer

Daftar Login

Ukuran 1366X 768

1. Halaman Utama T01 2. Tekan tombol profil ke

halaman T02

3. Tekan tombol Guru ke halaman T03

4. Tekan tombol Siswa ke halaman T04

5. Tekan tombol Fitur ke halaman T05

6. Tekan tombol daftar untuk masuk ke R01

3.3.2 Halaman Profil Yayasan (T02)

T02

Banner logo sekolah

Home Profil Guru Siswa Fitur

Login Member

Agenda KONTEN

Banner

Info Sekolah

Footer

Ukuran 1366X 768

1. Halaman utama T01 2. Tekan tombol Guru ke

halaman T03

3. Tekan tombol Siswa ke halaman T04

4. Tekan tombol Fitur ke halaman T05

3.3.3 Halaman Guru (T03)

T03

Banner logo sekolah

Home Profil Guru Siswa Fitur

Info Sekolah

Agenda KONTEN

Jajak pendapat

Statistik

Footer

Ukuran 1366X 768

1.Halaman utama T01 2. Tekan tombol Profil ke halaman T02

3. Tekan tombol Siswa ke halaman T04

4. Tekan tombol Fitur ke halaman T05

3.3.4 Halaman Siswa (T04)

T04

Banner logo sekolah

Home Profil Guru Siswa Fitur

Materi Ajar

Silabus KONTEN

banner

Agenda

Footer

Ulang Tahun Siswa

Ukuran 1366X 768

1. Halaman utama T01 2. Tekan tombol Profil ke

halaman T02

3. Tekan tombol Guru ke halaman T03

4. Tekan tombol Fitur ke halaman T05

3.3.5 Halaman Fitur (T05) T05

Banner logo sekolah

Home Profil Guru Siswa Fitur

Banner

Jajak Pendapat

Statistik

Agenda

KONTEN

Pencarian

Info Sekolah

Galeri Photo

Footer Login Member

Daftar Login

Ukuran 1366X 768

1. Halaman Utama T01 2. Tekan tombol profil ke

halaman T02

3. Tekan tombol Guru ke halaman T03

4. Tekan tombol Siswa ke halaman T04

5. Tekan tombol daftar atau login untuk masuk ke R01

Gambar 3. 13 Halaman Fitur 3.3.6 Login Admin (L02)

L02

.: Login Administrator :.

Username :

Password :

Login

3.3.7 Halaman Dashboard (P01)

P01

Banner Administrator

Home Logout Tampilkan Web

Personal Fitur SIM Setting Admin

Data Guru Data Siswa Member Komunitas Help

Footer DASHBOARD

Gambar 3. 15 Halaman Dashboard 3.3.8 Halaman Login Member (L01)

L01

Login Member

Username :

Password :

Daftar | Lupa Password | Kembali Ke Login

3.4 Perancangan Struktur Menu

Perancangan menu dibuat agar user dapat menggunakan sistem tanpa mengalami kesulitan, sehingga memudahkan pemakai dalam memilih menu dari aplikasi yang sedang berjalan. Untuk lebih jelas tentang perancangan menu dapat dilihat pada gambar dibawah ini:

3.4.1 Struktur Menu Aplikasi

Halaman Utama Siswa

Profil Guru

Visi Misi

Sejarah Singkat

Struktur Organisasi Sarana Prasarana

Direktori Guru

Kalender Akademik

Berita Direktori Siswa Ekstrakulikuler

Beasiswa

Login

Gambar 3. 17 Perancangan Struktur menu pada user client

3.5 Perancangan Pesan

Perancangan pesan adalah rancangan antar muka dari pesan yang akan ditampilkan apabila terjadi kesalahan dan pemberitahuan dalam proses yang dilakukan. Rancangan pesan aplikasi ini di gambarkan pada gambar berikut ini:

3.5.4 Perancangan Pesan Peringatan Login Admin (M01)

M01

.: Login Administrator :.

Maaf username dan password salah

Gambar 3. 18 Perancangan Pesan Peringatan Login admin

M02

Login Member

Maaf username dan password tidak valid

Gambar 3. 19 Perancangan Pesan Peringatan Login Member 3.6 Perancangan Prosedural

Perancangan prosedural pada sistem ini menggunakan flowchart yang berguna untuk menggambarkan tahap penyelesaian suatu masalah dengan menggunakan simbol–simbol.

3.6.1 Flowchart Login

mulai

Apakah username dan password

diterima ?

Tampil halaman

utama

selesai ya tidak

Proses Verifikasi Username dan

Password Menginputkan

Username password

Username dan Password

salah

3.6.2 Flowchart _{Tambah data}

mulai

Menginputkan data baru

Validasi data

Apkah data sudah terisi lengkap?

Simpan data

selesai ya tidak

Pesan data gagal ditambahkan

Pesan data berhasil ditambahkan

3.6.3 Flowchart Pencarian Data

mulai

selesai

Pengecekan pada database

Mengiputkan data yang akan

cari

Data yang dicari Apakah data

ditemukan?

ya tidak

Data yang dicari tidak ditemukan

3.5.4 Flowchart _{Ubah data}

mulai

selesai Mencari data

yang akan diubah

Pengecekan pada database

Apakah data ditemukan?

Data diubah

Validasi data

Apakah ada perubahan?

ya

tidak

ya tidak

Data tidak ditemukan

Data gagal diubah

Simpan data baru

Data berhasil diubah

3.6.4 Flowchart Hapus Data

mulai

selesai Mencari data

yang akan dihapus

Pengecekan pada database

Apakah data ditemukan?

Data yang akan dihapus

Apakah data akan dihapus?

ya

tidak

ya tidak

Data tidak ditemukan

Data tidak dihapus

Data berhasil dihapus

3.6.5 Jaringan Semantik

T01 T02

T05 _T04

T03 R01

L02 M01

P01

L01 M02

Gambar 3. 25 Jaringan Semantik 3.7 Implementasi

Tahap implementasi merupakan tahap menerjemahkan perancangan berdasarkan hasil analisis dalam bahasa yang dapat dimengerti oleh mesin serta penerapan perangkat lunak pada keadaan yang sesungguhnya.

3.7.1 Implementasi Perangkat Keras

Spesifikasi perangkat keras yang digunakan dalam pembangunan website SLB-BC Nike Ardila adalah sebagai berikut:

Tabel 3. 8 Spesifikasi Perangkat Keras No Perangkat Keras Keterangan

1 Processor Intel core i3 2,3 GHz

2 RAM 2 GB

3 VGA 256 MB

4 HARDISK 320 GB

6 Keyboard Standar

7 Mouse Standar

3.7.2 Implementasi Perangkat Lunak

Spesifikasi perangkat lunak yang digunakan dalam pembangunan website SLB-BC Nike Ardila adalah sebagai berikut:

Tabel 3. 9 Spesifikasi Perangkat Lunak No Perangkat Lunak Keterangan

1 Sistem operasi Windows 7 2 Bahasa pemrograman PHP

3 Web browser Google Chrome

4 Code editor Macromedia Dreamweaver

CS5

5 Web server APACHE 2.2.14

6 Database server MySQL 5.1.41

7 CMS Balitbang 3.5.2

3.7.3 Implementasi Database

Dalam tahap implementasi pembangunan website, tahap pertama yang dilakukan adalah pembuatan database. Berikut adalah tabel-tabel yang dibuat pada website ini:

Tabel 3. 10 Implementasi Database No Nama Tabel Query

1 admin CREATE TABLE IF NOT EXISTS `admin` (

`adminid` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(50),

`email` varchar(100), `waktu` varchar(20), `visits` int(11),

PRIMARY KEY (`adminid`),

FOREIGN KEY (`username`) REFERENCES `login` (`username`)

) ENGINE=InnoDB

2 Users CREATE TABLE IF NOT EXISTS `users` (

`userid` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(50),

`password` varchar(200), `email` varchar(100), `waktu` varchar(20), `visits` int(11),

‘tgllogin’ date, ‘adminid’ int(11),

PRIMARY KEY (`userid`),

FOREIGN KEY (`adminid`) REFERENCES `admin` (`adminid`),

FOREIGN KEY (`username`) REFERENCES `login` (`username`)

3 Berita CREATE TABLE IF NOT EXISTS `berita` ( `idber` int(10),

`isi` longtext, `subject` text,

`pengirim` varchar(40), `posttime` varchar(20), `postdate` varchar(20),

‘adminid’ int(11),

PRIMARY KEY (`id`),

FOREIGN KEY (`adminid`) REFERENCES `admin` (`adminid`)

) ENGINE=InnoDB

4 polling CREATE TABLE IF NOT EXISTS `polling` ( `idpoll` int(255) NOT NULL AUTO_INCREMENT,

‘userid’ int(11), ‘adminid’ int(11),

PRIMARY KEY (`id`),

FOREIGN KEY (`adminid`) REFERENCES `admin` (`adminid`)

FOREIGN KEY (`userid`) REFERENCES `users`

(‘userid`)

) ENGINE=InnoDB

5 buku_tamu CREATE TABLE IF NOT EXISTS `buku_tamu` (

‘idtamu’ int(11) NOT NULL AUTO_INCREMENT,

`nama` varchar(40),

‘email` varchar(30),

`alamat` varchar(40), `komentar` text,

‘adminid’ int(11),

(`adminid`)

) ENGINE=InnoDB 6 Login CREATE TABLE `login` (

`username` varchar (100) NOT NULL, `password` varchar (100) NOT NULL, PRIMARY KEY (`username`)

) ENGINE =InnoDB;

3.7.4 Implementasi Antarmuka

Implementasi antarmuka merupakan implementasi dari perancangan kebutuhan fungsional dan perancangan antarmuka. Berikut ini adalah implementasi antarmuka pengguna.

Tabel 3. 11 Implementasi Antarmuka Pengguna

Menu Deskripsi Nama File

Home

Digunakan sebagai halaman utama baik member maupun konsumen

index.php

Profil Digunakan untuk melihat profil SLB-BC Nike Ardilla

profil.php

Guru

Digunakan untuk melihat profil guru, silabus, materi ajar dan materi uji.

pengajar.php

Siswa

Digunakan untuk melihat profil siswa dan program ekstrakulikuler yang diikuti

siswa.php

Fitur

Digunakan untuk melihat fitur-fitur yang ada pada website

news.php

Pencarian Digunakan pengguna untuk melakukan pencarian berita

berdasarkan keyword

Info Sekolah

Digunakan untuk melihat informasi terbaru mengenai kegiatan-kegiatan di sekolah

info.php

Login Pengunjung Digunakan untuk login sebagai member website

Login.php

Jejak Pendapat

Digunakan untuk melakukan penilaian terhadap tampilan web

Polling.php

Buku Tamu

Digunakan untuk

melakukan masuk sebagai pengunjung biasa

Buku_tamu.php

Tabel 3. 12 Implementasi Antarmuka Admin

Menu Deskripsi Nama File

Login Admin Digunakan untuk login sebagai admin

Login_admin.php

Dashboard Digunakan sebagai halaman utama admin

admin.php

Berita Terbaru

Digunakan untuk melihat, menambah, menghapus dan merubah data berita

news.php

Logout

Digunakan admin untuk keluar dari aplikasi dan kembali ke halaman menu beranda pengunjung

3.8 Pengujian

Pengujian sistem bertujuan untuk menemukan kesalahan-kesalahan atau kekurangan –kekurangan pada perangkat lunak yang diuji. Pengujian bermaksud untuk mengetahui perangkat lunak yang dibuat sudah memenuhi kriteria yang sesuai dengan tujuan perancangan perangkat lunak tersebut.

Pengujian perangkat lunak ini menggunakan pengujian black box. Pengujian

black box berfokus pada persyaratan fungional perangkat lunak

Tabel 3. 13 Skenario Pengujian Pengguna

Kelas Uji Butir Uji Jenis Pengujian

Buku tamu Mengisi buku tamu Black box

Pencarian Cari berita Black box

Login Member Isi data login Black box

Verifikasi Password

Polling Mengisi Polling Black box

Tabel 3. 14 Skenario Pengujian Admin

Kelas Uji Butir Uji Jenis Pengujian

Berita Terbaru Menambah berita baru Black box

Menghapus berita lama

User Merubah data user Black box

Menghapus data user

Menambah data user

Login Admin Isi data login Black box

Verifikasi password Black box

3.8.1 Kasus dan hasil pengujian 1. Pengujian Buku Tamu

Tabel 3. 15 Pengujian Buku Tamu Kasus dan Hasil Uji (Data Benar) Data Masukan Yang

Diharapkan

Pengamatan Kesimpulan

Masukan data Buku Tamu Nama : S. Firdaus Email : S.Firdaus @gmail.com Pesan : Hallo

Menampilkan

Pesan “Data

anda berhasil disimpan”

Menampilkan

Pesan “Data

anda berhasil

disimpan”

Diterima [√]

Ditolak [ ]

Kasus dan Hasil Uji (Data Salah) Data Masukan Yang

Diharapkan

Pengamatan Kesimpulan

kosong Pesan “Kolom komentar belum

diisi”

Pesan “Kolom

komentar belum

diisi”

Ditolak [ ]

Salah satu field

belum terisi Menampilkan Pesan “Kolom komentar belum diisi” Menampilkan Pesan “Kolom komentar belum diisi” Diterima [√]

Ditolak [ ]

2. Pengujian Pencarian

Tabel 3. 16 Pengujian Pencarian Kasus dan Hasil Uji (Data Benar)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Masukkan data

pencarian Contoh : Berita

Menampilkan data berita sesuai dengan data pencarian

Menampilkan data berita sesuai dengan data pencarian

Diterima [√]

Ditolak [ ]

Kasus dan Hasil Uji (Data Salah)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Masukkan data

pencarian salah

Menampilkan

pesan “Data yang dicari tidak ada. Silahkan masukan kembali keyword yang lain”

Menampilkan

pesan“Data yang dicari tidak ada. Silahkan masukan kembali keyword yang lain”

Diterima [√]

3. Login Admin

Tabel 3. 17 Pengujian Login Admin Kasus dan Hasil Pengujian (Data Benar)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Memasukkan

username : admin

Mengisikan data

username pada

field username

Mengisikan data

username pada

field username

Diterima [√]

Ditolak [ ]

Memasukkan

password :

admin

Mengisikan data

password pada

field password

Dapat mengisikan data password

pada field password

Diterima [√]

Ditolak [ ]

Kasus dan Hasil Uji (Data Salah)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Memasukkan

username atau

password salah Contoh :

username : asdasd

password : asdasd

Menampilkan

pesan “Maaf ! username dan

password anda

salah”

Menampilkan

pesan “Maaf ! username dan

password anda

salah”

Diterima [√]

Ditolak [ ]

Masukkan data kosong

Menampilkan

pesan “Maaf ! username dan

password anda

Menampilkan

pesan “Maaf ! username dan

password anda

Diterima [√] Ditolak [ ]

salah” salah”

Salah satu field

belum terisi

Menampilkan

pesan “Maaf ! username dan

password anda

salah”

Menampilkan

pesan “Maaf ! username dan

password anda

salah”

Diterima [√]

Ditolak [ ]

4. Pengujian Berita Terbaru Admin

Tabel 3. 18 Pengujian Berita Terbaru Admin Kasus dan Hasil Uji (Data Benar)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Tambah Data

Berita Judul : Masa Belajar SMK 4 tahun

Penulis : RH Isi Berita : Masa belajar siswa sekolah menengah kejuruan (SMK) akan diperpanjang Tambah data berhasil, muncul pesan “Data berhasil ditambahkan”

Tambah data berhasil, muncul

pesan “Data

berhasil ditambahkan”

Diterima [√]

Ditolak [ ]

Ubah Data Berita Judul : Masa Belajar SMK Ubah data berhasil, muncul pesan “Data berhasil Ubah data berhasil, muncul pesan “Data berhasil Diterima [√]

Empat Tahun Penulis : RH Isi Berita : Masa belajar siswa sekolah menengah kejuruan (SMK) akan

diperpanjang

disimpan” disimpan”

Hapus data berita

muncul pesan

“Data berhasil dihapus”

muncul pesan

“Data berhasil dihapus”

Diterima [√]

Ditolak [ ] Kasus dan Hasil Uji Salah (Data Salah)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Masukkan data

kosong

Tampil pesan

kesalahan “Data Belum Diisi”

Tampil pesan

kesalahan “Data Belum Diisi”

Diterima [√]

Ditolak [ ] Salah satu field

belum terisi

Tampil pesan

kesalahan “Data Belum Diisi”

Tampil pesan

kesalahan “Data

Belum Diisi”

Diterima [√]

5. Pengujian Login Pengunjung

Tabel 3. 19 Pengujian Login Pengunjung Kasus dan Hasil Pengujian (Data Benar)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Memasukkan

username : member

Mengisikan data

username pada

field username

Mengisikan data

username pada

field username

Diterima [√]

Ditolak [ ]

Memasukkan

password :

member

Mengisikan data

password pada

field password

Dapat mengisikan data password

pada field password

Diterima [√]

Ditolak [ ]

Kasus dan Hasil Uji (Data Salah)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Memasukkan

username atau

password salah Contoh :

username : asdasd

password : asdasd

Menampilkan

pesan “Maaf ! username dan

password anda

salah”

Menampilkan

pesan “Maaf ! username dan

password anda

salah”

Diterima [√]

Ditolak [ ]

Masukkan data kosong

Menampilkan

pesan “Maaf ! username dan

password anda

salah”

Menampilkan

pesan “Maaf ! username dan

password anda

salah”

Diterima [√]

Salah satu field

belum terisi

Menampilkan

pesan “Maaf ! username dan

password anda

salah”

Menampilkan

pesan “Maaf ! username dan

password anda

salah”

Diterima [√]

Ditolak [ ]

6. Pengujian Polling

Tabel 3. 20 Pengujian Polling

Kasus dan Hasil Pengujian (Data Benar)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Memilih polling Menampilkan

pesan “Terima

Kasih, Anda telah menggunakan fasilitas Jajak

Pendapat”

Menampilkan

pesan “Terima

Kasih, Anda telah menggunakan fasilitas Jajak

Pendapat”

Diterima [√]

Ditolak [ ]

Kasus dan Hasil Uji (Data Salah)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Masukkan data

kosong

Menampilkan

pesan “Anda

Belum Memilih

Polling”

Menampilkan

pesan “Anda

Belum Memilih Polling

Diterima [√]

7. Pengujian Manajemen User Admin

Tabel 3. 21 Pengujian Managemen User Admin Kasus dan Hasil Uji (Data Benar)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Tambah Data User Muncul pesan “Data berhasil ditambahkan” Muncul pesan “Data berhasil ditambahkan”

Diterima [√] Ditolak [ ] Ubah data user Muncul pesan

“Data berhasil disimpan” Muncul pesan “Data berhasil disimpan” Diterima [√]

Ditolak [ ] Hapus data user Muncul pesan

“Data berhasil dihapus” Muncul pesan “Data berhasil dihapus” Diterima [√]

Ditolak [ ] Kasus dan Hasil Uji Salah (Data Salah)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Masukkan data kosong Tampil pesan kesalahan “Data Belum Lengkap” Tampil pesan kesalahan “Data Belum Lengkap” Diterima [√]

Ditolak [ ] Salah satu field

belum terisi Tampil pesan kesalahan “Data Belum Lengkap” Tampil pesan kesalahan “Data Belum Lengkap” Diterima [√]

Ditolak [ ]

3.8.2 Kesimpulan Pengujian Black Box

Berdasarkan hasil pengujian sistem yang telah dilakukan sebelumnya maka, telah dioptimalkan fungsi-fungsi sentral yang diterapkan pada sistem, baik itu pengujian sistem secara masukan maupun pengujian sistem secara keluaran, dan keluaran yang diharapkan sesuai dengan apa yang dimaksudkan, dari sisi pengguna maupun dari sisi admin.

3.8.3 Pengujian Beta

Pengujian beta merupakan pengujian yang dilakukan secara objektif dimana diuji secara langsung ke lapangan, dengan menggunakan metode wawancara mengenai kepuasan pengguna terhadap aplikasi yang telah dibangun, dengan kandungan poin syarat user friendly serta apakah sesuai dengan yang diharapkan. Adapun metode peneletian pengujian yang digunakan yaitu metode kuantitatif berdasarkan data sampel dari pengguna.

Adapun pertanyaan yang ditanyakan kepada user, adalah sebagai berikut : 1. Apakah aplikasi yang dibangun mudah digunakan ?

2. Apakah aplikasi yang dibangun mudah dipelajari ?

3. Apakah tampilan aplikasi yang dibangun memiliki tampilan yang menarik ?

4. Apakah aplikasi yang dibangun ini dapat membantu dalam pengolahan data ?

Berikut hasil wawancara yang telah dilakukan dengan masing-masing

user: a. User 1

1. Apakah aplikasi yang dibangun mudah digunakan ?

Aplikasi ini mudah digunakan dikarenakan user sudah terbiasa menggunakan blog.

2. Apakah aplikasi yang dibangun mudah untuk dipelajari ?

Aplikasi ini mudah untuk dipelajari dikarenakan cukup familiar dengan yang sudah ada.

3. Apakah tampilan yang dibangun memiliki tampilan yang menarik ? Aplikasi ini sudah memiliki tampilan yang menarik.

b. User 2

1. Apakah aplikasi yang dibangun mudah digunakan ?

Aplikasi ini sulit untuk digunakan, karena user jarang menggunakan komputer

2. Apakah aplikasi yang dibangun mudah untuk dipelajari ? Diperlukan waktu untuk mempelajari aplikasi ini.

Aplikasi ini sudah memiliki tampilan yang menarik dikarenakan warna dasar dari aplikasi ini tidak terlalu mencolok.

Kesimpulan hasil wawancara

Aplikasi sudah cukup memudahkan dalam pengelolaan data.Kesimpulan dari hasil wawancara dengan masing – masing user, bahwa aplikasi ini sangat membantu dalam pengolahan data, dan adapun masukan yang diberikan oleh user agar aplikasi yang dibangun ini lebih baik lagi.

5. Pengujian Login Pengunjung

Tabel 3. 19 Pengujian Login Pengunjung Kasus dan Hasil Pengujian (Data Benar)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Memasukkan username : member Mengisikan data username pada field username Mengisikan data username pada field username Diterima [√] Ditolak [ ]

Memasukkan password : member Mengisikan data password pada field password Dapat mengisikan data password pada field password Diterima [√] Ditolak [ ]

Kasus dan Hasil Uji (Data Salah)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Memasukkan username atau password salah Contoh : username : asdasd password : asdasd Menampilkan pesan “Maaf ! username dan password anda salah”

Menampilkan pesan “Maaf ! username dan password anda salah”

Diterima [√] Ditolak [ ]

Masukkan data kosong

Menampilkan pesan “Maaf ! username dan password anda salah”

Menampilkan pesan “Maaf ! username dan password anda salah”

Diterima [√] Ditolak [ ]

Salah satu field belum terisi

Menampilkan pesan “Maaf ! username dan password anda salah”

Menampilkan pesan “Maaf ! username dan password anda salah”

Diterima [√] Ditolak [ ]

6. Pengujian Polling

Tabel 3. 20 Pengujian Polling

Kasus dan Hasil Pengujian (Data Benar)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Memilih polling Menampilkan

pesan “Terima Kasih, Anda telah menggunakan fasilitas Jajak Pendapat”

Menampilkan pesan “Terima Kasih, Anda telah menggunakan fasilitas Jajak Pendapat”

Diterima [√] Ditolak [ ]

Kasus dan Hasil Uji (Data Salah)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Masukkan data

kosong

Menampilkan pesan “Anda Belum Memilih Polling”

Menampilkan pesan “Anda Belum Memilih Polling

Diterima [√] Ditolak [ ]

7. Pengujian Manajemen User Admin

Tabel 3. 21 Pengujian Managemen User Admin Kasus dan Hasil Uji (Data Benar)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Tambah Data User Muncul pesan “Data berhasil ditambahkan” Muncul pesan “Data berhasil ditambahkan”

Diterima [√] Ditolak [ ] Ubah data user Muncul pesan

“Data berhasil disimpan” Muncul pesan “Data berhasil disimpan” Diterima [√] Ditolak [ ] Hapus data user Muncul pesan

“Data berhasil dihapus” Muncul pesan “Data berhasil dihapus” Diterima [√] Ditolak [ ] Kasus dan Hasil Uji Salah (Data Salah)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan Masukkan data kosong Tampil pesan kesalahan “Data Belum Lengkap” Tampil pesan kesalahan “Data Belum Lengkap” Diterima [√] Ditolak [ ] Salah satu field

belum terisi Tampil pesan kesalahan “Data Belum Lengkap” Tampil pesan kesalahan “Data Belum Lengkap” Diterima [√] Ditolak [ ]

3.8.2 Kesimpulan Pengujian Black Box

Berdasarkan hasil pengujian sistem yang telah dilakukan sebelumnya maka, telah dioptimalkan fungsi-fungsi sentral yang diterapkan pada sistem, baik itu pengujian sistem secara masukan maupun pengujian sistem secara keluaran, dan keluaran yang diharapkan sesuai dengan apa yang dimaksudkan, dari sisi pengguna maupun dari sisi admin.

3.8.3 Pengujian Beta

Pengujian beta merupakan pengujian yang dilakukan secara objektif dimana diuji secara langsung ke lapangan, dengan menggunakan metode wawancara mengenai kepuasan pengguna terhadap aplikasi yang telah dibangun, dengan kandungan poin syarat user friendly serta apakah sesuai dengan yang diharapkan. Adapun metode peneletian pengujian yang digunakan yaitu metode kuantitatif berdasarkan data sampel dari pengguna.

Adapun pertanyaan yang ditanyakan kepada user, adalah sebagai berikut : 1. Apakah aplikasi yang dibangun mudah digunakan ?

2. Apakah aplikasi yang dibangun mudah dipelajari ?

3. Apakah tampilan aplikasi yang dibangun memiliki tampilan yang menarik ?

4. Apakah aplikasi yang dibangun ini dapat membantu dalam pengolahan data ?

Berikut hasil wawancara yang telah dilakukan dengan masing-masing user:

a. User 1

1. Apakah aplikasi yang dibangun mudah digunakan ?

Aplikasi ini mudah digunakan dikarenakan user sudah terbiasa menggunakan blog.

2. Apakah aplikasi yang dibangun mudah untuk dipelajari ?

Aplikasi ini mudah untuk dipelajari dikarenakan cukup familiar dengan yang sudah ada.

3. Apakah tampilan yang dibangun memiliki tampilan yang menarik ? Aplikasi ini sudah memiliki tampilan yang menarik.

b. User 2

1. Apakah aplikasi yang dibangun mudah digunakan ?

Aplikasi ini sulit untuk digunakan, karena user jarang menggunakan komputer

2. Apakah aplikasi yang dibangun mudah untuk dipelajari ? Diperlukan waktu untuk mempelajari aplikasi ini.

Aplikasi ini sudah memiliki tampilan yang menarik dikarenakan warna dasar dari aplikasi ini tidak terlalu mencolok.

Kesimpulan hasil wawancara

Aplikasi sudah cukup memudahkan dalam pengelolaan data.Kesimpulan dari hasil wawancara dengan masing – masing user, bahwa aplikasi ini sangat membantu dalam pengolahan data, dan adapun masukan yang diberikan oleh user agar aplikasi yang dibangun ini lebih baik lagi.

BAB 4

KESIMPULAN DAN SARAN

4.1 Kesimpulan

Berdasarkan hasil dari pengujian Beta, maka dapat disimpulkan bahwa user yang sudah terbiasa menggunakan internet akan mudah untuk menggunakan website ini. Maka tujuan utama dari website ini belum tercapai, karena hanya sebagian user yang lebih mudah mendapatkan informasi tentang SLB BC Nike Ardilla.

4.2 Saran

Website SLB BC Nike Ardilla masih dapat dikembangkan dengan menambahkan beberapa feature seperti chatting, forum untuk para guru dan murid dan tampilan yang lebih menarik untuk para murid..