Pembangunan aplikasi manajemen Band Indie berbasis web di CV.Kris Quality Management : laporan kerja praktek

(1)

1 1.1 Latar Belakang

Kebutuhan informasi selalu menjadi hal penting bagi umat manusia. Seiring dengan perkembangan jaman tidak hanya terbatas hanya pada konten informasi itu sendiri, namun efektifitas dan efisiensi dalam mendapatkan dan mengolah informasi tersebut menjadi aspek yang penting. Salah satu informasi yang dibutuhkan adalah informasi mengenai band-band indie yang selama ini cukup sulit untuk ditemukan.

(2)

Berdasarkan permasalahan tersebut pada laporan ini akan dibuat suatu sistem informasi yang dituangkan kedalam judul “Pembangunan Aplikasi Manajemen Band Indie Berbasis Web Di CV. Kris Quality Management”.

1.2 Identifikasi Masalah

Berdasarkan latar belakang di atas, maka dapat diidentifikasi masalah yang terjadi adalah bagaimana membangun suatu Aplikasi Manajemen Band Indie Berbasis Web.

1.3 Maksud dan Tujuan

Pada pembuatan aplikasi berbasis web ini memiliki maksud dan tujuan sebagai berikut:

1.3.1 Maksud

Maksud dari penyusunan laporan kerja praktek ini adalah membangun Aplikasi Manajemen Band Indie berbasis web

1.3.2 Tujuan

Tujuan Adapun tujuan dari pembuatan Aplikasi Manajemen Band Indie berbasis web adalah sebagai berikut:

1. Mempermudah dalam penginputkan data.

2. Memperkenalkan band indie kepada masyarakat luas. 1.4 Batasan Masalah

(3)

1. Input data hanya bisa dilakukan oleh admin.

2. Aplikasi ini di bangun menggunakan bahasa pemrograman PHP, jQuery, dan Ajax, untuk penyimpanan database menggunakan MySQL.

3. User hanya bisa melihat informasi mengenai band indie. 1.5 Metodologi Penelitian

1. Observasi (pengamatan)

Merupakan metode pengumpulan data yang dilakukan dengan cara mengadakan pengamatan langsung ke perusahaan/instansi dengan cara kerja praktek.

2. Interview (wawancara)

Merupakan metode pengumpulan data yang dilakukan dengan cara melakukan tanya jawab secara langsung kepada pihak-pihak yang terkait guna mendapatkan keterangan-keterangan yang diperlukan.

3. Studi Pustaka

Merupakan metode pengumpulan data yang dilakukan dengan cara membaca dan mempelajari buku-buku panduan, arsip perusahaan serta literatur dalam bentuk lainnya yang berkaitan dengan permasalahan yang dihadapi.

4. Studi Terapan

(4)

yang baik berupa aplikasi maupun settingan pada aplikasi yang telah ada sehingga memecahkan kasus yang telah dihadapi.

1.6 Sistematika Penulisan

Untuk memudahkan serta mengarahkan dalam penulisan, maka dibuat sistematika penulisan laporan kerja praktek ini sebagai berikut :

BAB I PENDAHULUAN

Bab ini berisi tentang Latar Belakang Masalah, Identifikasi Masalah, Batasan Masalah, Maksud dan Tujuan Kerja Praktek, Teknik Pengumpulan Data, dan Sistematika Penulisan.

BAB II TINJAUAN PUSTAKA

Bab ini berisi tentang sejarah instansi, tempat dan kedudukan Instansi, bentuk dan badan hukum instansi, bidang pekerjaan instansi, struktur organisasi instansi serta uraian tugas pokok dan rincian fungsi bagian-bagian yang terdapat pada struktur organisasi.

BAB III PEMBAHASAN

Bab ini berisi jadwal kerja praktek, dan cara/teknik kerja praktek., data kerja praktek, landasan teori, dan perancangan system.

BAB IV KESIMPULAN DAN SARAN

(5)

5 2.1 Profil Tempat Kerja Praktek

2.1.1 Sejarah Singkat

Kris Quality Manajement atau Q Manajement adalah sebuah perusahaan yang bergerak di bidang management band, event organizer, indie label, dan internasional artis agency. Q Management di dirikan pada tahun 2004 oleh Kristanto Gunawan, yang pada saat itu perusahaan masi berbentuk perorangan yang hanya bergerak di bidang event organizer. Q Management terletak di Jalan Kateril Blok J2 Kelapa Gading BCS Jakarta Utara.

Seiring berkembangnya industri musik di Indonesia, Q Management mengembangkan perusahaannya ke bidang indie label yang bergerak di bidang rekaman album musik dan internasional artis agenci yang mendatangkan artis atau band – band internasional untuk tampil di Indonesia.

Visi :

Menjadi yang terbaik dalam industri hiburan di Indonesia, untuk menjadi bagian yang bermanfaat dan menghibur masyarakat luas, dalam memperkejakan artis maupun model-model, sesuai kebutuhan dan keinginan rumah produksi, maupun masyarakat.

Misi:

(6)

2.1.2 Logo Instansi

Gambar 2.1 Logo Kris Quality Management

2.1.3 Badan Hukum

Rancangan Undang-Undang (RUU) Usaha Perseorangan dan Badan Usaha Bukan Badan Hukum juga mengatur persekutuan komanditer, atau yang lazim dikenal dengan CV. Menurut Pasal 1 butir 5 RUU, CV adalah badan usaha bukan badan hukum yang mempunyai satu atau lebih sekutu komplementer dan sekutu komanditer.

Pengertian CV dijelaskan dalam Pasal 19 Kitab Undang-undang Hukum Dagang (KUHD). Dalam pasal itu disebutkan bahwa CV adalah perseroan yang terbentuk dengan cara meminjamkan uang, yang didirikan oleh seseorang atau beberapa orang persero yang bertanggung jawab secara tanggung renteng dan satu orang pesero atau lebih yang bertindak sebagai pemberi pinjaman uang.

(7)

2.1.4 Struktur Organisasi dan Job Description 2.1.4.1 Struktur Organisasi

Gambar 2.2 Struktur Organisasi

2.1.4.2 Job Description 1. Director Q Management

Pemilik Fajar Broiler mempunyai tugas pokok memimpin, mengendalikan, dan mengkordinasikan kegiatan di CV. Kris Quality Management dalam melaksanakan sebagian tugas di bidang pemantauan dan pengecekan pegawai transaksi, penyebaran informasi pembangunan dan komunikasi dialogis antara pemerintah dan masyarakat, serta pengelolaan pengembangan perusahaan.

2. Q Production

(8)

3. Q Record

Q Record merupakan salah satu bagian yang ada di CV. Kris Quality Management yang bergerak di bidang indie label atau rekaman album kecil yang mandiri.

4. Deep Insight

Deep Insight merupakan salah satau bagian di CV. Kris Quality Management yang bergerak di bidang Internasional Artis Agency. Tugas dasarnya adalah mendatangkan artis – artis atau band – band manca negara untuk konser di indonesia.

2.2 Landasan Teori

Dalam Landasan Teori akan dibahas tentang teori-teori yang berhubungan dengan sistem informasi yang akan dibuat.

2.2.1 Definisi Website

(9)

