APLIKASI MAJALAH VIRTUAL ”HOT CHORD” DENGAN MENGGUNAKAN ADOBE FLASH.

SKRIPSI

Disusun Oleh :

ELSA RICHE ALFIANI SUSANTO NPM. 0534010101

Kepada

PROGRAM STUDI SISTEM INFORMASI JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN“ JAWA TIMUR SURABAYA

SKRIPSI

Diajukan Untuk Memenuhi Sebagai Persyaratan Dalam Memperoleh Gelar Sarjana Komputer

Jurusan Teknik Informatika

Disusun Oleh :

ELSA RICHE ALFIANI SUSANTO

NPM. 0534010101

Kepada

PROGRAM STUDI SISTEM INFORMASI JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN“ JAWA TIMUR SURABAYA

APLIKASI MAJALAH VIRTUAL ”HOT CHORD”

DENGAN MENGGUNAKAN ADOBE FLASH

Disusun Oleh :

ELSA RICHE ALFIANI SUSANTO

NPM. 0534010101

Telah Disetujui Untuk Mengikuti Ujian Negara Lisan Gelombang III Tahun Akademik 2010 / 2011

Pembimbing Utama

Nur Cahyo Wibowo, S.Kom, M.Kom

NPT. 379 030 401 97

Pembimbing Pendamping

Mohamad Irwan Afandi, ST, MSc

NPT. 376 070 702 20

Mengetahui,

Ketua Jurusan Teknik Informatika Fakultas Teknologi Industri

Universitas Pambangunan Nasional ”Veteran” Jawa Timur

Basuki Rahmat, S.Si, MT

NPT. 369 070 602 09

DENGAN MENGGUNAKAN ADOBE FLASH

Disusun Oleh :

ELSA RICHE ALFIANI SUSANTO

NPM. 0534010101

Telah Dipertahankan di Hadapan dan Diterima Oleh Tim Penguji Skripsi Jurusan Teknik Informatika Fakultas Teknologi Industri

Universitas Pembangunan Nasional “Veteran” Jawa Timur Pada Tanggal 17 Desember 2010

Pembimbing, Tim Penguji,

1. 1.

Nur Cahyo Wibowo,S.Kom,M.Kom Prof.Dr.Ir.H.Akhmad Fauzi,MMT

NPT. 379 030 401 97

NIP. 19651109 1991031002

2. 2.

Mohamad Irwan Afandi, ST, MSc Mohamad Irwan Afandi, ST, MSc

NPT

.

376 070 702 20

NPT. 376 070 702 20

3.

Fetty Tri Anggraeny, S.Kom

NPT. 382 020 602 08

Mengetahui,

Dekan Fakultas Teknologi Industri Universitas Pembangunan Nasional “Veteran”

Jawa Timur

Ir. Sutiyono, MT

KATA PENGANTAR

Penulis memanjatkan puji syukur ke hadirat Allah SWT yang telah memberikan Petunjuk, Rahmat dan Hidayah-Nya, karena dengan izin dan berkah-Nya lah penulis dapat menyelesaikan laporan tugas akhir berjudul “Aplikasi Majalah Virtual “Hot Chord” Dengan Menggunakan Adobe Flash.

Selama penulisan laporan Tugas Akhir, penulis menyadari banyak pihak yang telah memberikan waktunya untuk membantu dalam penyelesaian Tugas Akhir ini, untuk semua itu penulis ingin mengucapkan terima kasih kepada:

1. Bapak, Ibu, Eyang, Adek Dimas dan Santa atas doa, perhatian dan dukungan yang diberikan.

2. Bapak Nur Cahyo Wibowo S.Kom, M.Kom dan Bapak Mohamad Irwan Afandi, ST, MSc selaku Dosen Pembimbing yang telah membimbing dan memberikan saran selama pengerjaan Tugas Akhir ini.

3. Bapak Mu’tasim Billah, MS yang telah memberikan dukungan dan semangat. 4. Seluruh Staf pengajar Teknik Informatika atas ilmu yang diberikan selama

proses perkuliahan, semoga menjadi amal sholeh dan bermanfaat. 5. Staf Tata Usaha Jurusan atas segala pelayanan administrasi.

6. Bapak M. Hefni Selaku Direktur Utama Cv. Wujud Utama Mandiri yang merupakan kantor penerbitan Tabloid News ponsel, Majalah Hot Chord dan

Ponsel Training Center (PTC) yang telah memberikan ijin serta waktu yang diberikan untuk menyelesaikan tugas akhir ini serta doa dan dukungannya. 7. Keluarga besar CV.Wujud Utama Mandiri atas doa, dukungan dan kerjasama

yang baik.

8. Hendra, Rendra, Nirmala, Ria, Nia, Alvi, Asri dan Mbak Santi serta sahabat-sahabat penulis, terima kasih atas doa, dukungan, semangat, waktu dan pikiran untuk membantu penulis menyelesaikan tugas akhir ini.

9. Teman-teman seperjuangan Teknik Informatika Angkatan 2005 di Universitas Pembangunan Nasiaonal”Veteran”Jatim.

Serta berbagai pihak yang tidak dapat penulis sebutkan di sini. Semoga Allah SWT membalas semua kebaikan yang telah dilakukan.

Penulis menyadari masih banyak yang dapat dikembangkan pada tugas akhir ini. Oleh karena itu, penulis menerima setiap saran dan kritik yang menuju perbaikan. Semoga tugas akhir ini dapat memberikan manfaat bagi pembaca pada umunya, serta penulis pribadi khususnya.

Surabaya, 19 Desember 2010

Penulis

Halaman

ABSTRAK ……… i

KATA PENGANTAR ……….. ii

DAFTAR ISI ……… iv

DAFTAR TABEL ………. vi

DAFTAR GAMBAR ……… vii

BAB I PENDAHULUAN ……….. 1

1.1 Latar Belakang ……..………... 1

1.2 Perumusan Masalah ……… 2

1.3 Batasan Masalah ………... 3

1.4 Tujuan ………... 3

1.5 Manfaat ……….……….…... 4

1.6 Metodologi Penelitian……….. 5

1.7 Sistematika Penulisan …………...……….…………. 7

BAB II TINJAUAN PUSTAKA ……….. 9

2.1 Sejarah Singkat Majalah Musik Hot Chord.……… 9

2.1.1 Visi Misi dan Tujuan Majalah Hot chord…………. 9

2.1.2 Profil Majalah Hot Chord... 10

2.2 Dasar Teori Aplikasi ………... 13

2.2.1World Wide Web... 13

2.2.2 Adobe Flash CS3... 15

2.2.3 pengertian Hypertext Processor(PHP) dan kelebihannya ... 17

2.2.4 Pengertian My SQL... 20

BAB III ANALISA DAN PERANCANGAN SISTEM ... 23

3.1 Analisa Permasalahan………. 23

3.2 Analisa Kebutuhan………. 23

3.3 Perancangan Data Base danPermodelan Proses………….... 23

3.3.1 Bagan Alir Flow Chart……….………... 23

3.3.2 Data Flow Diagram (DFD) ……....…………... 34

3.3.3 CDM (Conseptual Data Mode) ....………. 49

3.3.4 PDM (Physical Data Model) ………. 54

3.4 Struktur Data Base….…...………... 58

3.4.1 Rancangan Desain database ………. 58

3.5 Rancangan Desain………... 73

4.2 Halaman Aplikasi ……… 77

4.2.1 Tampilan Halaman Home (awal) ……….. 77

4.2.2 Tampilan Halaman E-paper ……….. 78

4.2.3 Tampilan Halaman Rubrik ……… 79

BAB V UJI COBA DAN EVALUASI ...……….. 81

5.1 Uji coba Aplikasi………..…. 81

5.1.1 Uji Coba E-paper….………. 81

5.1.2 Uji Coba Laporan Administrasi ………... 87

BAB VI PENUTUP……… ………...………… 90

6.1 Kesimpulan……… ………... 90

6.2 Saran……..……… ………... 91 DAFTAR PUSTAKA

Halaman

Tabel 2.1 Wilayah Distribusi Majalah Hot Chord Tahun 2009-2010 ... 11

Tabel 3.1 Tabel Agen ... 58

Tabel 3.2 Tabel Bank ... 58

Tabel 3.3 Tabel Bb_forum ... 59

Tabel 3.4 Tabel Bb_bans ... 59

Tabel 3.5 Tabel Bb_posts ... 60

Tabel 3.6 Tabel Bb_search ... 60

Tabel 3.7 Tabel Bb_topic ... 61

Tabel 3.8 Tabel Bb_user ... 62

Tabel 3.9 Tabel Carm ... 63

Tabel 3.10 Tabel Carts ... 63

Tabel 3.11 Tabel Detail Rubrik ... 64

Tabel 3.12 Tabel Event ... 64

Tabel 3.13 Tabel Rubrik ... 64

Tabel 3.14 Tabel Email ... 65

Tabel 3.15 Tabel Iklan ... 65

Tabel 3.16 Tabel Kuis ... 66

Tabel 3.17 Tabel Logistik ... 66

Tabel 3.18 Tabel Mag_numbers ... 67

Tabel 3.19 Tabel Mag_name ... 67

Tabel 3.20 Tabel Mag_pages ... 68

Tabel 3.21 Tabel Mag_mania ... 68

Tabel 3.22 Tabel Member_hc ... 69

Tabel 3.23 Tabel Menu ... 69

Tabel 3.24 Tabel Musik ... 70

Tabel 3.25 Tabel Statistik ... 70

Tabel 3.26 Tabel Musik_Album ... 71

Tabel 3.27 Tabel Promo ... 71

Tabel 3.28 Tabel Pembelian ... 72

Tabel 3.29 Tabel Pemenang Kuis ... 72

Halaman

Gambar 2.1 Struktur Organisasi Majalah Hot Chord ...…………... 12

Gambar 2.2 Proses Kerja Flash CS3 Profesional …...……….. 15

Gambar 3.1 Flow Chart menu Program ... 24

Gambar 3.2 Flow Chart Member ... 25

Gambar 3.3 Flow Chart E-Paper ………... 26

Gambar 3.4 Flow Chart Detail Pemesanan ………... 27

Gambar 3.5 Flow Chart Transaksi Pembayaran Pemesanan ... 28

Gambar 3.6 Flow Chart Indie Zone ... 29

Gambar 3.7 Flow Chart Pembelian Lagu Indie ... 30

Gambar 3.8 Flow Chart Pembayaran lagu Indie ... 31

Gambar 3.9 Flow Chart Rubrik ………... 32

Gambar 3.10 Flow Chart Forum ……… 33

Gambar 3.11 Konteksa Diagram ………... 34

Gambar 3.12 DFD Level 0 Proses Login ………... 36

Gambar 3.13 DFD Level 0 E-paper ……… 37

Gambar 3.14 DFD Level 0 Pengelolaan Data Menu ……….. 38

Gambar 3.15 DFD Level 0 Transaksi Pembelian Majalah dan Lagu Indie 39 Gambar 3,16 DFD Level 0 Upload Lagu Indie ……….. 40

Gambar 3.17 DFD Level 1 E-Paper ………... 41

Gambar 3.18 DFD Level 1 Transaksi Pemesanan Hot Chord dan Lagu … 42 Gambar 3.19 DFD Level 1 Lagu Indie ……….. 43

Gambar 3.20 DFD Level 1 login ..………. 44

Gambar 3.21 DFD Level 1 Promo ……… 45

Gambar 3.22 DFD Level 1 Musik dan Musik Album ………... 46

Gambar 3.23 DFD Level 1 Bank ………... 46

Gambar 3.24 DFD Level 1 HC Mania ………... 47

