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
1
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 : steve.prabowo@gmail.com
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. Keywords – Christian SMK 4 Klaten, Website SMK 4 Klaten Christian, Christian 4 Klaten SMK information, promotion of SMK Christian 4 Klaten,
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.
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.
2.2 Pengertian World Wide Web
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 Benner-Lee, 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)
2 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)
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 <HTML> dan tag penutup yaitu </HTML> yang ditandai dengan garis miring. Tag memiliki pengertian bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen html.
Standar penulisan adalah: <HTML>
<HEAD></HEAD> <BODY></BODY> </HTML>
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
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 server-side. 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 <?php dan diakhiri dengan tag penutup ?>.
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.
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.
3 Website SMK Kristen 4 Klaten Siswa Admin Guru Profil Data Profil Data Materi Data Jadwal Data Profil Data Materi Data Mapel Data Jadwal Profil Upload Materi Admin Guru Siswa Kelas Mapel Profil Berita Prestasi Foto Data Admin Data Guru Data Siswa Data Kelas Data Mapel Data Profil Data Berita Data Prestasi Data Foto Pengunjung Profil sekolah Berita Prestasi Galeri foto Komentar
Gambar 3.1 Context Diagram
Admin Siswa Guru 1 Olah data Admin 2 Olah data Guru 3 Olah data Siswa 4 Olah Data Kelas 5 Olah data Mapel Data admin Data guru Data siswa Data kelas Data mapel Table admin Table guru Table siswa Table kelas Table mapel 6 Olah data Jadwal Jadwal Table jadwal 7 Olah data Materi Ubah Profil Download Upload Ubah Profil Table materi Pengunjung 8 Olah data Bertia Table Berita Komentar Berita 9 Olah data Galeri Foto Prestasi 10 Olah data Prestasi Profil 11 Olah Data Profil Table galeri Table Prestasi 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
Gambar 3.5 Rancangan Erd 3.5. Relasi Antar Table
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
4
Gambar 4.1 Tampilan Halaman Utama 4.4.2. Tampilan Login Admin
Gambar 4.2 Tampilan Login Admin 4.4.3. Tampilan Halaman Admin
Gambar 4.3 Tampilan Halaman Admin 4.4.4. Tampilan Login User
Gambar 4.4 Tampilan Login User 4.4.5. Tampilan Halaman User
Gambar 4.5 Tampilan Halaman User 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.
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.
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.
5 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.