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

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.

CV. Kris Quality Management adalah sebuah perusahaan yang bergerak di bidang management band. Selama ini pengelolaan manajemen data band indie masih secara konvensional yaitu pendataan masih melalui media kertas, sehingga masih memungkinkan terjadinya kesalahan dalam pengolahan data dan datanya masih bersifat private sehingga masyarakat luas kurang mengetahui adanya band indie tersebut. CV. Kris Quality Management juga belum memiliki suatu aplikasi pengolahan informasi untuk band – band indie, dimana konten informasi tersebut meliputi profile band, anggota band , contact person, demo lagu, serta lirik lagu yang nantinya digunakan sebagai media promosi band-band indie tersebut kepada masyarakat umum melalui media internet.

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

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

Studi ini merupakan penerapan secara langsung tentang studi – studi yang telah dilakukan dalam hal pengolahan data sehingga menghasilkan sesuatu

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

Berisi kesimpulan dan saran yang sudah diperoleh dari hasil penulisan Laporan Kerja Praktek.

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:

Menyediakan artis-artis dan model-model berkualitas tinggi dan handal sebagai sarana dalam dunia hiburan bagi rumah produksi seseuai keinginan dan kebutuhan masyarakat.

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.

Dalam melangsungkan kegiatan usahanya, aktivitas bisnis CV dilakukan oleh para persero aktifnya. Mereka-lah yang bertanggungjawab untuk melakukan tindakan pengurusan atau bekerja di dalam perseroan tersebut. Di sisi lain, para pemberi modal atau persero komanditer, tidak bisa terlibat dalam menjalankan aktivitas perusahaan. Hal tersebut diatur secara tegas di dalam Pasal 20 KUHD yang menjelaskan bahwa persero komanditer ini tidak boleh melakukan tindakan pengurusan atau bekerja dalam perusahaan perseroan tersebut, meskipun ada pemberian kuasa sekalipun.

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

Q Production merupakan salah satu bagian yang ada di CV. Kris Quality Management yang bergerak di bidang Event Organizer yang mana untuk menyelenggarakan acara. Tugas dasarnya membantu untuk dapat menyelenggarakan acara yang diinginkan guna mengorganisasikan seluruh rangkaian acara, mulai dari perencanaan, persiapan, eksekusi hingga evaluasi, dalam rangka membantu mewujudkan tujuan yang diharapkan dengan pemembuatan acara tersebut.

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

Website adalah sebutan bagi sekelompok halaman web (web page), yang umumnya merupakan bagian dari suatu nama domain (domain name) atau subdomain di World Wide Web (WWW) di Internet. WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman-halaman sebuah situs web diakses dari sebuah URL yang menjadi "akar" (root), yang disebut homepage (halaman induk; sering diterjemahkan menjadi "beranda", "halaman muka"), dan biasanya di simpan dalam server yang sama. Tidak semua situs web dapat diakses dengan gratis. Beberapa situs web memerlukan pembayaran agar dapat menjadi pelanggan, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surat elektronik (e-mail), dan lain-lain.

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.

Website ditulis, atau secara dinamik di konversi menjadi HTML dan diakses melalui sebuah program software yang biasa disebut dengan web browser, yang dikenal juga dengan HTTP Client. Halaman web dapat dilihat atau diakses melalui

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:

“Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat

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”.

Basis data dimaksudkan untuk mengatasi problem pada sistem yang memakai pendekatan berbasis berkas. Sistem basis data adalah suatu sistem menyusun dan mengelola record-record menggunakan komputer untuk menyimpan atau merekam serta memelihara data opersional lengkap sebuah organisasi / perusahaan sehingga mampu menyediakan informasi yang optimal yang diperlukan pemakai untuk proses mengambil keputusan. Untuk mengelola basis data diperlukan perangkat lunak yang

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.

Sampai dengan membentuk suatu database, data mempunyai jenjang mulai dari karakter-karakter, item data, record, file dan kemudian database. Jenjang data dapat digambarkan sebagai berikut :

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.

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.

Perangkat lunak yang termasuk DBMS misalnya My-SQL server, dBase II+, dBase IV, FoxBase, RBase, Access dan Borland-Paradox atau Borland-Interbase, MS-SQL Server, CA-Open Ingres, Oracle, Informix dan Sybase.

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

Pada E-R diagram, entity digambarkan dengan sebuah bentuk persegi panjang. Entity adalah sesuatu apa saja yang ada didalam sistem, nyata maupun abstrak dimana data tersimpan. Entitas diberi nama dengan kata benda dan dapat dikelompokan dalam empat jenis nama, yaitu: orang, benda, lokasi kejadian (terdapat unsur waktu didalamnya).

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