Terminologi website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada didalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.

Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk menjadi sebuah hirarki, meskipun, hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan.

Beberapa website membutuhkan subskripsi (data masukan) agar para user bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa situs-situs bisnis, situs-situs e-mail gratisan, yang membutuhkan subkripsi agar kita bisa mengakses situs tersebut.

(10)

jaringan komputer dan internet, perangkatnya bisa saja berupa Personal Computer, Laptop Computer, PDA ataupun Cellphone.

2.2.2 Definisi Sistem Informasi

Informasi merupakan hal yang sangat penting bagi manajemen dalam mengambil suatu keputusan. Suatu informasi dapat diperoleh dari system informasi atau juga disebut dengan processing system atau information processing system atau information-generating system. Sistem informasi didefinisikan oleh Robert A. Leitchdan K. Roscoe Davis adalah “suatu sistem didalam sebuah organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung orperasi, bersifat menejerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan”.

2.2.3 Konsep Dasar Sistem Informasi

Sebuah sistem informasi merupakan kumpulan dari perangkat keras dan perangkat lunak komputer serta perangkat manusia yang akan mengolah data menggunakan perangkat keras dan perangkat lunak tersebut. Informasi merupakan hal yang sangat penting dalam pengambilan keputusan, permasalahannya adalah dimana informasi tersebut didapat. Informasi dapat diperoleh dari sistem informasi. Robert A Leitch dan K. Roscoe Davis mendefinisikan sistem informasi sebagai berikut:

(11)

manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.”

2.2.4 Basis Data

Basis Data (Database) dapat dibayangkan sebagai sebuah lemari arsip yang ditempatkan secara berurutan untuk memudahkan dalam pengambilan kembali data tersebut. Basis Data menunjukkan suatu kumpulan data yang dipakai dalam suatu lingkungan perusahaan atau instansi-instansi. Penerapan basis data dalam sistem informasi disebut sistem basis data (database system).

Istilah basis data banyak menimbulkan interpretasi yang berbeda. Anthoni J. Fabbri dan A. Robert Schwab, mendefinisikan basis data sebagai berikut :

“Basis data adalah sistem berkas terpadu yang dirancang terutama untuk

meminimalkan pengulangan data”

Menurut George Tsu-der Chou, basis data dapat didefinisikan sebagai berikut : “Basis data sebagai kumpulan informasi bermanfaat yang diorganisasikan ke dalam tatacara yang khusus”.

(12)

disebut DBMS. DBMS adalah perangkat lunak sistem yang memungkinkan para pemakai membuat, memelihara, mengontrol, dan mengakses basis data dengan cara yang praktis dan efisien.

Mengapa diperlukan database :

1. Salah satu komponen penting dalam sistem informasi, karena merupakan dasar dalam menyediakan informasi.

2. Menentukan kualitas informasi : akurat, tepat pada waktunya dan relevan.

2. Informasi dapat dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkanya.

4. Mengurangi duplikasi data (data redudancy). 5. Hubungan data dapat ditingkatkan.

6. Mengurangi pemborosan tempat simpanan luar.

(13)

Gambar 2.3. Jenjang Data

1. Character : merupakan bagian data yang terkecil, dapat berupa karakter numerik, huruf ataupun karakter-karakter khusus (special character) yang membentuk suatu field.

2. Field : merepresentasikan suatu atribut dari record yang menunjukan suatu item dari data, seperti misalnya nama, alamat dan lain sebagainya. Kumpulan dari field membentuk record.

3. Record : kumpulan dari field membentuk suatu record. Record menggambarkan suatu unit data individu yang tertentu. Kumpulan dari record membentuk suatu file.

4. File : file terdiri dari record-record yang menggambarkan satu kesatuan data yang sejenis.

(14)

Basis Data pada prinsipnya ditujukan untuk pengaturan data agar terdapat kemudahan dalam pengambilan kembali data tersebut. Berikut ini terdapat beberapa tujuan dari Basis Data diantaranya yaitu :

1. Kecepatan dan kemudahan (Speed) 2. Efisiensi ruang penyimpanan (Space) 3. Keakuratan (Accuracy)

4. Ketersediaan (Avaibility) 5. Kelengkapan (Completeness) 6. Keamanan (Security)

7. Kebersamaan (Sharability)

2.2.5 Database Manajemen Sistem (DBMS)

Pengelolaan basis data secara fisik tidak dilakukan oleh pemakai secara langsung, tetapi ditangani oleh sebuah perangkat lunak atau sistem yang khusus atau spesifik. Sistem ini yang akan menentukan bagaimana data diorganisasi, disimpan, diubah dan diambil kembali Disamping itu sistem ini juga menerapkan mekanisme pengaman data, pemakaian data secara bersama, pemaksaan keakuratan atau konsistensi data dan sebagainya.

(15)

2.2.6 Tahap Perancangan Basis Data

Perancangan basis data merupakan langkah untuk menentukan basis data yang diharapkan dapat mewakili seluruh kebutuhan pengguna. Perancangan basis data terdiri atas perancangan basis data secara konseptual, perancangan basis data terdiri dari perancangan basis data secara fisik. Beberapa komponen yang terdapat pada perancangan basis data secara konseptual antara lain :

Perancangan basis data dibutuhkan agar diperoleh suatu sistem yang sesuai dengan apa yang diinginkan, dimana dapat melalui tahapan berikut :

A. Entity Relationship Diagram ( ERD )

Entity Relationship Diagram atau bisa dikenal dengan diagram E-R secara grafis menggambarkan isi sebuah database. Diagram ini memiliki dua komponen utama yaitu entity dan relasi. Untuk melambangkan fungsi diatas maka digunakan simbol - simbol yang bisa dilihat pada daftar simbol.

Elemen-elemen Entity Relationship Diagram adalah sebagai berikut : 1. Entity

(16)

2. Relationship

Pada E-R diagram, Relationship dapat digambarkan dengan sebuah bentuk belah ketupat. Relationship adalah hubungan alamiah yang terjadi antara entitas. Pada umumnya penghubung (Relationship) diberi nama dengan kata kerja dasar, sehingga memudahkan untuk melakukan pembacaan relasinya (bisa dengan kalimat aktif atau dengan kalimat pasif). Penggambaran hubungan yang terjadi adalah sebuah bentuk belah ketupat dihubungkan dengan dua bentuk empat persegi panjang.

3. Relationship Degree

Relationship degree atau derajat relasi adalah jumlah entitas yang berpartisipasi dalam suatu relationship.

4. Atribut

Secara umum atribut adalah sifat atau karakteristik dari tiap entitas maupun tiap relationship. Maksudnya, atribut adalah sesuatu yang menjelaskan apa sebenarnya yang dimaksud entitas maupun relationship, sehingga sering dikatakan bahwa atribut adalah elemen dari setiap entitas dan relationship. 5. Kardinalitas

(17)

maksimum yang terjadi dari entitas yang satu ke entitas yang lain dan begitu juga sebaliknya. Terdapat tiga macam kardinalitas relasi, yaitu :

a. One to One

Tingkat hubungan satu ke satu, dinyatakan dengan satu kejadian pada entitas pertama, hanya mempunyai satu hubungan dengan satu kejadian pada entitas yang kedua dan sebaliknya.

