LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian...

17
LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E-COMMERCE KOREAN WAVE BERBAHASA INDONESIA Disusun Oleh Nama : Arvian Yudiatmoko NIM : 12100803 Program Studi : Teknik Informatika Jenjang : Strata 1 SEKOLAH TINGGI MANEJEMEN INFORMATIKA DAN ILMU KOMPUTER EL RAHMA YOGYAKARTA 2014

Transcript of LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian...

Page 1: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

LAPORAN SKRIPSI

WEBSITE PORTAL BERITA DAN E-COMMERCE KOREAN WAVE

BERBAHASA INDONESIA

Disusun Oleh

Nama : Arvian Yudiatmoko

NIM : 12100803

Program Studi : Teknik Informatika

Jenjang : Strata 1

SEKOLAH TINGGI MANEJEMEN INFORMATIKA DAN ILMU KOMPUTER

EL RAHMA

YOGYAKARTA

2014

Page 2: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

NASKAH PUBLIKASI

Untuk Berkala Penelitian Sarjana ini Telah Disetujui oleh Dosen Pembimbing

Pembimbing

Aris Badaruddin Thoha S.Ag, M.Ag, S.Kom NPP. 200110001

Tanggal 2 September 2014

Page 3: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

PERNYATAAN

Dengan ini kami menyatakan bahwa Laporan Skripsi ini tidak terdapat karya yang

pernah diajukan untuk memperoleh gelar Kesarjanaan di suatu Perguruan Tinggi,

dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang

pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu

dalam naskah ini dan disebutkan dalam daftar pustaka.

Yogyakarta, 2 September 2014

Arvian Yudiatmoko

Page 4: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

INTISARI

LAPORAN SKRIPSI

WEBSITE PORTAL BERITA DAN E-COMMERCE KOREAN WAVE

BERBAHASA INDONESIA

Oleh

Arvian Yudiatmoko

12100803

Korean Wave merupakan sebuah sebutan untuk gerakan yang dilakukan oleh

negara Korea Selatan dalam menyebarkan kebudayaan mereka maupun tradisi

mereka melalui bidang hiburan seperti musik, film, drama, bahkan variety show.

Korean Wave mulai berkembang pesat di Indonesia. Banyak sekali situs tentang

Korean Wave di internet, namun mereka menggunakan bahasa asing seperti

bahasa mandarin, bahasa jepang, dan bahasa inggris, sehingga diperlukan website

tentang Korean Wave menggunakan bahasa Indonesia. Website ini berisi tentang

transaksi penjualan barang – barang bertemakan Korean Wave dan sebagai portal

berita Korean Wave berbahasa Indonesia. Pembuatan website ini menggunakan

framework codeigniter. Dalam codeigniter terdapat konsep MVC ( Model View

Controller) yang dapat mempermudah dalam pembuatan website.

Kata kunci : Website , E-commerce , Portal Berita, Korean Wave

Page 5: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

1. PENDAHULUAN

Korean Wave merupakan sebuah sebutan untuk gerakan yang dilakukan oleh

negara Korea Selatan dalam menyebarkan kebudayaan mereka maupun tradisi

mereka melalui bidang hiburan seperti musik, film, drama, bahkan variety show.

Korean Wave sudah menyebar di beberapa benua seperti benua Asia, Eropa,

bahkan Amerika. Indonesia merupakan salah satu negara dimana Korean Wave

sangat berkembang pesat, hal ini dibuktikan oleh munculnya banyak fanclub

untuk artis Korea, selain itu sering juga diadakan berbagai event-event yang

berhubungan dengan Korean Wave seperti lomba dance cover, festival makanan

asal Korea Selatan, dll.

Akses internet merupakan salah satu sarana bagi para penggemar Korean

Wave agar selalu ter-update tentang perkembangan musik, drama , maupun

variety show yang sedang berlangsung di Korea Selatan. Di dalam jaringan

internet terdapat banyak website yang berisi tentang perkembangan Korean Wave.

Namun, kebanyakan website tersebut menggunakan bahasa asing seperti bahasa

Korea, bahasa inggris , maupun bahasa mandarin, sehingga tidak semua

penggemar Korean Wave di Indonesia mengerti isi dari website tersebut. Di

Indonesia belum terdapat sebuah website yang khusus membahas Korean Wave

dengan menggunakan bahasa Indonesia.

Salah satu dampak yang disebabkan oleh Korean Wave yang terjadi di

Indonesia yaitu banyaknya para remaja yang mengikuti gaya berpakaian para

idola mereka. Segala pernak-pernik maupun pakaian yang digunakan para idola

