PERAP

SEKOL

NCANGANPROMOSI

LAH TINGG

N SITUS WPADA LPK

NAS

d

Deti

GI MANAJE

YO

EB SEBAGK AISHIRO

KAH PUBL

diajukan ole

Supriyati L

10.11.365

kepada

EMEN INFOAMIKOM

OGYAKAR2013

GAI MEDIA GAKUEN

LIKASI

eh:

Lestari

55

ORMATIKAM RTA

A INFORMASEMARAN

A DAN KOM

ASI DAN NG

MPUTER

WEBSITE DESIGN FOR MEDIA INFORMATION AND PROMOTION IN LPK AISHIRO GAKUEN SEMARANG

PERANCANGAN SITUS WEB SEBAGAI MEDIA INFORMASI DAN PROMOSI PADA LPK AISHIRO GAKUEN SEMARANG

Deti Supriyati Lestari

Jurusan Teknik Informatika

STMIK AMIKOM YOGYAKARTA

ABSTRACT

As one of the Skills Training Institute in collaboration with foreign private companies outside the country at the moment still using simple promotional media , such as brochures , banners , and from person to person . It is less effective and efficient as well as very limited range of information and make LPK is less known by the public and can compete with other LPK . Websites are one source of accurate information giver and cost-effective time and accessible by anyone , anywhere and anytime in an effort to improve the information system better in the future so that the public can obtain information quickly and accurately on LPK Aishiro Gakuen .

To resolve these problems the researchers conducted interviews directly to the head of LPK is authorized to answer questions and obtain the necessary information , as well as the collection of data obtained directly from the institution .

With the website 's LPK Aishiro Gakuen Semarang submitted information can be

easily accessed by the publ. Keyword: website, promotion, LPK AishiroGakuen

1. Pendahuluan

Penggunaan website sudah menjadi suatu perhatian oleh banyak kalangan, mulai

dari pengusaha, akademisi, pemasaran, praktisi media massa, perusahaan, hingga

instansi pemerintahan. Dari website ini banyak kalangan menggunakannya sebagai

media promosi, alat penjualan, hingga memberikan materi informasi yang berkaitan

gambaran detail suatu instansi atau lembaga.

LPK Aishiro Gakuen semarang sebagai salah satu Lembaga Pelatihan Keterampilan

(LPK) dan tempat Kursus bahasa asing yang bekerja sama dengan perusahaan swasta

asing diluar negei pada saat ini masih menggunakan media publikasi yang sederhana

,seperti brosur-brosur, spanduk, dan dari orang ke orang. hal ini kurang efektif dan

efisien serta jangkauan informasi yang sangat terbatas dan membuat LPK ini kurang

dikenal oleh masyarakat luas dan dapat bersaing dengan lpk lainnya.

Berdasarkan permasalahan yang ada pada LPK Aishiro Gakuen Semarang , maka

penulis terdorong untuk mengupayakan membangun sebuah website yang nantinya

sebagai media informasi dan promosi LPK Aishiro Gakuen Semarang dan mengambil

Judul “PERANCANGAN SITUS WEB SEBAGAI MEDIAINFORMASI DAN PROMOSI

PADA LPK AISHIRO GAKUEN SEMARANG”.

2. Landasan Teori

2.1 Pengertian Informasi

Informasi bisa diartikan sebagai data-data yang dikelola dan diolah

sedemikian rupa sehingga menjadi sesuatu yang penting untuk si penerima dan

dapat berupa fakta atau nilai yang bermanfaat.

2.2 Pengertian Promosi

Promosi merupakan teknik komunikasi yang secara penyampaiannya

dengan menggunakan media seperti pers, televisi, radio, papan nama, poster,

brosur dan lain-lain yang bertujuan untuk menarik minat konsumen terhadap hasil

produksi dari perusahaan.

2.3 Pengertian Website

Website merupakan kumpulan halaman-halaman yang digunakan untuk

menampilkan informasi, gambar gerak, suara dan gabungan dari semuanya baik

bersifat statik maupun dinamik yang membentuk satu rangkaian bangunan yang

saling terkait.

2.4 Pengertian Internet