b. One to Many atau Many to One

Tingkat hubungan satu ke banyak adalah sama dengan banyak ke satu. Tergantung dari arah mana hubungan tersebut dilihat. Untuk satu kejadian pada entitas yang pertama dapat mempunyai banyak hubungan dengan kejadian pada entitas yang kedua . Sebaliknya satu kejadian pada entitas yang kedua hanya dapat mempunyai satu hubungan dengan satu kejadian pada entitas yang pertama.

c. Many to Many

Tingkat hubungan banyak ke banyak terjadi jika tiap kejadian pada sebuah entitas akan mempunyai banyak hubungan dengan kejadian pada entitas lainnya, baik dilihat dari sisi entitas yang pertama maupun dilihat dari sisi yang kedua.

B. Normalisasi

(18)

dengan menerapkan sejumlah aturan dan kriteria standar untuk menghasilkan struktur tabel yang normal. Adapun langkah-langkah untuk menghasilkan struktur tabel yang normal, diantaranya yaitu :

1. Bentuk Unnormallized

Bentuk unnormal adalah bentuk table dengan mencantumkan semua field data yang ada

2. Bentuk Normal Pertama / 1 NF ( First Normal Form)

Bentuk Normal pertama terpenuhi jika sebuah tabel tidak memiliki atribut bernilai banyak (Multivalued Atribute) atau lebih dari satu atribut dengan domain nilai yang sama.

3. Bentuk Normal Kedua / 2 NF ( Second Normal Form)

Bentuk Normal Kedua terpenuhi jika pada sebuah tabel semua atribut yang tidak termasuk dalam key primer memiliki ketergantungan fungsional pada key primer secara utuh.

4. Bentuk Normal Ketiga / 3 NF (Third Normal Form)

Bentuk Normal Ketiga terpenuhi jika dan hanya jika semua atribut bukan kunci memiliki dependensi transitif terhadap kunci primer.

5. Boyce-Codd Normal Form (BCNF)

(19)

6. Bentuk Normal Keempat / 4 NF (Fourth Normal Form)

Suatu tabel dikatakan berada pada normal keempat jila tidak mengandung dua atribut atau lebih yang bernilai banyak.

7. Bentuk Normal Kelima / 5 NF (Fifth Normal Form)

Bentuk Normal Kelima berkaitan dengan ketergantungan relasi antar tabel (Join Dependency).

C. Relasi Tabel

Relasi tabel menunjukkan adanya hubungan diantara sejumlah entitas yang berasal dari himpunan entitas yang berbeda. Dari adanya relasi tabel tersebut terdapat kardinalitas relasi yang menunjukkan jumlah maksimum entitas yang dapat berelasi dengan entitas pada himpunan entitas yang lain. Terdapat empat kemungkinan kombinasi kardinalitas yaitu : satu ke satu (One To One), satu ke banyak (One To Many),banyak ke satu (Many To One) dan banyak ke banyak (Many To Many).

2.2.7 Metode Analisis Sistem Terstruktur 2.2.7.1 DFD

(20)

DFD digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang dikembangkan secara logika tanpa memperhatikan lingkungan fisik dimana data tersebut mengalir atau disimpan.

DFD sangat berguna untuk mengetahui prosedur suatu program. Keuntungan yang lain adalah mempermudah pemakai atau user yang kurang menguasai komputer untuk mengerti sistem yang akan dibuat.

2.2.8 Bahasa Pemrograman PHP, SQL, AJAX, dan JQUERY 2.2.8.1 PHP

PHP (akronim dari PHP Hypertext Preprocessor) yang merupakan bahasa pemrogramman berbasis web yang memiliki kemampuan untuk memproses data dinamis.

PHP dikatakan sebagai sebuah server-side embedded script language artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan oleh server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan di server.

Pada prinsipnya server akan bekerja apabila ada permintaan dari client. Dalam hal ini client menggunakan kode-kode PHP untuk mengirimkan permintaan ke server (dapat dilihat pada gambar dibawah). Ketika menggunakan PHP sebagai server-side embedded script language maka server akan melakukan hal-hal sebagai berikut :

(21)

b) Mencari halaman/page di server

c) Melakukan instruksi yang diberikan oleh PHP untuk melakukan modifikasi pada halaman/page.

d) Mengirim kembali halaman tersebut kepada client melalui internet atau intranet.

Gambar 2.4. Client Server 2.2.8.2 SQL

(22)

Secara umum, SQL terdiri dari dua bahasa, yaitu Data Definition Language (DDL) dan Data Manipulation Language (DML). Implementasi DDL dan DML berbeda untuk tiap sistem manajemen basis data (SMBD)[1], namun secara umum implementasi tiap bahasa ini memiliki bentuk standar yang ditetapkan ANSI.

Data Definition Language

DDL digunakan untuk mendefinisikan, mengubah, serta menghapus basis data dan objek-objek yang diperlukan dalam basis data, misalnya tabel, view, user, dan sebagainya. Secara umum, DDL yang digunakan adalah CREATE untuk membuat objek baru, USE untuk menggunakan objek, ALTER untuk mengubah objek yang sudah ada, dan DROP untuk menghapus objek. DDL biasanya digunakan oleh administrator basis data dalam pembuatan sebuah aplikasi basis data.

CREATE

CREATE digunakan untuk membuat basis data maupun objek-objek basis data. SQL yang umum digunakan adalah:

“CREATE DATABASE nama_database”

“CREATE TABLE nama_tabel”

Data Manipulation Language

DML digunakan untuk memanipulasi data yang ada dalam suatu tabel. Perintah yang umum dilakukan adalah:

(23)

UPDATE untuk mengubah data yang sudah ada DELETE untuk menghapus data

SELECT

SELECT adalah perintah yang paling sering digunakan pada SQL, sehingga terkadang istilah query dirujukkan pada perintah SELECT. SELECT digunakan untuk menampilkan data dari satu atau lebih tabel, biasanya dalam sebuah basis data yang sama. Secara umum, perintah SELECT memiliki bentuk lengkap.

2.2.8.3 AJAX

Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah suatu

teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web

surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman

web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan

usability. Ajax merupakan kombinasi dari:

a) DOM yang diakses dengan client side scripting language, seperti VBScript dan implementasi ECMAScript seperti JavaScript dan JScript, untuk menampilkan secara dinamis dan berinteraksi dengan informasi yang ditampilkan.

(24)

element HTML IFrame lebih dipilih daripada XMLHTTP atau XMLHttpRequest untuk melakukan pertukaran data dengan web server.

c) XML umumnya digunakan sebagai dokumen transfer, walaupun format lain juga memungkinkan, seperti HTML, plain text. XML dianjurkan dalam pemakaian teknik AJaX karena kemudahan akses penanganannya dengan memakai DOM. d) JSON dapat menjadi pilihan alternatif sebagai dokumen transfer, mengingat

JSON adalah JavaScript itu sendiri sehingga penanganannya lebih mudah.

Seperti halnya DHTML, LAMP, atau SPA, Ajax bukanlah teknologi spesifik, melainkan merupakan gabungan dari teknologi yang dipakai bersamaan. Bahkan, teknologi turunan/komposit yang berdasarkan Ajax, seperti AFLAX sudah mulai bermunculan.