Kardinalitas relasi menunjukan jumlah maksimum tupel yang dapat berelasi dengan entitas pada entitas yang lain. Dari sejumlah kemungkinan banyaknya hubungan antar entitas, kardinalitas relasi merujuk kepada hubungan

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

Normalisasi merupakan tahapan perancangan dalam membangun basis data relasional yang tidak secara langsung berkaitan dengan model data, tetapi

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)

Suatu tabel dikatakan berada pada BCNF jika dan hanya jika semua ketergantungan fungsional dengan notasi XY, maka X harus merupakan superkey pada tabel tersebut.

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.1DFD

DFD adalah penjelasan lebih rinci dari diagram konteks dan proses fungsional yang ada dalam sistem. DFD mejelaskan tentang aliran masuk, aliran keluar, proses serta penyuntingan file yang digunakan.

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.1PHP

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 :

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.2SQL

SQL (Structured Query Language) adalah sebuah bahasa yang dipergunakan untuk mengakses data dalam basis data relasional. Bahasa ini secara de facto merupakan bahasa standar yang digunakan dalam manajemen basis data relasional. Saat ini hampir semua server basis data yang ada mendukung bahasa ini untuk melakukan manajemen datanya.

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:

SELECT untuk menampilkan data INSERT untuk menambahkan data baru

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.3AJAX

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.

b) Objek XMLHTTP dari Microsoft atau XMLHttpRequest yang lebih umum di implementasikan pada beberapa browser. Objek ini berguna sebagai kendaraan pertukaran data asinkronus dengan web server. Pada beberapa framework AJAX,

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.4JQUERY

jQuery adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah MIT dan GPL. Microsoft dan Nokia telah mengumumkan akan mengemas jQuery di platform mereka. Microsoft awalnya mengadopsinya dalam Visual Studio [2] untuk digunakan dalam ASP.NET AJAX dan ASP.NET MVC Framework, sedangkan Nokia akan mengintegrasikannya dalam kerangka Web Run-Time mereka.

2.2.9 Software Pendukung 2.2.9.1Adobe 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.3Wamp 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.4MySQL Server 5.0

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL atau DBMS(Database Management System) yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL).

26

PEMBAHASAN

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.

Sebagai analisis pada sistem yang sedang berjalan, akan dibahas bagaimana prosedur dan aliran dokumen yang sedang berjalan yang digambarkan dalam bentuk flow map, pengkodean dan analisis sistem non fungsional yang meliputi perangkat keras dan perangkat lunak yang digunakan, serta analisis user yang terlibat.

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.1Analisis 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 Tanggung Jawab Hak Akses Tingkat Pendidikan Tingkat Keterampilan Pengala man Jenis Pelatihan Pengunjung

- Melihat

Informasi

Apa saja Bisa mengikuti petunjuk

Member

- Mengakses informasi, edit

profil, memainkan lagu

Min SMP Bisa mengikuti petunjuk dan mengerti internet - - Admin Melakukan maintenance Update Web SMA/ Sederajat Mengerti teknis maintenance berbasis web Web administr ator Cara membuat, mengembang kan dan maintenance web

3.2.2.2Analisis 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

Dari hasil analisis hardware dapat disimpulkan bahwa spesifikasi hardware

tergolong baik dan mampu untuk menjalankan aplikasi ini. 3.2.2.3Analisis 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)

Komponen utama pembentukan Entity Relationship Diagram atau biasa disebut Diagram E-R yaitu Entity (entitas) dan Relation (relasi) sehingga dalam hal ini Diagram E-R merupakan komponen-komponen himpunan entitas dan himpunan relasi yang dideskripsikan lebih jauh melalui sejumlah atribut-atribut (property) yang menggambarkan seluruh fakta dari sistem yang ditinjau. Adapun Diagram E-R dari Sistem Informasi Manajemen Data Band Indie CV. Kris Quality Management dapat digambarkan seperti berikut :

band memiliki memiliki memiliki memiliki memiliki memiliki memiliki band_anggota band_lagu genre band_kontak kota provinsi user_tipe id Is_active foto website kota_id alamat genre_id profile tahun nama user id kota_id favgenre_id jk tglLahir email password username tipe_id nama foto Is_active id Is_active foto band_id perlengkapan posisi tglLahir jk nama id band_id url lirik judul Is_active id nama Is_active id band_id nama email telp id_provinsi id nama kabkota id nama id _nama deskripsi Mengolah IS A Admin Member Favorit admin_id

