PERANCANGAN WEBSITE SMK N 1 KARANGGAYAM KEBUMEN

SEBAGAI MEDIA INFORMASI DAN PROMOSI

Naskah Publikasi

diajukan oleh

Heri Susanto 07.12.2520

kepada

JURUSAN SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

2011

WEBSITE DESIGNIN SMK N1 KARANGGAYAM KARANGGAYAM KEBUMEN

AS MEDIA INFORMATION AND PROMOTION

PERANCANGAN WEBSITE SMK N 1 KARANGGAYAM KEBUMEN

SEBAGAI MEDIA INFORMASI DAN PROMOSI

Heri Susanto

Jurusan Sistem Informasi

STMIK AMIKOM YOGYAKARTA

ABSTRACT

Computer  and  information technology is  growing  very rapidly with  the  advent  of the 

Internet in which computers can connect  to  each  other   forming   a vast   network 

 consistingof thousands  of computers   worldwide.   Currently  , from  

year to year growth of  Internet  users   in   Indonesia   isvery   rapid.   This is a great 

opportunity  to develop  the world'sinformation and education via  the Internet. With  the  

Internettechnology   is   SMK N 1  Karanggayam   Kebumen   will   develop   education   by 

 expanding   theinformation   andpromotional   strategies   to   confront   global  

competition.   In   this   globalization era, the use   ofinternet and computer technology is a 

very  important  requirement   for   employers oragencies both large and small 

scale because it can improve work effectiveness.  

This study aims to build a website as a medium of information and promotion of 

an attractive and easy to use by users and can be used to provide information about the 

school SMK N 1 Karanggayam Kebumen.  

The  end  result of  this research is to  build   Website   SMK   N   1   Karanggayam  

Kebumen attractive, easy  to use,   and  can  convey   information  quickl   and   accurately 

 to  givesatisfaction to the school as well as user. 

Keywords: Website Design SMK N 1 Karanggayam As Media Information And Promotion 

1. Pendahuluan

Dalam perusahaan atau organisasi, informasi merupakan hal yang sangat

penting dalam pengambilan keputusan. Metode penyampaian informasi juga merupakan

salah satu penentu dari mutu informasi, karena informasi yang baik adalah informasi

yang akurat, cepat dan terbaru (Up to date). Untuk menentukan metode yang tepat,

maka harus dipertimbangkan kualitas dari metode tersebut, mampukah metode tersebut

menyampaikan informasi sesuai yang diharapkan. Seiring dengan perkembangan

teknologi yang ada, mestinya merupakan peluang yang baik bagi pihak sekolah,

organisasi dan instansi untuk menjadikannya sebagai media penyampaian informasi,

promosi dan pemasaran dengan jangkauan konsumen yang jauh lebih banyak, tidak

hanya di dalam negeri tetapi juga dapat menjangkau pasar internasional jika

dibandingkan dengan cara manual yang hanya menjangkau pasar tertentu saja.

SMK N 1 Karanggayam adalah salah satu sekolah menengah kejuruan yang

berfungsi pula sebagai penyedia informasi yang bermanfaat baik bagi siswa dan

masyarakat. Selain Penyampaian informasi melalui brosur dan dari mulut ke mulut yang

saat ini belum optimal karena hanya terbatas pada ruang lingkup wilayah tertentu, maka

dari itu dengan adanya iklan berbasis web ini ditujukan untuk lebih memperluas

penyampaian informasi dan promosi. Dengan dibuatnya Website yang menyediakan

berbagai informasi tentang sekolahanya sendiri. informasi yang disampaikan secara

langsung, diharapkan informasi tersebut akan dapat sampai kepada siswa, masyarakat

dengan lebih baik lagi. Karena dengan di buatkannya website, tidak hanya dapat dilihat

masyarakat dalam negeri akan tetapi dapat juga dilihat masyarakat internasional yang

terhubung dalam jaringan internet.

2. Landasan Teori

Web atau www (world wide web) merupakan sebuah metode baru yang berjalan

di dunia internet yang ahir-ahir ini berkembang dengan cepat. Dengan adanya media ini

dapat menciptakan puluhan, bahkan ratusan aplikasi yang berjalan di bawah web.

Berjuta-juta halaman web dapat ditemui saat ini di internet. Telah banyak band-band

yang menampilkan diri diinternet melalui web, begitu juga dengan berbagai jenis web

yang lain yang kini telah menjadi bagian yang tak terpisahkan dari internet. Web

sedemikian populer karena mudah dibuat dan menawarkan banyak keuntungan, banyak

sekali informasi yang di sediakan oleh web-web yang ada dan dapat di akses oleh siapa