Internet (Interconnecting Network) adalah sebuah sistem komunikasi global

yang menghubungkan komputer-komputer dan jaringan-jaringan di seluruh dunia

tanpa mengenal batas teritoria budaya dan hukum untuk menyebarkan informasi

dan mendapatkan informasi.

2.5 Pengertian Analisis Sistem

Analisis sistem adalah tehnik pemecahan masalah yang menguraikan

bagian-bagian komponen dengan mempelajari seberapa bagus bagian-bagian

komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan sistem tersebut.

2.5.1 Analisis PIECES

Analisis PIECES (Performance, Information, Economic,Control, Eficiency,

Service) dilakukan dengan cara melakukan analisis terhadap kinerja, informasi,

ekonomi, pengendalian, efisiensi dan pelayanan.

2.5.2 Analisis Kebutuhan Sistem

Analisis ini bertujuan untuk memahami kebutuhan dari sistem yang

baru.Kebutuhan sistem ini ada 2 jenis yaitu kebutuhan fungsional dan kebutuhan

non-fungsional. Kebutuhan fungsional sistem adalah kebutuhan yang berisi

proses-proses apa saja yang dibutuhkan oleh sistem. Kebutuhan non-fungsional

adalah tipe kebutuhan yang berisi properti perilaku yang dimiliki oleh sistem.

2.5.3 Analisis Kelayakan Sistem

Tahapan ini berguna untuk memastikan bahwa solusi yang diusulkan

tersebut benar-benar dapat tercapai dengan sumber daya dan dengan

memperhatikan kendala yang terdapat pada permasalahan serta dampak

terhadap lingkungan sekeliling.

2.6 Konsep Dasar Perancangan Sistem

2.6.1 Diagram Alir Data (Data Flow Diagram/DFD)

Data Flow Diagram atau DFD memiliki beberapa tingkat(level) yaitu:

a. Diagram Konteks

Diagram konteks merupakan diagram yang memiliki tingkatan paling

tinggi, yang terdiri dari suatu proses dan menggambarkan ruang lingkup

sistem.

b. Diagram Nol

Diagram nol merupakan diagram antara diagram konteks dan

diagram rinci yang menggambarkan proses utama dari DFD yang

sedang di kembangkan

c. Diagram Rinci

Diagram rinci merupakan diagram yang paling bawah yang

merupakan penguraian dari proses yang ada pada diagram nol.

2.6.2 Pengertian Basis Data

Database merupakan sekumpulan data yang saling terintegrasi satu sama

lain dan terorganisasi berdasarkan sebuah skema atau struktur tertentu dan

tersimpan pada sebuah hardware komputer. Database terdiri dari beberapa tabel

yang saling berkaitan dan terorganisir.

2.6.3 Entity Relationship Diagram (ERD)

ERD adalah gambar atau diagram yang menunjukkan informasi dibuat,

disimpan dan digunakan dalam sistem bisnis.

2.7 Bahasa Pemrograman

2.7.1 HTML (Hypertext Markup Language)

HTML atau Hypertext markup language adalah sebuah bahasa

pemrograman yang digunakan untuk membuat suatu halaman web yang dapat

diakses melalui komputer. Dengan menggunakan bahasa html, program yang

kita buat dapat dilihat sebagai sebuah halaman web.

�

2.7.2 PHP (Hypertext Preprocessor)

PHP adalah bahasa server-side scripting yang menyatu dengan HTML

untuk membuat halaman web yang dinamis. Maksud dari server-side scripting

adalah sintaks dan perintah-perintah yang diberikan akan sepenuhnya dijalankan

diserver tetapi disertakan pada dokumen HTML.

2.7.3 CSS (Cascading Style Sheet)

CSS atau Cascading Style Sheet adalah bahasa sederhana yang

mengizinkan kita untuk memasukkan suatu format tertentu kedalam kode HTML.

Dengan Menggunakan CSS, tampilan pada halaman web kita tampak lebih

menarik.

2.7.4 jQuery (Javascript Library)

jQuery adalah Javascript library atau kumpulan kode/fungsi Javascript siap

pakai.

�

2.8 Perangkat Lunak Yang Digunakan

2.8.1 Notepad++

Notepad++ merupakan text editor yang digunakan untuk menuliskan

kode/script program.Notepad++ mendukung banyak bahasa pemrograman.

Selain itu notepad++ mempunyau fitur yang lengkap sehingga memudahkan

saat melakukan edit program.

2.8.2 Adobe Dreamweaver CS4

Dreamweaver merupakan salah satu software dari kelompok adobe yang

banyak digunakan untuk mendesain situs web. Adapun Adobe Dreamweaver

sendiri adalah sebuah HTML editor professional yang berfungsi mendesain

secara visual dan mengelola situs web maupun halaman web.

2.8.3 XAMPP

Perangkat lunak berfungsi sebagai server sendiri dikomputer, bisaanya

disebut dengan localhost.XAMPP mendukung banyak sistem operasi.

2.8.4 MySql

Mysql adalah multiuser database yang menggunakan bahasa structured

query language (SQL) yang artinya mysql mampu menangani data yang cukup

besar dan dapat diakses oleh banyak user dengan computer yang berbeda

2.8.5 Web Browser

Web browser merupakan software yang berfungsi sebagai jembatan yang

menghubungjan pengguna dengan web.Dengan web browser memungkinkan

user untuk dapat mengakses dan melihat setiap dokumen web.Macam-macam

browser diantaranya adalah Internet Exploler, Google Chrome, Mozula Firefox,

Safari, Opera.

3. Analisis dan Perancangan

3.1 Sistem Promosi LPK

Sistem promosi yang ada di LPK saat ini masih menggunakan brosur dan

spanduk yang mana jangkauannya hanya sebatas kota Semarang dan sekitarnya

saja. salah satu cara yaitu denga turun kejalanan langsung memberikan kepada

pengendara yang berhenti disetiap lampu merah disekitar kawasan Simpang 5,

Ungaran, Ambarawa dan kawasan Diponegoro. Untuk pemasangan spanduk masih

relatif sedikit dikarenakan perijinan dan biaya yang tidak murah.

3.2 Analisis Sistem

3.2.1 Identifikasi Masalah

LPK Aishiro Gakuen Semarang merupakan salah satu lembaga pelatihan

kerja yang berada di Kabupaten Semarang yang masih menggunakan cara lama

dalam penyebaran informasi dan media promosi yaitu dengan cara menyebarkan

brosur dan memasang papan spanduk yang jauh lebih mahal dan kurang efektif jika

dibandingkan dengan website yang jangkauan promosinya lebih luas dan tidak

terbatas oleh jarak dan waktu. Dengan adanya website LPK Aishiro Gakuen

Semarang diharapkan dapat menjadi media informasi yang efektif serta akurat.

3.2.2 Analisis PIECES

Tabel Analisis PIECES

Analisis Hasil Analisis

Analisis Kinerja (Performance)

Belum dapat menghasilkan informasi dengan cepat ketika masyarakat membutuhkan informasi, hal ini di sebabkan karena informasi yang diberikan tidak lengkap dan terlambat

Analisis Informasi(Information)

Informasi yang disampaikan bisa jadi tidak akurat karena spanduk atau brosur tidak memuat informasi secara lengkap.

Analisis Ekonomi (Economic)

Membutuhkan biaya yang cukup banyak untuk membuat brosur dan spanduk serta untuk membayar personil.

Analisis Pengendalian (Control)

Informasi sulit untuk dikendalikan/diperbaiki apabila terjadi kesalahan dalam penyampaian informasi, karena informasi sudah terlanjur menyebar.

Analisis Efisiensi (Eficiency)

Sumber daya yang dibutuhkan lebih banyak, yakni dari segi waktu dan tenaga. Selain itu untuk bisa mendapatkan informasi masih terbatas dengan jam kerja. Kelemahan waktu dan tenaga ini dapat berimbas pada biaya operasional

Analisis Pelayanan (Service)

Tatap muka secara langsung masih menjadi peran utama dalam penyampaian informasi, sehingga dengan jam kerja yang terbatas tidak semua pertanyaan atau masalah dapat dilayani.