2.2.8.4 JQUERY

(25)

2.2.9 Software Pendukung 2.2.9.1 Adobe Dreamweaver CS5

Merupakan sebuah aplikasi software yang berguna membantu anda untuk membuat, merancang, mendesign sebuah website yang dapat dijalankan secara offline, ini merupakan salah satu software terlengkap saat ini, banyak fitur-fitur baru yang dapat memaksimalkan anda dalam menggunakan aplikasi ini seperti memasukan animasi, video, dan file multimedia lainnya.

2.2.9.2 Adobe Photoshop CS5

dalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar/foto

2.2.9.3 Wamp Server 2.0

Wamp Server adalah platform web development pada Windows yang memungkinkan kita untuk menciptakan aplikasi web yang dinamis menggunakan Apache2, PHP database MySQL

2.2.9.4 MySQL Server 5.0

(26)

26

3.1 Jadwal Kerja Praktek

Kerja praktek dilaksanakan sesuai dengan kebutuhan serta kesempatan yang diberikan pihak instansi pemerintahan dan pelaksanaan kerja praktek di CV. Kris Quality Management Jakarta Utara dilaksanakan sejak tanggal 11 Juli 2011 sampai dengan 11 Agustus 2011. Adapun waktu mulai kerja praktek disesuaikan dengan ketentuan yang diberikan perusahaan perusahaan tempat kerja praktek yaitu terhitung dari hari senin sampai hari jumat, jam 09.00 sampai dengan jam 14.00.

3.2 Analisis Sistem Yang Sedang Berjalan

Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.

(27)

3.2.1 Spesifikasi Kebutuhan Perangkat Lunak

Berdasarkan analisis masalah yang dibutuhkan oleh perangkat lunak pada subbab sebelumnya, maka perangkat lunak harus memenuhi kriteria-kriteria berikut :

1. Pengunjung Web dapat mendaftarkan diri / sign up. 2. Pengunjung Web dapat melakukan login.

3. Member dapat melihat data band, memainkan lagu, dan melihat lirik lagu. 4. Member dapat mengupdate profile dan melakukan ubah password.

5. Member dapat melakukan logout. 6. Admin dapat melalukan login.

7. Admin dapat melakukan pengolahan data band seperti tambah, edit, dan hapus profile band, anggota band, lagu demo, & contact person.

8. Admin dapat mengolah profile member untuk mengubah email & password. 9. Admin dapat melihat data – data band dan juga melakukan logout.

3.2.2 Analisis Kebutuhan Non Fungsional 3.2.2.1 Analisis User

Aplikasi ini digunakan oleh banyak pengguna di CV. Kris Quality Management, yaitu admin, member dan juga aplikasi ini bisa juga di akses oleh pengunjung yang datang mengunjungi web CV. Kris Quality Management. Adapun kriteria pengguna sebagai berikut:

Tabel 3.1. Tabel Analisis User

Pengguna

Apa saja Bisa mengikuti petunjuk

(28)

Member

- Mengakses

informasi, edit profil, memainkan lagu

Min SMP Bisa mengikuti petunjuk dan

3.2.2.2 Analisis Hardware

Hardware adalah perangkat keras komputer yang sangat mendukung dalam

kinerja sistem. Spesifikasi hardware yang digunakan di CV. Kris Quality Management adalah sebagai berikut :

Processor : Pentium 4

Motherboard : ASUS

RAM : 2 GB share with VGA

VGA : 256 MB Onboard

Harddisk : WDC 320 GB

LAN Card : Realtek Onboard

(29)

Dari hasil analisis hardware dapat disimpulkan bahwa spesifikasi hardware

tergolong baik dan mampu untuk menjalankan aplikasi ini. 3.2.2.3 Analisis Software

Dalam melaksanakan kegiatannya, di CV. Kris Quality Management menggunakan Operating Sistem Microsoft Windows XP Professional Edition.

3.3 Perancangan Sistem

3.3.1 ERD (Entity Relationship Diagram)

(30)

band

(31)

3.3.2 Perancangan Data Flow Diagram 3.3.2.1 Aliran Informasi

Manajemen Band Indie

Member _{Data_login_member,} admin

Data_member, Data_band, Data_genre Info_login_member,

Info_member, Info_band, Info_genre

Data_login_admin, Data_member,

Data_band, Data_genre,

Data_lagu

Info_login_admin, Info_member,

Info_band, Info_genre, Info_lagu

(32)

(33)

3.3.2.3 DFD Level 2 Proses 3 ( Proses Login)

Gambar 3.4. DFD Level 2 Proses 3

3.3.2.4 DFD Level 2 Proses 5 ( Proses View Band )

(34)

3.3.2.5 DFD Level 2 Proses 8 (Proses Pilih Band )

Gambar 3.6. DFD Level 2 Proses 8

3.3.2.6 DFD Level 2 Proses 9 (Proses Pengolahan Data Member )

9.1

(35)

3.3.2.7 DFD Level 2 Proses 10 (Proses Pengolahan Genre Musik ) Gambar 3.8. DFD Level 2 Proses 10 3.3.2.8 DFD Level 3 Proses 8.1 ( Proses Olah List Band )

8.1.1

(36)

3.3.2.9 DFD Level 3 Proses 8.2 ( Proses Olah Anggota)

Gambar 3.10. DFD Level 3 Proses 8.2 3.3.2.10 DFD Level 3 Proses 8.3 ( Proses Olah Lagu Demo)

(37)

3.3.2.11 DFD Level 3 Proses 8.4 ( Proses Olah Contact Person)

Gambar 3.12. DFD Level 3 Proses 8.4 3.3.2.12 Spesifikasi Proses

Tabel 3.2 Spesifikasi Proses

No Proses Keterangan

1 Nomor Proses 1

Nama Proses View About Us

Source (sumber) - Pengunjung Web

Deskripsi Proses ini adalah proses untuk melihat halaman

(38)

dilakukan oleh Pengunjung Web.

Input -

Output Info_about_us

Logika Proses a. Pengunjung Web mengklik link About Us di

halaman index.

b. Muncul halaman web About Us, dalam bentuk modal box yang berisi profile singkat

Qmanagement beserta Visi & Misi.

Nama Proses View Contact Us

Deskripsi Proses ini adalah proses untuk melihat halaman

web Contact Us dalam bentuk modal box, yang dilakukan oleh Pengunjung Web.

Input -

Output Info_contact_us

(39)

halaman index.

b. Muncul halaman web Contact Us, dalam bentuk modal box . Di halaman ini Pengunjung web dapat mengirimkan pesan kepada QManagement.

Nama Proses Login

Source (sumber) - Member

- Admin

Deskripsi Proses ini adalah proses untuk login ke dalam

aplikasi apakah sebagai member ataupun

administrator untuk menuju ke proses selanjutnya.

Input - data_login_member

- data_login_admin

Output - info _login_member

- info _login_admin

Logika Proses a.Member / admin memasukan username dan

(40)

b. Check username dan password di dalam database

c. Jika username dan password benar, dan tipe user adalah admin maka tampilkan pesan bahwa login berhasil, lalu buka halaman index administrator