saja. Bahkan saat ini banyak pula band-band yang menyediakan transaksi album-album

melalui website. Web telah kini di jadikan salah satu bagian penting untuk informasi

maupun layanan promosi kepada para penggemar dan masyarakat umum. Persaingan

dibidang promosi sekarang ini selalu membutuhkan informasi yang aktual dan mudah di

dapat, dengan demikian semakin terasa bahwa kebutuhan informasi akan promosi

sangatlah penting.

Perkembangan dunia internet saat ini telah melahirkan suatu fasilitas layanan

baruyaitu berupa web yang merupakan layanan terpenting internet. Fasilitas internet

mengizinkan pengaksesan untuk mengakses dan berinteraksi dengan teks, grafik,

animasi, foto, suara dan video. Web secara fisik adalah kumpulan computer pribadi, web

brwser, koneksi, ISP, computer server, router dan switch yang digunakan untuk

mengalirkan informasi dan menjadi wahana pertama berbagai pihak terkait.

3. Analisis Sistem

Untuk mengidentifikasi masalah, maka kita harus melakukan analisis terhadap

kinerja, informasi, ekonomi, efesiensi dan pelayanan pelanggan. Panduan ini di kenal

dengan analisis PIECES (Performance, Information, Economic. Control, Efficiency,

Service), Analisis PIECES ini digunakan sebagai tolak ukur dalam menentukan sistem

baru yang diusulkan layak atau tidak, karena ke enam hal itu harus mengalami

peningkatan yang lebih baik dari pada sistem yang lama.

3.1 Analisis Kinerja ( performance )

Kinerja merupakan bagian dalam kelancaran proses kerja dalam suatu

organisasi. Masalah kerja dapat terjadi dalam suatu organisasi ketika tugas – tugas

operasional dijalankan terlalu lambat dalam mencapai sasaran yang diinginkan dan

cenderung menurun. contoh permasalahan yang dihadapi dalam sistem lama :

Tabel 1.1 Analisis Kinerja (Performance)

Sistem lama Sistem baru

- Jumlah pekerjaan yang di lakukan kurang

efektif.

- Penyampaian informasi dan promosi masih

bergantung pada sumber daya manusia

sehingga kinerja yang dihasilkan kurang

efektif.

- Jumlah Pekerjaan yang di lakukan

lebih efektif.

- Penyampaian informasi dan

publikasi menggunakan teknologi

internet sehingga lebih efektif

3.2 Analisis Informasi ( information )

Informasi adalah hal yang penting, informasi tidak akurat karena informasi yang

disajikan tidak jelas ruang lingkupnya dan menyeluruh. Informasi tidak dapat di up to date

dengan cepat untuk melakukan perubahan. Meningkatkan efektifitas informasi bukanlah

menghasilkan volume informasi dalam jumlah besar melainkan cepat dan tepat juga

relevan sesuai yang diharapkan.

Tabel 1.2 Analisis Informasi ( Information )

Sistem lama Sistem baru

- Ketepatan dan kejelasan informasinya

kurang akurat karena hanya

disampaikan melalui brosur dan media

cetak lainnya

- Kurang tepat waktu, karena sangat sulit

di perbaiki apabila terjadi kesalahan

dalam penulisan apalagi brosur sudah

tersebar

- Informasi disampaikan melalui sistem

yang terkoneksi dengan internet

sehingga lebih akurat

- Apabila terjadi kesalahan dalam

penulisan, maka akan langsung

diperbaiki melalui sistem sehingga

lebih tepat waktu.

3.3 Analisis Ekonomi ( Economy)

Berdasarkan penilaian secara ekonomi, maka sistem lama, lebih lambat

menyesuaikan apabila terjadi kesalahan dalam penyediaan informasi, selain itu dinilai

dari penggunaan sumber daya tidak efektif karena waktu yang dibutuhkan dalam

pengolahan data dan pelayanan cukup lama sehingga menimbulkan peningkatan biaya

operasi.

Tabel 1.3 Analisis Ekonomi ( Economy)

Sistem lama Sistem baru

- Pembuatan brosur, penggunaan kertas,

tinta dan juga alat bantu tulis lainnya,

bisa dikatakan boros karena tidak dapat

dipakai lagi jika terjadi kesalahan dalam

penyampaian informasi dan promosi.

- Dengan adanya website informasi

dan promosi, biaya dapat lebih

dihemat, dan kalaupun ada

kesalahan langsung bisa

diperbaiki.

3.4 Analisis Pengendalian ( Control )

Analisis pengendalian adalah peningkatan terhadap pengendalian untuk

mendeteksi dan memperbaiki kesalahan-kesalahan serta kekurangan-kekurangan yang