3.2.3 Analisis Kebutuhan Sistem

3.2.3.1 Kebutuhan Fungsional

a. Kebutuhan fungsional yang diperlukan user bisaa/

pengunjung website

1. Melihat berita dimana pengunjung dapat memberikan

komentar pada berita tersebut,

2. Melihat informasi, jadwal kegiatn, program, profil, album

tentang LPK.

3. Mendownload formulir pendaftaran dan materi kursus.

4. Mengisi form pengunjung pada buku tamu.

b. Kebutuhan fungsional yang diperlukan admin yang

paling bertanggung jawab

1. Admin pada LPK Aishiro Gakuen semarang login

sebagai admin

2. Admin memiliki hak akses sepenuhnya dengan fasilitas

pada website yang dibuat.

3. Input, Edit, Hapus data berita, info, profil, program,

siswa, staff, admin, partner, album, jadwal, kontak dan

download.

4. Menyetujui komentar dan buku tamu yang diisi oleh

pengunjung..

c. Kebutuhan fungsional yang diperlukan staff

1. Staff LPK login sebagai user staff

2. Staff dapat melihat informasi website seperti user bisaa.

d. Kebutuhan fungsional yang dibutuhkan siswa

1. Siswa LPK login sebagai admin staff.

2. Siswa dapat melihat informasi seperti user biasa

3. Siswa dapat melakukan edit data pribadi dengan cara

login menggunakan username dan password.

4. Mendownload formulir pendaftaran dan materi kursus.

5. Mengisi form pengunjung pada buku tamu.

3.2.3.2 Kebutuhan Non-Fungsional

a. Perangkat Keras (hardware)

LPK Aishiro Gakuen Semarang sudah memiliki perangkat

keras computer dengan spesifikasi sebagai berikut:

- Processor : Intel Core 2duocpuE8400 @ 2 Ghz

- Motherboard : Intel

- Memory :DDR2 2GB Visipro

- Hardisk : Seagate 80GB SATA

- DVD-RW : LG

- Speaker : Genius

- Casing : 450 watt spc

- Keyboard : Ps2

- Mouse : Optical Ps2

- Monitor : LCD LG16” W1642s

- Printer : Cannon IP 2770 + Infus

b. Perangkat Lunak (software)

Pengunjung dan administrator dapat menggunakan

berbagai jenis web browser seperti Internet Explorer, Mozila

Firefok, Google Chrome, Opera, Safari.

c. Keamanan

Sistem ini dilengkapi dengan username dan

password untuk admin staff dan siswa.

3.2.4 Analisis Kelayakan Sistem

3.2.4.1 Analisis Kelayakan Hukum

Penerapan sistem yang baru tidak boleh menimbulkan masalah

dikemudian hari akibat melanggar hukum yang akan berlaku, terutama

dalam penggunaan software berlisensi terkait penggunaan aplikasi

pendukung sistem serta aplikasi ini tidak mengandung penipuan,

kejahatan dan hal-hal yang menyangkut kejahatan yang marak sekali di

Indonesia.

3.2.4.2 Analisis Kelayakan Operasional

Sistem ini tidah membutuhkan operator dengan keahlian khusus

untuk dapat mengoperasikannya.Sistem dirancang untuk mudah

dioperasikan. Selain itu dilakukan pelatihan terlebih dahulu sehingga

akan memudahkan staff admin untuk menjalankannya.

3.2.4.3 Analisis Kelayakan Ekonomi.

Sistem yang lama memang tidak membutuhkan biaya yang

besar pada satu waktu.Namun jika diakumulasikan dari tahun ke tahun,

pengeluaran yang di butuhkan ternyata sangat besar.Sementara pada

sistem yang baru memang membutuhkan biaya yang besar dalam satu

3.3 Pera

3.3.1

waktu

penge

ancangan

Konteks D

. Namun has

eluaran per-ta

Diagram

Gamb

sil jangka pa

ahun dalam le

bar Konteks D

anjangnya ak

embaga.

Diagram

an sangat beerdampak paada

3.3.2 DFD Leveel 0

Gambar DDFD Level 0

3.3.3 ERD

G

