PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI DAN INFORMASI PADA SMK KRISTEN 4 KLATEN
NASKAH PUBLIKASI
diajukan oleh Daru Pabowo 09.11.3414
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2014
PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI DAN INFORMASI PADA SMK KRISTEN 4 KLATEN Daru Prabowo, Krisnawati Teknik Informatika STMIK AMIKOM Yogyakarta Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283 Email :
[email protected]
Abstract - In the development of the technology needed information quickly and accurately. Christian Smk 4 klaten is one of the schools that have not been actively involved in improving the development of information, the development of information technology in the Christian SMK 4 Klaten needs to be improved. The website is one of the appropriate medium for presenting information quickly and accurately. With way of online through internet media website can be accessed anywhere, anytime without any limitation of space and time. Ease of people to access the Internet today is one contributing factor to promote Christian SMK 4 klaten over the internet. With the promotion of SMK Christian 4 Klaten, the authors make a thesis with the title 'Design web as a media promotion and information on SMK Christian 4 Klaten' aiming to introduce the school to the public.
1.1 Rumusan Masalah Bagaimana membuat website sekolah SMK Kristen 4 Klaten sebagai media promosi dan pusat informasi yang mudah digunakan oleh pengunjung baik itu siswa/siswi, guru, maupun karyawan? 2. Landasan Teori 2.1 Pengertian Dasar Internet Internet merupakan jaringan komputer global yang menghubungkan sebuah komputer dengan komputer lain yang ada di seluruh dunia. Prinsip kerja internet sebuah perangkat komputer dilengkapi alat yang disebut modem, lalu disambungkan ke sebuah saluran komunikasi untuk menghubungkan diri ke operator penyedia jasa internet ISP (Internet Service Provider) (Jasmadi 2004). Dari sini diperoleh akses ke internet untuk berhubungan dengan komputer pengguna internet lainnya.
Keywords – Christian SMK 4 Klaten, Website SMK 4 Klaten Christian, Christian 4 Klaten SMK information, promotion of SMK Christian 4 Klaten,
2.2 Pengertian World Wide Web
1. Pendahuluan Di era modern saat ini kemajuan teknologi terbilang sangat cepat, kecepatan perkembangan teknologi salah satunya dipengaruhi oleh pertukaran informasi yang cepat dan akurat. Dengan adanya internet, pertukaran informasi semakin mudah untuk dilakuakan secara global. Internet sendiri dapat diartikan sebagai jaringan penghubung pengguna komputer dengan pengguna komputer lainnya diseluruh penjuru dunia. Website sebagai aplikasi dimedia internet, merupakan sarana yang tepat di dalam mempromosikan perusahaan, sekolah, maupun perguruan tinggi di internet. Karena promosi merupakan senjata paling ampuh bagi instansi untuk mengenalakan diri kepada masyarakat. Dan banyaknya instansi yang berlomba-lomba mempromosikan diri mereka maka terjadilah persaingan antara instansi yang satu dan yang lainya. SMK Kristen 4 Klaten merupakan sekolah kejuruan yang berada di kabupaten klaten. Sekolah ini mengalami penurunan peminat belajar disebabkan kurangnya masyarakat yang belum mengenal sekolah yang beralamat Di Jalan Bypass Selatan, Gumulan, Klaten tersebut. Karena pentingnya promosi yang dibutuhkan SMK Kristen 4 Klaten penulis merancang skripsi yang berjudul “Perancangan Website Sebagai Media Promosi Dan Informasi SMK Kristen 4 Klaten”. Penulis berharap dengan dirancangnya website SMK Kristen 4 Klaten akan membantu didalam kegiatan belajar mengajar dan dapat mengenalkan kepada masyarakat luas.
World Wide Web atau lebih sering dikenal sebagai web adalah suatu sajian informasi yang menggunakan konsep hyperlink (tautan), yang memudahkan bagi para pengguna komputer yang melakukan browsing atau penelusuran informasi melalui internet. Penemu situs web adalah Sir Timothy John BennerLee, sedangkan situs web yang tersambung dengan jaringan pertama kali muncul tahun 1991. Pada mulanya situs web dirancang untuk memudahkan tukar menukar dan memperbarui informasi pada sesama peneliti di tempat Sir Timothy bekerja (Ardhana 2012). 2.3 Konsep Basis Data 2.3.1 Pengertian Basis Data Menurut (Connolly 2002), definisi basis data adalah kumpulan data yang dihubungkan secara bersama-sama, dan gambaran dari data yang dirancang untuk memenuhi kebutuhan informasi dari suatu organisasi. Tujuan dari basis data sendiri untuk menyimpan data – data, dimana masing – masing data yang ada pada table atau file tersebut saling berhubungan. Kemudahan dan kecepatan dalam pengambilan kembali data yang tersimpan juga merupakan tujuan utama basis data. 2.3.2 Pengertian DBMS (Database Management System)
1
DBMS merupakan software pada perangkat komputer yang digunakan untuk menangani akses basis data. Melakukan pengaksesan basis data untuk informasi yang diperlukan dapat menggunakan SQL (Structured Query Language). SQL adalah salah satu bahasa yang dikembankan oleh IBM di San Jose Research Laboratory. SQL bahasa request oriented dan bersifat non-procedural sehingga mudah untuk diperalajari karena sintaksi hampir menyerupai bahasa yang digunakan oleh manusia untuk berkomunikasi (Arief 2011). SQL sendiri terdiri atas beberapa bagian antara lain: DDL (Data Definition Language)
animasi pada halaman website, diantaranya animasi warna hingga animasi 3D. 2.4.3. PHP PHP Hypertext Preprocessor yang sering disebut PHP merupakan bahasa pemrogaman berbasis serverside. PHP merupakan pengembangan dari FI atau From Interface yang dibuat oleh Rasmus Lerdoff pada tahun 1995. Kode php tidak diberikan secara langsung oleh server ketika permintaan atau request dari sisi client namun dengan cara pemrosesan dari sisi server. Setiap kode PHP diberi tag pembuka . 2.4.4. XAMPP XAMPP merupakan paket PHP dan MySQL berbasis open source, yang dapat digunakan sebagai tool pembantu pengembangan aplikasi berbasis php. XAMPP mengombinasikan beberapa paket perangkat lunak berbeda ke dalam satu paket diantaranya Apache, MySQL, dan PHP 2.4.5. Adobe Photoshop CS3 Adobe photoshop merupakan perangkat lunak editor citra buatan adobe system yang dikususkan untuk mengeditkan foto atau gambar dan pembuatan efek. Potoshop dianggap sebagai pemimpin pasar (market leader) karena perangkat lunak ini banyak digunakan oleh fotogarafer digital dan perusahan iklan di seluruh dunia.
DDL bahasa yang memiliki kemampuan untuk mendefinisikan data yang berhungan dengan membuat dan menghapus objek seperti tabel, indeks pada basis data. Misalnya, CREATE, DROP, dan ALTER. DML (Data Manipulation Language) DML bahasa yang berhubungan dengan proses manipulasi data pada tabel, record. Misalnya, INSERT, UPDATE, SELECT, dan DELETE.
2.4 Perangkat Lunak Yang Digunakan 2.4.1. HTML HTML merupakan bahasa pemrogaman yang dikenali oleh browser untuk menampilkan informasi seperti teks, gambar, suara, animasi bahkan video. Kode HTML memiliki aturan dan struktur penulisan tersendiri yang disebut tag HTML. Tag adalah kode yang digunakan untuk memoles (mark up) tesk ASCII (American Standard Code For Information Interchange) setiap tag diapit dengan tanda kurung runcing. Ada tag pembuka yaitu dan tag penutup yaitu yang ditandai dengan garis miring. Tag memiliki pengertian bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen html. Standar penulisan adalah: 2.4.2. CSS Cascading style sheet (CSS) merupakan bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.(Ardhana 2012) Nama CSS didapatkan dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah – anak (parent – child) pada setiap style. Css sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Consortium (W3C) pada tahun 1996. Ada tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada performa document HTML. CSS2 mendukung penentuan posisi konten, downloadable, huruf font, tampilan table layout dan media tipe printer. Sedangkan CSS3 dapat melakukan
3. Analisis dan Perancangan Sistem 3.1. Profil Sekolah SMK Kristen 4 Klaten merupakan sekolah kejuruan yang terletak pada di desa Gumulan, Klaten Tengah, Klaten, Jawa Tengah, Kodepos 57417, Telp. (0272) 322311. Berdiri sejak pada tanggal 17 Juli 1988 dengan luas tanah 14.105 m2 dan luas bangunan mencapai 2562 m2, status tanah maupun bangunan yang digunakan adalah hak milik sendiri. 3.2. Analisis Sistem Analisis sistem merupakan teknik pemecahan masalah yang menguraikan bagian – bagian komponen dengan mempelajari bagian – bagian komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan. Dan analisi yang digunakan untuk mengembangkan sistem pada sekolah SMK Kristen 4 Klaten adalah Analisis PIECES (Performance, Information, Economy, Control, Eficiency, Service). 3.3. Perancangan Sistem Perancangan sistem yang digunakan dalam penelitian pembuatan website SMK Kristen 4 Klaten adalah model pendekatan struktural, context diagram dan data flow diagram.
2
Siswa
Profil
Admin Guru Siswa Kelas Mapel Profil Berita Prestasi Foto
Admin
Data Admin Data Guru Data Siswa Data Kelas Data Mapel Data Profil Data Berita Data Prestasi Data Foto
Data Profil Data Materi Data Jadwal Website SMK Kristen 4 Klaten
Profil sekolah Berita Prestasi Galeri foto
Data Profil Data Materi Data Mapel Data Jadwal
Gambar 3.5 Rancangan Erd 3.5. Relasi Antar Table Profil Upload Materi Komentar
Pengunjung
Guru
Gambar 3.1 Context Diagram 1 Olah data Admin
Data admin
Table admin Ubah Profil
Data guru
2 Olah data Guru
Guru
Table guru
Admin Ubah Profil
Siswa Upload
Data siswa
3 Olah data Siswa
Table siswa
Download
4 Olah Data Kelas
Table kelas
7 Olah data Materi
5 Olah data Mapel
Table mapel
6 Olah data Jadwal
Table jadwal
Gambar 3.6 Relasi Antar Table 4. Implementasi dan Hasil Penelitian 4.1. Implementasi Sistem Implementasi sistem merupakan tahapan penerapan sistem yang dibuat berdasarkan hasil dari analisis dan perancangan yang dilakukan sebelumnya sehingga menjadi sistem yang siap untuk dioperasikan. 4.2. Implementasi Database Pada sistem yang telah dibuat dibutuhkan pembuatan tabel yang tersimpan pada database. Maka diperlukan XAMPP yang menyediakan database server untuk pembuatan database. 4.3. Pengujian Sistem Sebelum website ini diterapkan, maka perlu dilakukan pengujian sistem untuk mengetahui kesalahan yang mungkin terjadi. 4.3.1. Black Box Testing Uji coba black box (black box testing) adalah uji coba terhadap fungsi yang ada, apakah sudah berjalan sesuai yang diharapakan atau masih terjadi kesalahan. 4.3.2. White Box Testing Uji white box adalah uji coba dengan meneliti secara langsung kode – kode program apakah terjadi kesalahan penulisan atau tidak. Jika ada penulisan program yang tidak berjalan sesuai maka kode – kode program tersebut harus diperbaiki. 4.4. Tampilan Hasil Penelitian 4.4.1. Tampilan Halaman Utama
Data kelas
Data mapel
Jadwal
Berita
Foto
Prestasi
8 Olah data Bertia
Profil
Table materi
Table Berita
Pengunjung
Komentar
9 Olah data Galeri
Table galeri
10 Olah data Prestasi
Table Prestasi
11 Olah Data Profil
Table Profil
Gambar 3 .2 DFD Level 0 3.4. Perancangan ERD Entity Relationship Diagram (ERD) adalah gambaran yang menunjukan informasi yang dibuat, disimpan, dan digunakan didalam sistem.
Gambar 3.3 Rancangan Erd
Gambar 3.4 Rancangan Erd
3
Gambar 4.4 Tampilan Login User 4.4.5. Tampilan Halaman User Gambar 4.1 Tampilan Halaman Utama 4.4.2. Tampilan Login Admin
Gambar 4.5 Tampilan Halaman User Gambar 4.2 Tampilan Login Admin
5.
Kesimpulan Berdasarkan pembahasan yang telah dilakukan dapat ditarik kesimpulan untuk membuat sistem yang baru maka diperlukan analisis sistem yang lama, melakukan observasi serta membuat rancangan dan implementasi sehingga menjadi sebuah sistem yang siap digunakan.
4.4.3. Tampilan Halaman Admin
Daftar Pustaka Andi Sunyoto. 2007. AJAX Membangun Web Dengan Teknologi Asynchronouse Javascript Dan Xml. Yoyakarta: Andi Offset. Hanif al fatta. 2007. Analisis Dan Perancangan Sistem Informasi. Yogyakarta: Andi offset. Jasmadi. 2004. Promosi Web Dan Registrasi Domain. Yoyagkarta: Andi offset.
Gambar 4.3 Tampilan Halaman Admin 4.4.4. Tampilan Login User
Jamsadi. 2004. Panduan Praktis Menggunakan Fasilitas Internet. Yogyakarta: Andi offset. Jogiyanto. 2005. Analisis dan Desain Sistem Informasi : Terstruktur Teori dan Praktik Aplikasi Bisnis. Yogyakarta: Andi offset.
4
M. Rudiyanto Arief. 2011. Pemrogaman Web Dinamis Menggunakan PHP Dan MySQ. Yoyagkarta: Andi offset. Riyanto. 2011. Sistem Informasi Penjualan Dengan Php Dan Mysql (Studi Kasus Aplikasi Apotek Intergrasi Barcode Scanner). Yogyakarta: Gava media. Ym Kusuma Ardhana. 2012. Dengan PHP : Membuat Website 30 Juta Rupiah. Jasakom. Biodata Penulis Daru Prabowo, memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2014. Krisnawati, memperoleh gelar Sarjana Komputer (S.SI), MIPA ilmu Komputer Universitas Gajah Mada Yogyakarta. Memperoleh gelar Master (M.T) Program Pasca Sarjana Magister Sistem Komputer & Informatika Fakultas Teknik Elektro Universitas Gajah Mada Yogyakarta. Saat ini menjadi Dosen di STMIK AMIKOM Yogyakarta.
5