3.3.2 Perancangan Data Flow Diagram 3.3.2.1Aliran 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

3.3.2.2DFD Level 1 3. Login 4. Sign Up 7. Ubah Password 8. Pilih Band 9. Pengolahan Data Member 10. Pengolahan Genre Musik 5. View Band 6. Edit Profile Member admin band band_lagu user genre Data_login_member Info_login_member Data_login_admin Info_login_admin Data_band Info_band Data_member Data_member Info_member data_member Data_genre Info_genre Data_genre Info_genre Data_band Info_band Data_member Info_member Data_band Info_band Data_band Info_band Data_member Info_member Data_ubah_password Info_ubah_password Data_ubah_password Info_ubah_password Data_login_member, Data_login_admin Info_login_member, Info_login_admin Data_member In fo _m em be r 1. View About Us 2. View Contact Us Pengunjung Web Info_about_us Info_contact_us Data_sign_up Info_sign_up Data_band Info_band Data_genre Info_genre Data_band Info_band 11. Logout Info_lagu Info_ubah_password Data_ubah_password

3.3.2.3DFD Level 2 Proses 3 ( Proses Login) 3.1 Validasi Username 3.2 Validasi Password Member admin user Data_username_member Info_username_member Data_password_member Info_password_member Data_username_admin Info_username_admin Data_password_admin Info_password_admin Data_username_member, Data_username_admin Info_username_member, info_username_admin Info_password_member, info_password_admin Data_password_member, Data_password_admin

Gambar 3.4. DFD Level 2 Proses 3

3.3.2.4DFD Level 2 Proses 5 ( Proses View Band )

5.1 Lihat Profile Band 5.2 Play Lagu 5.3 Baca Lirik Member band_lagu band Info_profile Data_lagu Info_lagu Info_lirik Data_lirik Info_profile Data_profile Info_lagu Data_lagu Info_lirik Data_lirik

3.3.2.5DFD Level 2 Proses 8 (Proses Pilih Band ) 8.1 Olah List Band 8.2 Olah Anggota 8.3 Olah Lagu Demo 8.4 Olah Contact Person admin band Info_band Data_band Info_anggota Data_anggota Info_lagu Data_lagu Info_contact Data_contact Info_band Data_band Info_anggota Data_anggota Info_lagu Data_lagu Info_contact Data_contact

Gambar 3.6. DFD Level 2 Proses 8

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

9.1 Edit Data Member 9.2 Hapus Data Member 9.3 Cari Data Member admin user Info_member Data_member Info_member Data_member Data_member Info_member Info_member Data_member Info_member Data_member Info_member Data_member

3.3.2.7DFD Level 2 Proses 10 (Proses Pengolahan Genre Musik ) 10.1 Tambah Data Genre 10.2 Edit Data Genre 10.3 Hapus Data Genre 10.4 Cari Data Genre admin genre Info_genre Data_genre Info_genre Data_genre Info_genre Data_genre Data_genre Info_genre Info_genre Data_genre Info_genre Data_genre Info_genre Data_genre Info_genre Data_genre Gambar 3.8. DFD Level 2 Proses 10 3.3.2.8DFD Level 3 Proses 8.1 ( Proses Olah List Band )

8.1.1 Tambah Data Band 8.1.2 Edit Profile Band 8.1.3 Hapus Data Band 8.1.4 Upload Foto 8.1.5 Cari Data Band admin band Info_band Data_band Info_band Data_band Info_band Data_band Info_band Data_band Data_band Info_band Info_band Data_band Info_band Data_band Info_band Data_band Info_band Data_band Info_band Data_band

3.3.2.9DFD Level 3 Proses 8.2 ( Proses Olah Anggota) 8.2.1 Tambah Anggota 8.2.2 Edit Anggota 8.2.3 Hapus Anggota 8.2.4 Upload Foto Anggota 8.2.5 Cari Anggota admin Band_anggota Info_anggota Data_anggota Info_anggota Data_anggota Info_anggota Data_anggota Info_anggota Data_anggota Data_anggota Info_anggota Info_anggota Data_anggota Info_anggota Data_anggota Info_anggota Data_anggota Info_anggota Data_anggota Info_anggota Data_anggota

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