ambar ERD yyang diusulkkan

44. Hasil Pen

4.1 Impl

pada

sebe

dibua

diing

4.2 Impl

4.2.1

m

nelitian dan

ementasi Sis

Implemen

a perangkat

enarnya.Dari

at benar dan

inkan.

ementasi An

Halaman

Halaman

memperoleh in

Pembahasan

stem

tasi adalah t

lunak diman

kegiatan imp

n dapat meng

ntar Muka

Home Webs

publik diman

nformasi yang

n

ahapan setel

na aplikasi s

plementasi in

ghasilkan kel

site

na setiap ora

g dibutuhkan

lah melakuka

siap diopera

ni diketahui a

luaran yang

ang dapat me

.

an analisa da

asikan pada

apakah progr

sesuai deng

engakses hal

an perancang

keadaan ya

ram yang te

an tujuan ya

laman ini unt

gan

ang

lah

ang

tuk

4.2.2

u

4.2.3

b

Halaman

Halaman

username dan

Halaman

Halaman

berita dan isi b

Admin

yang hanya

n password te

Input Berita

ini digunakan

berita.

a dapat dia

erlebih dahulu

n untuk meng

akses setela

u.

inputkan data

ah pengguna

a berita yang

a memasukk

terdiri dari jud

kan

dul

4.3 Pengujian Program dan Sistem

Pengujian progam dilakukan untuk menemukan kesalahan-kesalahan yang

mungkin terjadi pada pembuatan program.Dengan adanya pengujian ini diharapkan

program yang dibuat dapat berjalan dengan baik tanpa mengalami

kesalahan.Pengujian yang dilakukan meliputi pengujian kesalahan sintaks dan

pengujian kesalahan logika.

Tujuan dari pengujian sistem adalah memastikan bahwa elemen dan

komponen dari sistem telah berfungsi sesuai dengan apa yang diharapkan. Ada dua

jenis pengujian sistem, yaitu black box testing dan white box testing.

5. Kesimpulan

Berdasarkan pembahasan yang telah dilakukan di bab sebelumnya serta melalui

tahap analisis, perancangan implementasi dan pembahasan yang telah dijabarkan dalam

setiap bab, maka dapat ditarik kesimpulan, yaitu:

1. Dengan adanya website ini maka LPK memiliki media untuk menyampaikan

informasi baik untuk keperluan promoi atau untuk hal lain yang berhubungan

dengan LPK serta dapat menyampaikan informasi yang akurat, tepat waktu,

relevan, jelas dan lengkap terhadap kegiatan atau berita lainnya sehingga

memudahkan pengunjung untuk mengetahui informasi kapanpun dan

dimanapun pengunjung berada yang terkoneksi dengan internet.

2. Dengan adanya website ini maka salah satu persyaratan LPK untuk

mendapatkan hak sending ke perusahaan luar negeri sudah terpenuhi.

3. Promosi yang bisa dibuat dan diposting di website ini berupa berita maupun

informasi seputar instansi terkait, juga berupa kegiatan yang diadakan, informasi

ini dapat diupdate setiap saat oleh admin.

DAFTAR PUSTAKA

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

jQuery. Yogyakarta:Lokomedia.

Hanif Al Fatta. 2007. Analisis & Perancangan Sistem Informasi Untuk Keunggulan Bersaing

Perusahaan & Organisasi.Modern. Yogyakarta: Andi Offset.

Jogiyanto. 2005. Analisis & Desain Sistem Informasi: Pendekatan Terstruktur, Teori dan

Praktik Aplikasi Bisnis. Yogyakarta: Andi Offset.

Sunarfrihantono, ST Bimo. 2002. PHP dan MySQL untuk Web. Yogyakarta: Andi Offset.

Wahyudi, Dwi. 2003. Membangun Situs Menggunakan PHP Website. PT Elek Media

Komputindo.Jakarta

www.javawebmedia.com/blog/aplikasi-form-berita-installasi-ckeditor-dan-kcfinder-text-editor-

wysiwyg-dan-file-manager/ diakses pada bulan september 2013

www.Rahmathost.com diakses pada bulan oktober 2013