Pembuatan website informasi rebel gym Bandung dan Jakarta : laporan kerja praktek

(1)

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Penyediaan informasi yang masih bersifat manual merupakan salah satu kendala Rebel Gym dalam mempromosikan segala kegiatan, serta fasilitas yang dimiliki. Belum ada situs penyedia informasi tentang pusat kebugaran ini, sehingga customer yang ingin mengetahui informasi tentang kegiatan dan fasilitas di Rebel Gym diharuskan datang atau lewat brosur.

Salah satu cara untuk memperoleh informasi tentang Rebel Gym adalah dengan langsung datang ke Rebel Gym, hal seperti ini tidaklah efektif. Begitu juga cara lainnya, yaitu lewat brosur atau selebaran. Untuk itu kami berinisiatif membuatkan situs yang berisi informasi tentang Rebel Gym. Dengan adanya situs yang berisi semua informasi tentang Rebel Gym dapat membantu Rebel Gym dalam meningkatkan penyediaan informasi secara optimal.

Oleh karena itu dengan mengetengahkan permasalahan yang disebutkan diatas,

penulis mengambil judul laporan kerja praktek “WEBSITE INFORMASI REBEL GYM”.

1.2 Perumusan Masalah

Dari uraian latar belakang di atas dapat disimpulkan permasalahan yang akan diberikan solusi pada kerja praktek kali ini adalah :

(2)

2. Bagaimana memenuhi kebutuhan informasi user secara cepat, tepat, dan lebih efisien.

1.3 Maksud dan Tujuan

Sebagaimana disebutkan dalam latar belakang ada beberapa permasalahan yang di analisa oleh penulis, namun pada kerja praktek ini dibatasi hanya pada permasalahan yang lebih penting dan dapat dibuatkan penyelesaiannya yaitu :

1. Pembuatan aplikasi perangkat lunak berupa website untuk membantu penyediaan informasi Rebel Gym

2. Aplikasi yang dibuat adalah berbasis web agar bisa diakses oleh seluruh customer dan calon customer Rebel Gym. Aplikasi penyedia informasi ini meliputi semua informasi yang terdapat di Rebel Gym.

1.4 Batasan Masalah

Agar cakupan mengenai pembuatan website informasi Rebel Gym tidak terlalu luas, maka batasan masalah pada website ini adalah sebagai berikut :

1. Informasi hanya mencakup kelas, jadwal dan lokasi Rebel Gym saja.

2. Fasilitas komentar atau tanya jawab masih memerlukan web atau aplikasi lain. 3. Website dibuat menggunakan joomla dan mysql.

1.5 Metode Penelitian

(3)

3

1. Metode Wawancara

Merupakan teknik pengumpulan data dengan melakukan wawancara berupa tanya jawab secara langsung dengan pihak instansi tersebut untuk memperoleh data dan informasi yang penulis butuhkan.

2. Metode Observasi

Merupakan teknik pengumpulan data dengan mengadakan pengamatan atau penelitian langsung terhadap objek penelitian.

1.6 Sistematika Penulisan

Untuk memberikan gambaran secara umum mengenai isi laporan kerja praktek ini maka sistematika penulisan dari laporan kerja praktek ini adalah sebagai berikut :

BAB I PENDAHULUAN

Pada bab ini akan dibahas mengenai latar belakang masalah, perumusan masalah, maksud dan tujuan, batasan masalah, metode penelitian, dan sistematika penulisan laporan.

BAB II TINJAUAN PUSTAKA

Pada bab ini akan dibahas mengenai sejarah instansi, logo instansi, badan hukum instansi, struktur organisasi dan deskripsi pekerjaannya serta landasan teori yang menyangkut kasus yang akan dibahas di laporan kerja praktek ini. BAB III PEMBAHASAN

Pada bab ini akan dibahas mengenai hasil analisa yang dilakukan terhadap sistem serta usulan perancangan informasi di Rebel Gym.

(4)

(5)

5 BAB II

TINJAUAN PUSTAKA

2.1 Profil Tempat Kerja Praktek

Berikut ini adalah profil instansi tempat penulis melakukan kegiatan kerja praktek:

Nama Instansi : Rebel Gym

Alamat : Jln. Kyai Gede Utama No. 14, Dago-Bandung. Jawa Barat. No. Telp. : (022) 70785813

SMS Hotline : 081220033666

Website : http://www.rebelkombat.com

2.1.1 Sejarah Rebel GYM

Berdiri pertama kali pada tanggal 19 Februari 2001 di Jl. Ranggamalela no. 13, Dago-Bandung. Awal mula berdiri dimulai ditempat yang sederhana, tetapi telah dilengkapi sarana dan prasarana Gym yang memadai, seperti sauna, whirpool, loker dan peralatan Gym yang lengkap serta beberapa kelas, seperti aerobic dan aikido.

(6)

Jatinangor Town Square. Cabang di Jatinangor hanya berjalan 1 tahun untuk kemudian pindah ke bandung yang merupakan pusat kota, tepatnya di Jl. Surya Sumantri-Pasteur.