akan terjadi. Pengendalian dalam sistem sangat diperlukan keberadaanya untuk

menghindari dan mendeteksi secara dalam penyalahgunaan atau kesalahan sistem serta

menjamin keamanan data dan informasi.

Tabel 1.4 Analisis Pengendalian ( Control )

Sistem Lama Sistem Baru

- Kontrol terhadap informasi lebih tidak

biasa di lakukan, karena data /

brosur yang sudah di berikan kepada

siswa atau masyrakat untuk di

publikasikan sulit untuk di lakukan

perubahan apabila terjadi kesalahan.

- kontrol terhadap informasi lebih mudah di

lakukan karena di publikasikan lewat

website di lakukan oleh bagian

perlengkapan data/admin SMK N 1

karanggayam sehingga kesalahan dapat

langsung di perbaiki.

3.5 Analisis Efisiensi ( efficiency )

Analisis efisiensi adalah penigkatan terhadap efesiensi operasional, berbeda

dengan ekonomi. Bila ekonomi berhubungan dengan inputnya, efisiensi tersebut

berhubungan dengan bagaimana sumber daya itu digunakan agar tidak terjadi

pemborosan. Sistem dikatakan efisien atau berhasil, jika dapat mencapai sasaran yang

diinginkan, tidak mengeluarkan banyak waktu dan tenaga kerja karyawan/stsff yang

berlebihan.

Tabel 1.5 Analisis Efisiensi (Efficiency)

Sistem Lama Sistem Baru

- Informasi yang di sediakan melalui

media cetak seperti brosur, sangat

membutuhkan biaya yang cukup

besar dan waktu yang lama,

cenderung informasi yang di berikan

lebih sedikit.

- Dengan adanya informasi tambahan

seperti website dapat meningkatkan

kualitas informasi yang akan di

sampaikan terhadap muridnya dan juga

masyarakat, cenderung biaya yang di

keluarkan lebih sedikit.

3.6 Analisis Pelayanan ( Service )

Analisis pelayanan adalah peningkatan terhadap pelayanan yang dihasilkan oleh

sistem. Sistem yang sedang dijalankan atau digunakan saat ini tidak untuk meningkatkan

kinerja pelayanan terhadap penyampaian informasi kepada tamu maupun muridnya

dengan tidak mengenal ruang waktu, dan informasi tidak dapat diterima secara

maksimal.

Tabel 1.6 Analisis Pelayanan ( Service )

Sistem Lama Sistem Baru

- Pelayan yang di berikan pihak sekolah

terhadap murid, Guru dan juga

masyarakat yang berkepentingan atau

ingin mengetahahui tentang kegiatan

SMK N 1 Karanggayam hanya

terbatas dengan waktu jam kerja atau

jam sekolah saja.

- Pelayan yang di berikan bisa di lakukan

dengan menggunakan e-mail, contact

form yang ada di website. Dan itu bisa

di lakukan oleh user kapan saja di mana

saja selama terhubung dengan internet.

3.7 Relasi Antar Tabel

Relasi antar tabel berguna untuk memudahkan dalam menghubungkan tabel dan

dalam satu tabel memiliki ciri khas yang dapat menjadi kunci utama dalam pengaksesan

tabel, berikut ini adalah relasi antar tabel.

Tabel 3.20 Relasi Antar Tabel.

Keterangan :

* Primarry key (Kunci utama)

Primary key yaitu suatu atribut atau suatu set minimal atribut yang tidak hanya

mengidentifikasikan secara unik suatu kejadian spesifik, tapi juga dapat mewakili

suatu kejadian dari suatu entity.

** Foreign key (Kunci tamu)

Foreign key yaitu suatu atribut yang melengkapi satu hubungan yang menunjukan

keinduknya.

4. Halaman Antar Muka

4.1 Tampilan menu Admin

Halaman Administrator

1. Halaman Login Administrator

Halaman login administrator adalah halaman yang digunakan oleh seorang admin

untuk dapat masuk ke dalam halaman utama administrator dengan memasukan

username dan password.

Gambar 4.17 Halaman Login Administrator

2. Halaman Utama Administrator

Halaman utama administrator merupakan halaman utama setelah seorang admin

sukses melakukan login. Halaman ini berisi menu-menu yang digunakan untuk

mengelola content website.

Gambar 4.18 Halaman Utama Administrator

4.2 Halaman User

Adapun pembahasan yang di lakukan terhadap bagian-bagian manual program

bagi user adalah sebagi berikut:

1. Halaman Home

Gambar 4.19 Halaman Home User

2. Halaman profil

Halaman ini berisi informasi profil sekolah sekolah,

Gambar 4.20 Halaman Profil