Gambar 3.25 DFD Level 1 Iklan ………... 47

Gambar 3.26 DFD Level 1 Agen ………... 48

Gambar 3.27 DFD Level 1 Kuis ………... 48

Gambar 3.28 DFD Level 1 Event ……….. 49

Gambar 3.29 Conceptual Data Model (CDM) 1 ……… 50

Gambar 3.30 Conceptual Data Model (CDM) 2 ……… 51

Gambar 3.31 Conceptual Data Model (CDM) 3 ……… 52

Gambar 3.32 Conceptual Data Model (CDM) 4 ……… 53

Gambar 3.33 Physical Data Model (PDM) 1 ………. 54

Gambar 3.34 Physical Data Model (PDM) 2 ………. 55

Gambar 3.35 Physical Data Model (PDM) 3 ………. 56

Gambar 3.36 Physical Data Model (PDM) 4 ………. 57

Gambar 3.37 Home dan Login ………... 73

Gambar 3.38 Tampilan E-Paper ………. 74

Gambar 4.4 Tampilan Rubrikasi Hot Chord ... 79

Gambar 4.5 Tampilan Rubric News …... 80

Gambar 5.1 Menu E-paper ... 81

Gambar 5.2 Tampilan Edisi HC …... 82

Gambar 5.3 Pesan Penambahan Keranjang ... 82

Gambar 5.4 Penambah Keranjang (Hot Commerce) ... 83

Gambar 5.5 Keranjang Belanja ... 83

Gambar 5.6 Pesan Checkout (belum login) ... 84

Gambar 5.7 Forum Pendaftaran Member ... 84

Gambar 5.8 Hot Member …... 85

Gambar 5.9 Pesan Login Berhasil ... 85

Gambar 5.10 Form Member …... 85

Gambar 5.11 Checkout Hot Chord ... 86

Gambar 5.12 Pesan Berhasil ……... 86

Gambar 5.13 Menu Admin “Transaksi” ... 87

Gambar 5.14 Tampilan Menu Print Laporan penjualan ... 88

Gambar 5.15 Tampilan Laporan Penjualan ... 88

1.1 Latar Belakang

Majalah Hot Chord merupakan media yang menawarkan berbagai alternatif dalam seni bermusik. Berdiri di bawah naungan CV. Wujud Utama Mandiri yang merupakan penerbitan media teknologi Tabloid News Ponsel. Sebagai distribusi Majalah Hot Chord telah beredar secara nasional bahkan bekerjasama dengan Indomart, Alfamart dan Circle K di seluruh Indonesia, tak heran jika pelanggan majalah Hot Chord berasal dari berbagai daerah di penjuru tanah air. Bahkan para pelanggan setia Hot Chord pun membentuk sebuah group yang bernama “HotChrod Mania” atau ”HC Mania”. Dari data email, sms maupun mms yang masuk ke redaksi telah mencapai 13.700 lebih (data bulan November 2010), belum termasuk surat pembaca. Tentu saja jumlah pelanggan setia majalah musik yang tidak sedikit jumlahnya selama kurang lebih 2,5 tahun berdiri.

Dari hal tersebut diatas dan surve yang telah dilakukan, sejalan dengan berkembangnya teknologi informasi khususnya internet, Majalah HotChord perlu mengembangkan ke sebuah majalah virtual sebagai langkah untuk promosi produk dan peningkatan jumlah pelanggan, bahkan untuk peningkatan jumlah iklan yang masuk. Pimpinan redaksipun menambahkan “Banyaknya persaingan di dalam media cetak khususnya majalah musik seperti Hai, Cort Bolong, Music Live, AudioPro dan majalah-majalah lainnya, maka Majalah Hot Chord harus memiliki sesuatu yang berbeda salah satunya adalah Majalah On-line yang dapat

memaintenance HC Mania dan memanjakan pembaca, karena HC Mania merupakan database yang mahal bagi perusahaan”.

Sehingga dari permasalahan di atas pembangunan apilkasi Virtual Majalah Hot Chord perlu untuk dibangun, agar informasi mengenai Majalah Hot Chord dapat dengan cepat di terima masyarakat secara online. Selain itu, untuk memberikan penampilan yang menarik dan berbeda dengan virtual majalah lainnya maka khusus untuk tampilan ”E-Paper” majalah Hot Chord menggunakan Adobe Flash. Di dalam aplikasi inipun ada 2 (dua) transaksi mengenai pembelian majalalah baik soft copy maupun hard copy dan pembelian lagu-lagu band indie . dari Aplikasi yang dibangun ini diharapan selain informasi yang cepat diterima juga sebagai promosi produk Majalah Hot Chord sendiri, membantu band-band indie di indonesia untuk promosi dan peningkatan oplah majalah.

1.2 Perumusan Masalah

Berdasarkan latar belakang di atas, dilakukan penelitian yang permasalahannya adalah sebagai berikut:

a. Bagaimana membangun aplikasi virtual majalah yang dapat menyampaikan informasi mengenai apa saja yang ada di dalam majalah Hot Chord.

b. Bagaimana membangun aplikasi yang memberikan kemudahan untuk pembelian majalah dan pembelian lagu-lagu band indie.

c. Bagaimana membangun aplikasi yang dapat membantu promosi band-band indie.

d. Bagaimana membangun aplikasi yang ada interaksi pengunjung. e. Bagaimana membangun aplikasi yang menarik pengunjung.

1.3 Batasan Masalah

Batasan-batasan atau ruang lingkup permasalahan yang terkait dalam pembuatan Aplikasi Majalah Virtual Hot Chord ini adalah sebagai berikut :

a. Informasi yang disampaikan berkaitan dengan produk dari Majalah Hot Chord itu sendiri seperti rubrikasi, HC Mania, informasi seputar musik dan event yang diselenggarakan.

b. Fasilitas untuk pembelian Majalah Hot Chord berupa soft copy maupun hard copy.

c. Fasilitas untuk publikasi profil band indie yang disertai pembelian lagu-lagu band indie.

d. Forum musik yang dapat dimanfaatkan untuk berbagi informasi mengenai musik.

e. Pengiriman Majalah Hot Chord (pembelian hard copy) melibatkan pihak ketiga (Hot Chord bekerjasama dengan Pengiriman Indologistic).

f. Penggunaan adobe flash CS3 terbatas pada e-paper dan header. 1.4 Tujuan

Adapun tujuan tugas akhir ini adalah :

a. Membuat Aplikasi Majalah Virtual Hot Chord dimana informasi yang ada di dalam Majalah Hot Chord dapat tersampaikan semua, begitu juga dengan kegiatan Hot Chord.

b. Membuat Aplikasi yang mudah digunakan oleh user dan memberikan penampilan Website yang indah dengan Adobe Flash.

c. Aplikasi Majalah Virtual Hot Chord yang memberikan fasilitas untuk memanjakan pembaca dan pecinta musik, seperti pembelian majalah berupa soft coy maupun hard copy, forum musik dan publikasi band indie. 1.5 Manfaat

Adapun manfaat dari pembuatan Majalah Virtual Hot Chord bagi user, pelanggan Majalah Hot Chord atau HC mania (pembaca setia Majalah Hot Chord) adalah:

a. Memudahkan user untuk mendapatkan informasi musik khususnya berita yang ada di dalam majalah Hot Chord secara online.

b. Membantu pelanggan Majalah Hot Chord untuk melengkapi koleksi Majalahnya melalui fasilitas pembelian majalah yang disediakan secara online.

c. Informasi even Majalah Hot Chord dengan cepat diterima, misalnya : kompetisi band, parade band, penampilan artis, Road Show Education Music ke sekolah-sekolah serta berbagai even HotChord lainya

Manfaat dari Majalah Virtual Hot Chord juga diberikan kepada band-band Indie di Indonesia yaitu :

a. Band-band indie di Indonesia tidak hanya mempromosikan bandnya di Majalah Hot Chord tetapi mereka juga dapat mempromosikan bandnya di Website Majalah Hot Chord (Majalah Virtual Hot Chord).

b. Fasilitas promosi band indie tidak terbatas profil band saja yang ditampilkan tetapi juga lagu-lagu band indie dapat dijual secara online.

c. _{Memberikan pemasukan tambahan untuk band-band indie dari penjualan} lagu-lagunya. 

Majalah Virtual Hot Chord tentunya memberikan manfaat yang besar juga untuk perusahaan yaitu :

a. Majalah virtual Hot Chord merupakan media promosi perusahaan secara online yang sangat efektif, sehingga masyarakat lebih mengenal Majalah Hot Chord itu sendiri dan kegiatan apa saja yang dilakukan.

b. Pembelian majalah secara online berupa soft copy maupun hard copy dapat menambah pemasukan lain-lain ke perusahaan, dari oplah Majalahpun diharapkan naik.

c. Dari penjualan lagu-lagu band indie dapat memberikan pendapatan lain-lain juga ke perusahaan.

d. Memudahkan seorang marketing dan pemasaran (sirkulasi) untuk menawarkan produk karena banyaknya masyarakat yang sudah mengenal Majalah Hot Chord melalui online.

e. Memberikan kemudahan marketing iklan untuk mengenalkan produk dan diharapakan dapat menambah iklan yang masuk baik iklan display maupun dan iklan profil band.

1.6 Metodologi Penelitian

Langkah-langkah pengumpulan data sebagai dasar penyusunan tugas akhir : a. Metode Analisa

Menganalisa masalah-masalah yang akan disajikan dan mengumpulkan data atau informasi.

b. Metode Literatur

Merupakan usaha untuk lebih memudahkan dalam melengkapi data dan memecahkan masalah yang merupakan sumber referensi bagi penulis dalam mengambil langkah pengamatan dan melengkapi data. c. Metode Observasi

Observasi merupakan aktivitas melakukan pengamatan dan analisa terhadap kondisi sebenarnya di lapangan kemudian akan diberikan solusinya.

d. Hasil dan Pembahasan

Langkah-langkah yang dlakukan dalam tahap ini adalah:

 Akuisisi pengetahuan, yaitu proses untuk memperoleh, mengorganisasikan, dan mempelajari pengetahuan yang terkait Majalah Hot Chord.

 Desain, yaitu proses secara menyeluruh untuk membangun struktur dan mengorganisasikan sistem sekaligus mendefinisikan metode yang digunakan untuk mempresentasikan sistem.

 Pengembangan aplikasi, yaitu tahap implentasi sistem yang telah dibangun dalam bentuk program yang siap digunakan.

e. Penulisan Laporan

Pada tahap ini dilakukan penulisan naskah atau dokumentasi pelaksanaan tugas akhir, diantaranya menjelaskan dasar teori, teknik penulisan yang digunakan dan implementasi aplikasi.

1.7 Sistematika Penulisan

Dalam laporan tugas akhir ini, pembahasan disajikan dalam 6 (enam) bab dengan sitematika pembahasan sebagai berikut:

BAB I : PENDAHULUAN

Bab ini berisikan tentang latar belakang masalah, perumusan masalah, batasan masalah, tujuan, manfaat, dan sistematika penulisan pembuatan tugas akhir ini.

BAB II : TINJAUAN PUSTAKA

Pada bab ini menjelaskan tentang teori-teori pemecahan masalah yang berhubungan dan digunakan untuk mendukung dalam pembuatan tugas akhir ini.

BAB III : ANALISA DAN PERANCANGAN SISTEM

Bab ini dijelaskan tentang tata cara metode perancangan sistem yang digunakan untuk mengolah sumber data yang dibutuhkan sistem antara lain: Flowchart, Data Flow Diagram (DFD), dan Entity Relational

Diagram (ERD).

BAB IV : HASIL DAN PEMBAHASAN