8.3.1 Tambah Data Lagu 8.3.2 Edit Data Lagu 8.3.3 Hapus Data Lagu 8.3.4 Upload Lagu 8.3.5 Cari Data Lagu admin band_lagu Info_lagu Data_lagu Info_lagu Data_lagu Info_lagu Data_lagu Info_lagu Data_lagu Data_lagu Info_lagu Info_lagu Data_lagu Info_lagu Data_lagu Info_lagu Data_lagu Info_lagu Data_lagu Info_lagu Data_lagu band Data_lagu Info_lagu Data_lagu Info_lagu Info_lagu Data_lagu Info_lagu Data_lagu Info_lagu Data_lagu

3.3.2.11 DFD Level 3 Proses 8.4 ( Proses Olah Contact Person) 8.4.1 Tambah Contact 8.4.2 Edit Contact 8.4.3 Hapus Contact 8.4.4 Cari Contact admin Band_contact Info_contact Data_contact Info_contact Data_contact Info_contact Data_contact Data_contact Info_contact Info_contact Data_contact Info_contact Data_contact Info_contact Data_contact Info_contact Data_contact

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 web About us dalam bentuk modal box, yang

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.

2 Nomor Proses 2

Nama Proses View Contact Us

Source (sumber) - Pengunjung Web

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

halaman index.

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

3 Nomor Proses 3

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 password

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

Source (sumber) - Member

- Admin

Deskripsi Proses ini adalah proses untuk memvalidasi username yang dimasukan oleh member atau admin untuk kemudian di check apakah ada di dalam database.

- 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

Source (sumber) - Member - 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

- 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.

4 Nomor Proses 4

Nama Proses Sign Up

Source (sumber) - Pengunjung Web

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

Input - data_signup

- data_member

- 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.

5 Nomor Proses 5

Nama Proses View Band

Source (sumber) - Member

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

Input - data_band

Output - info _band

- 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

Source (sumber) - Member

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.

Nama Proses Play Lagu

Source (sumber) - Member

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

Source (sumber) - Member

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

Input - data_lirik

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.

6 Nomor Proses 6

Nama Proses Edit Profile

Source (sumber) - Member

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.

c. Jika data member yang dimasukan tidak valid maka tampilkan pesan kesalahan.

7 Nomor Proses 7

Nama Proses Ubah Password

Source (sumber) - Member

- 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.

d. Jika password lama yang dimasukan tidak valid maka tampilkan pesan kesalahan.

8 Nomor Proses 8

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

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat mengolah data (cari,tambah,edit,hapus band) dari salah satu dari list band yang ditampilkan

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

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat menambah data band ke dalam database.

Input - data_band

Logika Proses a. Admin masuk ke menu band

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

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat mengedit data band ke dalam database.

Input - data_band

Output - info_band

Logika Proses a.Admin masuk ke menu band

c. Form edit data band ditampilkan

d. Edit Data Band

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

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

8.1.3 Nomor Proses 8.1.3

Nama Proses Hapus Data Band

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat menghapus data band (tidak secara fisik) dari dalam database.

Input - data_band

Output - info_band

Logika Proses a. Admin masuk ke menu band

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

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

Source (sumber) - Admin

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

Source (sumber) - Admin

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

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat mengolah data (Tambah,edit,hapus) Anggota Band dari band yang telah dipilih sebelumnya

Input - data_anggota

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

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat menambah anggota band sesuai dengan band yang telah dipilih sebelumnya ke dalam database.

Input - data_anggota

Output - info_anggota

Logika Proses a. Admin masuk ke halaman menu anggota

b. Admin mengklik tombol tambah anggota band

d. Isi Data Anggota Band

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

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

8.2.2 Nomor Proses 8.2.2

Nama Proses Edit Anggota

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat mengedit data Anggota band ke dalam database.

Input - data_anggota

Output - info_anggota

Logika Proses a. Admin masuk ke halaman menu anggota

b. Admin mengklik tombol edit data anggota

c. Form edit data anggota ditampilkan

d. Edit Data anggota

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

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat menghapus data anggota band (tidak secara fisik) dari dalam database.

Input - data_anggota

Output - info_anggota

Logika Proses a. Admin masuk ke halaman menu anggota

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

c. Dialog Konfirmasi hapus data anggota band ditampilkan

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

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

8.2.4 Nomor Proses 8.2.4

Nama Proses Upload Foto Anggota

Source (sumber) - Admin

Deskripsi Proses ini digunakan untuk mengupload foto data anggota band

Input - data_anggota

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

Deskripsi Proses ini digunakan untuk mencari data anggota band

Input - data_anggota

Output - info _anggota

Logika Proses a.Admin memilih kriteria pencarian anggota band

b. Isi kata pencarian berdasarkan kriteria yang dipilih.