d. Jika username dan password benar, dan tipe user adalah member maka tampilkan pesan bahwa login berhasil, lalu buka halaman index member

e. Jika username atau password salah, maka tampilkan pesan kesalahan.

3.1 Nomor Proses 3.1

Nama Proses Validasi Username

- Admin

Deskripsi Proses ini adalah proses untuk memvalidasi

username yang dimasukan oleh member atau admin untuk kemudian di check apakah ada di dalam database.

(41)

- data_username_admin

Output - info _username_member

- info _username_admin

Logika Proses a.Member atau admin memasukan data username di form login

b.Check username apakah ada atau tidak di dalam database.

3.2 Nomor Proses 3.2

Nama Proses Validasi Password

- Admin

Deskripsi Proses ini adalah proses untuk memeriksa field

password yang dimasukan oleh member atau admin apakah sesuai dengan yang ada di dalam database

Input - data_password_member

- data_ password _admin

(42)

- info _ password _admin

Logika Proses a. Member atau admin memasukan data password

di form login

b. Check password apakah sesuai dengan yang di dalam database.

Nama Proses Sign Up

Deskripsi Proses ini adalah proses sign up / pendaftaran member yang dilakukan oleh Pengunjung Web yang belum terdaftar.

Input - data_signup

- data_member

(43)

- info_member

Logika Proses a. Pengunjung Web memasukan data sesuai yang ada pada form pendaftaran member.

b.Jika data pendaftaran yang diisi valid maka

simpan data pendaftaran member ke dalam tabel user di dalam database.

c.Jika data yang dimasukan oleh Pengunjung Web invalid maka tampilkan pesan kesalahan.

Nama Proses View Band

Deskripsi Proses ini adalah proses untuk melihat list dari data band yang dilakukan oleh member setelah proses login.

Input - data_band

Output - info _band

(44)

- info_lagu

Logika Proses a. Member login terlebih dahulu ke dalam web

b. Member kemudian dapat melihat informasi list data band yang ada di halaman index member.

5.1 Nomor Proses 5.1

Nama Proses Lihat Profile Band

Deskripsi Proses ini adalah proses untuk melihat data profile

band sesuai dengan yang dipilih oleh member.

Input - data_profile

Output - info _profile

Logika Proses a.Member memilih salah satu band yang ada di halaman index member.

b.Lalu halaman detail band ditampilkan yang berisi informasi mengenai Profile, Anggota , Contact

Person beserta Lagu Demo Band yang telah dipilih sebelumnya.

(45)

Nama Proses Play Lagu

Deskripsi Proses ini digunakan untuk memainkan data lagu

di halaman band yang telah dipilih member sebelumnya.

Input - data_lagu

Output - info _lagu

Logika Proses a. Member memilih salah satu lagu dari list lagu demo yang terdapat di halaman profile band.

b. Lagu demo dimainkan

5.3 Nomor Proses 5.3

Nama Proses Baca Lirik

Deskripsi Proses ini adalah proses untuk melihat data lirik lagu yang ada di profile band sesuai dengan yang dipilih oleh member.

Input - data_lirik

(46)

Logika Proses a. Member memilih lirik dari list lagu demo di halaman profile band yang ditampilkan

b. Lirik Lagu ditampilkan melalui halaman berupa modal box.

Nama Proses Edit Profile

Deskripsi Proses ini adalah proses dimana member dapat

mengedit profile nya.

Input - data_member

Output - info _member

Logika Proses a. Member memilih menu edit profile

b. Jika data member yang dimasukan valid maka

update data member di dalam database.

(47)

Nama Proses Ubah Password

- Admin

Deskripsi Proses ini adalah proses dimana member atau

admin, dapat mengubah password nya.

Input - data_ubah_password

Output - info_ubah_password

Logika Proses a.Member atau Admin mengklik menu ubah

password

b. Form ubah password ditampilkan

c. Jika password lama sama dengan password yang dimasukan, maka update password dengan password baru.

(48)

Nama Proses Pilih Band

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat

memilih salah satu dari list band yang ditampilkan

Input - data_band

Output - info_band

Logika Proses a. Admin masuk ke menu band

b. Admin memilih salah satu band dari list band yang ditampilkan.

c. Tampilkan pesan jika band berhasil dipilih.

8.1 Nomor Proses 8.1

Nama Proses Olah List Band

(49)

Input - data_band

Output - info_band

Logika Proses a. Admin masuk ke menu halaman band

b.Admin dapat mencari band, menambah, mengedit, & menghapus band di halaman band.

8.1.1 Nomor Proses 8.1.1

Nama Proses Tambah Data Band

menambah data band ke dalam database.

Input - data_band

(50)

b. Admin mengklik tombol tambah data band

c. Form tambah band ditampilkan

d Isi Data Band

e. Simpan ke dalam database jika data yang dimasukan valid

f. Jika data yang dimasukan tidak valid maka tampilkan pesan kesalahan.

8.1.2 Nomor Proses 8.1.2

Nama Proses Edit Data Band

mengedit data band ke dalam database.

Input - data_band

Output - info_band

Logika Proses a.Admin masuk ke menu band

(51)

c. Form edit data band ditampilkan

d. Edit Data Band

e. Update data band di dalam database jika data yang dimasukan valid

8.1.3 Nomor Proses 8.1.3

Nama Proses Hapus Data Band

menghapus data band (tidak secara fisik) dari dalam database.

Input - data_band

Output - info_band

b. Admin mengklik tombol hapus data band yang ingin dihapus/ dinonaktifkan.

(52)

d. Jika konfirmasi dilakukan, maka update field is_active = 0 di table band di dalam database

e. Jika tidak kembali ke halaman band.

8.1.4 Nomor Proses 8.1.4

Nama Proses Upload Foto

Deskripsi Proses ini digunakan untuk mengupload foto data

band

Input - data_band

Output - info _band

Logika Proses a. Setelah admin menambah band, admin dapat mengklik tombol upload foto.

b. Tampilkan form upload foto data band.

c. Admin memilih foto band

d. Update field foto pada table band

8.1.5 Nomor Proses 8.1.5

(53)

Deskripsi Proses ini digunakan untuk mencari data band

Input - data_band

Output - info _band

Logika Proses a. Admin memilih kriteria pencarian band yang ada di halaman band.

b. Isi kata pencarian berdasarkan kriteria yang dipilih.

c. Tampilkan hasil pencarian band

8.2 Nomor Proses 8.2

Nama Proses Olah Anggota

mengolah data (Tambah,edit,hapus) Anggota Band dari band yang telah dipilih sebelumnya

Input - data_anggota

(54)

Logika Proses a. Admin masuk ke menu halaman band ,

b. Admin memilih band

c. Admin masuk ke halaman anggota

d. Admin dapat mencari anggota band, menambah, mengedit, & menghapus anggota band di halaman anggota.

8.2.1 Nomor Proses 8.2.1

Nama Proses Tambah Anggota

menambah anggota band sesuai dengan band yang telah dipilih sebelumnya ke dalam database.

Output - info_anggota

Logika Proses a. Admin masuk ke halaman menu anggota

b. Admin mengklik tombol tambah anggota band

(55)

d. Isi Data Anggota Band