Pada bab ini menjelaskan implementasi dari program yang telah dibuat meliputi lingkungan implementasi, implementasi proses dan implementasi antarmuka.

BAB V : UJI COBA DAN EVALUASI

Pada bab ini menjelaskan tentang pelaksanaan uji coba dan evaluasi dari pelaksanaan uji coba dari program yang dibuat.

BAB VI : PENUTUP

Bab ini berisi kesimpulan dan saran dari penulis untuk pengembangan sistem.

DAFTAR PUSTAKA

Pada bagian ini akan dipaparkan tentang sumber-sumber literatur yang digunakan dalam pembutan laporan tugas akhir ini.

LAMPIRAN

Pada bagian ini berisi tentang keseluruhan konfigurasi pada pembuatan website.

Menggunakan Adobe Flash

Dosen Pembimbing 1 : Nur Cahyo Wibowo, S.Kom, M.Kom Dosen Pembimbing 2 : Mohamad Irwan Afandi, ST, MSc

ABSTRAK

Majalah Hot Chord merupakan media yang menawarkan berbagai alternatif dalam seni bermusik dan terdistribusi secara Nasional di Indonesia. Berbagai rubrikasi musik tersaji di dalam isi majalah Hot Chord. Sehingga Majalah Hot Chord tidak hanya sebagai majalah musik yang memberikan hiburan tetapi juga education music. Sebagai peningkatan penjualan dan pengenalan produk, Hot Chord pun melalukan promosi-promosi baik berupa event-event musik, clinik musik ke sekolah-sekolah dan sebagai interaksi pembaca Hot chord memfaatkan internet baik berupa email, wordpress dan facebook.

Sehingga dari apa yang sekarang sudah ada di Hot Chord, untuk lebih meningkatkan promosi, iklan dan oplah, Aplikasi Majalah Virtual ”Hot Chord” merupakan salah satu pemanfaatan teknologi internet yang sangat efektif. Di dalam aplikasi ini semua informasi mengenai Majalah Hot Chord bisa kita dapatkan seperti rubrikasi musik, informasi edisi majalah yang sudah terbit, informasi mengenai band-band indie di indoesia dan event apa saja yang diselenggarakan oleh Hot Chord. Bahkan aplikasi ini juga dilengkapi pemesanan dan pembelian majalah Hot Chord baik berupa soft copy maupun hard copy serta pembelian lagu-lagu band indie.

Aplikasi majalah virtual ”Hot cord” ini memanfaatkan adobe flash untuk e-papernya. E-paper merupakan majalah Hot Chord yang tampil secara online dalam aplikasi ini. Dengan memanfaatkan Adobe flash diharapakan memberikan penampilan yang menarik dan berbeda dengan virtual majalah lainnya. Sehingga dengan e-paper Hot Chord ini pembaca seperti membaca majalah di komputernya.

Kata Kunci : Majalah Hot Chord, Aplikasi Majalah Virtual ”Hot Chord”, E-paper

Dalam bab ini akan dijelaskan mengenai sejarah singkat Majalah Hot Chord, serta visi, misi, tujuan dan profil Majalah Hot Chord. Selain itu akan dijelaskan mengenai dasar teori aplikasi yang terkait di dalam pembuatan Aplikasi Majalah Virtual Hot Chord.

2.1 Sejarah Singkat Majalah Musik Hot Chord

Dalam lingkup ini dijelaskan mengenai visi, misi, tujuan berdirinya Majalah Hot Chord dan struktur keorganisasian. serta dijelaskan mengenai profil Majalah Musik Hot Chord.

2.1.1 Visi, Misi dan Tujuan Majalah Hot Chord Visi :

Majalah musik terbesar yang memberikan Informasi musik, education musik dan hiburan di Indonesia.

Majalah apresiasi Musik Misi :

Menyajikan informasi lengkap teknik bermusik secara benar, serta memberikan wadah kreatifitas untuk musisi dan entertaiment sesuai dengan kodeetik jurnalistik Indonesia.

Tujuan

a. Memberikan informasi musik, hiburan dan pengetahuan tentang bermain musik sehingga dapat belajar musik dengan baik dan benar

b. Media promosi bagi band-band di Indonesia

c. Hot Chord sebagai wadah apresiasi musik di Indonesia 2.1.2 Profil Majalah Hot chord

Hot Chord berdiri di bawah naungan CV. Wujud Utama Mandiri yang merupakan penerbitan media teknologi Tabloid News Ponsel, yang beralamatkan di Perumahan Gunung Sari Indah Blok J No.34 Surabaya. Majalah Hot Chord sendiri telah berdiri sejak 8 ( delapan ) tahun di Kota Malang, kemudian kurang lebih 2,5 tahun berpindah di Surabaya dengan management baru di CV. Wujud Utama Mandiri. Dengan management baru inilah Hot Chord memiliki wajah baru dan terdistribusi secara nasional bersamaan dengan Tabloid News Ponsel, dimana pada awalnya pendistribusian terbatas di wilayah Malang (jawa timur) dan Jawa Tengah.

Sebagai perwajahan baru, satu hal yang tidak bisa dirubah yaitu ukuran majalahnya yang kecil telah menjadi image di masyarakat. Adapun ukuran Majalah Hot Chord yaitu 21 cm x 14 cm, dengan jumlah 100 halaman dan harganyapun sangat terjangkau yaitu untuk wilayah jawa Rp. 7.000,- sedangkan luar jawa Rp. 8.000,-. Sehingga Majalah Hot Chord tetaplah di cari serta menarik untuk dikoleksi. Hot Chord pun terdistribusi secara nasional dan bekerjasama dengan Indomart, Alfamart, dan Circle K, Toko Buku (Gramedia,Togamas,

Gunung Agung ) di seluruh Indonesia serta Agen-agen besar yang ada di Indonesia sehingga masyarakat mudah untuk mendapatkannya. Selain itu, Sebagai Promosi Hot Chord juga sering mendukung berbagai even khususnya even musik serta melakukan roadshow education ke sekolah-sekolah. Adapun tabel jumlah pendistribusian HotChord di seluruh wilayah Indonesia sebagai berikut :

Tabel 2.1 Wilayah Distribusi Majalah Hot Chord Tahun 2009-2010

Dari data tabel di atas pendistribusian Majalah Hot Chord akan terus dikembangkan, sehingga diharapkan oplah akan terus naik.

Maka dari penjelasan di atas, promosi Majalah Hot Chord harus terus dikembangkan dan bersamaan dengan kemajuan teknologi dan informasi dengan memanfaatkan internet maka pembangunan Aplikasi Majalah Virtual “Hot Chord” ini harus dibangun karena sangat membantu untuk promosi Hot Chord dan memanjakan pembaca. Di dalam Aplikasi ini memberikan banyak fasilitas diantaranya pengunjung dapat melakukan pembelian majalah secara online baik berupa soft copy maupun hard copy. Dimana sebelumnya pembelian majalah

terbatas pada hard copy dan dilakukan secara manual, yaitu pemesanan melalui telp, sms atau email. Selain itu, di dalam aplikasi ini juga menyediakan fasilitas untuk band-band indie yang sedang promosi ke public yaitu dengan memberikan fasilitas upload profil band dan lagu-lagu karya mereka. Bahkan lagu-lagu band ini dikomersilkan dengan menjualnya ke masyarakat. Sehingga masyarakat lebih mengenal band indie dan menikmati lagu-lagunya. Dimana sebelumnya promo band-band indie ini terbatas di media cetak saja.

Struktur Organisasi Majalah Hot Chord

Struktur Keorganisasian di Perusahaan Media Majalah Hot Cord adalah sebagai berikut:

Direktur utama

Pimpinan Redaksi Manager

Pemasaran

Iklan dan promosi

Keuangan

Sirkulasi/Dis ibusi Pemasaran

Redaksi

Desain Grafis

Gambar 2.1 Struktur Organisasi Majalah Hot Chord

Keterangan Struktur Organisasi Majalah Hot Chord Sebagai Berikut: a. Direktur Utama : Drs. M.Hefni

b. Pimpinan Redaksi : Drs. Doddy Hermanto

d. Desain Grafis : The Ant’z Destroyer

e. Pemasaran : Yono (Manager), Kusnanto, Gianto, Surya dan Anang Prasetyo (Jakarta)

f. Iklan dan promosi : Elsa Riche Alfiani S. g. Keuangan : Sri Rahayu

h. Sirkulasi/Distribusi : Kholifatul Ulum dan Anis 2.2 Dasar Teori Aplikasi

Pada Bab II ini akan dibahas beberapa teori dasar untuk menunjang penyelesaian tugas akhir ini, antara lain: World Wide Web (www), Adobe Flash CS3, Pengertian Hypertext Preprocessor (PHP) beserta Kelebihannnya, dan Pengertian data base MySQL.

2.2.1 World Wide Web

Internet merupkan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia, TCP/IP menjadi protocol penghubung antara jaringan-jaringan yang beragam di seluruh dunia untuk dapat berkomunikasi. World Wide Web (WWW) merupakan bagian dari internet yang paling cepat berkembang dan paling populer. WWW ( World Wide Web ) adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut Uniform

Resource Identifier (URI) untuk mengidentifikasi sumber-sumber daya yang

berguna. WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya hanyalah bagian daripadanya.

Adapun sejarah WWW (World Wide Web) adalah suatu program yang ditemukan oleh Tim Berners-Lee pada tahun 1991. Awalnya Berners-Lee hanya ingin menemukan cara untuk menyusun arsip-arsip risetnya. Untuk itu, Berners-Lee mengembangkan suatu sistem untuk keperluan pribadi. Sistem itu adalah program peranti lunak yang diberi nama Equire. Dengan program itu, Berners-Lee berhasil menciptakan jaringan terkait antara berbagai arsip sehingga memudahkan informasi yang dibutuhkan. Inilah yang kemudian menjadi dasar dari sebuah revolusi yang dikenal sebagai web.

WWW dikembangkan pertama kali di Pusat Penelitian Fisika Partikel Eropa (CERN), Jenewa, Swiss. Pada tahun 1989 Berners-lee membuat proposal untuk proyek pembuatan hypertext secara global, kemudian pada bulan Oktober 1990, ‘World Wide Web‘ sudah bisa dijalankan dalam lingkungan CERN. Pada musim panas tahun 1991, WWW resmi digunakan secara luas pada jaringan Internet

WWW bekerja merdasarkan pada tiga mekanisme berikut:

 Protocol standard aturan yang di gunakan untuk berkomunikasi ada computer networking, Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.

 Address WWW memiliki aturan penamaan alamat web yaitu URL (Uniform Resource Locator) yang di gunakan sebagai standard alamat internet.

 HTML digunakan untuk membuat document yang bisa di akses melalui web.

2.2.2 Adobe Flash CS3

Sejak diperkenalkan pertama kali oleh Macromedia pada tahun 1997, Flash telah memiliki standar program interaktif dan animasi berkualitas tinggi pada web. Pada tahun 2008, perusahaan piranti lunak yang berpusat di Amerika Serikat, Adobe Systemm incoporated, meluncurkan Adobe FlashCS3 Profesional. Adobe Flash CS3 telah terintegrasi dengan berbagai produk Adobe lainnya seperti photoshop, Illustrator, serta Premiere. Dengan demikian, animasi yang dihasilkan tidak hanya dapat digunakan pada Web saja tetapi juga dapat diaplikasikan dalam format Video Streaming pada DVD maupun telepon seluler (ponsel). Bahkan animasi untuk film layar lebar dan televisi sudah menyamai kualitas broadcast.

Secara ringkas pembuatan aplikasi dalam flash CS3 Profesional dapat digambarkan menurut bagan berikut :