Pada Tahun 2009, cabang kedua Rebel Gym yang berlokasi di Jl. Pelajar Pejuang, Mall Piset dibuka. Tahun 2009 dapat dikatakan tahun keemasan Rebel Gym, dimana terdapat 3 lokasi, 1 gym pusat yang berlokasi di Dago dan 2 gym cabang di Pasteur dan Buah Batu. Pada awal tahun 2011, Rebel Gym mulai mengepakkan sayapnya ke Ibukota, Rebel Gym membuka cabang pertama di luar kota Bandung yang berlokasi di Dharmawangsa Square lantai 2, Jakarta Selatan. Berdiri pertama kali pada tanggal 19 Februari 2001 di Jl. Ranggamalela no. 13, Dago-Bandung. Awal mula berdiri dimulai ditempat yang sederhana, tetapi telah dilengkapi sarana dan prasarana Gym yang memadai, seperti sauna, whirpool, loker dan peralatan Gym yang lengkap serta beberapa kelas, seperti aerobic dan aikido.

Pada tahun 2004 tepatnya 3 tahun setelah Gym di Jl. Ranggamalela berjalan, Rebel Gym kemudian pindah lokasi ke tempat yang 2 kali lebih besar dari sebelmnya, yaitu di pusat kota Bandung di Jl. Prabudimuntur No. 4 Dago-Bandung. Beberapa tahun kemudian, tepatnya tahun 2007 merupakan tahun perkembangan untuk Rebel Gym, Rebel Gym berhasil membuka beberapa cabang, yang pertama di Jatinangor tepatnya di Jatinangor Town Square. Cabang di Jatinangor hanya berjalan 1 tahun untuk kemudian pindah ke bandung yang merupakan pusat kota, tepatnya di Jl. Surya Sumantri-Pasteur.

(7)

7

ke Ibukota, Rebel Gym membuka cabang pertama di luar kota Bandung yang berlokasi di Dharmawangsa Square lantai 2, Jakarta Selatan.

Pada akhir 2011 Rebel Gym memindahkan cabang Piset Mall ke mall Lucky Square di Antapani dan memindahkan Gym pusatnya yang sebelumnya berada di Jl. Prabudimuntur ke Jl. Kyai Gede Utama, masih bertempat di pusat kota Dago. Sehingga sampai saat ini Rebel Gym memiliki 4 lokasi, yaitu 3 di Bandung dan 1 di Jakarta.

2.1.2 Logo Instansi

Gambar 2.1-Logo Rebel Gym

Logo merupakan sebuah lambang yang dimiliki oleh setiap perusahaan/ instansi. Pembuatan logo dimaksudkan untuk merepresentasikan sebuah identitas suatu perusahaan yang mencerminkan jiwa, visi dan misi suatu perusahaan/instansi. Begitu juga pada logo Rebel Gym ini, logo yang bergambar perboden badan manusia kurus ini mempunyai dua makna, yaitu :

(8)

2. Orang yang awalnya bertubuh kurang ideal di Rebel Gym dilatih hingga memliki tubuh ideal sesuai dengan keinginan orang tersebut.

2.1.3 Badan Hukum Instansi

Dengan dikeluarkannya surat dengan nomor 014/RG/XI/2006 tanggal 1 November 2006 oleh PABBSI, maka Rebel Gym telah memiliki badan hukum yang sah langsung dibawah PABBSI dan diwajibkan mematuhi Anggaran Dasar dan Anggaran Rumah Tangga PABBSI. Surat keputusan ini berlaku sejak tanggal ditetapkan, dengan ketentuan apabila dikemudian hari terdapat kekeliruan dalam penerapannya, akan diadakan perbaikan kembali sebagaimana mestinya.

2.1.4 Struktur Organisasi dan Deskripsi Pekerjaan

Gambar 2.2-Struktur Organisasi Owner

Head

Instructor Supervisor

(9)

9

Berdasarkan struktur organisasi diatas terdapat uraian jabatan sebagai berikut :

Owner yang langsung berinteraksi dengan Head Instuctor dan Supervisor. Semua kegiatan Rebel Gym langsung dipantau oleh Owner baik secara langsung atau melalui laporan yang diberikan oleh Head Instructor atau Supervisor.

Head Instructor bertugas untuk memberikan instruksi kepada instructor lain dan berfungsi sebagai orang kepercayaan Owner di dalam Gym. Selain itu Head instructor berkewajiban memantau segala aktifitas yang ada di Rebel Gym agar aman dan terkendali.

Supervisor memiliki tugas mengatur anggaran Rebel Gym. Selain itu Supervisor juga bertugas menjalin hubungan dengan pihak luar untuk memperlancar kegiatan Rebel Gym. Supervisor dapat memberikan amanat atau perintah langsung kepada Reception dalam pelaksanaannya.

Instructor bertugas melatih member dan mengawasi operasional alat-alat yang ada di Gym dan kegiatan yang ada di Rebel Gym untuk kemudian dilaporkan ke Head Instructor. Instructor juga bertugas memberi informasi tentang alat dan cara kerjanya kepada member yang masih awam.

(10)

2.2Landasan Teori

2.2.1 Pengertian Sistem

Kata sistem awalnya berasal dari bahasa Yunani (sustēma) dan Bahasa Latin

(systēma). Banyak ahli yang mengungkapkan pendapat mereka mengenai pengertian sistem. Tetapi secara umum dan lebih populer pengertian sistem adalah: “Sistem adalah sekumpulan unsur atau elemen yang saling berhubungan dan saling

mempengaruhi satu sama lain yang melakukan kegiatan secara bersama-sama untuk mencapai tujuan yang sama.”

2.2.2 Pengertian Informasi

Informasi merupakan data yang merupakan fakta yang tercatat dan selanjutnya dilakukan pengolahan menjadi bentuk yang berguna atau bermanfaat bagi pemakainya.

2.2.3 Pengertian Sistem Informasi

Sistem Informasi secara umum merupakan kegiatan atau aktivitas yang dilakukan oleh sebuah organisasi yang melibatkan serangkaian proses berisi informasi-informasi yang digunakan untuk mencapai suatu tujuan.