selalu menjadi barang yang diincar oleh para penggemarnya. Sayangnya, tidak

terdapat banyak toko yang menjual barang-barang tersebut, kebanyakan dari para

penjual hanya menjual secara online melalui beberapa media sosial seperti

facebook, instagram, dan beberapa website periklanan seperti tokobagus.com

maupun berniaga.com . Untuk mempermudah para penggemar mendapatkan

barang-barang mereka inginkan maka diperlukan sebuah website yang khusus

menjual barang-barang bertemakan Korean Wave tersebut.

Page 6: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

Dengan adanya permasalahan-permasalahan tersebut di atas, penulis mencoba

memberikan solusi dengan pembuatan sebuah website penyedia berita Korean

Wave menggunakan bahasa Indonesia sekaligus sebagai tempat khusus penjualan

barang – barang bertema Korean Wave secara online. Berdasarkan hal tersebut

maka dalam penyusunan skripsi ini penulis mengambil judul “WEBSITE

PORTAL BERITA DAN E-COMMERCE KOREAN WAVE BERBAHASA

INDONESIA”.

2. PERANCANGAN SISTEM

2.1. Diagram Konteks

Diagram konteks adalah diagram yang menggambarkan sistem secara

umum dari keseluruhan sistem yang ada. Diagram konteks pada website ini dapat

dilihat pada gambar 2.1 berikut

Gambar 2.1. Diagram Konteks

Page 7: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

2.2. DAD Level 0 Website

Gambar 2.2 DAD Level 0 Website

Page 8: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

2.3. DAD Level 1 Order

Gambar 2.3. DAD Level 1 Order

2.4. DAD Level 1 Input Produk

Kategori

Admin

3.1

InputKategori Produk

Data Kategori Produk

3.2

Input ProdukData Produk

Data Kategori ProdukTervalidasi

Data ProdukTervalidasi

Data Kategori Produk

Produk

Gambar 2.4. DAD Level 1 Input Produk

2.5. DAD Level 1 Input Berita

Kategorinews

Admin

3.1

InputKategori Berita

Data Kategori Berita

3.2

Input BeritaData Berita

Data Kategori BeritaTervalidasi

Data BeritaTervalidasi

Data Kategori Berita

Berita

Gambar 2.5. DAD Level 1 Input Berita

Page 9: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

2.6. Flowchart Program

Gambar 2.6. Flowchart Program

Page 10: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

Gambar 2.7. Flowchart Pemesanan

Page 11: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

B

Baner Y Tambah

Hapus

Edit

N

N

Simpan Baner

Hapus Baner

Edit Baner

Y

Y

Y

Baner

Produk Tambah

Hapus

Edit

N

N

Simpan Produk

Hapus Produk

Edit Produk

Y

Y

Y

Produk

Y

KategoriProduk Tambah

Hapus

Edit

N

N

Simpan Kategori

Hapus Kategori

Edit Kategori

Y

Y

Y

Kategori Produk

Y

Kategori Berita Tambah

Hapus

Edit

N

N

Simpan Kategori

Hapus Kategori

Edit Kategori

Y

Y

Y

Kategori Berita

Y

Biaya Kirim Tambah

Hapus

Edit

N

N

Simpan Biaya Kirim

Hapus Biaya Kirim

Edit Biaya Kirim

Y

Y

Y

Biaya Kirim

Y

N

N

N

Testimonial SetujuY Posting TestimonialY

Hapus Hapus TestimonialY

NTestimonial

N

Penjualan

N

Tambah

Hapus

Edit

N

N

Simpan Berita

Hapus Berita

Edit Berita

Y

Y

Y

Berita

Berita Y

N

N

Daftar Pesanan dan

Konfirmasi Bayar

Y

PesananProses

Batalkan

Y

N

Biaya Kirim

Proses Pesanan Y

Hapus Pesanan

Y

Konfirmasi Bayar

N

Hapus Konfirmasi Pembayaran

Konfirmasi Bayar

YB

N

N

N

N

N

N

N

N

Gambar 2.8. Flowchart Admin

Page 12: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

2.7. Entity Relationship Diagram (ERD)

ERD merupakan suatu model untuk menjelaskan hubungan antar data

dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan

antar relasi. ERD untuk memodelkan struktur data dan hubungan antar data, untuk

menggambarkannya digunakan beberapa notasi dan simbol. Dalam website ini

penulis mencoba membuat rancangan ERD yang akan menghubungkan antara

user, berita, produk, dan admin sebagai pengolah website. Berikut merupakan

ERD pada website ini

Gambar 2.9. Entity Relationship Diagram

3. IMPLEMENTASI SISTEM