Penambahan unsur‐ unsur media 

Suara

teks video

gambar

Menentukan jenis aplikasi

Penyusunan unsur‐ unsur media  

Penambahan efek  khusus 

Penambahan kode  action scrip  

Pengujian Aplikasi 

publising

Penyusunan unsur‐ unsur media  

Penyusunan unsur‐ unsur media   Penyusunan unsur‐

unsur media  

Dari gambar di atas (gambar 2.2) dapat diketahui bahwa dalam pembuatan animasi , Adobe Flash CS3 mendukung penggunaan 4 jenis unsure media yaitu gambar, teks, suara dan video. Salah satu untsur terpenting dalam pembuatan animasi flash adalah unsure media yang berupa grafis atau gambar. Flash mendukung penggunaan format gambar bitmap maupun vektor.

Animasi flash dubuat pada satu atau beberapa scene yang di dalamnya terdapat layer yang mengatur objek-objek animasi. Tiap-tiap perubahan objek animasi dibuat pada keyframe layer yang bersangkutan, sehingga animasi objek dapat bekerja secara terpisah.

Berdasarkan teknis pembuatannya, animasi flash dibagi menjadi 2 jenis. Yaitu jenis pertama, yaitu animasi yang dibuat berdasarkan perubahan bentuk, posisi objek di dalam tiap-tiap keyframe yang dikenal dengan “Frame by Freme”. Jenis kedua adalah animasi yang terbentuk dari perubahan objek pada nomor-nomor frame dinamakan animasi “ Tween”.

Action scrip adalah bahasa pemrograman yang dimiliki flash. Bahasa pemrograman ini memungkinkan animator menambahkan interaktivitas yang kompleks, mengatur jalannya animasi setelah animasi selesai dibuat, dan tampilan data pada aplikasi.

Agar dokumen dapat dinikmati banyak orang, ada berbagai cara untuk mempublikasikannya diantaranya adalah dokumen SWF, dokument HTML, dan satu dokumen Java Scrip berlabelAC_OETags.js. Dokument HTML berguna untuk memasukkan konten Flash ke jendela browser. Apabila pengaturan

publikasi tersebut dirubah , Flash akan menyimpan yang baru diberikan bersama dengan dokumen *.Fla.

Format dokumen Shockwave Flash (SWF) dapat ditampilkan menggunakan program flash palyer. Falsh Palyer merupakan program yang terinstal bersama dengan aplikasi flash. Versi program ini menyesuaikan dengan versi aplikasi program flash yang digunakan. Dengan Flash palyer, konten dokumen flash ditampilkan seperti pada web browser atau aplikasi host ActiveX. Flash player memungkinkan dokumen .swf dapat dilihat oleh pengguna yang tidak menggunakan browser Web maupun ActiveX.

2.2.3 Pengertian Hypertext Preprocessor (PHP) dan Kelebihannnya

PHP merupakan bahasa interpreter yang hampir mirip dengan bahasa C dan perlu yang memiliki kesederhanaan dalam perintah. PHP dapat digunakan bersamaan dengan WML sehingga pembangunan situs web site dapat dilakukan dengan cepat dan mudah. PHP dapat digunakan untuk memperbarui database, menciptakan database, dan mengerjakan perhitungan matematika. PHP dapat di download gratis melalui situs http://www.PHP.net. Menurut dokumen resmi PHP, PHP adalah singkatan dari Hypertext Preprocessor.

PHP merupakan bahasa scripting (berbentuk script) yang menyatu dengan HTML dan dijalankan pada server side. Artinya semua sintaks diberikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser (client side) hanya hasilnya saja. Secara khusus, PHP dirancang untuk membangun sebuah web dinamis. Artinya, PHP dapat membentuk suatu tampilan berdasarkan permintaan yang up to date. Misalnya user bisa menampilkan isi database ke

dalam halaman web. Pada prinsipnya , PHP mempunyai fungsi yang sama dengan scipt-script seperti ASP (Active Server Page), Cold Fusion dan lain-lain. Untuk menjalankan PHP dibutuhkan web server. Yang sering digunakan adalah Apache

web server.

PHP memiliki 4 (empat) kelebihan yang sering disebut 4P (Four Pee) . 4P (four pee) kelebihan dari PHP yaitu :

a. Practical / Praktis

PHP adalah bahasa pemrograman yang sangat longgar dalam penulisan, dan ini meningkatkan kepraktisan buat para penggunanya. Misalnya saja programmer tidak diharuskan untuk menuliskan atau menghapus variabel. Walaupun kadang mereka juga tidak bisa mengatakan dengan mudah yang kemudian dipanggil dalam sebuah skrip, menebak formula terbaik dalam penetapan variabel secara otomatis kemudian menghapus variabel dan mengembalikan resource ke sistem setelah skrip berhasil di eksekusi. Pada akhirnya, PHP mampu membuat programmer lebih berpikir pada tujuan akhir dari project yang akan dibuat.

b. Power

PHP mampu membuat halaman dinamis, memanipulasi form, dan dapat dihubungkan dengan database. Selain yang disebutkan tadi, ternyata PHP juga dapat melakukan hal – hal di bawah ini :

 Membuat dan memanipulasi file Macromedia Flash, gambar, dan Portable Document Format PDF.

 Berkomunikasi dengan LDAP.

 Berkomunikasi dengan banyak protocol, termasuk IMAP, POP3 dan NNTP.  Berkomunikasi dengan credit-card processing solution.

c. Possibility

Jarang ada developer PHP yang terikat pada suatu implementasi pemecahan masalah. Dilain sisi, ada banyak pilihan yang ditawarkan oleh PHP. Contohnya ada pada database yang didukung oleh PHP. Kurang lebih semuanya ada 25 database, termasuk Adabas D, dBase, FrontBase, Hyperwave, IBM DB2, Informix, Ingres, Interbase, mSQL, direct MS-SQL, MySQL, Oracle, Oyrimos, PostgreSQL, Solid, Sybase, Unix dbm dan Velocis.

Kemampuan string – parsing juga bisa dianggap sebagai banyaknya kemungkinan yang ditawarkan oleh PHP. Dalam hal ini, PHP memiliki lebih dari 85 function untuk memanipulasi string. Kelebihan ini tak hanya akan menawarkan keleluasaan untuk melakukan operasi string yang kompleks, namun juga menjembatani program yang memiliki functionalitas yang sama (seperti Python dan Perl) lewat PHP.

d. Price

PHP merupakan salah satu open source software, yang dapat diartikan sebagai berikut :

 PHP dapat dimodifikasi, didistribusikan, dan diintegrasikan dengan produk lain oleh penggunanya,

 Pengembangan dan auditing yang dilakukan secara terbuka,  Semua orang bebas berpartisipasi

2.2.4 Pengertian MySQL

PHP & MySQL adalah bahasa pemprogaman web yang mendunia, bahasanya mudah untuk dipelajari, kompatibilitas dengan berbagai macam server baik itu windows maupun unix, dan yang tak kalah penting adalah bahasa pemprogaman PHP & MySQL bersifat open source sehingga perkembangannya pun akan semakin cepat dan dapat diimplementasikan diberbagai bidang kebutuhan dalam pembuatan aplikasi.

Dengan semakin berkembangnya dunia internet dan tingginya kebutuhan akan sebuah bahasa pemprogaman yang mumpuni, setiap saat berbagai macam fungsi baru dan library tambahan selalu muncul di internet untuk memperkokoh dan meningkatkan performa keduanya, bug-bug yang ada pada versi sebelumnya diperbaiki oleh komunitas dan juga oleh para programmer handal yang ada diseluruh dunia

MySQL adalah database yang cepat dan tangguh, sangat cocok jika digabungkan dengan PHP, dengan database ini maka bisa menyimpan, mencari dan mengklasifikasikan data dengan lebih akurat dan professional. MySQL menggunakan SQL language ( Structur Query Language ) artinya MySQL menggunakan query atau bahasa pemprogaman yang sudah standar di dalam dunia database.

MySQL memiliki beberapa keistimewaan, antara lain :

a. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.

b. Perangkat lunak sumber terbuka. MySQL didistribusikan sebagai perangkat lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara gratis.

c. Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.

d. 'Performance tuning'. MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.

e. Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.

f. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah (query).

g. Keamanan. MySQL memiliki beberapa lapisan keamanan seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi.

h. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.

i. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).

menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum termasuk di dalamnya.

k. Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).

l. Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool)yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk online.

m. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL ataupun Oracle.

Untuk melakukan administrasi dalam basis data MySQL, dapat menggunakan modul yang sudah termasuk yaitu command-line (perintah: mysql dan mysqladmin). Juga dapat diunduh dari situs MySQL yaitu sebuah modul berbasis grafik (GUI): MySQL Administrator dan MySQL Query Browser. Selain itu terdapat juga sebuah perangkat lunak gratis untuk administrasi basis data MySQL berbasis web yang sangat populer yaitu phpMyAdmin. Untuk perangkat lunak untuk administrasi basis data MySQL yang dijual secara komersial antara lain: MySQL front, Navicat dan EMS SQL Manager for MySQL.

 

   

   

3.1 Analisa Permasalahan

Berdasarkan penjelasan pada Bab sebelumnya dan analisa sistem yang terjadi saat ini, permasalahan yang ada yaitu Sebagai promo di internet Hot Chord masih menggunakan Email, Facebook dan Wordpress, sehingga perlu untuk dibangun Aplikasi Virtual Majalah Hot Chord.

3.2 Analisa Kebutuhan

Dari analisa sistem yang ada saat ini dan permasalahan yang ditimbulkan, dapat disimpulkan bahwa diperlukan suatu sistem atau teknologi yang dapat memberikan kemudahan bagi para pelanggan dan pembaca Hot Chord. Informasi mengenai majalah Hot Chord dapat dengan mudah di dapatkan di internet, bahkan pembaca juga dapat membeli majalah secara online.

3.3Perancangan Database dan Pemodelan Proses

Dari analisa permasalahan yang ada maka dirancang Sistem Aplikasi Virtual ”Hot Chord”.

3.3.1 Bagan Alir (Flowchart)

Tahap pertama dalam desain adalah Bagan alir (flowchart). Flowchart merupakan bagan (chart) yang menunjukkan alir (flow) di dalam program atau prosedur sistem secara logika.

 

 

Gambar 3.1 Flow Chart Menu Program

Aplikasi memiliki menu program yang terdiri dari E-Paper, Hot News, Rubrikasi, Lagu indie, Band Indie, Iklan, Member, Profil, HC Mania, Agen, Kuis, Forum, Event, Kontak, Promo, peta lokasi, peta situs dan bank. Dari menu di atas untuk E-Paper akan terdifinisi lebih rinci di pada E-paper Zone, begitu juga dengan Rubrikasi pada rubrikasi zone, lagu indie pada lagu indie zone, band indie pada indie profil zone, member pada member dan forum pada forum. Selain menu tersebut akan langsung ditampilkan, misalnya Hot News akan langsung ditampilkan pada halaman Hot news, begitu juga dengan iklan, agen, profil, HC Mania, kuis, event, kontak, promo, peta lokasi, peta situs dan bank. (Gambar 3.1)

Member

Login

login

end true

True

false

Form pendaftaran Valid

Proses registrsi

Simpan

Kirim email konfirmasi false

true false

Start

Member page

Gambar 3.2 Flow Chart Member

Pada flow chart member, diawali pada proses rincian member kemudian login, apabila user sudah login maka masuk apada proses login dan setelah itu masuk pada member page. Apabila user belum bisa login maka member harus mendaftar pada form pendaftaran yang sudah disediakan, apabila form pendaftaran sudah valid maka akan ada proses registrasi, selanjutnya akan dilakukan penyimpanan data member.(Gambar 3.2)

  Gambar 3.3 Flow Chart E-Paper

