PEMBANGUNAN WEBSITE
DI YAYASAN SLB-BC NIKE ARDILLA
KERJA PRAKTEKDiajukan 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
DAFTAR ISI
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
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.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
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].
[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:
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.
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.
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 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.
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
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).
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
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 )
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
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
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
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
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
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
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
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
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
Gambar 3. 2 Diagram Konteks
3.2.2.2 DFD Level 1
Admin
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
3.2.2.4DFD Level 3 Proses 3 Pengolahan User
Gambar 3. 5 Level 3 Proses 3 Pengolahan User
3.2.2.5DFDLevel3Proses 4 Pengolahan Buku Tamu
Gambar 3. 6 DFD Level 3 Proses 4 Pengolahan Buku Tamu
3.2.2.6DFD Level 3 Proses 5 Pengolahan Polling
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
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
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
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
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
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
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
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
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
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
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
Salah satu field
belum terisi
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
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 :
password anda
salah”
Menampilkan
pesan “Maaf ! username dan
password anda
salah”
password anda
Menampilkan
pesan “Maaf ! username dan
password anda
salah” salah”
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)
Empat Tahun Kasus dan Hasil Uji Salah (Data Salah)
Data Masukan Yang Diharapkan Pengamatan Kesimpulan Masukkan data
kosong
Tampil pesan
kesalahan “Data Belum Diisi”
Tampil pesan
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
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 :
password anda
salah”
Menampilkan
pesan “Maaf ! username dan
password anda
salah”
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)
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 Ubah data user Muncul pesan
“Data berhasil Hapus data user Muncul pesan
“Data berhasil Kasus dan Hasil Uji Salah (Data Salah)
Data Masukan Yang Diharapkan Pengamatan Kesimpulan Masukkan data
3.8.2 Kesimpulan Pengujian Black Box
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
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