2.2.4 Pengertian Data

Data merupakan fakta atau nilai yang tercatat atau mempresentasikan deskripsi dari suatu objek.

2.2.5 Pengertian Database

(11)

11

2.2.6 Enitity Relationship Diagram

Entity Relationship Diagram merupakan suatu model untuk menjelaskan hubungan antar data didalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan satu sama lain.

ERD memiliki beberapa komponen pembentuk, diantaranya : 1. Entitas (Entity)

Entitas didefinisikan sebagai barang atau objek yang dapat dibedakan dari objek lain. Biasanya disimbolkan dengan persegi panjang, yang di dalamnya berisi nama entitas.

Gambar 2.3-Entitas 2. Relasi (Relationship)

Relasi didefinisikan sebagai asosiasi dua atau lebih entitas, yang berupa kata kerja.

Gambar 2.4-Relasi

3. Atribut (Attribute)

Atribut didefinisikan sebagai property yang dimiliki setiap entitas yang akan disimpan datanya. Contoh atribut dari entitas Dosen : Nama, NIP, Alamat.

Entitas

(12)

Atribut

Gambar 2.5-Atribut

4. Kardinalitas (Cardinality)

Kardinalitas didefinisikan sebagai angka yang menunjukkan banyaknya kemunculan suatu objek terkait dengan kemunculan objek lainnya pada suatu relasi. Ada tiga kardinalitas yang ada, yaitu 1 : M (one to many) yang menyatakan satu ke banyak, 1 : 1 (one to one) yang menyatakan satu ke satu dan N : M (many to many) yang menyatakan banyak ke banyak.

Contoh :

Gambar 2.6-Kardinalitas 5. Modalitas (Modality)

Modalitas merupakan partisipasi sebuah entitas pada suatu relasi. Bernilai 0 jika partisipasi bersifat “optional atau parsial”, sedangkan bernilai 1 jika

partisipasi bersifat “wajib atau total”.

2.2.7 Diagram Alir Data

Diagram Alir Data merupakan suatu model perancangan sistem yang memungkinkan para professional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data,

(13)

13

baik secara manual maupun terkomputerisasi. Ada beberapa komponen pembentuk diagram alir data ini, diantaranya :

1. Entitas Luar

Merupakan entitas yang berada di luar sistem yang sedang dibangun, tetapi berkomunikasi atau berhubungan langsung dengan sistem. Entitas luar dapat berupa orang, sekelompok orang, organisasi, departemen, atau perusahaan yang sama tetapi di luar kendali sistem yang sedang dibuat modelnya. Terdapat dua jenis entitas luar yaitu entitas luar sebagai sumber dan entitas luar sebagai tujuan.

Entitas luar sebagai sumber

Entitas luar sebagai tujuan Entitas luar sebagai tujuan dan sumber

Gambar 2.7-Entitas Luar

2. Proses

Komponen proses menggambarkan bagian dari sistem yang mentransformasikan input menjadi output. Proses diberi nama untuk menjelaskan proses atau kegiatan apa saja yang sedang dilakukan.

Proses Menurut Yourdan dan DeMarco

Proses Menurut Gene dan Serson

(14)

Hanya ada empat kemungkinan yang terjadi pada saat proses dilakukan, yaitu :

1 input dengan 1 output 1 input dengan banyak

output

Banyak input dengan satu output

Banyak input dengan banyak output

Gambar 2.9-Jenis Proses yang Benar

Selain keempat kemungkinan proses diatas, proses lain dinyatakan memiliki kesalahan dalam proses.

3. Data Store

Komponen ini biasanya digunakan untuk menyatakan penyimpanan file didatabase yang berada di computer, bisa juga berupa data yang masih manual seperti arsip.

(15)

15

dimaksud, pemberian nama biasanya dilakukan dengan menggunakan kata benda.

Alur Data

Gambar 2.11-Alur Data

2.2.8 Joomla

Joomla adalah Sistem Manajemen Konten (SMK atau CMS) yang bebas dan terbuka (free opensource) ditulis menggunakan PHP dan basis data MySQL untuk keperluan di internet maupun intranet. Joomla pertamakali dirilis dengan versi 1.0.0. Fitur-fitur Joomla diantaranya adalah system caching untuk peningkatan performansi, RSS, blogs, dan poling. Joomla menggunakan lisensi GPL. Asal kata Joomla sendiri berasal dari kata Swahili yang mengandung arti kebersamaan.

Secara garis besar, Joomla terdiri dari 3 elemen dasar, yaitu server web (webserver), skrip PHP dan basisdata MySQL. Server web diasumsikan terhubung dengan Internet/Intranet yang berfungsi sebagai penyedia layanan situs. Skrip PHP terdiri dari kode program dalam bahasa PHP dan basisdata merupakan tempat penyimpanan konten. Joomla menggunakan Apache sebagai server web dan MySQL untuk basis datanya.

(16)

PAINT atau lebih dikenal dengan nama sebelumnya pada Windows terdahulu sebagai Paintbrush adalah program graphic painting sederhana yang terintegrasi dengan hamper seluruh versi Microsoft Windows, sejak perilisan pertamanya. Sering dirujuk sebagai MS Paint atau Microsoft Paint. Program ini dapat membuka dan menyimpan gambar dalam berbagai format, yaitu BMP, JPEG, GIF, PNG, dan TIFF.

2.2.10 Wamp Server