Pada alur rincian E-Paper sebagai berikut: dimulai dari proses rincian e-paper kemudian user diberikan pilihan apakah sudah login, apabila belum maka member menginputkan email dan password, apabila berhasil maka member dapat masuk pada pemesanan e-paper, sedangkan apabila member sudah langsung login maka member bisa langsung pada pemesanan e-paper. Pada pemesanan e-paper, untuk pemeblian majalah Hot chord ada yang berupa soft copy maupun hard

copy, selanjutnya proses pemesanan ini akana lebih didetailkan pada rincian detail pemesanan Hot Chord. (Gambar 3.3)

Gambar 3.4 Flow Chart Detail Pemesanan

Pada flow chart detail pemesanan dimulai dari member memilih edisi-edisi Hot Chord yang akan dipesan kemudian edisi-edisi Hot Chord yang dipesan masuk pada proses penyimpanan data-data-data yang akan dipesan. Untuk melihat pemesanan member dapat melihat di keranjang belanja, apabila data pemesanan sudah lengkap dan sesuai pengiriman benar maka member bisa langsung memesan. Apabila pemesanan dan alamat pengiriman salah maka member dapat

input data diri dengan tujuan pengirirman di alamat yang baru. Selanjutnya akan di proses total biaya pemesanan, penyimpanan data pemesanan selanjutnya akan ditampilakan total biaya pemesanan dan masuk proses pemesanan, dan untuk pembayaran masuk pada rincian transaksi pembayaran pemesanan. (Gambar 3.4)

Start

Konfirmasi Transfer Konfirmasi pembayaran member (email)

end Validasi Transfer

Oleh Admin

T

Proses Pengiriman (hard copy) + link untuk untuk download apabila

membeli soft copy

Follow up pada member F

Transaksi Pembayaran

pemesanan

Gambar 3.5 Flow Chart Transaksi Pembayaran Pemesanan

Pada Flow Chart transaksi pembayaran pemesanan untuk konfirmasi member melalui email kemudian member transfer pembayaran melalui sesuai

Apabila pembayaran belum masuk maka admin akan menfollow up pada member. Tetapi apabila pembayaran sudah diterima oleh admin maka, admin akan mengirim pemesanan untuk soft copy admin juga akan mengirim link untuk member download. (Gambar 3.5)

Gambar 3.6 Flow Chart Indie Zone

Pada Flow chart indie zone user dapat melihat list profil indie band, kemudian user dapat memilih band mana yang ingin dilihat detail profilnya, selain itu user juga dapat mendengarkan lagu-lagu band indie. Apabila user ingin membeli lagu indie maka masuk dalam proses pembelian lagu indie. (Gambar 3.6)

Gambar 3.7 Flow Chart Pembelian Lagu Indie

Alur pemesanan lagu indie Seperti halnya di dalam pemesanan Majalah, proses pesan dengan memilih list lagu terlebih dahulu, dari list lagu user dapat memilih lagu yang di sukai. Proses selanjutnya lagu yang dipesan akan

menambah keranjang pesan. Dari sinilah, apabila user akan memesan lagu maka harus mendaftar sebagai member, apabila sudah menjadi member maka bisa dapat langsung login. Seterusnya proses akan masuk pada proses transaksi pemabayaran lagu indie. (Gambar 3.7)

  Gambar 3.8 Flow Chart Pembayaran Lagu Indie

Proses transaksi pembayaran lagu band indie sama dengan pembelian majalah. Dimulai dari admin mengirimkan konfirmasi pembayaran via email

kepada member. Kemudian member melaksanakan pembayaran melalui rekening admin, kemudian admin mengecek pembayaran. Apabila pembayaran sudah diterima admin, maka admin akan mengirimkan link untuk mengunduh lagu yang dibeli, apabila pembayaran belum diterima maka admin akan menfollowup member. (Gambar 3.8)

  Gambar 3.9 Flow Chart Rubrik

Pada flow chart rubrik dimulai dari menu rubrik, kemudian user dapat melihat semua rubrik dan dapat memilih satu persatu rubrik yang disukai. (Gambar 3.9)

  Gambar 3.10 Flow Chart Forum

Pada flow chart forum, untuk user harus mendaftar sebagai member terlebih dahulu, kemudian member login. Setelah itu member akan melihat tampilan forum, dari situ member dapat melakukan tambah topik, tambah coment edit coment, dan hapus. (Gambar 3.10) 

3.3.2 Data Flow Diagram (DFD)

Tahap pertama dalam perancangan data base dan permodelan proses adalah pembuatan data flow diagram (DFD). Perancangan sestem ini terdiri dari kontek diagram, diagram level 0 dan diagram level 1. Berikut Konteks diagram dari Aplikasi Majalah ”Hot Chord” :

download pembelian lagu dan soft copy HC

lihat forum data agen data event

data promo

data logistik info data logistik

info data agen info data hc mania

info data event info data promo

data admin

data iklan data rubrik

info data e paper info data rubrik

info data iklan info data bank

data e paper

data bank

validasi data transaksi pembelian info transaksi pembelian

login admin (email password)

info daftar lagu yang penah di upload info list album band yang masuk info list transaksi_member band

info inbook email _member band edit lagu

edit hapus album band insert lagu karya band insert data management album band

update profil sbg member band data member sebagai member band

login member band

insert email n password konfirmasi sebagai member

informasi list transaksi informasi inbook email

update profil

info keranjang pembelian konfirmasi pembayaran HC _Lagu Indie konfirmasi transaksi pembelian HC dan lagu

login member insert password and email

login forum

data pengiriman hard paper HC info keranjang pemesanan

info bank info peta situs HC

info agen HC info peta lokasi kantor HC

info HC Mania info lagu indie info profil band indie

info kuis

baca e paper daftar input data member

info promo info event info edisi HC info lagu indie

play lagu indie data member sbg member biasa

1

Aplikasi Majalah Virtual Hot Chord + member biasa Administrator Pengun jung

member indie band

  Gambar 3.11 Konteks Diagram

Dari Konteks diagram di atas dalam proses aplikasi terdiri dari 4 (empat) pengguna yaitu user, member biasa, member band dan administrator. Adapun dalam aplikasi ini pengunjung dapat melakukan daftar sebagai member, play musik dan baca e-paper. Sedangkan pengunjung sendiri mendapatkan info bank, info peta situs HC, info peta lokasi kantor HC, info HC mania, info agen HC, info lagu indie, info profil band indie, info kuis, info promo, info event, enfo edisi HC, info keranjang pemesanan dan info lagu indie.

Seperti halnya pengunjung, di dalam aplikasi ini member pada jenis member biasa dapat melakukan: update profil, login member, insert password dan email, login forum, input data member sebagai member biasa, data pengiriman hard paper HC, download pembelian lagu, dan download pembelian soft copy HC. Dari aplikasi, member biasa mendapatkan konfirmasi sebagai member, informasi list transaksi, informasi inbook email,info keranjang pembelian, konfirmasi pembayaran HC dan lagu indie, serta konfirmasi transaksi pembelian HC dan lagu indie.

Sebagai jenis member yang kedua yaitu member band indie, maka member ini dapat melakukan insert data member sebagai member band, insert email password, login member band, update profil member band, edit hapus album band, edit lagu, insert lagu karya band,insert data management album band, selain itu member band juga mendapatkan info list transaksi pada member band, info list album band yang masuk, info inbook email pada member band dan info daftar lagu yang pernah di upload.

Sedangkan sebagai administrator, di dalam aplikasi ini administrator dapat melakukan input semua data yaitu data rubrik, data promo, data agen, data hc mania, data e_paper, data logistic, validasi data transaksi pembelian, data event, data iklan, data admin, dan data bank, selain itu administrator melalukan input data admin dan login admin dengan menginputkan email dan password. Selain itu administrator mendapatkan info data agen, info data e paper, info data logistik, info data iklan, info data hc mania, info data bank, info transaksi pembelian, info data event, info data promo, dan info data rubrik. (Gambar 3.11) Tahap selanjutnya setelah konteks diagram yaitu DFD Level 0. Berikut DFD

Level 0 dari sistem:

konfirmasi sebagai member

update profil sbg member band login forum

daftar input data member

login member band data member sebagai member band edit hapus album band

insert password and email data member sbg member biasa

login member

login admin (email password) data admin member biasa Pengunjung member biasa member biasa member biasa member biasa member biasa member indie band member indie band member indie band member indie band member indie band Administrator Administrator 5 login +   Gambar 3.12 DFD Level 0 Proses Login

Pada tahap DFD level 0 pada proses login ini semua yang terkait dengan login pada aplikasi dilakukan baik oleh member maupun admin. Pada proses login ini admin melakukan input data admin dan login dengan menginputkan email dan password. Sedangkan member yaitu login member, data member, insert email dan password,edit profil sebagai member, login member band, login forum dan konfirmasi sebagai member. Sedangkan pengunjung apabila akan login maka melakukan pendaftran terlebih dahulu dengan menginputkan data member. (gambar 3.12)

info edisi HC baca e paper

info data e paper data e paper

Pengunjung Pengunjung Administrator

Administrator

8

e paper

+

  Gambar 3.13 DFD Level 0 Proses E-Paper

Pada DFD level 0 Proses E-Paper ini dibuat sendiri karena proses ini merupakan tampilan pada aplikasi yang menggunakan flash. Dari proses ini administrator memiliki kewenangan menginputkan data e-paper dan mendapatkan info data e-paper, dari info yang di dapat administrator juga dapat mengedit data. Sedangkan pengunjung bisa membaca e-paper dan melihat info edisi Hot Chord sesuai tahun penerbitannya. (Gambar 3.13)

play lagu indie info lagu indie

info data iklan info data agen

info agen HC

info event data event data rubrik

info data event info profil band indie

info lagu indie

info promo

info peta situs HC

info data promo

info data rubrik info bank

lihat forum _{info data hc mania} data agen info peta lokasi kantor HC

info kuis info HC Mania

data iklan data promo Pengunjung Pengunjung Pengunjung Pengunjung Pengunjung Pengunjung Pengunjung Pengunjung Pengunjung Pengunjung Pengunjung Pengunjung Administrator Administrator Administrator Administrator Administrator Administrator Administrator Administrator Administrato r Administrator Administrator Administrator Pengunjung 6 pengolahan data menu +

Gambar 3.14 DFD Level 0 Pengolahan Data Menu

Pada DFD Level 0 Pengolahan data menu di atas merupakan semua informasi yang ada di aplikasi, sebagai kewenangan administrator dalam proses pengolahan data menu tersebut adalah admin menginputkan data promo, data iklan, data rubrik, data event, data agen dan administrator pun mendapatkan info data promo, data HC mania, data event,info data iklan, info data rubrik, dan info data agen. Sedangkan pengunjung mendapatkan infoprofil indie, info peta situs,

info bank, info agen HC dan pengunjung jua dapat melakukan play lagu indie dan lihat forum.( Gambar 3.14 )

info inbook email _member band info list transaksi_member band informasi inbook email konfirmasi pembayaran HC _Lagu Indie

konfirmasi transaksi pembelian HC dan lagu

data logistik info keranjang pembelian

informasi list transaksi

info keranjang pemesanan download pembelian lagu dan soft copy HC

data pengiriman hard paper HC

info transaksi pembelian data bank info data bank

validasi data transaksi pembelian info data logistik

