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. 0534010101Kepada
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. 0534010101Telah 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 97Pembimbing Pendamping
Mohamad Irwan Afandi, ST, MSc
NPT. 376 070 702 20Mengetahui,
Ketua Jurusan Teknik Informatika Fakultas Teknologi Industri
Universitas Pambangunan Nasional ”Veteran” Jawa Timur
DENGAN MENGGUNAKAN ADOBE FLASH
Disusun Oleh :ELSA RICHE ALFIANI SUSANTO
NPM. 0534010101Telah 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
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
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 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.
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.
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.
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).
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
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
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
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
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.
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 :
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.
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.
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
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.
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.
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.
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 :
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,
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 :
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)
Gambar 3.1 Flow Chart Menu Program
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
Gambar 3.3 Flow Chart E-Paper
copy, selanjutnya proses pemesanan ini akana lebih didetailkan pada rincian detail pemesanan Hot Chord. (Gambar 3.3)
Gambar 3.4 Flow Chart Detail Pemesanan
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
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
Gambar 3.7 Flow Chart Pembelian Lagu Indie
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
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
Gambar 3.10 Flow Chart Forum
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 indie band
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.
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
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
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
Gambar 3.14 DFD Level 0 Pengolahan Data Menu
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 majalah dan
lagu indie +
Gambar 3.15 DFD Level 0 Transaksi Pembelian Majalah dan Lagu Indie
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
input data email output data email
input email 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
pemesanan dan pembelian majalah HC
dan lagu indie
2
transaksi pembayaran
3 konfirmasi transaksi via
pembelian_ cart
Gambar 3.18 DFD Level 1 Transaksi Pemesanan Hot Chord Dan Lagu
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
Gambar 3.19 DFD Level 1 Lagu Indie
Pada proses lagu indie di atas dari
3.19)
output bb_users
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
DFD Level 1 Login merupakan hasil decompose dari DFD Level 0 Login
dari proses login maka ember hc, selanjutnya
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,
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
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
detail pada rubrik
pemenang_kuis
Gambar 3.29 Conceptual Data Model ( CDM ) 1
tahun edisi Hc
biaya kirim sesuai kota
input email
file_name <pi> VA255 <M>
file_name <pi>
FK_BB_TOPIC_PENGECEKA_BB_BANS
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
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
Gambar 3.33 Physical Data Model (PDM) 1
FK_MAG_NUMB_TAHUN_EDI_MAG_NAME
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
Gambar 3.35 Physical Data Model (PDM) 3
agen
Gambar 3.36 Physical Data Model (PDM) 4
Dalam Ph kan PDM yang
a berdir
ysical Data Model (PDM) di atas merupa
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
Tabel 3.8 Tabel Bb_user
No Field Type Data Keterangan
1 user_id int Primary key
2 user_name varchar(20)
3 user_regdate char(40)
4 user_bio int
5 user_bio_status text
6 user_timezone f(10)
7 user_email varchar(100)
8 user_email_public int
9 user_allowviewonline int
10 user_numposts int
11 user_lasttimereadpost int
12 user_lastsession int
13 user_banned int
14 user_newpassword int
15 user_signatute text
16 User_signature_status int
17 User_view_signatures int
18 user_avatar int
19 user_view_avatars int
Tabel diatas bernama tabel bb_user yang fungsinya menyimpan data user . Dimana user_id merupakan primary key.
Tabel 3.9 Tabel Carm
No Field Type Data Keterangan
1 Id_crumb int Primary Key
2 crumb varchar(20)
3 nama_crumb varchar(100)
4 icon_crumb varchar(50)
Tabel diatas bernama tabel carm yang fungsinya menyimpan data carm. ma merupakan pr
Tabel 3.10 Tabel Carts
No Field Type Data Keterangan
Di na id_carm imary key.
1 Id_carts int Primary key
2 Id_session Varchar(40)
3 Id_produk int
4 quantity int
5 harga_sub int
6 status_proses varchar(50)
7 jenis_produk varchar(50)
8 bentuk_produk varchar(50)
9 ket_produk text
Tabel 3.11 Tabel Detail Rubrik
No Field Type Data Keterangan
1 Id _rubrik int
2 Judul detail varchar(150)
3 Id_detail_rubrik text Primary key
4 Tanggal_post date
5 Status_rubrik varchar(50)
ubrik yang fungsinya menyimpan data etail rubrik. Dimana id_detail_rubrik merupakan primary key.
Tabel 3.12 Tabel Event
Field Type Data angan
Tabel diatas bernama tabel detail_r d
No Keter
1 Id_event int Primary key
2 Judul_event Varchar (100)
3 Isi_event text
4 Tanggal_event date
Tabel diatas bernama tabel event yang fungsinya menyimpan data event.
ma erupakan prim
Tabel 3.13 Tabel Rubrik
No Field Type Data Keterangan
Di na id_event m ary key.
1 Id-rubrik int Primary Key
Tabel diatas bern menyimpan data rubrik. ubrik meru an primary key.
Tabel 3.14 Tabel Email
Type Data ama tabel rubric yang fungsinya
Id_r pakan
No Field Keterangan
1 Id_email int Primary key
2 Subject_email Varchar(255)
3 Email_penerima Varchar(50)
4 Email_pengirim Varchar(50)
5 Isi_email text
6 Tanggal_kirim date
7 Status_email Varchar(50)
iatas bernama tabel email yang fungsinya ail.
ma merupakan p
Tabel 3.15 Tabel Iklan
No Field Type Data Keterangan
Tabel d menyimpan data em
Di na id_email rimary key.
1 Id_iklan int Primary key
2 Judul_iklan Varchar (100)
3 Gambar_iklan Varchar (100)
4 Tanggal_iklan date
Tabel diatas bernama tabel iklan yang fungsinya menyimpan data iklan. Dimana id_iklan merupakan primary key.
Field Type Data Keterangan
Tabel 3.16 Tabel Kuis
No
1 Id_kuis int Primary key
2 Judul_kuis Varchar (100)
3 Deskripsi_kuis text
4 Tanggal_kuis date
Tabel diatas bernama tabel kuis yang fungsinya menyimpan data kuis. Dimana id_kuis merupakan primary key.
Tabel 3.17 Tabel Logistik
No Field Type Data Keterangan
1 Id_logistik int Primary key
2 kode Varchar(100)
3 tujuan Varchar (75)
4 Waktu Varchar( 10)
5 harga int
Tabel 3.18 Tabel Mag_numbers
No Field Type Data Keterangan
1 Id int
2 description Varchar (255)
3 Mag_id int
4 Mag_no int Primary key
5 Page_width int
6 Content_page int
7 Bg_color Varchar (6)
8 Mag_image int
9 Loader_color Varchar (6)
10 Panel_color Varchar (6)
11 Butten_color Varchar (6)
12 Text_color Varchar (6)
13 Mag_date date
Tabel diatas bernama tabel mag_numbers yang fungsinya menyimpan data g_numbers pada e_paper. D merupakan primary key.
Tabel 3.19 Tabel Mag_name
Field Type Data Keterangan
ma imana mag_no
No
1 id Int Primary key
Tabel diatas ber sinya menyimpan data _name pada e_paper. Dimana id m rimary key.
Tabel 3.20 Tabel Mag_pages
Type Data Keterangan
nama tabel mag_name yang fung
mag erupakan p
No Field
1 id
2 Mag_no_id
3 File_name Primary key
Tabel diatas bernama tabel m e yang fungsinya menyimpan data
_ _paper. Dima akan primary key.
Tabel 3.21 Tabel Mag_mania
ield Type Data Keterangan
ag_nam mag name pada e na id merup
No F
1 Id_mania int Primary key
2 Nama_mania Varchar (50)
3 Detail_mania text
4 Icon_mania Varchar (30)
Tabel diatas bernama tabel ma ang fungsinya data ng ar Hot Chord (HC Mania). Dimana id_mania me ary key.
g_mania y menyimpan
Tabel 3.22 Tabel Member_hc
No Field Type Data Keterangan
1 Id_member int Primary key
2 Nama_member Varchar (50)
3 Profile_pict Varchar(50)
4 Biografi Text
5 Tanggal_lahir Varchar (30)
6 Alamat_lengkap Text
7 Email_member Varchar (30)
8 Telepon_member Varchar (15)
9 Kata_kunci Varchar (10)
10 Hak_akses Varchar(50)
11 Tanggal_daftar date
12 Status_aktf Varchar(50)
iatas bernama tabel member_hc yang fun impan data mber Hot Chord. Dimana id rupakan primary key.
Tabel 3.23 Tabel Menu
o Field Type Data Keterangan
Tabel d gsinya meny
me _member me
N
1 Id_menu Varchar (30) Primary key
2 menu Varchar (30)
3 Title_menu Varchar (50)
4 Keyword_menu Varchar (50)
Tabel diatas berna menyimpan data menu. ana id_menu merupakan primary k
Tabel 3.24 Tabel Musik
Data Keterangan
ma tabel menu yang fungsinya
Dim ey.
No Field Type
1 Id_musik int Primary key
2 Id_album_music int
3 Id_band Int
4 Judul_musik Varchar (100)
5 Deskripsi_musik Text
6 Tanggal_upload Date
7 Link_musik Text
8 Chard_musik Varchar (100)
9 Artis Varchar(100)
10 File_musik Varchar(50)
11 Jenis_musik Varchar (50)
12 Rate_musik int
Tabel diatas bernama ya menyimpan data musik. ana id_mu rupakan primary
Tabel 3.25 Tabel Statistik
eld Data Keterangan
tabel musik yang fungsin
Dim sik me key.
No Fi Type
1 Id_statistik Varchar(50) Primary key
Tabel diatas bernama tabel sayang fungsinya menyimpan data statistik. Dimana id_statistik merupakan primary key.
Tabel 3.26 Tabel Musik_Album
No Field Type Data Keterangan
1 Id_album int Primary Key
2 Id_pemilik_album Varchar(50)
3 Nama_album Varchar(50)
4 Deskripsi_album text
5 Tanggal_album date
Tabel diatas bernama tabel music_album yang fungsinya menyimpan data music_album. id_album merupakanan primary key.
Tabel 3.27 Tabel Promo
No Field Type Data Keterangan
1 Id_promo int Primary Key
2 Judul_promo Varchar(100)
3 Isi_promo text
4 Tanggal_promo date
Tabel diatas bernama tabel prom enyim
pr akanan primar
o yang fungsinya m pan data promo.
Tabel 3.28 Tabel Pembelian
No Field Type Data Keterangan
1 Id_pembelian Int Primary Key
2 Id_session_cart Varchar (35)
3 Id_pembeli Int
4 Kode_tujuan int
5 Total_quantity Int
6 Total_harga int
7 Biaya_kirim int
8 Tanggal_pembelian date
9 Staus_pembelian Varchar(50)
10 Tanggal_konfirmasi date
11 Kode_bank int
12 No_resi Varchar(50)
13 Tujuan_pengiriman Varchar(255)
Tabel diatas bernama tabel pembelian yang fungsinya menyimpan data pembelian. id_pembelian merupakanan primary key.
Tabel 3.29 Tabel Pemenang Kuis
Type Data Keterangan
No Field
1 Id_kuis int
2 Pengumuman text Primary Key