e. Simpan ke dalam database jika data yang dimasukan valid.

8.2.2 Nomor Proses 8.2.2

Nama Proses Edit Anggota

mengedit data Anggota band ke dalam database.

b. Admin mengklik tombol edit data anggota

c. Form edit data anggota ditampilkan

d. Edit Data anggota

(56)

dimasukan valid

f. Jika data yang dimasukan tidak valid, maka tampilkan pesan kesalahan.

8.2.3 Nomor Proses 8.2.3

Nama Proses Hapus Anggota

menghapus data anggota band (tidak secara fisik) dari dalam database.

b. Admin mengklik tombol hapus data anggota band yang ingin dihapus/ dinonaktifkan.

c. Dialog Konfirmasi hapus data anggota band ditampilkan

(57)

e. Jika konfirmasi tidak dilakukan, kembali ke halaman menu anggota.

8.2.4 Nomor Proses 8.2.4

Nama Proses Upload Foto Anggota

Deskripsi Proses ini digunakan untuk mengupload foto data

anggota band

Output - info _anggota

Logika Proses a. Setelah admin menambah anggota, admin dapat mengklik tombol upload foto di list anggota band.

b. Tampilkan form upload foto data anggota band.

c. Admin memilih foto anggota band

d.Update field foto pada table band_anggota

8.2.5 Nomor Proses 8.2.5

Nama Proses Cari Anggota

(58)

Deskripsi Proses ini digunakan untuk mencari data anggota band

Output - info _anggota

Logika Proses a.Admin memilih kriteria pencarian anggota band

c. Tampilkan hasil pencarian anggota band

8.3 Nomor Proses 8.3

Nama Proses Olah Lagu Demo

mengolah data (Tambah,edit,hapus) Lagu Demo dari band yang telah dipilih sebelumnya

Input - data_lagu

Output - info_lagu

(59)

b. Admin memilih band

c. Admin masuk ke halaman Lagu Demo

d. Admin dapat mencari lagu demo band, menambah, mengedit, & menghapus lagu demo band di halaman Lagu demo.

8.3.1 Nomor Proses 8.3.1

Nama Proses Tambah Data Lagu

menambah data lagu demo band sesuai dengan band yang telah dipilih sebelumnya ke dalam database.

Input - data_lagu

Output - info_lagu

Logika Proses a. Admin masuk ke halaman menu lagu demo

b.Admin mengklik tombol tambah lagu demo band

c. Form tambah lagu demo band ditampilkan

(60)

e. Simpan ke dalam database jika data yang dimasukan valid.

f. Jika data tidak valid maka tampilkan pesan kesalahan.

8.3.2 Nomor Proses 8.3.2

Nama Proses Edit Data Lagu

mengedit data Lagu Demo band ke dalam database.

Input - data_lagu

Output - info_lagu

Logika Proses a.Admin masuk ke halaman menu Lagu Demo

b. Admin mengklik tombol edit Lagu Demo

c. Form edit Lagu Demo ditampilkan

d. Admin mengedit data Lagu Demo

(61)

8.3.3 Nomor Proses 8.3.3

Nama Proses Hapus Data Lagu

menghapus data Lagu Demo band (tidak secara fisik) dari dalam database.

Input - data_lagu

Output - info_lagu

Logika Proses a. Admin masuk ke halaman menu Lagu Demo

b. Admin mengklik tombol hapus data Lagu Demo band yang ingin dihapus/ dinonaktifkan.

c. Dialog Konfirmasi hapus data Lagu demo band ditampilkan

e. Jika konfirmasi dilakukan, update field is_active = 0 di table band_lagu di dalam database

8.3.4 Nomor Proses 8.3.4

Nama Proses Upload Lagu

(62)

Deskripsi Proses ini digunakan untuk mengupload data Lagu demo band

Input - data_lagu

Output - info _lagu

Logika Proses a. Admin dapat menekan tombol upload lagu setelah menambahkan data lagu demo band.

b. Tampilkan form upload data lagu demo band.

c. Admin memilih lagu demo band

d. Update field url pada table band_lagu

8.3.5 Nomor Proses 8.3.5

Nama Proses Cari Data Lagu

Deskripsi Proses ini digunakan untuk mencari data Lagu

demo band

Input - data_lagu

Output - info _lagu

(63)

band

c.Tampilkan hasil pencarian lagu demo band

8.4 Nomor Proses 8.4

Nama Proses Olah Contact Person

mengolah data (Tambah,edit,hapus) Contact Person dari band yang telah dipilih sebelumnya

Input - data_contact

Output - info_contact

Logika Proses a.Admin masuk ke menu halaman band ,

b.Admin memilih band

c. Admin masuk ke halaman Contact Person

(64)

8.4.1 Nomor Proses 8.4.1

Nama Proses Tambah Contact

menambah Contact Person band sesuai dengan band yang telah dipilih sebelumnya ke dalam database.

Logika Proses a. Admin masuk ke halaman menu Contact Person

b. Admin mengklik tombol tambah contact person

c. Form tambah contact person band ditampilkan

d. Isi Data (Nama, Email, Telepon) Contact Person

e. Simpan ke dalam database jika data valid,

f. Jika tidak valid tampilkan pesan kesalahan.

8.4.2 Nomor Proses 8.4.2

(65)

mengedit Contact Person band sesuai dengan band yang telah dipilih sebelumnya ke dalam database.

b. Admin mengklik tombol tambah contact person

c. Form tambah contact person band ditampilkan

d. Edit Data

e. Update ke dalam database jika data yang dimasukan valid

f. Jika data yang dimasukan tidak valid , maka tampilkan pesan kesalahan.

8.4.3 Nomor Proses 8.4.3

Nama Proses Hapus Contact

(66)

Deskripsi Proses ini adalah proses dimana admin dapat menghapus Contact Person band sesuai dengan band yang telah dipilih sebelumnya ke dalam database.

Output - info_ contact

b. Admin mengklik tombol hapus Contact Person band yang ingin dihapus/ dinonaktifkan.

c. Dialog Konfirmasi hapus data Contact Person band ditampilkan

d. Jika konfirmasi dilakukan, update field is_active = 0 di table band_kontak di dalam database

8.4.4 Nomor Proses 8.4.4

Nama Proses Cari Contact

Deskripsi Proses ini digunakan untuk mencari data Contact

(67)

Output - info _contact

Logika Proses a. Admin memilih kriteria pencarian Contact

Person band

c. Tampilkan hasil pencarian Contact Person band

Nama Proses Pengolahan Data Member

Deskripsi Proses ini digunakan untuk mengolah data member

yang ada.

Input - data_member

Logika Proses a. Admin memilih menu pengolahan data

(68)

b. Tampilkan form tambah edit,hapus, & cari data member.

9.1 Nomor Proses 9.1

Nama Proses Edit Data Member

Deskripsi Proses ini digunakan untuk mengedit data member

yang ada.

Input - data_member

Logika Proses a. Tampilkan form edit data Member

b. Admin mengedit data member

c. Jika data yang dimasukan valid maka, Update data member di dalam tabel user di database

d. Jika data yang dimasukan tidak valid, maka tampilkan pesan kesalahan.

9.2 Nomor Proses 9.2