Pengunjung member biasa member biasa member biasa member biasa member biasa member biasa member indie band member indie band Administrator Administrator Administrator Administrator Administrator Administrator member biasa 4 transaksi pembelian majalah dan lagu indie +   Gambar 3.15 DFD Level 0 Transaksi Pembelian Majalah dan Lagu Indie

Pada DFD Level 0 Transaksi pembelian majalah dan lagu ini member dapat melihat info keranjang dan melakukan transaksi pembeluian majalah dan lagu. Dalam proses ini administrator menginputkan data logistic dan bank, dari proses ini administrator dapat melakukan validasi transaksi dari member yang melakukan transaksi. (Gambar 3.15)

info daftar lagu yang penah di upload

insert lagu karya band info list album band yang masuk

edit lagu

insert data management album band

member indie band

member indie band

member indie band member

indie band

member indie band

9

upload lagu indie

+

  Gambar 3.16 DFD Level 0 Upload Lagu Indie

Dari gambar di atas (DFD Level 0 Upload Lagu Indie), member yang sudah login sebagai member band dapat melakukan input data mnagement album band, insert lagu,edit lagu dan member juga mendapatkan info daftar lagu dan info list lagu. (Gambar 3.16)

Dari penjelasan di atas di mana mulai dari konteks diagram kemudian dicompose dan menghasilkan DFD Level 0 maka selanjutnya dari decompose DFD Level 0 akan menghasilkan DFD Level 1, DFD Level 1 ini terdiri dari :

 DFD Level 1 E-Paper

 DFD Level 1 Transaksi Pemesanan Hot Chord Dan Lagu  DFD Level 1 Login

 DFD Level 1 Lagu Indie

Pada DFD Level 1 Pengolahan Data Menu ini terbagi menjadi :

DFD Level 1 Promo, DFD Level 1 Musik dan Musik Album, DFD Level 1 Bank, DFD level 1 Agen, DFD level 1 Iklan, DFD level 1 Hc Mania, DFD level 1 Kuis, dan DFD level 1 Event

Untuk lebih jelasnya dibawah ini akan dijelaskan mengenai hasil decompose level 0 yaitu DFD Level 1 sebagai berikut :

input mag_numbers output mag_numbers input mag_name

output mag_name

output mag_pages input mag_pages info data e paper

data e paper

baca e paper Administrator

Administrator

Pengunjung Pengunjung 1

e paper

mag_pages

mag_numbers mag_name

  Gambar 3.17 DFD Level 1 E_Paper

Dari Decompose DFD Level 0 E_Paper maka diperoleh DFD Level 1 E-Paper. Di dalam proses e_paper ini terdapat tiga tabel dimana tabel ini saling berkaitan di dalam proses e-paper, yaitu tabel mag_name, mage_pages, dan mag_numbers. Administrator pun tetap mempunyai kewenangan untuk input data e-paper dan mendapatkan info e-paper. Sedangkan pengunjung dapat lmelihat edisi HC dan membaca e-paper.(Gambar 3.17)

input data email output data email

input email output email output cart input cart input pembelian output pembelian loutput cart input cart output data pembelian

input data pembelian

validasi data transaksi pembelian

info data bank data bank

info transaksi pembelian

data pengiriman hard paper HC download pembelian lagu dan soft copy HC

info keranjang pemesanan informasi list transaksi

info keranjang pembelian

konfirmasi transaksi pembelian HC dan lagu konfirmasi pembayaran HC _Lagu Indie

informasi inbook email

info list transaksi_member band

data logistik info data logistik Administrat or Administrat or Administrat or Administrat or Administrat or member biasa member biasa Pengunjun g member biasa member biasa Administrat or member biasa member biasa member biasa member indie band 1 pemesanan dan pembelian majalah HC

dan lagu indie

2 transaksi pembayaran 3 konfirmasi transaksi via email email pembelian_ _cart   Gambar 3.18 DFD Level 1 Transaksi Pemesanan Hot Chord Dan Lagu

DFD Level 1 Transaksi Pemesanan Hot Chord Dan Lagu merupakan hasil decompose DFD Level 0 transaksi pembelian majalah dan lagu indie. Dalam

pembelian yang kemudian masuk dalam proses pemesanan,. Dalam hal ini administrator mendapatkan info transaksi member band dan info transaksi pembelian. Sedangkan member mendapatkan info list pembelian dan keranjang pembelian. Member juga dapat melakukan download dari pembelian majalah dan lagu.

Selanjutnya proses transaksi pembayaran administrator menginputkan data bank, validasi data transaksi,data logistik. Member menginputkan data pengiriman. Dalam proses ini mengambil tabel cart dan tabel pembelian serta tabel email sebagai konfirmasi ke member.(Gambar 3.18)

output musik_album input musik_album output musik

input musik

info list album band yang masuk

insert lagu karya band

info daftar lagu yang penah di upload insert data management album band

edit lagu member

indie band

member indie band

member indie band

member indie band

member indie band 1

lagu indie

musik musik_album

  Gambar 3.19 DFD Level 1 Lagu Indie

Pada proses lagu indie di atas dari

3.19)