Wamp adalah sebuah aplikasi yang dapat menjadikan komputer menjadi sebuah server. Kegunaan wamp server ini untuk membuat jaringan local sendiri dalam artian kita dapat membuat website secara offline untuk masa coba-coba di komputer sendiri. Jadi fungsi dari wamp server itu sendiri merupakan server website kita untuk cara memakainya. Harus menjadi server, karena dalam hal ini komputer yang akan kita pakai harus memberikan pelayanan untuk pengaksesan web, untuk itu komputer kita harus menjadi server.

(17)

17

BAB III

PEMBAHASAN

3.1 Jadwal Kerja Praktek

Selama menjalankan kerja praktek di Rebel Gym waktu pengerjaan Kerja praktek yang di lakukan penulis menyesuaikan dengan waktu kerja.

Penjelasan detail kerja harian penulis selama kerja praktek adalah sebagai berikut :

1. Tanggal 25 Juli 2011

a) Melihat dan mengenal secara umum bagian-bagian yang ada di Rebel Gym Bandung

Pada hari pertama kerja praktek kami berusaha untuk melakukan adaptasi dan mengenal mengenai lingkungan kerja yang dijadikan sebagai tempat kerja praktek. Baik itu mengenal para pegawainya maupun bagian-bagian yang ada di Rebel Gym.

b) Pengarahan dari Owner.

Pada hari pertama kerja praktek Bpk. Krishna selaku Owner memberikan pengarahan mengenai peraturan dan tata tertib di Rebel Gym seperti waktu jam kerja praktek dimulai dari pukul 08.00 sampai dengan 16.00.

2. Tanggal 26 Juli 2011

(18)

3. Tanggal 27 Juli -29 Juli 2011

Membahas masalah dan hambatan tentang penyediaan informasi yang masih bersifat manual, serta membahas solusi yang efisien bersama pihak Rebel Gym

4. Tanggal 1 Agustus– 3 Agustus 2011

Diskusi dengan pihak Rebel Gym tentang Website yang ingin dibuat. 5. Tanggal 4 Agustus – 5 agustus 2011

Mengumpulkan Data dan informasi seputar Rebel Gym, baik kegiatan, lokasi, jadwal dan administrasinya.

6. Tanggal 8 Agustus -9 Agustus 2011

Diskusi dengan pihak Rebel Gym tentang User Interface yang ingin diterapkan di website. Dari segi warna, kolom, penempatan informasi, foto dan gambar.

7. Tanggal 10- 12Agustus 2011

Tahap merancang tampilan awal website yang didampingi oleh pihak dari Rebel Gym.

8. Tanggal 15 - 17Agustus 2011

Tahap pengisian content website yang berisi informasi tentang Rebel Gym dengan bimbingan dari pihak Rebel.

9. Tanggal 18 – 19 Agustus 2011

Tahap akhir pembuatan website, melakukan pemeriksaan secara keseluruhan, baik dari segi tampilan, content dan sinkonisasi link pada website.

10. Tanggal 22 Agustus 2011

(19)

19

11. Tanggal 23 – 25 Agustus 2011

Melakukan Revisi atas permintaan Bpk. Krishna baik dari segi content ataupun tampilan website.

12. Tanggal 26 Agustus 2011

Hari terakhir Kerja Praktek, kami melakukan pamit dan terima kasih kepada pihak Rebel Gym yang telah bersedia menerima kami untuk melakukan kegiatan Kerja Praktek.

3.2 Teknik Kerja Praktek

Dalam melaksanakan kerja praktek ini, penulis melakukan beberapa metode pengumpulan data yang akan dipergunakan untuk proses analisis, yang terdiri dari :

1. Metode Wawancara

Merupakan metode pengumpulan berita dan data yang dilakukan dengan cara melakukan wawancara langsung dengan narasumber untuk memperoleh suatu informasi yang dituju.

2. Metode Observasi Lapangan

Merupakan metode pengumpulan berita dan data yang dilakukan dengan cara mengamati langsung kejadian yang terjadi di lapangan.

3.3 Analisis Sistem yang Sedang Berjalan

(20)

permasalahan yang ada pada instansi tersebut. Hasil analisis ini kemudian digunakan untuk membangun aplikasi yang akan dibuat.

Di Rebel Gym penyediaan informasi dilakukan secara manual, dimana penyebaran informasi dilakukan melalui brosur atau secara verbal langsung kepada calon customer. Sehingga sangat merugikan baik dari segi waktu, tenaga ataupun biaya. Gambarannya sebagai berikut:

1. Calon customer datang ke rebel gym, kemudian bertemu Reception untuk menanyakan informasi tentang sarana dan pra sarana yg ada di Rebel Gym. 2. Reception menjelaskan tentang sarana dan prasarana yang ada di Rebel Gym

kepada calon customer secara verbal.

3. Terjadi tanya jawab calon customer kepada reception tentang hal yang tidak dijelaskan oleh Reception ataupun hal yang tidak dimengerti oleh calon customer.

4. Setelah mendapatkan informasi yang dibutuhkan, calon customer meninggalkan Rebel Gym.

3.3.1 Kebutuhan Proses Admin dan User

Didalam sebuah perangkat lunak dapat dibagi menjadi dua bagian yaitu kebutuhan proses eksternal admin dan kebutuhan proses eksternal user. Kebutuhan proses eksternal admin dapat dilihat pada tabel di bawah ini.

Tabel 3.1 Kebutuhan Proses Admin

No. Nama Kebutuhan Fungsi

1 Login Admin Memberi izin dan validasi admin

(21)

21

administrator.

2 Logout Proses keluar dari halaman admin.