c. Tampilkan hasil pencarian anggota band

8.3 Nomor Proses 8.3

Nama Proses Olah Lagu Demo

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat mengolah data (Tambah,edit,hapus) Lagu Demo dari band yang telah dipilih sebelumnya

Input - data_lagu

Output - info_lagu

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

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat 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

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

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat 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

e. Update data di dalam database jika data valid, jika tidak valid tampilkan pesan kesalahan.

8.3.3 Nomor Proses 8.3.3

Nama Proses Hapus Data Lagu

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat 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

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

Source (sumber) - Admin

Deskripsi Proses ini digunakan untuk mencari data Lagu demo band

Input - data_lagu

Output - info _lagu

band

b. Isi kata pencarian berdasarkan kriteria yang dipilih.

c.Tampilkan hasil pencarian lagu demo band

8.4 Nomor Proses 8.4

Nama Proses Olah Contact Person

Source (sumber) - Admin

Deskripsi Proses ini adalah proses dimana admin dapat 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

d. Admin dapat mencari contact person band, menambah, mengedit, & menghapus contact person di halaman Contact Person.

8.4.1 Nomor Proses 8.4.1

Nama Proses Tambah Contact

Source (sumber) - Admin

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

Input - data_contact

Output - info_contact

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

Source (sumber) - Admin

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

Input - data_contact

Output - info_contact

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. 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

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

Input - data_contact

Output - info_ contact

Logika Proses a. Admin masuk ke halaman menu Contact Person

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

Source (sumber) - Admin

Deskripsi Proses ini digunakan untuk mencari data Contact Person Band

Input - data_contact

Output - info _contact

Logika Proses a. Admin memilih kriteria pencarian Contact Person band

b. Isi kata pencarian berdasarkan kriteria yang dipilih.

c. Tampilkan hasil pencarian Contact Person band

9 Nomor Proses 9

Nama Proses Pengolahan Data Member

Source (sumber) - Admin

Deskripsi Proses ini digunakan untuk mengolah data member yang ada.

Input - data_member

Output - info _member

Logika Proses a. Admin memilih menu pengolahan data member

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

9.1 Nomor Proses 9.1

Nama Proses Edit Data Member

Source (sumber) - Admin

Deskripsi Proses ini digunakan untuk mengedit data member yang ada.

Input - data_member

Output - info _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

Source (sumber) - Admin

Deskripsi Proses ini digunakan untuk menghapus (tidak secara fisik) data member yang ada.

Input - data_member

Output - info _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

Source (sumber) - Admin

Deskripsi Proses ini digunakan untuk mencari data member yang ada berdasarkan kriteria yang ada.

Input - data_member

Logika Proses a. Admin memilih pencarian berdasarkan kriteria

b. Isi kata pencarian berdasarkan kriteria yang dipilih.

c. Tampilkan hasil pencarian

10 Nomor Proses 10

Nama Proses Pengolahan Genre Musik

Source (sumber) - Admin

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

Source (sumber) - Admin

Deskripsi Proses ini digunakan untuk penambahan data genre musik yang ada.

Input - data_genre

Output - info _genre

Logika Proses a.Tampilkan form tambah genre

b. Simpan data genre

10.2 Nomor Proses 10.2

Nama Proses Edit Data Genre

Source (sumber) - Admin

Deskripsi Proses ini digunakan untuk mengedit data genre musik yang ada.

Input - data_genre

Output - info _genre

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

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

Source (sumber) - Admin

Deskripsi Proses ini digunakan untuk menghapus data genre musik yang ada.

Input - data_genre

Output - info _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

Source (sumber) - Admin

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

b. Isi kata pencarian berdasarkan kriteria yang dipilih.

c. Tampilkan hasil pencarian data genre berdasarkan kriteria pencarian

11 Nomor Proses 11

Nama Proses Logout

Source (sumber) - Admin

- Member

Deskripsi Proses ini digunakan untuk keluar dari halaman admin atau member yang dilakukan oleh admin atau member.

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

Deskripsi Berisi data login sebagai member Struktur data username + password

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 Password

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

Nama data_member

Deskripsi Data yang berisi data member

Struktur data username + nama + email + tlgLahir + fav genre + jk + kota + photo

username nama jk tglLahir email fav genre kota photo

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

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

Nama data_ubah_password

Deskripsi Data yang berisi data untuk mengubah password

Struktur data Password Lama + Password Baru + Confirm Password

Password Lama Password Baru Confirm Password

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

Nama data_signup

Deskripsi Data yang berisi data pendaftaran

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