(69)

Deskripsi Proses ini digunakan untuk menghapus (tidak

secara fisik) data member yang ada.

Input - data_member

Logika Proses a. Tampilkan alert konfirmasi hapus data member

b. Jika Konfirmasi dilakukan set is_active = 0 di dalam tabel user di database.

c. Jika Konfirmasi tidak dilakukan maka kembali ke halaman data member.

9.3 Nomor Proses 9.3

Nama Proses Cari Data Member

Deskripsi Proses ini digunakan untuk mencari data member

yang ada berdasarkan kriteria yang ada.

Input - data_member

(70)

Logika Proses a. Admin memilih pencarian berdasarkan kriteria

c. Tampilkan hasil pencarian

Nama Proses Pengolahan Genre Musik

Deskripsi Proses ini digunakan untuk pengolahan data genre

musik yang ada.

Input - data_genre

Output - info _genre

Logika Proses a. Admin memilih menu pengolahan data genre

b. Tampilkan form tambah,edit,hapus, cari data genre

10.1 Nomor Proses 10.1

(71)

Deskripsi Proses ini digunakan untuk penambahan data genre

musik yang ada.

Input - data_genre

Logika Proses a.Tampilkan form tambah genre

b. Simpan data genre

10.2 Nomor Proses 10.2

Nama Proses Edit Data Genre

Deskripsi Proses ini digunakan untuk mengedit data genre

musik yang ada.

Input - data_genre

Logika Proses a.Admin mengklik tombol edit genre yang ingin di edit yang terdapat di list genre.

(72)

c. Update data genre jika data yang dimasukan valid

d. Jika data yang dimasukan tidak valid, maka tampilkan pesan kesalahan.

10.3 Nomor Proses 10.3

Nama Proses Hapus Data Genre

Deskripsi Proses ini digunakan untuk menghapus data genre

musik yang ada.

Input - data_genre

Logika Proses a. Tampilkan alert konfirmasi hapus data genre

b. Jika konfirmasi dilakukan , update is_active = 0 di dalam tabel genre

c. Jika konfirmasi tidak dilakukan , kembeli ke halaman genre.

10.4 Nomor Proses 10.4

(73)

Deskripsi Proses ini digunakan untuk mencari data genre

musik yang ada.

Input - data_genre

Output - info_data_genre

Logika Proses a. Admin mencari sesuai kriteria data pencarian

c. Tampilkan hasil pencarian data genre berdasarkan kriteria pencarian

Nama Proses Logout

- Member

Deskripsi Proses ini digunakan untuk keluar dari halaman

(74)

Input

Output

Logika Proses a. Admin atau member memilih menu Logout

b. Tampilkan alert konfirmasi logout

c. Logout jika konfirmasi dilakukan

d. Kembali ke halaman jika konfirmasi tidak dilakukan.

3.3.2.13 Kamus Data

Data yang mengalir pada sistem dari satu proses ke proses yang lain dapat diuraikan sebagai berikut :

Tabel 3.3 Tabel Kamus Data

No Detail Keterangan

1 Nama data_login_admin

Deskripsi Berisi data login sebagai admin Struktur Data username + password

username password

[0..9 | A..Z | a..z] [0..9 | A..Z | a..z]

2 Nama data_login_member

(75)

username password

[0..9 | A..Z | a..z] [0..9 | A..Z | a..z]

3 Nama data_admin

Deskripsi Data yang berisi data admin Struktur data Username + nama + password Username

Nama data_member

Deskripsi Data yang berisi data member

Struktur data username + nama + email + tlgLahir +

Nama data_ubah_password

Deskripsi Data yang berisi data untuk mengubah password

(76)

Password Lama

Nama data_signup

Deskripsi Data yang berisi data pendaftaran

Struktur data Username + password + nama + tglLahir + jk + provinsi + kota + fav genre + email

Deskripsi Data yang berisi data band

(77)

nama

Deskripsi Data yang berisi data genre Struktur data nama

nama [0..9 | A..Z | a..z]

9 Nama data_anggota

Deskripsi Data yang berisi data anggota Struktur Data nama + posisi + foto

Deskripsi Data yang berisi data lagu Struktur data judul + upload

judul upload

[0..9 | A..Z | a..z] [0..9 | A..Z | a..z]

11 Nama Data_contact

Deskripsi Data yang berisi data contact Struktur data nama + email + telp

(78)

email telp

[0..9 | A..Z | a..z] [0..9]

3.3.3 Perancangan Sistem Basis Data 3.3.3.1 Tabel Relasi

(79)

band

(80)

3.3.4 Struktur Tabel

Tabel adalah sekumpulan data atau informasi spesifik tentang subjek tertentu yang disusun dalam bentuk kolom dan baris. Tabel adalah komponen utama dan pertama dari sebuah database. Struktur tabel untuk setiap tabel yang terdapat dalam database aplikasi manajemen band di CV. KRIS QUALITY MANAGEMENT dapat dilihat sebagai berikut:

a) Tabel Band

Tabel 3.4. Tabel Band

Field Tipe Ukuran Keterangan

Id int 11 Primary Key

Nama varchar 60 Nama Band

Tahun year 4 Tahun Terbentuk

Profile longtext - Profile Band

genre_id int 3 FK , Ref genre(id)

alamat varchar 200 Alamat Band

kota_id int 11 FK, Ref kota(id)

website varchar 50 Website Band

Foto varchar 200 Foto Band

is_active enum('0', '1') - Status Band

(81)

b) Tabel band_kontak

Tabel 3.5. Tabel band_kontak

band_id int 11 FK, Ref band(id)

Id int 11 Primary Key

Nama varchar 50 Nama Kontak

Email varchar 50 Alamat Email

Telp varchar 25 Nomor Telp

is_active enum('0', '1') - Status Kontak

c) Tabel band_anggota

Tabel 3.6. Tabel band_anggota

id int 11 Primary Key

nama varchar 60 Nama Anggota Band

jk enum('L', 'P') - Jenis Kelamin Anggota

tglLahir date - Tanggal Lahir Anggota

posisi varchar 50 Posisi Anggota

perlengkapan tinytext - Perlengkapan Anggota

foto varchar 80 Foto Anggota

(82)

d) Tabel band_lagu

Tabel 3.7. Tabel band_lagu

url varchar 500 Link Lagu

lirik mediumtext - Lirik Lagu

judul varchar 250 Judul Lagu

is_active enum('0', '1') - Status Band Lagu

e) Tabel genre

Tabel 3.8. Tabel genre

nama varchar 50 Nama Genre

is_active enum('0', '1') - Status Genre

f) Tabel kota

Tabel 3.9. Tabel kota

id_provinsi int 11 FK, Ref provinsi(id)

nama varchar 80 Nama Kota

kabkota enum('Kab', 'Kota') - Status Kabupaten

(83)

g) Tabel provinsi

Tabel 3.10. Tabel provinsi

nama varchar 80 Nama Provinsi

h) Tabel user

Tabel 3.11. Tabel user

tipe_id int 11 FK, Ref user_tipe(id)

username varchar 50 Username User

nama varchar 60 Nama User

password varchar 40 Password User

email varchar 60 Email User

tglLahir date - Tanggal Lahir User