Implementasi sistem merupakan tahapan penerapan rancangan sistem yang

telah dibuat. Implementasi sistem bermanfaat untuk menemukan kesalahan pada

sistem saat diterapkan ke dalam program. Pada tahapan ini dilakukan uji coba

program sampai tidak terdapat lagi kesalahan.

Page 13: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

3.1. Tampilan Halaman Utama Pengguna

Halaman utama pengguna merupakan halaman yang pertama kali

ditampilkan dalam website saat pengguna membuka website tersebut.

Implementasi rancangan halaman utama pengguna dapat dilihat sebagai berikut

Gambar 3.1. Tampilan Halaman Utama Pengguna

3.2. Tampilan Halaman Shop

Halaman shop merupakan halaman utama pada penjualan produk. Dalam

halaman ini terdiri dari header, footer, dan konten yang berupa seluruh produk

yang dijual pada website ini

Page 14: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

Gambar 3.2 Tampilan Halaman Shop

3.3. Tampilan Halaman Detail Produk

Halaman detail produk merupakan halaman yang digunakan untuk

menampilkan detail tiap produk yang dijual. Tampilan halaman ini dapat dilihat

pada gambar 3.3 berikut

Gambar 3.3. Tampilan Halaman Detail Produk

Page 15: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

3.4. Tampilan Halaman Detail Berita

Halaman detail berita merupakan halaman yang menampilkan detail tiap

berita termasuk foto, judul, dan isi berita. Tampilan halaman ini dapat dilihat pada

gambar 3.4 berikut

Gambar 3.4. Tampilan Halaman Detail Berita

Page 16: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

3.5. Tampilan Halaman Login

Halaman login digunakan oleh admin untuk memasuki sistem sehingga

dapat mengolah website yang dapat dilihat oleh pengguna. Tampilan halaman ini

dapat dilihat pada gambar 3.5 berikut

Gambar 3.5. Tampilan Halaman Login

3.6. Tampilan Halaman Utama Admin

Halaman utama admin adalah halaman yang pertama kali tampil setelah

admin berhasil melakukan proses login. Dalam halaman ini terdapat berbagai

menu yang dapat digunakan untuk mengolah website yang dapat dilihat oleh

pengguna. Tampilan halaman utama admin dapat dilihat pada gambar 3.6 berikut

Gambar 3.6. Tampilan Halaman Utama Admin

4. KESIMPULAN

Kesimpulan yang dapat diambil dari analisis , perancangan dan

pembangunan “Website Portal Berita dan E-commerce Korean Wave

Berbahasa Indonesia” adalah sebagai berikut

Page 17: LAPORAN SKRIPSI WEBSITE PORTAL BERITA DAN E …jurnal.stmikelrahma.ac.id/assets/file/Arvian Yudiatmoko--stmikelrahma.pdfterdapat banyak toko yang menjual barang-barang tersebut, kebanyakan

1) Pembuatan website ini sangat membantu bagi penggemar Korean Wave

yang kurang mengerti bahasa asing mengetahui berita terbaru tentang

Korean Wave.

2) Website ini dapat mempermudah para penggemar Korean Wave untuk

membeli produk yang berhubungan dengan Korean Wave.

5. SARAN

Pembuatan website ini masih terdapat berbagai kekurangan sehingga

masih membutuhkan beberapa saran sebagai berikut :

1) Website ini untuk lebih baiknya menggunakan SEO ( Search Engine

Optimization ) sehingga website tersebut dapat ditemukan dengan mudah

melalui search engine.

2) Penggunaan web service dalam biaya pengiriman dapat mempermudah

dalam mengupdate biaya pengiriman

3) Perlu pengembangan lebih lanjut tentang keamanan sistem yang dapat

diimplementasikan pada website ini

DAFTAR PUSTAKA

Baridwan, Zaki. 1989. Sistem Akuntansi Penyusunan Prosedur dan Metode.

Yogyakarta :BPFE

Hm, Jogiyanto. 1998. Analisis Dan Disain Sistem Informasi : Pendekatan

Terstruktur Teori Dan Praktek Aplikasi Bisnis. Yogyakarta : Andi.

Kadir, Abdul. 2003. Tuntunan Praktis Belajar Database Menggunakan MYSQL.

Yogyakarta : Andi

Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Yogyakarta : Andi

Kendall, Kenneth E dan Kendall, Julie E. 2003. Analisis dan perancangan Sistem.

Edisi Kelima. Jakarta : PT. Prenhallindo.

Nugroho, adi. 2006. E-Commerce Memahami perdagangan Modern di Dunia

Maya. Bandung: Informatika