3. Halaman jurusan

Halaman ini terdapat 2 jurusan yaitu:

1. Jurusan Teknik Mekani Otomotif

Gambar 4.21 Halaman Jurusan Otomotif

2. Tata Busana

Gambar 4.22 Halaman Jurusan Tata Busana

4. Halaman Guru

Halaman ini berisikan pemberitahuan kepala sekolah dan semua guru yang ada di

SMK N 1 Karanggayam, jika ingin melihat detail guru klik di nama guru. Selain itu di

mana ada link untuk proses login guru.

 

Gambar 4.23 Halaman Guru

1. Halaman login guru

Halaman ini merupakan halaman yang di gunakan guru untuk login guru

Gambar 4.24 Halaman Login Guru

2. Halaman indek guru

Halaman Ini merupakan halaman pertama kali muncul pada saat login sukses

Gambar 4.25 Halaman Indek Guru

5. Halaman staff

Halaman ini berisi info staff yang ada pada smk negri karanggayam dan jika ingin

melihat detail staff klik di nama staff.

Gambar 4.26 Halaman Staff

6. Halaman Siswa

Halaman ini berisi info siswa yang ada pada smk negri karanggayam, yang dan jika

ingin melihat detail siswa klik di nama siswa.

Gambar 4.27 Halaman Siswa

7. Halaman agenda sekolah

Halaman ini di gunakan untuk semua pemberitahuan kegiatan smk n

karanggayam terhadap murid – muridnya ataupun users.

Gambar 4.29 Halaman Agenda

8. Halaman Buku Tamu

Halaman ini berisi saran dan kritik pengunjung untuk mengisi pesan, nama e-

mail, subjek dan pesan.

Gambar 4.31 Halaman Buku Tamu

5. Kesimpulan

Dari hasil pembuatan website untuk lembaga pedidikan SMK N 1 karanggayam,

maka kesimpulannya adalah sebagai berikut :

1. Website adalah media yang tepat untuk memberikan pelayanan informasi dan

promosi kepada masyarakat dan siswa SMK karena dapat diakses kapan saja

dan dimana saja.

2. Website memberikan informasi kepada manajemen sekolah tentang kebutuhan

masyarakat, sehingga dapat dijadikan masukkan dalam pengambilan

keputusan.

3. Pengadaan website ini tidak membutuhkan biaya yang besar.

4. Sistem yang di usulkan penyusun memiliki beberapa kelebihan yaitu, selain

sebagai media informasi dan promosi seperti web pada umumnya yang di

sajikan up to date, web bersifat dinamis, dan desaien interface yang futuristik

menjadi daya tarik bagi para pengunjung.

5. Sedangkan kekurangan dari sistem ini adalah tidak memiliki fasilitas login siswa

karena hanya sebagi media informasi dan promosi.

DAFTAR PUSTAKA

Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta: Andi.

Betha, Ir & Husni I. Pohan. 2001. Pemrograman Web dengan HTML. Bandung:

Informatika. Hakim, Lukmanul. 2009. Trik Rahasia Master PHP Terbongkar Lagi. Yogyakarta:

Lokomedia. Hakim, Lukmanul. 2010. Bikin Website Super Keren dengan PHP dan JQuery.

Yogyakarta: Lokomedia. Hartono, Jogiyanto. 2005. Analisis dan desain Sistem Informasi : Pendekatan Terstruktur

teori dan praktek aplikasi bisnis. Yogyakarta: Andi. Kadir, Abdul.2003. Pengenalan Sistem Informasi. Yogyakarta: Andi. Kusrini & Andi Koniyo. 2007. Tuntunan Praktis Membangun Sistem Informasi Akuntansi

dengan Visual Basic dan Microsoft SQL Server. Yogyakarta: Andi. Laudon, Kenneth C. & Jane P. Laudon. 2008. Sistem Informasi Manajemen. Jakarta:

Salemba Empat. Madcoms. 2008. Aplikasi Web Database Menggunakan Adobe Dreamweaver CS3 dan

Pemrograman PHP dan MySQL. Yogyakarta: Andi. McLeod, Raymond & George P. Schell. 2008. Sistem Informasi Manajemen. Jakarta:

Salemba Empat. Nugroho, Bunafit. 2004. PHP dan MySQL dengan Editor Dreamweaver MX. Yogyakarta:

Andi. Sidik, Betha. 2002. Pemrograman Web dengan PHP. Bandung: Informatika. Supriyanto, Aji. 2005. Pengantar Teknologi Informasi. Jakarta: Salemba Infotek. Wahana Komputer. 2006. Panduan Lengkap Menguasai Pemrograman Web dengan

PHP 5. Yogyakarta: Andi.