jk enum('L', 'P') - Jenis Kelamin User

favgenre_id int 3 FK, Ref genre(id)

kota_id int 3 FK, Ref kota(id)

photo varchar 200 Foto User

kodeAktivasi varchar 10 Kode Aktivasi

(84)

i) Tabel user_tipe

Tabel 3.12. Tabel user_tipe

Field Type Ukuran Keterangan

nama enum('Administrator',

Member') -

Nama User ( Admin atau Member)

deskripsi text - Deskripsi Tipe User

3.3.5 Struktur Menu

3.3.5.1 Struktur Menu Other

Other

Sign Up Login

Contact Us About Us

Home

Gambar 3.14. Struktur Menu Other 3.3.5.2 Struktur Menu Member

User

Ubah Password Logut

Edit Profile

(85)

3.3.5.3 Struktur Menu Admin

Admin

User Genre

Logout Ubah

Password

Home Band

Contact Person Lagu

Demo List Band Anggota

Gambar 3.16. Struktur Menu Admin

3.3.6 Perancangan Interface

(86)

3.3.6.1 Perancangan Interface Other (Pengunjung Web)

Ukuran layar 100% dari layar user

Gambar 3.17. Interface Halaman utama

T02 Navigasi

(87)

Gambar 3.19. Interface Halaman Contact Us

T04 Navigasi masuk ke menu administrator atau menu user

2. Klik Tombol X untuk

menuju T01

(88)

Daftar User

Username Password

Konfirm Password Nama Lengkap Tanggal Lahir

Jenis Kelamin Laki – laki Perempuan Provinsi*

Lokasi/Kota*

Favorite Genre Email

Pendaftaran User x

Daftar

tahun

Pilih Provinsi Pilih Kabupaten/Kota Pilih Favorite Genre

bulan hari

1. Klik Tombol Daftar

untuk menuju T04

2. Klik Tombol X untuk

menuju T01

(89)

3.3.6.2 Perancangan Interface Member

Cari Berdasarkan --Silahkan Pilih Kategori-- Cari

1. Klik Home untuk menuju T01

Gambar 3.22 Interface Halaman Utama

(90)

Konfirmasi

Apakah Anda yakin akan Logout ?

x

Ya Tidak

1. Klik Tombol Ya untuk

keluar dr menu user

2. Klik Tombol X atau

Tombol Tidak untuk

menuju T01

Gambar 3.24 Interface Halaman Logout

EDIT PROFILE

Nama

Email

Ubah Profile x

Edit Profile

1. Klik Tombol Edit Profile

untuk mengupdate data

2. Klik Tombol X untuk

menuju T01

(91)

untuk menuju T02 3. Klik Logout untuk

menuju T03

4. Klik Edit Profile

untuk menuju T04

Gambar 3.26 Interface Halaman Profil Band 3.3.6.3 Interface Admin

(92)

T04 Navigasi Cari Berdasarkan --Silahkan Pilih Kategori-- Cari

Tambah Data Sembunyikan

11. Klik Upload Foto untuk menuju T11 12. Klik Tambah Data untuk ke T12 13. Klik Edit untuk menuju T13 14. Klik Delete untuk menuju T14 15. Klik Select untuk memilih band

(93)

menambah data band dan otomatis menuju T04

2. Klik Sembunyikan untuk

batal

Gambar 3.29 Interface Halaman Tambah Band

mengubah data band dan otomatis menuju T04

2. Klik Sembunyikan untuk batal

(94)

Non-Aktifkan Band

Anda Yakin akan Me-nonaktifkan Band ini ?

x

Ya Batal

1. Klik Tombol Ya untuk

menon-aktifkan band, band akan di tandai is_active nya menjadi 0, kembali T04

2. Klik Batal untuk membatalkan

penon-aktifan band, kembali ke T04

Gambar 3.31 Interface Halaman Hapus Band

3.3.7 Implementasi interface pada sistem

Untuk memudahkan dalam membangun sistem, kami merancang desain antarmuka yang akan digunakan dalam sistem.

3.3.7.1 Halaman Utama

(95)

Gambar 3.33. Halaman Login (Modalbox)

(96)

Gambar 3.35. Halaman Contact Us (Modalbox)

(97)

3.3.7.2 Halaman Pada Admin

Gambar 3.37. QuickMenu pada Halaman Admin

Gambar 3.38. Ubah Password

(98)

3.3.7.3 Halaman Pengolahan Data Band

(99)

Gambar 3.41. Form Upload Foto Band

(100)

Gambar 3.43. List demo lagu band

(101)

Gambar 3.45. Pengelolaan Genre Musik

(102)

(103)

3.3.7.4 Halaman Pada Member

Gambar 3.48. Halaman Utama Member

(104)

(105)

105

4.1 Kesimpulan

Berdasarkan semua proses dalam membangun aplikasi ini dapat diambil kesimpulan sebagai berikut :

1. Aplikasi Manajemen Band Indie berbasis web di CV. Kris Quality Management ini dapat membantu dan memudahkan dalam penggelolaan informasi tentang band indie.

2. Aplikasi ini dipilih berbasis web memudahkan masyarakat umum dalam mengakses informasi tentang band indie.

4.2 Saran

(106)

KERJA PRAKTEK

Diajukan untuk Memenuhi Tugas Mata Kuliah Kerja Praktek

Program Strata Satu Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer

Universitas Komputer Indonesia

SATYA ANGGA PRAYOGA

10108434

MUHAMMAD ARDHY

10108451

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG

(107)

i

DAFTAR ISI

LEMBAR JUDUL

KATA PENGANTAR ... i

DAFTAR ISI ... ii

DAFTAR TABEL ... vi

DAFTAR GAMBAR ... ...vii

DAFTAR SIMBOL ... x

DAFTAR LAMPIRAN ... xii

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang ... 1s 1.2Identifikasi Masalah ... 2

1.3Maksud dan Tujuan ... 2

1.3.1 Maksud………..…….…2

1.3.2 Tujuan………..……….……….2

1.4 _{BatasanMasalah ... 2}

1.5Metodologi Penelitian ... 3

1.6 Sistematika Penulisan...4

BAB II TINJAUAN PUSTAKA ... 5

2.1 Profil Tempat Kerja Praktek ... 5

(108)

ii

2.1.2Logo Instansi ... 6

2.1.3Badan Hukum Instansi ... 6

2.1.4Struktur Organisasi dan Job Description ... 7

2.1.4.1 Struktur Organisasi………...7

2.1.4.2 Job Description……….7

2.2Landasan Teori ... 8

2.2.1Definisi Website ... 8

2.2.2Definisi Sistem Informasi ... 10

2.2.3Konsep Dasar Sistem Informasi ... 10

2.2.4Basis Data... 11

2.2.5 Database Manajemen Sistem(DBMS) ... 14

2.2.6 Tahap Perancangan Basis Data ... 15

2.2.7 Metode Analisis Sistem Terstruktur ... 19

2.2.7.1 DFD………19

2.2.8 Bahasa Pemrograman ... 20

2.2.8.1 PHP……….….. 20

2.2.8.2 SQL………21

2.2.8.3 AJAX ………….………23

2.2.8.4 JQUERY ……… 24