MEMBANGUN WEB SEBAGAI MEDIA INFORRMASI

PADA SMK TI KARTIKA CENDEKIA PURWOREJO

SKRIPSI

Disusun oleh:

Landi Wicaksono

10.22.1266

JURUSAN SISTEM INFORMASI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM

YOGYAKARTA

2012

ii

iii

BUILD A WEB AS MEDIA OF INFORMATION FOR SMK TI KARTIKA CENDEKIA PURWOREJO

MEMBANGUN WEB SEBAGAI MEDIA INFORMASI PADA SMK TI KARTIKA CENDEKIA PURWOREJO

Landi Wicaksono Jurusan Sistem Informasi

STMIK AMIKOM YOGYAKARTA

ABSTRACT

The development of information technology is rapidly increasing, especially in the

field of Internet. Making a lot of people who access the Internet to find information.

Through the internet people get the latest information quickly and accurately. The

distance and time difference is no longer an obstacle for someone who wants to obtain

information. Websites have become the perfect medium for the promotion or delivery of

information quickly, precisely and accurately.

A school needs a website as a medium of information on students and parents as

well as media campaigns that are known in the surrounding area. In scientific writing, the

author tries to create a website design for SMK TI Kartika Cendekia Purworejo using the

software Macromedia Dreamweaver, Macromedia Flash, Adobe Photoshop, Personal

Homepage (PHP), Apache server (XAMPP) and MySQL database.

The results of analysis of the problems found many things that are overlooked in

the delivery of information. The response is slower, less up to date information, and

learning that still rely on the delivery of information makes the grade in SMK TI Kartika

Cendekia Purworejo Paste less than optimal.

Keywords: website, information, learning

iv

DAFTAR ISI

Persetujuan Naskah Publikasi ............................................................................................ ii

Abstract ............................................................................................................................. iii

Daftar Isi ............................................................................................................................ iv

BAB I PENDAHULUAN ..................................................................................................... 1

BAB II LANDASAN TEORI ................................................................................................ 1

2.1 Tinjauan Pustaka .................................................................................................. 1

2.2 Sejarah Internet .................................................................................................... 1

2.3 World Wide Web (WWW) ................................................................................... 1

2.4 Sejarah E-Commerce ........................................................................................... 2

2.5 Script Pemrograman ............................................................................................. 2

2.6 Pemrograman Database....................................................................................... 2

2.7 Web Server ........................................................................................................... 2

2.8 Macromedia Dreamweaver 8 ................................................................................ 3

BAB III ANALISIS DAN PERANCANGAN SISTEM ......................................................... 3

3.1 Tinjauan Umum .................................................................................................... 3

3.2 Analisis Sistem ..................................................................................................... 3

3.3 Perancangan Sistem ............................................................................................ 3

3.4 Perancangan User Interface ................................................................................. 4

BAB 4. IMPLEMENTASI DAN PEMBAHASAN .................................................................. 4

4.1 Implementasi ........................................................................................................ 4

4.2 Pembahasan ........................................................................................................ 5

4.3 Manual Program ................................................................................................... 5

4.4 Manual Instalasi .................................................................................................... 5

4.5 Pemeliharaan Sistem ........................................................................................... 6

BAB 5. PENUTUP .............................................................................................................. 6

DAFTAR PUSTAKA

1

1. Pendahuluan

Website telah menjadi media yang sangat tepat untuk melakukan promosi atau

penyampaian informasi yang cepat dan akurat. Sebuah sekolah membutuhkan website

sebagai media informasi pada siswa, guru, ataupun masyarakat serta sebagai media

promosi agar dikenal di daerah sekitarnya dan bisa juga sebagai media pembelajaran.

Untuk mencapai kebutuhan diatas, sebuah situs web haruslah dinamis.

2. Landasan Teori

2.1 Tinjauan Pustaka

Era modern ini website sebagai sarana informasi banyak sekali kita temukan.

Ada yang menggunakan website sebagai sarana penjualan (E-Commerce), sarana

pendidikan (E-Learning) juga di bidang kesehatan (E-Medicine).

Penulis menggunakan hasil penelitian lain sebagai referensi untuk penulisan

skripsi ini. Referensi yang digunakan yaitu berjudul ”Membangun Website E-Commerce

Sebagai Sarana Ekspor Udang Lobster Red Calw Pada Farm Jogja Lobster” yang

disusun oleh Rudi Syadeli tahun 2010 Jurusan Sistem Informasi Jenjang Strata 1 STMIK

AMIKOM YOGYAKARTA.

2.2 Sejarah Internet

Internet merupakan suatu jaringan komputer yang di bentuk oleh departemen

pertahanan Amerika di awal tahun 60-an, melalui proyek ARPA (Advanced Research

Project Agency) yang disebut ARPANET. Mereka mendemonstrasikan bagaimana

hardware dan software komputer berbasis UNIX dapat melakukan komunikasi dalam

jarak yang tidak terhingga melalui saluran telepon. Proyek ARPANET merancang bentuk

jaringan, kehandalan, dan seberapa besar informasi dapat dipindahkan.