password nama jk tglLahir email fav genre provinsi kota photo

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

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

7 Nama data_band

Deskripsi Data yang berisi data band

Struktur data nama + tahun terbentuk + genre + alamat + provinsi + kota + website + profile

nama tahun terbentuk genre alamat provinsi kota website profile

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

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

8 Nama data_genre

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

nama posisi foto

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

10 Nama data_lagu

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

email telp

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

3.3.3 Perancangan Sistem Basis Data 3.3.3.1Tabel Relasi

Proses relasi antar file merupakan gabungan antar file yang mempunyai kunci utama yang sama, sehingga file-file tersebut menjadi satu kesatuan yang dihubungkan oleh field kunci tersebut. Pada proses ini elemen-elemen data dikelompokkan menjadi satu file database beserta entitas dan hubungannya. Skema relasi untuk aplikasi yang dikembangkan ini dapat dilihat pada gambar.

band PK id nama tahun profile genre_id alamat kota_id website foto is_active admin_id genre PK id nama is_active band_anggota PK id band_id nama jk tglLahir posisi perlengkapan foto is_active band_kontak PK id band_id nama email telp is_active band_lagu PK id band_id url lirik judul is_active kota PK id id_provinsi nama kabkota provinsi PK id nama user PK id tipe_id username nama password email tglLahir jk favgenre_id kota_id foto is_active user_tipe PK id nama deskripsi FK FK FK1 FK2 FK FK FK1 FK2 FK3 FK3

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

b) Tabel band_kontak

Tabel 3.5. Tabel band_kontak

Field Tipe Ukuran Keterangan

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

Field Tipe Ukuran Keterangan

band_id int 11 FK, Ref band(id)

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

d) Tabel band_lagu

Tabel 3.7. Tabel band_lagu

Field Tipe Ukuran Keterangan

id int 11 Primary Key

band_id int 11 FK, Ref band(id)

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

Field Tipe Ukuran Keterangan

id int 11 Primary Key

nama varchar 50 Nama Genre

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

f) Tabel kota

Tabel 3.9. Tabel kota

Field Tipe Ukuran Keterangan

id int 11 Primary Key

id_provinsi int 11 FK, Ref provinsi(id)

nama varchar 80 Nama Kota

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

g) Tabel provinsi

Tabel 3.10. Tabel provinsi

Field Tipe Ukuran Keterangan

id int 11 Primary Key

nama varchar 80 Nama Provinsi

h) Tabel user

Tabel 3.11. Tabel user

Field Tipe Ukuran Keterangan

id int 11 Primary Key

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

i) Tabel user_tipe

Tabel 3.12. Tabel user_tipe

Field Type Ukuran Keterangan

id int 11 Primary Key