Tabel 3.2 Kebutuhan Proses User

No. Nama Kebutuhan Fungsi

1 Lihat Website Melihat informasi-informasi yang

terdapat dalam website.

3.3.2 Kebutuhan Perangkat Keras

Pada komputer terdiri atas dua komponen yaitu perangkat lunak dan perangkat keras. Perangkat lunak tugasnya memberikan instruksi-instruksi kepada perangkat keras untuk melakukan suatu tugas tertentu. Kebutuhan perangkat keras serta fungsinya untuk dalam pengembangan perangkat lunak ini adalah sebagai berikut:

Tabel 3.3 Kebutuhan Perangkat Keras

No. Nama Perangkat Keras Fungsi

1 Server Untuk memproses operasi di sisi server.

2 Client Untuk memproses operasi di sisi client.

3.3.3 Kebutuhan Perangkat Lunak

(22)

Tabel 3.4 Kebutuhan Perangkat Lunak

Nama Nama Perangkat Lunak Fungsi

Server

1. Web Server Untuk mengatur proses pengaksesan data dari client.

2. Database Server

Untuk mengatur pengolahan database di sisi server.

Untuk menyimpan data di sisi server. Client 1. Web Browser Mengakses internet dan aplikasi.

3.3.4 Analisis Kebutuhan Perangkat Keras

Perangkat komputer yang digunakan adalah perangkat keras yang dapat mendukung perangkat lunak yang memiliki kemampuan atau tampilan grafis yang cukup baik untuk menjalankan perangkat lunak yang akan dibangun. Kebutuhan perangkat keras disisi server dan di sisi client yang minimal digunakan. Implementasi perangkat lunak yang akan dibangun adalah sebagai berikut:

Tabel 3.5 Spesifikasi Kebutuhan Perangkat Keras

No. Nama Perangkat Lunak Fungsi

1 Server

1. Processor minimal PIII 2. Memori minimal 128 Mb 3. Harddisk minimal 10 Gb 4. VGA minimal 64 Mb 5. Monitor 15”

6. Keyboard dan Mouse 7. Kartu jaringan

2 User 1. Processor minimal PIII

(23)

23

3. Harddisk minimal 10 Gb 4. VGA minimal 32 Mb 5. Monitor 15”

6. Keyboard dan Mouse 7. Kartu Jaringan

3.3.5 Analisis Kebutuhan Perangkat Lunak

Kebutuhan perangkat lunak disisi server dan disisi client yang minimal digunakan untuk implementasi. Perangkat lunak yang akan dibangun adalah sebagai berikut:

Tabel 3.6 Spesifikasi Kebutuhan Perangkat Lunak

No. Nama Nama Perangkat Lunak

1 Server

1. Apache version 2.2.4 2. PHP version 5.2.0

3. Web browser seperti: IE, Mozilla Firefox, Opera, dll.

4. MySQL version 5.0.18

5. PHP MyAdmin version 2.10.1 6. WAMP5 version 2.0

7. Macromedia Dreamweaver 8

2 User

1. Internet Explorer 2. Mozilla Firefox 3. Opera

4. Google Chrome

(24)

3.3.6 Spesifikasi Perangkat Lunak

Sistem harus menyediakan :

1. Fasilitas Login, fasilitas ini digunakan untuk dapat memberikan akses kepada Admin

mengakses semua proses yang ada pada sistem.

2. Fasilitas Tambah Data Jadwal, fasilitas digunakan untuk menambah data pada jadwal.

3. Fasilitas Hapus Data Jadwal, fasilitas digunakan untuk menghapus data pada jadwal.

4. Fasilitas Edit Data Jadwal, fasilitas digunakan untuk merubah data pada jadwal.

5. Halaman Kelas, berisi informasi kelas yang ada di Rebel Gym.

6. Halaman Contact Us, berisi informasi Contact Person yang dapat dihubungi.

7. Halaman Jadwal, berisi informasi jadwal kelas yang ada di Rebel Gym.

3.4Pembangunan Website

Dalam membangun sebuah tampilan website yang menarik, diperlukan perencanaan yang baik. Perencanaan tersebut harus terstruktur secara baik dan rapih.

3.4.1 Entity Relationship Diagram

Gambar 3.1–ERD Sistem Informasi

(25)

25

3.4.2 Diagram Konteks

WEB PROFIL REBEL GYM PENGUNJUNG

ADMIN

Gambar 3.2–Diagram Konteks

3.4.3Data Flow Diagram Level 1

(26)

3.4.4 Data Flow Diagram Level 2 – Pengolahan Jadwal

Gambar 3.4 –DFD Level 2 Pengolahan Jadwal

3.4.5Data Flow Diagram Level 2 – Informasi

(27)

27

3.4.6Spesifikasi Proses DFD Level 1

Tabel 3.7 – Deskripsi Proses DFD Level 1 Proses Keterangan

No. Proses 1

Nama Login

Source Admin

Input Username dan Password Output Login diterima atau ditolak Destination Halaman Admin

Logika Proses 1. Input username dan password

2. Akan muncul pesan diterima atau tidaknya login 3. Jika diterima maka akan tampil halaman admin 4. Jika ditolak maka kembali ke menu login No. Proses 2

Nama Pengolahan Data Jadwal

Source Admin

Input Input Data Jadwal Output Informasi Data Jadwal Destination Halaman Jadwal

Logika Proses 1. Admin menginputkan data jadwal baru

2. Klik simpan, maka database jadwal akan bertambah 3. Klik batal, maka penambahan data gagal