ARPANET di bentuk secara khusus oleh empat Universitas yaitu: Stanford

Research Institute, University of California at Santa Barbara, University of California at

Los Angeles, dan University at Utah. Mereka membentuk satu jaringan terpadu di tahun

1969 dan secara umum ARPANET diperkenalkan pada bulan Oktober 1972.

2.3 World Wide Web (WWW)

Awalnya intenet adalah sebuah proyek yang dimaksudkan untuk

menghubungkan para ilmuwan dan peneliti di Amerika, namun saat ini telah tumbuh

menjadi media komunikasi global yang dipakai semua orang di muka bumi. Pertumbuhan

ini membawa beberapa masalah penting mendasar, di antaranya kenyataan bahwa

Internet tidak diciptakan pada jaman graphical user interface (GUI) seperti saat ini.

Internet dimulai pada masa dimana orang masih menggunakan alat-alat akses yang tidak

2

user-friendly yaitu terminal berbasis teks serta peintah-perintah command-line yang

panjang-panjang dan sukar diingat, sangat berbeda dengan komputer dewasa ini yang

menggunakan klik tombol mouse pada layar grafik berwarna.

2.4 Sejarah E-Commerce

Penerapan Electronic Commerce bermula diawal tahun 1970-an, dengan adanya

Electronic Fund Transfer(EFT). Saat itu, tingkat aplikasinya masih terbatas pada

perusahaan besar, lembaga keuangan, dan beberapa perusahaan kecil. Kemudian

muncul Electronic Data Interchange(EDI), yang berkembang dari transaksi keuangan ke

pemrosesan transaksi lain. Banyak perusahaan yang ikut, mulai dari lembaga keuangan

sampai perusahaan manufaktur, dan layanan. Aplikasi lain kemudian muncul, memiliki

jangkauan dari perdagangan saham hingga sistem reservasi perjalanan, aplikasi ini

disebut aplikasi telekomunikasi.

2.5 Script Pemrograman

HTML adalah serangkaian konstruksi standar yang dapat membangun halaman

web. Dimana HTML merupakan bahasa markup yang digunakan untuk melakukan

markup dokumen teks, seperti editor markup halaman untuk publishing, yang

mengindikasikan format mana yang seharusnya digunakan untuk menampilkan teks yang

sudah di mark. HTML didesain untuk menspesifikasikan ke organisasi logika dari

dokumen teks, dengan extentions penting untuk hypertext links dan interaksi user.

2.6 Pemrograman Database

Definisi dari database adalah kumpulan dari beberapa data dalam jumlah

banyak, saling berhubungan dan mempunyai arti tertentu (Riyanto, 2003). Database

secara global terdiri dari kumpulan tabel yang berisi baris dan kolom. Tiap baris dan tabel

mewakili satu unit data yang disebut dengan record dan kolom di dalam tabel (disebut

dengan field) merupakan keterangan dari masing-masing record.

2.7 Web Server

Web Server adalah sebuah perangkat lunak server yang berfungsi menerima

permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan

mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya

berbentuk dokumen HTML. Server web yang terkenal diantaranya adalah Apache dan

Microsoft Internet Information Service (IIS). Apache merupakan web server antar-

platform, sedangkan IIS hanya dapat beroperasi di sistem operasi Windows.

3

2.8 Macromedia Dreamweaver 8

Macromedia Dreamweaver 8 merupakan sebuah HTML editor profesional untuk

mendesain web secara visual dan mengelola situs atau halaman web. Pada

Dreamweaver 8, terdapat beberapa kemampuan bukan hanya sebagai software untuk

mendesain web saja tetapi juga untuk menyunting kode serta pembuatan aplikasi Web

dengan menggunakan berbagai bahasa pemrograman Web, antara lain: JSP, PHP, ASP

dan ColdFusion.

3. Analisis dan Perancangan Sistem

3.1 Tinjauan Umum

Perkembangan batik mengalami kemajuan yang begitu pesat, seiring lembaga

PBB untuk Pendidikan, Sains, dan Budaya (UNESCO) telah menetapkan bahwa batik

sebagai warisan budaya dari Indonesia (the world cultural heritage of humanity from

Indonesia). Apalagi di kota besar yang syarat dengan pelajar/mahasiswa seperti di

Yogyakarta. Di kota ini banyak lalu-lalang anak manusia dari seluruh pelosok tanah air

yang sedang mengadukan nasibnya di kota ini untuk menuntut ilmu.

3.2 Analisis Sistem

Analisis dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang

utuh ke dalam bagian-bagian atau komponennya dengan maksud untuk mengidentifikasi

dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-

hambatan yang terjadi dan kebutuhan-kebutuhan yang dihadapkan sehingga dapat

diusulkan perbaikan-perbaikannya.

3.3 Perancangan Sistem

D.F.D atau Diagram Alir Data dipergunakan untuk mendokumentasikan proses

aliran data sistem. Pada aplikasi Aplikasi Penjualan Online berbasis web dapat

digambarkan DFD sebagai berikut :