nama enum('Administrator',

Member') -

Nama User ( Admin atau Member)

deskripsi text - Deskripsi Tipe User

3.3.5 Struktur Menu

3.3.5.1Struktur Menu Other

Other

Sign Up Login

Contact Us About Us

Home

Gambar 3.14. Struktur Menu Other 3.3.5.2Struktur Menu Member

User

Ubah Password Logut

Edit Profile

3.3.5.3Struktur 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

Perancangan interface dibuat untuk kebutuhan interface user, perancangan ini dibuat untuk interface pengunjung web, member dan admin. Berikut rinciannya ditampilkan dibawah ini :

3.3.6.1Perancangan Interface Other (Pengunjung Web)

T01 Navigasi

Footer

About Us Home

Krisquality-Management.com

Indie Band Management

Contact Us Login Logo Perusahaan

Sign Up Keterangan tentang perusahaan

Logo Perusahaan

1. Klik Home untuk menuju T01 2. Klik About Us untuk menuju T02 3. Klik Contact Us untuk menuju T03 4. Klik Login untuk menuju T04 5. Klik Sign Up untuk menuju T05

Ukuran layar 100% dari layar user

Gambar 3.17. Interface Halaman utama

T02 Navigasi

Tentang Kami

…....………...

Visi

………...

Misi

………...

Tentang Kami x

1. Klik Tombol X untuk menuju T01

Ukuran layar 100% dari layar user

T03 Navigasi

QManagement

………..

Contact Form :

Nama Email Pesan

Kontak Kami x

Kirim

1. Klik Tombol Kirim untuk menggirim pesan

2. Klik Tombol X untuk menuju T01

Ukuran layar 100% dari layar user

Gambar 3.19. Interface Halaman Contact Us

T04 Navigasi

LOGIN USER

Username Password

Login x

Login

1. Klik Tombol Login untuk masuk ke menu administrator atau menu user

2. Klik Tombol X untuk menuju T01

Ukuran layar 100% dari layar user

T05 Navigasi

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

Ukuran layar 100% dari layar user

3.3.6.2 Perancangan Interface Member

T01 Navigasi

Footer

Ubah Password

Home Logout

Logo Perusahaan

Sidebar

Edit Profile

Welcome Note

List Band

Cari Berdasarkan --Silahkan Pilih Kategori-- Cari

1. Klik Home untuk menuju T01 2. Klik Ubah Password untuk

menuju T02

3. Klik Logout untuk menuju T03 4. Klik Edit Profile untuk

menuju T04

5. Klik List Band untuk menuju T05

Ukuran layar 100% dari layar user

Gambar 3.22 Interface Halaman Utama

T02 Navigasi

DATA PASSWORD

Password Lama Password Baru Konfirm Password

Ubah Password x

Ganti Password

1. Klik Ganti Password untuk merubah password

2. Klik Tombol X untuk menuju T01

Ukuran layar 100% dari layar user

T03 Navigasi

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

Ukuran layar 100% dari layar user

Gambar 3.24 Interface Halaman Logout

T04 Navigasi

EDIT PROFILE

Nama Email

Ubah Profile x Edit Profile

1. Klik Tombol Edit Profile untuk mengupdate data 2. Klik Tombol X untuk

menuju T01

Ukuran layar 100% dari layar user

T05 Navigasi Footer Ubah Password Home Logout Logo Perusahaan Sidebar Edit Profile Welcome Note Gambar Band Profil ……….. Demo Lagu

No Judul Play Lirik

1. Klik Home untuk menuju T01

2. Klik Ubah Password untuk menuju T02 3. Klik Logout untuk

menuju T03

4. Klik Edit Profile untuk menuju T04 Ukuran layar 100% dari layar user

Gambar 3.26 Interface Halaman Profil Band 3.3.6.3 Interface Admin

T01 Navigasi

Footer Ubah Password Home Logout Logo Perusahaan Welcome Note Band User Genre Musik

1. Klik Home untuk menuju T01

2. Klik Ubah Password untuk menuju T02

3. Klik Logout untuk menuju T03 4. Klik Band untuk menuju T04 5. Klik User untuk menuju T05

6. Klik Genre Musik untuk menuju T06

Ukuran layar 100% dari layar user

T04 Navigasi

Footer

Ubah Password

Home Logout

Logo Perusahaan

Sidebar List Band

Pengelolaan Band

ID Nama Tahun Terbentuk Aksi Foto Cari Berdasarkan --Silahkan Pilih Kategori-- Cari

Tambah Data Sembunyikan

Upload Foto Anggota

Lagu Demo Contact Person

List Genre List User

Select Edit Delete

1. Klik Home untuk menuju T01

2. Klik Ubah Password untuk menuju T02 3. Klik Logout untuk menuju T03

4. Klik List Band untuk menuju T04 5. Klik Anggota untuk menuju T05 6. Klik Lagu Demo untuk menuju T06 7. Klik Contact Person untuk menuju T07 8. Klik List Genre untuk menuju T08 9. Klik User untuk menuju T09 10. Klik Cari untuk menuju T10

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 Ukuran layar 100% dari layar user

T12 Navigasi

Penambahan Data Band

Nama Band Tahun Terbentuk Genre Alamat Band Provinsi* Lokasi/Kota* Website Band Profile Tambah Pilih Provinsi Pilih Kabupaten/Kota Pilih Favorite Genre

1. Klik Tombol Tambah menambah data band dan otomatis menuju T04 2. Klik Sembunyikan untuk

batal

Ukuran layar 100% dari layar user

Gambar 3.29 Interface Halaman Tambah Band

T13 Navigasi

Update Data Band : Nama Band ID Band Nama Band Tahun Terbentuk Genre Alamat Band Provinsi* Lokasi/Kota* Website Band Profile Update Pilih Provinsi Pilih Kabupaten/Kota Pilih Favorite Genre

1. Klik Tombol Update untuk mengubah data band dan otomatis menuju T04

2. Klik Sembunyikan untuk batal

Ukuran layar 100% dari layar user

T14 Navigasi

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

Ukuran layar 100% dari layar user

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

Gambar 3.33. Halaman Login (Modalbox)

Gambar 3.35. Halaman Contact Us (Modalbox)

3.3.7.2 Halaman Pada Admin

Gambar 3.37. QuickMenu pada Halaman Admin

Gambar 3.38. Ubah Password

3.3.7.3 Halaman Pengolahan Data Band

Gambar 3.41. Form Upload Foto Band

Gambar 3.43. List demo lagu band

v

4.1 Kesimpulan………...…...105 4.2 Saran……….….……..105 DAFTAR PUSTAKA………..106

106

DAFTAR PUSTAKA

1. Heryandi Andri, Modul PHP dan MySQL, UNIKOM, 2010. 2. Lynn Beighley, jQuery For Dummies, Wiley, 2010

DAFTAR RIWAYAT HIDUP

NAMA : MUHAMMAD ARDHY LAZUARDI YANUAR

NIM : 10108451

TEMPAT/TANGGAL LAHIR : Jakarta, 03 Januari 1989 JURUSAN/PROGRAM : TEKNIK INFORMATIKA/S1

ALAMAT : Jl. Sekeloa No.1 No.1 RT 01/ RW 02 Kec. Coblong, Bandung

NO. TELPON : 08120650539

E-MAIL : haecked@gmail.com

ALAMAT ORANG TUA : Lampegan RT. 003 / RW 004 Kec.Pameungpeuk Kab.Bandung.

JUDUL KERJA PERAKTEK : PEMBANGUNAN APLIKASI MANAJEMEN BAND INDIE BERBASIS WEB DI CV. KRIS QUALITY MANAGEMENT

RIWAYAT PENDIDIKAN :

1. 1995-2001 : SDN Cisaranten Kidul III Riung Bandung Permai 2. 2001-2004 : SMPN 2 Bandung

3. 2004-2007 : SMAN 3 Bandung

4. 2008 : Program Studi S1 Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer

DAFTAR RIWAYAT HIDUP

NAMA : SATYA ANGGA PRAYOGA

NIM : 10108434

TEMPAT/TANGGAL LAHIR : Lawe Desky, 09 April 1991 JURUSAN/PROGRAM : TEKNIK INFORMATIKA/S1

ALAMAT : Jl. Tubagus ismail bawah no.22 RT 04 RW 01 . Bandung NO. TELPON : 085276597900

E-MAIL : satya.angga@gmail.com

ALAMAT ORANG TUA : Jl. Kutacane – Medan No.348, Lawe Desky, Kutacane, Aceh Tenggara.

JUDUL KERJA PERAKTEK : PEMBANGUNAN APLIKASI MANAJEMEN BAND INDIE BERBASIS WEB DI CV. KRIS QUALITY MANAGEMENT

RIWAYAT PENDIDIKAN :

1. 1996-2002 : SDN 3 Lawe Loning, Aceh Tenggara

2. 2002-2005 : MTs Swasta PP Modren Nurul Nurul Hakim Medan, Sumatera Utara 3. 2005-2008 : SMK Swasta Telkom Sandhy Putra Medan, Sumatera Utara

4. 2008 : Program Studi S1

Jurusan Teknik Informatika

i

KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa yang telah memberikan rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Laporan kerja praktek ini dengan judul “PEMBANGUNAN APLIKASI MANAJEMEN BAND INDIE BERBASIS WEB DI CV. KRIS QUALITY MANAGEMENT “. Laporan ini disusun dalam rangka memenuhi Mata Kuliah Kerja Praktek Program Strata Satu Jurusan Teknik Informatika.

Dalam melakukan kerja praktek ini banyak sekali pengalaman berharga yang di dapatkan, serta bantuan dan bimbingan, baik bimbingan dari pihak IT CV. Kris Quality Management maupun bimbingan dari pihak Universitas Komputer Indonesia. Oleh karena itu pada kesempatan ini tak lupa juga untuk mengucapkan terima kasih kepada:

1. Orang tua dan keluarga tercinta, yang memberikan dukungan moril maupun materil, dalam penyusunan dan pelaksanaan kerja praktek.

2. Bapak Wahyu Mulyana selaku pembimbing lapangan kerja praktek. 3. Bapak Andri Heryandi, S.T, M.T Selaku dosen pembimbing dari kampus. 4. Ibu Mira Kania Sabariah, S.T, M.T. selaku ketua jurusan Teknik

Informatika.

5. Teman – teman yang telah membantu saya dalam menyelesaikan laporan kerja praktek ini.

Dalam pengerjaan laporan kerja praktek ini, tidak terlepas dari kekurangan, oleh karena itu sangat diharapkan sekali kritik dan saran yang sifatnya membangun, untuk menciptakan laporan ini lebih baik lagi, semoga laporan ini dapat bermanfat.

Bandung, 12 Desember 2012