No. Proses 3

Nama Halaman Informasi

Source Admin / Pengunjung Input Lihat Halaman Informasi Output Informasi Website Destination Halaman Informasi

Logika Proses 1. Admin/pengunjung mengklik link halaman informasi 2. Informasi ditampilkan

3.4.7Spesifikasi Proses DFD Level 2 Proses 2 Tabel 3.8 – Deskripsi Proses DFD Level 2 Proses 2

Proses Keterangan No. Proses 2.1

Nama Tambah Data Jadwal

Source Admin

(28)

Output Informasi Jadwal Baru Destination Halaman Jadwal

Logika Proses 1. Admin menginputkan Jadwal baru

2. Klik simpan, maka database jadwal akan bertambah 3. Klik batal, maka penambahan data gagal

No. Proses 2.2

Nama Edit Data Jadwal

Source Admin

Input Data Jadwal

Output Informasi Jadwal Baru Destination Halaman Jadwal

Logika Proses 1. Pilih data yang akan di edit

2. Sistem memanggil data dari database

3. Admin menginputkan Jadwal yang akan di edit 4. Tekan enter kemudian akan muncul pesan konfirmasi 5. Klik simpan, maka database akan berubah

6. Klik batal, maka pengeditan batal dan database tidak berubah No. Proses 2.3

Nama Hapus Data Jadwal

Source Admin

Input Hapus Data Jadwal Output Info Jadwal Baru Destination Halaman Jadwal

Logika Proses 1. Pilih data yang akan dihapus 2. Klik delete untuk menghapus data 3. Lalu akan muncul pesan konfirmasi 4. Klik yes, maka data akan terhapus

5. Klik no, maka pengapusan batal dan database tidak berubah No. Proses 2.4

Nama Lihat Data Jadwal Source Admin/Pengunjung Input Lihat Data Jadwal Output Informasi Data Jadwal Destination Halaman Jadwal

(29)

29

3.4.8 Spesifikasi Proses DFD Level 2 Proses 3

Tabel 3.9 – Deskripsi Proses DFD Level 2 Proses 3 Output Informasi Halaman Lokasi Destination Halaman Lokasil

Logika Proses 1. Admin/pengunjung mengklik link halaman Lokasi 2. Informasi Lokasi ditampilkan

No. Proses 3.2

Nama Lihat Halaman Kelas Source Admin/Pengunjung Input Lihat Halaman Kelas Output Informasi Halaman Kelas Destination Halaman Kelas

Logika Proses 1. Admin/pengunjung mengklik link halaman Kelasl 2. Informasi Kelas ditampilkan

No. Proses 3.3

Nama Lihat Halaman Contact Us Source Admin/Pengunjung

Input Lihat Halaman Contact Us Output Informasi Halaman Contact Us Destination Halaman Contact Us

(30)

3.4.9 Kamus Data

Tabel 3.10 – Kamus Data

Nama Aliran Data [data_login]

Digunakan Pada Admin, tb_admin

Proses : 1

Deskripsi Berisikan data untuk melakukan login

Struktur Data Username + sandi

Username Sandi

[A…Z] [a…z] [1…9] [A…Z] [a…z] [1…9]

Nama Aliran Data [info_login]

Digunakan Pada Admin, tb_admin

Proses : 1

Deskripsi Berisikan data hasil login

Struktur Data Username

Username [A…Z] [a…z] [1…9]

Nama ALiran Data [login_admin_valid]

Digunakan Pada Admin, tb_jadwal

1, 2, 2.1, 2.2, 2.3

Deskripsi Berisikan data tentang admin untuk mengakses

proses yang terdapat pada sistem.

Struktur Data Username

Username [A…Z] [a…z] [1…9]

Nama Aliran Data [data_jadwal]

Digunakan Pada Admin,tb_jadwal

Proses :

2, 2.1, 2.2, 2.3

Deskripsi Berisikan data data jadwal

Struktur Data Id_jadwal + username + hari + kelas + jam

Id_jadwal

Nama Aliran Data [info_jadwal]

Digunakan Pada Admin, pengunjung, tb_jadwal

Proses :

2, 2.1, 2.2, 2.3, 2.4

Deskripsi Berisikan informasi data data jadwal

Struktur Data Id_jadwal + username + hari + kelas + jam

(31)

31

3.4.10 Skema Relasi

Gambar 3.6 –Skema Relasi

Nama Aliran Data [info_informasi]

Digunakan Pada pengunjung

Proses : 3

Nama Aliran Data [info_lokasi]

Proses : 3.1

Nama Aliran Data [info_kelas]

Proses : 3.2

Nama Aliran Data [info_contact_us]

Proses : 3.3

Deskripsi Berisikan informasi contact us

(32)

3.4.11 Struktur Tabel

3.4.11.1 Struktur Tabel Admin

Tabel 3.11 – Struktur Tabel Admin

Field Name Data Type Size Description

PASSWORD Varchar 30

USERNAME Varchar 30 Primary Key

NAMA Varchar 30

3.4.11.2 Struktur Tabel Jadwal

Tabel 3.12 – Struktur Tabel Jadwal

Field Name Data Type Size Description

HARI Varchar 30

KELAS Varchar 30

ID_JADWAL Varchar 2 Primary Key

USERNAME Varchar 30 Foreign Key, Ref

Tb_Admin (USERNAME)

(33)

33

3.4.12 Struktur Menu

3.4.12.1 Struktur Menu Admin

Gambar 3.7 –Struktur Menu Admin

3.4.12.2 Struktur Menu User

Gambar 3.8 –Struktur Menu User