inputan yang member lakukan seperti insert management album band, edit lagu maka data akan tersimpan pada tabel musik dan tabel musik_album. Sedangkan member juga dapat melihat info list album band yang masuk dan info daftar lagu yang pernah di upload. (Gambar

output bb_users input_bb users input bb_bans output bb_bans input bb_search output bb_search input bb_forums output bb_forums input bb_post ouput bb_bans input bb_topics output bb_topics

output data member input data member output data memberinput data member

update profil sbg member band

login forum

login member band daftar input data member

data member sebagai member band edit hapus album band insert password and email data member sbg member biasa

login member konfirmasi sebagai member

data admin

login admin (email password) Administrator Administrator member biasa member biasa member biasa member indie band member indie band member indie band Pengunjung member biasa member indie band member biasa 1 login member member_hc 2 forum bb_post bb_topics bb_forums bb_search bb_bans bb_users   Gambar 3.20 DFD Level 1 Login

DFD Level 1 Login merupakan hasil decompose dari DFD Level 0 Login

dari proses login maka ember hc, selanjutnya

, data akan tersimpan pada tabel m

dapat m

vel 1 Bank, DFD Level 1 HC Mania, DFD elakukannya. Dalam proses forum ini terdapat enam tabel yang saling terkait yaitu bb_bans, bb_forum, bb_post, bb_users,bb_topics dan bb_search. (Gambar 3.20) 

DFD Level 0 pengolahan data menu setelah dicompose maka akan di dapat beberapa DFD Level 1 menu yaitu : DFD Level 1 Promo, DFD Level 1 Musik dan Musik Album, DFD Le

Level 1 Iklan, DFD Level 1 Agen, DFD Level 1 Kuis, dan DFD Level 1 Event. Dari DFD di atas akan dijelaskan lebih rinci pada keterangan gambar sebagai berikut :

output promo input_promo info promo

data promo 14

Pengunjung _{Administrator}

Administrator

promo promo

Gambar 3.21 DFD Level 1 Promo

Pada proses promo pengunjung mendapatkan info promo dari inputan data promo administrator. Kemudian data akan tersimpan pada tabel promo. Pada proses promo tabel promo memberikan data promo, sehingga dministrator juga dapat m

Info dat promo

info lagu indie info profil band indie

info lagu indie play lagu indie

Pengunjung Pengunjung

Pengunjung Pengunjung

4 musik dan musik_album

  Gambar 3.22 DFD Level 1 Musik dan Musik Album

Pada DFD Level 1 Music dan Music Album, pengunjung dapat play music dan mendapatkan info lagu indie dan info profil band indie . (Gambar 3.22)

input data bank info bank

output input

info bank

16 _{input data bank}

Pengunjung bank _{administrator__}

bank

  Gambar 3.23 DFD Level 1 Bank

Pada DFD Level 1 Bank, terdapat proses bank. Di mana pada proses ini administrator menginputkan data bank kemudian data tersimpan dalam tabel bank. Selanjutnya tabel data bank m

pengunjung dapat melihat info bank begitu juga dengan administrator . (Gambar 3.23)

 

info data hc mania

output manai input mania info HC Mania

Pengunjung

Administrator 10

hc mania

mania

  Gambar 3.24 DFD Level 1 HC Mania

Pada DFD Level 1 HC Mania, terdapat proses hc mania. Di mana pada proses ini data hc mania oleh administrator tersimpan dalam tabel mania. Selanjutnya tabel mania mengeluarkan data manai pada proses hc manai,

sehingga administra gitu juga dengan

pengun

tor dapat melihat info hc mania be jung adminpun dapat melihat data hc mania. (Gambar 3.24)

data iklan info iklan

output iklan input iklan

5

iklan user

Administrat or

iklan

  Gambar 3.25 DFD Level 1 Iklan

Pada DFD Level 1 Iklan, terdapat proses iklan. Di mana pada proses ini administrator menginputkan data iklan kemudian data tersimpan dalam tabel iklan. Selanjutnya tabel data iklan mengeluarkan data iklan pada proses iklan,

pengu njung 

sehingga pengunjung dapat melihat info iklan begitu juga dengan administrator . (Gambar 3.25)

output agen input agen

data agen

info agen HC info data agen

Administrat or 6

agen Administrat

or

Pengunjun g

agen  

Gambar 3.26 DFD Level 1 Agen

Pada DFD Level 1 Agen, terdapat proses agen. Di mana pada proses ini administrator menginputkan data Agen kemudian data tersimpan dalam tabel Agen. Selanjutnya tabel data agen m

sehingg

engeluarkan data agen pada proses agen, a pengunjung dapat melihat agen begitu juga dengan administrator . (Gambar 3.26)

pemenang kuis

output kuis input kuis

info kuis data kuis

Pengunjung Administrator

kuis 15 kuis

 

Pada DFD Level 1 kuis, terdapat proses kuis. Di mana pada proses ini administrator menginputkan data kuis dan pemenang kuis kemudian data tersimpan dalam tabel kuis. Selanjutnya tabel data kuis mengeluarkan data kuis pada proses kuis, sehingga pengunjung dapat melihat info kuis begitu juga dengan administrator . (Gambar 3.27)

output even ouput even info data event

Administrator

data event

info event 11

even

Pengunjung

Administrator

event

  Gambar 3.28 DFD Level 1 Event

Pada DFD Level 1 Event, terdapat proses agen. Di mana pada proses ini administrator menginputkan data event kemudian data tersimpan dalam tabel event. Selanjutnya tabel data event mengeluarkan data event pada proses even, sehingga pengunjung dapat melihat event begitu juga dengan administrator . (Gambar 3.28)

3.3.3 CDM (Conceptual Data Model)

Entity Relationship Diagram (ERD) terbagi menjadi dua, yaitu Conceptual

Data Model (CDM) dan mbuatan ERD diawali

dengan

Physical Data Model (PDM). Pe

membuat Conceptual Data Model (CDM) yang kemudian di-generate ke bentuk Physical Data Model (PDM). Berikut gambar Conceptual Data Model dari Aplikasi Majalah Virtual ”Hot Chord” :

Dalam CDM majalah Virtual ” Hot Chord” ini terbagi dalam beberapa CDM karena tempat yang tidak memenuhi dan agar gambar jelas sehingga t beberapa entitas yang berdiri sendiri (tidak ada relasi). Jum

dipisah-pisah. Pada CDM ini juga terdapa

lah untuk semua entitas pada CDM ini adalah 29 entitas.

detail_rubrik id_detail_rubrik judul_detail isi_detail_rubrik <pi> tanggal_pos_d status_rubrik SI VA150 TXT <M> rubrik

detail pada rubrik

pemenang_kuis D VA5 id_rubrik I nama_rubrik <pi> VA255 id_rubrik <pi> id_detail_rubrik <pi> kuis pemenang_kuis id_kuis judul_kuis deskripsi_kuis tanggal_post_p <pi> SI VA100 TXT D <M> id_kuis <pi> pengumuman_pemenang tanggal_ t_p <pi> SI pos D <M> pengumuman_pemenang <pi>

Gambar 3.29 Conceptual Data Model ( CDM ) 1

Dalam Conceptual Data Model (CDM) di atas, terdapat 2 (dua) entitas pada entitas rubrik yang berelasi one to many pada entitas detail rubrik. Selain itu juga terdapat 2 (dua) entitas yaitu entitas kuis yang berelasi one to many entitas pemenang kuis. (Gambar 3.29)

tahun edisi Hc isi HC edisi Hc detail musik musik info musik keranjang pembelian produk pemesanan

biaya kirim sesuai kota

input email kode_bank logistik id_logistik kode tujuan waktu harga <pi> SI VA5 VA75 VA10 I <M> id_logistik <pi> id_musik judul_musik lirik_musik file_musik <pi> SI diskripsi musik tanggal_upload chord_musik artis status rate_musik VA100 TXT VA50 <M> musik_album TXT D VA100 VA100 VA100 SI id_musik <pi> id_album id_pemilik_album nama_album deskripsi_album tanggal_album <pi> SI SI TXT D <M> VA50 id_album <pi> pembelian id_pembelian SI mag_numbers description mag_id mag_no page_width page_hight contents_page bg_color bg_image loader_color panel_color button_color text_color mag_date <pi> VA255 I I I I I VA6 I VA6 VA6 VA6 VA6 D <M> mag_no <pi> mag_pages file_name <pi> VA255 <M> file_name <pi> mag_name id name <pi> I VA255 <M> id <pi> bank id_bank nama_bank rek_bank an_bank cabank_bank <pi> SI VA30 VA50 VA50 VA50 <M> id_bank <pi> member_hc id_member nama_member profilpick biografi tanggal_lahir alamat lengkap email_member telepon_member kata_kunci hak_akses tanggal_daftar status_aktif <pi> SI VA50 VA50 TXT VA30 TXT VA30 VA15 VA10 VA50 D VA50 <M> id_member <pi> carts id_carts id_session id_produk quantity harga_sub status_proses jenis_produk bentuk_produk ket_produk <pi> SI VA40 SI SI SI VA50 VA50 VA50 TXT <M> id_carts <pi> id_pembeli total_quantity total_harga tanggal_pembelian status_pembelian tanggal_konfirmasi no_resi biaya_kirim tujuan_pengiriman <pi> SI I I DT VA50 DT VA30 VA50 VA255 <M> id_pembelian <pi> email id_email subject_email email_penerima email_pengirim isi_email tanggal_kirim status_email <pi> SI VA255 VA50 VA50 TXT D VA50 <M> id_email <pi>

Gambar 3.30 Conceptual Data Model ( CDM )2

Dalam Conceptual Data Model (CDM) di atas, terdapat 11 entitas diantaranya yaitu entitas logistik, entitas bank, entitas email, entitas mag_numbers, entitas mag_pages, entitas mag_name, entitas member hc, entitas carts, entitas pembelian, entitas musik, dan entitas musik album. (Gambar 3.30)

FK_BB_TOPIC_PENGECEKA_BB_BANS FK_BB_TOPIC_SEARCH_TO_BB_SEARC FK_BB_TOPIC_TOPIC_PAD_BB_FORUM FK_BB_POST_TOPIC_PAD_BB_TOPIC FK_BB_SEARC_INFO_BB_USERS FK_BB_TOPIC_INFO_TOPI_BB_USERS FK_BB_FORUM_SEARCH_PA_BB_SEARC FK_BB_POST_MENGETAHU_BB_SEARC FK_BB_POST_PENEMPATA_BB_FORUM FK_BB_POST_USER_UPDA_BB_USERS bb_bans ban_id ban_data integer char(20) <pk> bb_forum forum_id search_id forum_parent forum_order forum_nama forum_desc forum_numtopics forum_numreplies forum_lastpost_time forum_lastposter integer integer integer integer char(100) char(255) integer integer integer char(30) <pk> <fk> bb_post post_id user_id search_id topic_id forum_id post_author post_autor_id post_author_ip post_text post_text_status post_time post_edited post_edited_by post_edited_time integer integer integer integer integer varchar(30) integer varchar(15) long varchar smallint integer smallint varchar(30) integer <pk> <fk4> <fk2> <fk1> <fk3> bb_search search_id user_id search_user_id search_time search_result integer integer integer integer long varchar <pk> <fk> bb_topic topic_id ban_id forum_id user_id search_id topic_title topic_pester_id topic_poster_name topic_lastposter_id topic_lastposter_name topic_created_time topic_lastpost_time topic_numreplies topic_numviews topic_sticky topic_locked topic_moved integer integer integer integer integer varchar(100) integer varchar(100) integer varchar(30) integer integer integer integer smallint smallint integer <pk> <fk1> <fk3> <fk4> <fk2> bb_users user_id user_name user_pass user_regdate user__bio user_bio_status user_timezone user__email user_email_public user_allowviewonline numpost user_lasttimereadpost user_lastsession user_banned user_newspassword user_signature user_signature_status user_view_signatures user_avatar user_view_avatars integer varchar(20) char(40) integer long varchar long varchar float(10) varchar(100) smallint smallint integer integer integer smallint char(40) long varchar integer integer varchar(150) smallint <pk>   Gambar 3.31 Conceptual Data Model ( CDM )3

Dalam C CDM Forum,

terdapa

onceptual Data Model (CDM) di atas merupakan

t 6 entitas diantaranya yaitu entitas bb_bans, entitas bb_topic, entitas users, entitas bb_forum, entitas bb_post, dan entitas bb_search. (Gambar 3.31)

agen id_agen nama_agen alamat_agen <pi> VA255 VA100 VA100 <M> id_agen <pi> crumb id_crumb nama_crumb crumb icon_crumb <pi> SI VA100 VA50 <UNDEF> <M> id_crumb <pi> even id_even judul_even isi_even tanggal_even <pi> I VA100 TXT D <M> id_even <pi> iklan id_ikaln judul_iklan gambar_iklan tanggal_iklan url_iklan <pi> SI VA100 VA100 D VA50 <M> id_iklan <pi> menu id_menu menu tittle_menu keyword_menu diskripsi_menu <pi> VA30 VA30 VA50 VA50 VA150 <M> id_menu <pi> promo id_promo judul_promo isi_promo tanggal_promo <pi> I VA100 TXT D <M> id_promo <pi> statistik id_statistik tanggal <pi> VA50 D <M> id_statistik <pi> mania id_mania nama_mania detail_mania icon mania <pi> SI VA50 TXT <UNDEF> <M> id_mania <pi>   VC 20 VC 50

Gambar 3.32 Conceptual Data Model (CDM) 4

Dalam C an CDM yang

entitasnya berdiri sendiri-sendiri (tidak ada relasi dengan entitas yang lain), terdapat 8 entitas diantaranya yaitu entitas promo, entitas menu, entitas statistik, entitas mania, entitas even, entitas iklan, entitas crumb, dan entitas agen. (Gambar 3.32)

 

3.3.4 PDM (Physical Data Model)

Tahap berikutnya adalah pembuatan Physical Data Model (PDM) hasil

generate dari Conceptual Data Model (CDM). Berikut gambar PDM:

Dari Ganerate Conceptual Data Model (CDM) yaitu diperoleh Physical Data Model (PDM) yang memiliki 29 tabel. Dimana nantinya akan tersimpan pada database hotchord pada My Sql.

FK_DETAIL_R_DETAIL_PA_RUBRIK FK_PEMENANG_PEMENANG__KUIS detail_rubrik id_detail_rubrik id_rubrik judul_detail isi_detail_rubrik tanggal_pos_d status_rubrik smallint integer varchar(150) long varchar date varchar(5) <pk> <fk> kuis id_kuis judul_kuis deskripsi_kuis tanggal_post_p smallint varchar(100) long varchar date <pk> rubrik id_rubrik nama_rubrik integer varchar(255) <pk> pemenang_kuis pengumuman_pemenang id_kuis tanggal_post_p smallint smallint date <pk> <fk>

Gambar 3.33 Physical Data Model (PDM) 1

Physical Data Model (PDM) di atas mempunyai 4 tabel setelah diganerate dari CDM ke PDM yaitu tabel detail rubrik, dan tabel rubrik. Kemudian tabel pemenang kuis, dan tabel kuis. (Gambar 3.33)

FK_MAG_NUMB_TAHUN_EDI_MAG_NAME FK_MAG_PAGE_RELATIONS_MAG_NAME FK_MAG_PAGE_EDISI_HC_MAG_NUMB FK_MUSIK_DETAIL_MU_MUSIK_AL FK_MUSIK_INFO_MUSI_MEMBER_H FK_PEMBELIA_KERANJANG_CARTS FK_CARTS_PRODUK_MAG_NUMB FK_PEMBELIA_PEMESANAN_MEMBER_H FK_PEMBELIA_BIAYA_KIR_LOGISTIK FK_MEMBER_H_INPUT_EMA_EMAIL FK_EMAIL_INPUT_EMA_MEMBER_H FK_PEMBELIA_KODE_BANK_BANK logistik id_logistik kode tujuan waktu harga smallint varchar(5) varchar(75) varc (10) in <pk> musik id_musik har teger id_member id_album judul_musik lirik_musik file_musik smallint diskripsi musik tanggal_upload chord_musik artis status rate_musik smallint smallint long varchar date varchar(100) long varchar varchar(50) <pk> varchar(100) varchar(100) varchar(100) smallint <fk2> <fk1> mag_numbers description mag_id mag_no id page_width page_hight contents_page bg_color bg_image loader_color panel_color button_color varchar(255) integer integer text_color mag_date integer integer integer integer varchar(6) integer varchar(6) varchar(6) varchar(6) <pk> varchar(6) date <fk> mag_pages file_name id mag_no varchar(255) integer integer <pk> <fk1> <fk2> mag_name id name integer varchar(255) <pk> bank id_bank nama_ rek_bank an_bank cabank_bank smallint bank varchar(30) varchar(50) varchar(50) varchar(50) <pk> musik_album id_album id_pemilik_album tanggal_album smallin nama_album deskripsi_album t smallint date varchar(50) long varchar <pk> pembelian id_pembelian member_hc id_member id_email nama_member profilpick biografi tanggal_lahir alamat lengkap email_member telepon_member kata_kunci hak_akses tanggal_daftar status_aktif smallint smallint varchar(50) varchar(50) long varchar varchar(30) long varchar varchar(30) varchar(15) varchar(10) varchar(50) date varchar(50) <pk> <fk> carts id_carts mag_no id_session id_produk quantity harga_sub status_proses jenis_produk bentuk_produk ket_produk smallint integer varchar(40) smallint smallint smallint varchar(50) varchar(50) varchar(50) long varchar <pk> <fk> id_carts id_member id_bank id_pembeli id_logistik total_quantity total_harga tanggal_pembelian status_pembelian tanggal_konfirmasi no_resi biaya_kirim tujuan_pengiriman smallint smallint smallint smallint smallint smallint integer integer timestamp varchar(50) timestamp varchar(30) varchar(50) varchar(255) <pk> <fk1> <fk2> <fk3> <fk4> email id_email id_member subject_email email_penerima email_pengirim isi_email tanggal_kirim status_email smallint smallint varchar(255) varchar(50) varchar(50) long varchar date varchar(50) <pk> <fk>

as mempunyai 11 tabel setelah degenerate dari CDM ke PDM yaitu tabel logistik, tabel bank, tabel email, tabel mag_numbers, tabel mag_pages, tabel mag_name, tabel member hc, tabel carts, tabel pembelian, tabel musik, dan tabel musik album. (Gambar 3.34)

Gambar 3.34 Physical Data Model (PDM) 2

FK_BB_TOPIC_PENGECEKA_BB_BANS FK_BB_TOPIC_SEARCH_TO_BB_SEARC FK_BB_TOPIC_TOPIC_PAD_BB_FORUM FK_BB_POST_TOPIC_PAD_BB_TOPIC FK_BB_SEARC_INFO_BB_USERS FK_BB_TOPIC_INFO_TOPI_BB_USERS FK_BB_FORUM_SEARCH_PA_BB_SEARC FK_BB_POST_MENGETAHU_BB_SEARC FK_BB_POST_PENEMPATA_BB_FORUM FK_BB_POST_USER_UPDA_BB_USERS bb_bans ban_id ban_data integer char(20) <pk> bb_forum forum_id search_id forum_parent forum_order forum_nama forum_desc forum_numtopics forum_numreplies forum_lastpost_time forum_lastposter integer integer integer integer char(100) char(255) integer integer integer char(30) <pk> <fk> bb_post post_id user_id search_id topic_id forum_id post_author post_autor_id post_author_ip post_text post_text_status post_time post_edited post_edited_by post_edited_time integer integer integer integer integer varchar(30) integer varchar(15) long varchar smallint integer smallint varchar(30) integer <pk> <fk4> <fk2> <fk1> <fk3> bb_search search_id user_id search_user_id search_time search_result integer integer integer integer long varchar <pk> <fk> bb_topic topic_id ban_id forum_id user_id search_id topic_title topic_pester_id topic_poster_name topic_lastposter_id topic_lastposter_name topic_created_time topic_lastpost_time topic_numreplies topic_numviews topic_sticky topic_locked topic_moved integer integer integer integer integer varchar(100) integer varchar(100) integer varchar(30) integer integer integer integer smallint smallint integer <pk> <fk1> <fk3> <fk4> <fk2> bb_users user_id user_name user_pass user_regdate user__bio user_bio_status user_timezone user__email user_email_public user_allowviewonline numpost user_lasttimereadpost user_lastsession user_banned user_newspassword user_signature user_signature_status user_view_signatures user_avatar user_view_avatars integer varchar(20) char(40) integer long varchar long varchar float(10) varchar(100) smallint smallint integer integer integer smallint char(40) long varchar integer integer varchar(150) smallint <pk>

Gambar 3.35 Physical Data Model (PDM) 3

Physical Data Model (PDM) di atas mempunyai 6 tabel diantaranya yaitu tabel bb_bans, tabel bb_topic, tabel users, tabel bb_forum, tabel bb_post, dan tabel bb_search. (Gambar 3.35)

agen id_agen nama_agen alamat_agen varchar(255) varchar(100) varchar(100) <pk> crumb id_crumb nama_crumb crumb icon_crumb smallint varchar(100) varchar(20) varchar(50) <pk> event id_event judul_event isi_event tanggal_event integer varchar(100) long varchar date <pk> iklan id_iklan judul_iklan gambar_iklan tanggal_iklan url_iklan smallint varchar(100) varchar(100) date varchar(50) <pk> menu id_menu menu tittle_menu keyword_menu diskripsi_menu varchar(30) varchar(30) varchar(50) varchar(50) varchar(150) <pk> promo id_promo judul_promo isi_promo tanggal_promo integer varchar(100) long varchar date <pk> statistik id_statistik tanggal varchar(50) date <pk>      

Gambar 3.36 Physical Data Model (PDM) 4

Dalam Ph kan PDM yang

a berdir

ysical Data Model (PDM) di atas merupa

tabelny i sendiri-sendiri terdapat 8 tabel diantaranya yaitu tabel promo, tabel menu, tabel statistik, tabel mania, tabel even, tabel iklan, tabel crumb, dan tabel agen. (Gambar 3.36)

3.4Struktur Data Base

Dari desain database yang telah dibuat dalam bentuk Conceptual Data Model (CDM) dan Physical Data Model (PDM), maka dapat disusun database sebagai berikut :

3.4.1 Rancangan Desain Database

Berikut rancangan desain dari Aplikasi Majalah Virtual Hot Chord yang nantinya masuk dalam data base My Sql. Adapun data base hotchord terdiri dari beberapa tabel sebagai berikut :

Tabel 3.1 Tabel Agen

No Field Type Data Keterangan

1 id_agen Varchar (255) Primary key

2 nama_agen Varchar (100)

3 alamat_agen Varchar (100)

Tabel diatas bernama tabel agen yang fungsinya menyimpan data agen. imana id_agen merupakan primary key.

Tabel 3.2 Tabel Bank

No D

Field Type Data Keterangan

1 id_bank Varchar (30) Primary key

2 nama_bank Varchar (50)

3 rek_bank Varchar (50)

4 an_bank Varchar (50)

 

Tabel diatas bernama tabel bank yang fungsinya menyimpan data bank. Dimana id_bank merupakan primary key.

Tabel 3.3 Tabel Bb_forum 

Type Data Keterangan

No Field

1 forum_id int Primary key

2 forum_parent int

3 forum_order int

4 forum_name Char (100)

5 forum_desc Char (255)

6 forum_numptopics int

7 forum_numreplies int

8 forum_lastpost_time int

9 forum_lastposter Char (30)

 

Tabel diatas bernama tabel bb_forum yang fungsinya menyimpan data forum. Dimana forum_id merupakan primary key.

   

Tabel 3.4 Tabel Bb_bans

Field ata ngan

No Type D Ketera

1 ban_id int Primary key

2 ban _data char (20)

Tabel diatas bernama tabel bb_bans yang fungsinya menyimpan data ban pada fo

Tabel 3.5 Tabel Bb_posts

No Field Keterangan

rum. Dimana ban_id merupakan primary key.

Type Data

1 post_id int Primary key

2 topic_id int

3 post_author varchar(30)

4 post_author_id int

5 post_author_ip varchar(15)

6 post_text text

7 post_text_status int

8 post_time int

9 post_edited int

10 post_edited_by varchar(30)

11 Post_edited_time int

 

ngsinya menyimpan data post ana post_id merupakan primary key.

 

Tabel 3.6 Tabel Bb_search

No Field Type Data Keterangan

Tabel diatas bernama tabel bb_post yang fu pada forum. Dim

1 search_id int Primary key

2 search_user_id int

3 search_time int

Tabel diatas bernama tabel bb_search yang fungsinya menyimpan data search pada forum. Dimana search_id merupakan primary key.

 

Tabel 3.7 Tabel Bb_topic

No Field Type Data Keterangan

1 Topic_id int Primary key

2 Topic_title varchra(100)

3 Topic_poster_id int

4 Topic_poster_name varchra(30)

5 Topic_lastposter_id int

6 Topic_lastposter_name varchra(30)

7 Topic_created_time int

8 Topic_lastpost_time int

9 Topic_numreplies int

10 Topic_numviews int

11 Topic_sticky int

12 Topic_locked int

13 Topic_moven int

14 Forum_id int FK

 

Tabel diatas bernam nya menyimpan data topic forum. D topic_id merupak key.

a tabel bb_topic yang fungsi

pada imana an primary

       

Gambar 5.14 Tampilan Menu Prin Laporan Penjualan

Setelah admin klik pada ”print laporan penjualan”, maka akan muncul tampilan seperti gambar di atas. Pada menu ini dapat dilihat bahwa, admin dapat mencetak laporan sesuai dengan bulan dan tahun yang dipilihnya. ( Gambar 5.14)

89

Setelah admin memilih bulan dan tahun kemudian ”print preview” yang diinginkan untuk melaporkan penjualan, maka akan di dapat tampilan seperti gambar di atas. (Gambar 5.15)

Gambar 5.16 Tampilan Laporan Penjualan (Siap Cetak/Print) Apabila admin klik pada ”print sekarang” (Gambar 5.15) maka akan menghasilkan laporan penjualan yang siap di cetak. (Gambar 5.16)

BAB VI PENUTUP

Kesimpulan dan saran dimaksudkan untuk memberikan kesimpulan dari seluruh bab yang telah dijelaskan pada bab-bab sebelumnya yang berkaitan juga dengan permasalahan dan batasan masalah. Sedangkan saran dimaksudkan untuk memberi saran guna perbaikan dimasa yang akan datang.

6.1 Kesimpulan

Kesimpulan dari Aplikasi Majalah Virtual Hot Chord ini sebagai berikut :

1. Informasi mengenai majalah Hot Chord dapat tersampaikan kepada masyarakat yang awalnya belum tahu Hot Chord, dengan adanya Aplikasi ini, masyarakat mengetahuinya

2. Aplikasi ini dibangun dengan desain yang menarik dan bahasa yang mudah digunakan sehingga masyarakat mudah untuk memanfaatkannya 3. Aplikasi ini juga menyediakan fasilitas untuk band indie sehingga

band-band indie di Indonesia dapat memanfaatkannya untuk promosikan bandnya

4. Aplikasi merupakan web dinamis, sehingga di dalamnya ada forum, penjualan majalah Hot Chord dan lagu band indie

5. untuk dapat menarik pengunjung Aplikasi ini menampilkan e-paper yang menggunakan adobe flash, sehingga pengunjung dimanjakan dengan adanya majalah online.

91

6.2 Saran

Untuk mengembangkan program dan juga merupakan langkah awal dari perbaikan maka sebagai saran:

1. Penggunaan flash tidak terbatas pada e-paper tetapi pada menu-menu lainnya.

2. Sebagai media musik yang memberikan informasi baik hiburan dan education, sebagai pengembangan aplikasi ini didaharapkan adanya menu sebagai saranya education seperti cara memainkan gitar dan alat musik lainnya secara online pada aplikasi.

3. Untuk pembelian majalah dan lagu sebagai pengembangan selanjutnya, diupayakan bisa melalui penjualan paket, sehingga biaya tranfer tidak kecil (termanagemnet lebih baik), sehingga promo dapat menarik pengunjung.

4. Sebagai pembayaran transaksi pembelian baik majalah ataupun lagu, dapat bekerjasama dengan bank, sehingga pembayaran lebih cepat dan member dapat segera menikmati pembeliannya.

1) Laurentina, Lisa Setiawan.(2008). Tutorial Praktis Photoshop CS3. Neotekno, Yogyakarta

2) Nugroho, Bunafit.(2005). Database Relasional Dengan MySQL. Andi, Yogyakarta

3) Rickyanto, Isak.(2002). Desain WEB dengan Dreamweaver MX. PT Elex Komputindo, Jakarta

4) Tanujaya, Edward.(2009). Teknik Pembuatan Animasi dengan Adobe Flash CS3. Salemba Infotek, Jakarta

5) http://adibowo.com/apa-itu-www-fungsi-dan-sejarah-www/ diakses tanggal 4

Desember 2010

6) http://www.indowebster.com/Flash_Page_Flip_PHPpro.html diakses tanggal

LAMPIRAN

Pada lampiran ini merupakan hasil dari uji coba dan evaluasi pada Bab V, yaitu dimana admin mencetak data penjualan di dalam aplikasi pada bulan 12 (Desember) tahun 2010, hal ini dapat dilihat pada uji coba gambar 5.16.

Di dalam laporan penjualan ini, admin dapat memberikan laporan kepada bagian keuangan dan sirkulasi untuk mengecek transaksi uang yang masuk, keluarnya barang (majalah), follow up member (via telp) dan mengecek pengiriman. Sehingga laporan ini detail disetiap transaksi member.