Tabel 1.1 Simbol dan Keterangan DFD (Menurut Gene And Sarson Simbol)

Simbol DFD Keterangan

SOURCE (KESATUAN LUAR)

PROSES

4

DATA FLOW (ARUS DATA)

DATA STORE (SIMPANAN DATA)

3.4 Perancangan User Interface

4. Implementasi dan Pembahasan

4.1 Implementasi

Tahap implementasi (system implementation) sistem merupakan tahap

meletakkan sistem supaya siap untuk dioperasikan. Tahap ini termasuk pembuatan

database, pembuatan program, dan pembuatan layout halaman aplikasi.

Tahap implementasi sistem dapat terdiri dari langkah – langkah :

1. Menerapkan rencana implementasi.

2. Melakukan kegiatan implementasi.

3. Tindak lanjut imlementasi.

5

4.2 Pembahasan

Untuk melakukan koneksi database diperlukan sebuah koding perintah seperti

koding di bawah ini.

<?php

$server = "localhost";

$username = "root";

$password = "";

$database = "sma2";

// Koneksi dan memilih database di server

mysql_connect($server,$username,$password) or die("Koneksi gagal");

mysql_select_db($database) or die("Database tidak bisa dibuka");

?>

4.3 Manual Program

Manual program merupakan petunjuk bagi pemakai tentang bagaimana cara

mengoperasikan website sehingga nantinya dapat dicapai apa yang diinginkan.

1. Halaman Beranda

Halaman home menampilkan info terbaru sekolah, berita terbaru, menu login

siswa, link berita (gabungan info dan berita terbaru), buku tamu, kalender.

Gambar 4.1 Halaman Beranda

6

4.4 Manual Instalasi

Untuk menginstall database ke server maka langkah pertama yang harus

dilakukan adalah mengeksport database yang ada di phpMyadmin localhost. Sebelum

melakukan export database terlebih dahulu kita harus login ke dalam cpanel account

yang sudah dengan memasukkan user dan password yang benar.

Gambar 4.2 Login ke Web Hosting

4.5 Pemeliharaan Sistem

Walaupun telah didesain, dibangun dan diuji coba, sistem atau aplikasi bisa

mengalami error atau bug yang tidak bisa dihindari. Bug bisa disebabkan oleh beberapa

hal antara lain :

a. Kebutuhan sistem yang kurang divalidasi.

b. Kebutuhan sistem yang kurang dikomunikasikan.

c. Kebutuhan sistem yang disalahtafsirkan.

d. Kesalahan dalam mendesain dan mengimplementasikan kebutuhan sistem.

5. Penutup

Kesimpulkan yang dapat diambil setelah beberapa tahapan dalam

menyelesaikan Aplikasi Penjualan Online Berbasis Web Pada Toko Batik Yully ini,

antara lain:

1. Situs yang dibuat menggunakan bahasa PHP dan database MySQL,

sehingga situs tersebut lebih mudah dalam memangupdate informasi

didalam situs karena ada content management system.

7

2. Situs yang isinya up to date, dapat meningkatkan citra dan

memperkenalkan adanya SMK TI Kartika Cendekia sebagai salah satu

SMK IT yang siap bersaing di Purworejo.

3. Situs yang dibuat dengan animasi minim, sehingga dapat mempercepat

akses.

4. Dengan adanya sistem informasi berbentuk web, informasi akan lebih

cepat sampai kepada user.

5. Kelebihan situs yang dibuat penulis adalah situs ini dilengkapi fasilitas

download materi,tugas,jadwal dan nilai siswa. Untuk guru ada fasilitas

input nilai (wali kelas),upload (materi,tugas,dan jadwal).

6. Kekurangan situs ini adalah desain yang kurang menarik dan belum ada

print out nya.

8

DAFTAR PUSTAKA

John Burch, Gary Grudnitski, 1986. Information Systems, Theory and Practice, New York : John Wiley & Sons

Jogiyanto, HM.1989. Analisis & Disain Sistem Informasi: Pendekatan Terstruktur Teori

dan Praktek Aplikasi Bisnis. Yogyakarta : Andi

Supriyanto, Aji, 2000. Pengantar Teknologi Informasi. Jakarta: Salemba Infotek. Suyanto, M. 2004. Analisis & Desain Aplikasi Multimedia untuk Pemasaran. Yogyakarta:

Andi.

Wahyono, Teguh. 2004. Sistem Informasi Konsep Dasar, Analisis Desain dan Implementasi. Yogyakarta: Graha Ilmu

Rivaldi Yudhi. 2005. Analisis dan Perancangan Sistem Informasi Akademik pada Politehnik Kesehatan Padang, Skripsi .STMIK AMIKOM Yogyakarta

Sidik, Bertha, 2005. MySQL Untuk Pengguna, Administrator, dan Pengembang Aplikasi

Web. Bandung: Informatika.

Wahana Komputer, 2006. Menguasai Pemrograman Web dengan PHP 5. Yogyakarta:

Andi Publisher

Fatta Hanif Al, 2007.Analisis Perancangan Sistem Informasi.Jogjakarta:ANDI

9