Main Menu

Home Account Location Class &

Schedule

Contact Us

View Main Menu

Home Account Location Class &

Schedule

Tambah Jadwal

Contact Us

(34)

3.4.13 Perancangan Antar Muka

Merupakan bagian yang menggambarkan bentuk rancangan dari website yang akan dibuat. Fungsi dari perancangan antarmuka ini adalah untuk mempermudah dalam proses pembuatan website yang akan dibuat lebih efektif

3.4.13.1 Halaman Utama / Home (M-1)

(35)

35

3.4.13.2 Halaman Account (M-2)

Gambar 3.10 –Halaman Account (M-2)

3.4.13.3 Halaman Lokasi (M-3)

(36)

3.4.13.4 Halaman Jadwal (M-4)

Gambar 3.12 –Halaman Jadwal (M-4)

3.4.13.5 Halaman Class (M-4A)

(37)

37

3.4.13.6 Halaman Tambah Jadwal (M-4B)

G a m b

Gambar 3.14 – Halaman Tambah Jadwal (M-4B)

3.4.13.7 Halaman Contact Person (M-5)

(38)

3.5Implementasi dan Pengujian

3.5.1 Implementasi Data Base

3.5.1.1Instalasi Wamp Server

Berikut merupakan langkah-langkah dalam penginstalan wamp server : Diperlukan Wamp Server

Setelah di klik akan mucul tampilan seperti di bawah ini :

(39)

39

Pilih accept, kemudian tekan next. Akan muncul tampilan :

Tentukan tempat penyimpanan wamp server, setelah menentukan letak penyimpanan, kemudian tekan next. Akan mucul tampilan :

(40)

Wamp server siap untuk diinstal. Jika sudah sesuai dengan yang kita ingin, tekan install. Maka akan secara otomatis menginstall.

Setelah penginstalan selesai, maka akan diminta untuk memilih default browser yang ingin disinkronkan dengan wamp server.

(41)

41

Setelah mengisi tekan next. Dan penginstallan wamp server telah selesai dan siap untuk digunakan.

3.5.1.2Export Data Base

Berikut langkah-langkah mengekspor Data Base :

(42)

(43)

43

Dalam bagian ini akan digambarkan secara keseluruhan berupa tampilan website dari halaman utama dan halaman lain.

3.5.2 Halaman Utama

Gambar 3.16-Halaman Utama

3.5.3 Halaman Account

(44)

3.5.4 Halaman Lokasi Rebel Gym Dago

Gambar 3.18- Halaman Lokasi Rebel Gym Dago

3.5.5 Halaman Lokasi Rebel Gym Surya Sumantri

(45)

45

3.5.6 Halaman Lokasi Rebel Gym Dharmawangsa Jakarta

Gambar 3.20- Halaman Lokasi Rebel Gym Dharmawangsa

3.5.7 Halaman Jadwal

(46)

3.5.8 Halaman Class Aikido

Gambar 3.22- Halaman Class Aikido

3.5.9 Halaman Class Boxing

(47)

47

3.5.10 Halaman Class Kettlebell

Gambar 3.24- Halaman Class Kettlebell

3.5.11 Halaman Class MMA

(48)

3.5.12 Halaman Class TRX

Gambar 3.26- Halaman Class TRX

3.5.13 Halaman Class Wushu

(49)

49

3.5.14 Halaman Tambah Jadwal

Gambar 3.28- Halaman Tambah Jadwal

3.5.15 Halaman Contact Us

(50)

3.5.16 Halaman Hapus Jadwal

Gambar 3.30- Halaman Hapus Jadwal

3.5.17 Halaman Edit Jadwal

(51)

51

BAB IV

PENUTUP

4.1 Kesimpulan

Setelah selesai menjalankan Kerja Praktek dan juga menyelesaikan laporannya ada beberapa hal yang dapat penyusun simpulkan yaitu :

a. Sebuah Aplikasi perangkat lunak dibuat untuk membantu meningkatkan kinerja sebuah system yang telah ada. Pembuatan aplikasi perangkat lunak yang baik dan terstruktur diperlukan perencanaan yang matang dan pengerjaan yang kontinu, salah satu yang perlu dilaksanakan juga adalah antisipasi terhadap perubahan.

b. Aplikasi Penyedia Informasi, adalah aplikasi berbasis web. Yang menampilkan informasi tentang instansi terkait, untuk dapat diakses secara bersama.

c. Aplikasi Perangkat lunak yang telah dibuat selalu memerlukan perawatan dan pembaharuan, hal ini untuk menyesuaikan dengan keadaan yang ada dan juga menghadapi kemungkinan-kemungkinan yang mungkin belum terpikirkan pada saat perancangan perangkat lunak tersebut.

4.2 Saran

(52)

a. Aplikasi perangkat lunak Penyedia Informasi memerlukan perawatan secara teratur agar tidak terjadi error.

(53)

PEMBUATAN WEBSITE INFORMASI REBEL GYM

BANDUNG DAN JAKARTA

KERJA PRAKTEK Diajukan untuk memenuhi Tugas Mata Kuliah Kerja Praktek

Program Starata Satu Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer

Universitas Komputer Indonesia

Disusun Oleh:

Muhammad Reza Maulana 10108313

Ramdhani Suhendin 10108324

Rifky Fahrizal 10108378

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG

(54)

iii

KATA PENGANTAR ...i

DAFTAR ISI ... iii

DAFTAR GAMBAR ... viii

DAFTAR TABEL ... x

DAFTAR LAMPIRAN ... xi

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Perumusan Masalah ... 1

1.3 Maksud dan tujuan ... 2

1.4 Batasan Masalah ... 2

1.5 Metode Penelitian ... 2

1.6 Sistematika Penulisan... 3

BAB II TINJAUAN PUSTAKA ... 5

2.1 Profil Tempat Kerja Praktek ... 5

2.1.1 Sejarah Rebel Gym ... 5

2.1.2 Logo Instansi ... 7

2.1.3 Badan Hukum Instansi ... 8

2.1.4 Struktur Organisasi dan Deskripsi Pekerjaan ... 8

(55)

iv

2.2.1 Pengertian Sistem ... 10

2.2.2 Pengertian Informasi ... 10

2.2.3 Pengertian Sistem Informasi ... 10

2.2.4 Pengertian Data ... 10

2.2.5 Pengertian Database ... 10

2.2.6 Entity Relationship Diagram ... 11

2.2.7 Diagram Alir Data ... 12

2.2.8 Joomla ... 15

2.2.9 Paint ……… 16

BAB III PEMBAHASAN ... 17

3.1 Jadwal Kerja Praktek ... 17

3.2 Teknik Kerja Praktek ... 19

3.3 Analisis Sistem yang Sedang Berjalan ... 19

3.3.1 Kebutuhan Proses Admin dan User ... 20

3.3.2 Kebutuhan Perangkat Keras ... 21

3.3.3 Kebutuhan Perangkat Lunak ... 21

3.3.4 Analisis Kebutuhan Perangkat Keras ... 22

3.3.5 Analisis Kebutuhan Perangkat Lunak ... 23

3.3.6 Spesifikasi Perangkat Lunak ... 24

3.4 Pembangunan Website ... 24

(56)

v

3.4.3 Data Flow Diagram Level 1 ... 25

3.4.4 Data Flow Diagram Level 2-Pengolahan Jadwal ... 26

(57)

vi

3.4.13.6 Halaman Tambah Jadwal ... 37

3.4.13.7 Halaman Contact Person ... 37

3.5 Implementasi ... 38

3.5.1 Implementasi Data Base ... 38

3.5.1.1 Instalasi Wamp Server ... 38

3.5.1.2 Export Data Base ... 41

3.5.2 Halaman Utama ... 43

3.5.3 Halaman Account ... 43

3.5.4 Halaman Lokasi Rebel Gym Dago ... 44

3.5.5 Halaman Lokasi Rebel Gym Surya Sumantri ... 44

3.5.6 Halaman Lokasi Rebel Gym Dharmawangsa ... 45

3.5.7 Halaman Jadwal ... 45

3.5.8 Halaman Class Aikido ... 46

(58)

vii

BAB IV PENUTUP ... 51

4.1 Kesimpulan ... 51

4.2 Saran ... 51

(59)

53

DAFTAR PUSTAKA

HM Jogiyanto, 1999, Analisis dan Desain Sistem Informasi, Andi Offset, Yogyakarta. HM Jogiyanto, 1990, Pengenalan Komputer, Andi Offset, Yogyakarta.

Nugroho Bunafit, 2008, Latihan membuat aplikasi web PHP dan Mysql dengan Dreamweaver, Gava Media, Yogyakarta

Kadir abdul, 2001, Dasar penggunaan web Dinamis dengan PHP, Andi Offset, Yogyakarta. PHP Documentation Group, 2005, PHP Manual, http://www.php.net/docs.php

(60)

i

Puji syukur saya ucapkan atas kehadirat Allah SWT, karena dengan rahmat dan karunia-Nya saya masih diberi kesempatan untuk menyelesaikan laporan kegiatan kerja praktek yang bertempat di Rebel Gym sesuai dengan waktu yang telah ditentukan.

Penulisan laporan ini diajukan untuk memenuhi salah satu syarat menyelesaikan Mata Kuliah Kerja Praktek Program Strata (S-1) Teknik Informatika di Universitas Komputer Indonesia.

Penulis mengucapkan terima kasih yang setulus-tulusnya dan tidak terhingga kepada :

1. Allah SWT atas segala rahmat dan karunia-Nya.

2. Orang Tua tercinta beserta seluruh keluarga yang dengan segala kasih sayang dan doa untuk keberhasilan penulis.

3. Bapak Ir. Eddi Soeryanto Soegoto, M.Sc., selaku rektor Universitas Komputer Indonesia.

4. Prof. Dr. Denny Kurniadie, Ir., M.Sc, selaku dekan Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia.

5. Ibu Mira Kania Sabariah, S.T., M.T, selaku Ketua Jurusan Teknik Informatika Universitas Komputer Indonesia.

6. Bapak Andri Heryandi, S.T., M.T., selaku dosen wali.

7. Seluruh Dosen Pengajar, Staff, dan Karyawan Universitas Komputer Indonesia.

8. Bapak Krishna, selaku owner Rebel Gym 9. Seluruh Staff dan Karyawan Rebel Gym.

(61)

ii

11.Kepada semua pihak yang telah berkenan memberikan bantuan dan dorongan serta kerjasama yang baik, sehingga laporan ini dapat diselesaikan dengan lancar.

Penulis menyadari bahwa dalam penulisan kegiatan kerja praktek ini masih banyak kekurangan, oleh sebab itu penulis sangat mengharapkan kritik dan saran yang membangun. Maka, semoga dengan selesainya laporan kegiatan kerja praktek ini dapat bermanfaat bagi pembaca dan teman-teman.

Terima Kasih.

Bandung, Februari 2012

(62)

(63)

(64)