Pembangunan website Lembaga Kursus dan Pelatihan (LKP) Fauzhan menggunakan PHP dengan Database MySQL

(1)

KERJA PRAKTEK

Diajukan untuk memenuhi syarat mata kuliah Kerja Praktek Program Strata 1 Jurusan Teknik Informatika

ASEP SAEPUDIN

10109327

JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA BANDUNG

(2)

LAMPRAN E

(3)

(4)

LAMPIRAN F

(5)

(6)

LAMPIRAN G

(7)

G-1 Nama : Asep Saepudin NIM : 10109327

Tempat/Tanggal Lahir : Lebak, 07 Juni 1990 Jurusan/Program : Teknik Informatika/S1

Alamat : Kp Ciparay, RT 01 RW 01, Desa Sukamulya, Kec Cibeber, Kab Lebak, Prov Banten

No. Tlp : 081807939424

Email : saetunggal@gmail.com Jenis Kelamin : Laki - Laki

Warga Negara : Indonesia Agama : Islam

Judul Kerja Praktek : Pembangunan Website di Lembaga Kursus dan Pelatihan (LKP) Fauzhan Menggunakan PHP dengan Database MySQL

Riwayat Pendidikan

Tahun Instansi Pendidikan Program/Jurusan 1997-2003 SDN Sukamulya 1 -

2003-2006 SMPN 1 Cibeber - 2006-2009 SMAN 1 Cibeber IPA

(8)

(9)

iii

2.1.3 Badan Hukum ... 8

2.1.4 Struktur Organisasi dan Job Description ... 9

(10)

iv

3.2.2 Analisis Kebutuhan Non-Fungsional ... 27

(11)

v

3.3.5 Kamus Data ... 39

3.3.6 Skema Relasi ... 40

3.3.7 Struktur Tabel ... 40

3.4 Struktur Menu ... 42

3.5 Perancangan Interface ... 42

BAB IV KESIMPULAN DAN SARAN... 52

4.1 Kesimpulan ... 52

4.2 Saran ... 52

DAFTAR PUSTAKA ... 53

(12)

i

KATA PENGANTAR

Puji syukur penyususn panjatkan kehadirat Allah SWT, karena hanya atas rahmat dan hidayah-Nya Laporan Kerja Praktek ini dapat tersusun hingga selesai. Laporan ini merupakan hasil rangkuman kegiatan kerja praktek di Lembaga Kursus dan Pelatihan (LKP) Fauzhan, Lebak-Banten, unutk memenuhi persyaratan yang telah di tentukan oleh Universitas Komputer Indonesia.Dalam melakukan Kerja Praktek dan menyusun Laporan ini, penyususn telah melibatkan berbagai pihak, untuk itutidak lupa ucapan terima kasih penyususn sampaikan kepada:

1. _{Pimpina Lemabaga Kursus dan Pelatihan (LKP) Fauzhan yang telah}

memberikan ijin dan fasilitas untuk melakukan Kerja Praktek.

2. _{Ibu Nelly indriani W, S.Si., M.T selaku dosen pembimbing Kerja Praktek.} 3. _{Segenap rekan-rekan Mahasiswa seangkatan.}

Sudah barang tentu Laporan Kerja Praktek ini jauh dari kesempurnaan, namun penyusun berharap mudah – mudahan Laporan Kerja Praktek ini dapat membantu serta menambah wawasan pembaca serta memberikan manfaat bagi kita semua, amin.

Bandung, Desember 2012

(13)

53

[2] http://www.sarjanaku.com/pengertian-sistem-operasi.html 5 November 2012

[3] http://id.shvoong.com/Diagram_Konteks.htm 5 November 2012

[4] http://id.wikipedia.org/wiki/Data_flow_diagram.htm 5 November 2012

Kadir, Abdul. Dasar Pemrograman WEB Dinamis menggunakan PHP. Andi, Yogyakarta, 2002.

Adelheid, Andera & Nst, Khairil. Buku Pintar Menguasai PHP MySQL.

Mediakita, Jakarta Selatan, 2012.

(14)

1 BAB I PENDAHULUAN

1.1 Latar Belakang Masalah

Lembaga Kursus dan Pelatihan (LKP) “ Fauzhan” merupakan salah satu lembaga yang ada di daerah sobang – lebak, Banten yang bergerak dalam bidang pelatihan komputer,bahasa asing dan menjahit. Di Kecamatan Sobang tersebut potensi Sumber Daya Manusia yang memerlukan penanganan professional melalui kursus dan pelatihan agar mereka mampu bekerja dan berusaha mandiri.

Untuk membentuk kemampuan keterampilan melalui kursus dan pelatihan diperlukan lembaga yang memiliki sarana dan prasarana yang memadai baik kepentingan manajemen kelembagaan maupun pelayanan terhadap pesrta kursus dan pelatihan. Selama ini sarana informasi kepada masyarakat mengenai adanya LKP Fauzhan masih menggunakan brosur.

Dimana brosur-brosur itu disebarkan kepada masyarakat namun dalam penyebarannya kurang epektif. Karena jumlah brosur yang di sebarkan masih terbatas, maka terbatas pula jangkauan penyebarannya dan juga banyak brosus yang di terbuang sia-sia yang dapat menimbulkan kerugian bagi LKP Fauzhan tersebut.

Dengan daerah yang luas, untuk melakukan pendaftaran harus datang langsung ke LKP itu sendiri yang tentu saja dapat memakan waktu yang cukup lama. Untuk itu maka perlu informasi dan pendafaran yang didistribusikan secara

(15)

informasinya lebih luas. Oleh karena itu, aplikasi berbasis web ini di bangun di LKP Fauzhan sebagai upaya untuk mempermudah penyebaran informasi mengenai Lembaga Kursus dan Pelatihan dan pendaftaran melalui internet. Dengan adanya website ini diharapkan agar penyampaian informasi mengenai adanya Lembaga Kursus dan Pelatihan (LKP Fauzhan) bisa dengan cepat dan mudah didapatkan oleh masyarakat..

1.2 Rumusan Masalah

Berdasarkan latar belakang diatas, LKP Fauzhan memiliki masalah sebagai berikut:

1. Bagaimana mempromosikan Lembaga Kursus dan Pelatihan (LKP) kepada masyarakat luas.

2. Bagaimana cara memberikan pelayana pendaftaran secara online.

1.3Maksud dan Tujuan 1.3.1 Maksud

(16)

3

1.3.2 Tujuan

Adapun tujuan dari pembuatan website ini adalah :

1. Untuk mempermudah dalam mempromosikan LKP Fauzhan.

2. Website yang dibangun dapat memberikan kemudahan dalam melakukan pendaftaran.

1.4 Batasan Masalah

Batasan masalah dalam pembuatan website ini adalah

1. Website hanya membahas mengenai LKP Fauzhan serta menyediakan layanan daftar online.

2. Bahasa pemrograman yang digunakan dalam pembuatan website adalah

PHP dan database yang digunakan adalah MySQL.

1.5 Metodelogi Penelitian

Metode yang digunakan antara lain : 1. Metode pengumpulan data

a. Studi Pustaka

Metode pengumpulan data dengan mencari data, mempelajari banyak data

dari berbagai sumber buku, modul, artikel baik perpustakaan maupun internet

(17)

b. Wawancara (interview)

Pengumpulan data yang dilakukan dengan cara berkomunikasi langsung dengan pihak-pihak yang dianggap mampu memberikan informasi (narasumber) yang lebih terinci terhadap permasalahan yang sedang diteliti.

c. Observasi

Teknik pengumpulan data dengan mengadakan penelitian dan peninjauan langsung terhadap permasalahan yang diambil.

2. Metode pembangun perangkat lunak

Metode pembangun perangkat lunak menggunakan metode waterfall, yang meliputi beberapa proses diantaranya :

a. Sistem

Merupakan bagian dari sistem yang terbesar dalam pengerjaan suatu proyek, dimulai dengan menetapkan berbagai kebutuhan dari semua elemen yang diperlukan sistem dan mengalokasikannya kedalam pembentukan perangkat lunak.

b. Analisa

Merupakan tahap menganalisis hal-hal yang diperlukan dalam pelaksanaan proyek pembuatan perangkat lunak.

c. Desain

(18)

5

d. Koding

Tahap penerjemahan data atau pemecahan masalah yang telah dirancang keadalam bahasa pemrograman tertentu.

e. Pengujian

Merupakan tahap pengujian terhadap perangkat lunak yang dibangun.

f. Perawatan

Tahap akhir dimana suatu perangkat lunak yang sudah selesai dapat mengalami perubahan-perubahan atau penambahan sesuai dengan permintaan user.

1.6 Sistematika Penulisan

Laporan kerja praktek ini disusun dengan sistematika penulisan sebagai berikut:

BAB I PENDAHULUAN

Dalam bab ini diuraikan mengenai latar belakang masalah, perumusan masalah, maksud dan tujuan, atasan masalah, metode penelitian, dan sistematika penulisan.

BAB II TINJAUAN PUSTAKA

(19)

BAB III PEMBAHASAN

Bab ini berisi tantang analisa yang berkaitan dengan judul atau software yang dibangun.

BAB IV KESIMPULAN DAN SARAN

(20)

7 BAB II

TINJAUAN PUSTAKA

2.1 Profil Tempat Kerja Praktek 2.1.1 Sejarah Singkat

Lembag Kursus dan Pelatihan “LKP Fauzhan” adalah sebuah Lembaga yang bergerak di bidang pelatihan komputer, bahasa asing dan menjahit. LKP Fauzhan didirikan pada tanggal 3 Maret 2008 oleh Ade Suhendar. LKP Fauzhan terletak di Kp. Cirompang Ds. Cirompang Kec.Sobang Kab. Lebak – Banten (42365).

Visi : Membentuk generasi muda yang terampil dan berakhlak mulia Misi : Mempersiapkan generasi muda yang siap menghadapi dunia kerja agar bisa

bersaing dan siap menyongsong era globalisasi.

2.1.2 Logo Instansi

(21)

2.1.3 Badan Hukum

Dalam Undang-undang Nomor 20 Tahun 2003, Pasal 62 Ayat (1) Setiap satuan pendidikan formal dan nonformal yang didirikan wajib memperoleh izin Pemerintah atau Pemerintah Daerah Ayat (2) Syarat-syarat untuk memperoleh izin meliputi isi pendidikan, sarana dan prasarana pendidikan, pembiayaan pendidikan, sistem evaluasi dan sertifikasi serta manajemen dan proses pendidikan.

Perizinan adalah suatu ketetapan Pemerintah atau Pemerintah Daerah dalam hal ini Dinas Pendidikan pada tingkat Kabupaten/Kota untuk memberikan legalitas atau pengakuan dan persetujuan resmi atas status penyelenggaraan kursus dan pelatihan dalam melaksanakan programnya. Pengaturan perizinan lembaga kursus dilakukan dengan tujuan:

1. Memudahkan Pemerintah atau Pemerintah Daerah dalam mengadakan pembinaan yang mencakup perencanaan, pelaksanaanpenilaian, dan evaluasi, serta pengawasan secara tertib, teratur dan terarah terhadap setiap jenis kursus dan pelatihan.

2. Memelihara dan meningkatkan mutu pendidikan yang serasi dengan tuntutan perkembangan ilmu pengetahuan dan teknologi, kebutuhan masyarakat, dan dunia usaha/industri.

3. Mengarahkan, menyerasikan, dan mengembangkan program pendidikan nonformal guna menunjang suksesnya program pembangunan.

(22)

9

5. Melindungi warga masyarakat dari penyalahgunaan penyelenggararaan kursus dan pelatihan yang mengakibatkan kerugian.

6. Memberikan tanggung jawab hukum kepada lembaga kursus dan pelatihan.

2.1.4 Struktur Organisasi dan Job Description

2.1.4.1Struktur Organisasi

(23)

2.1.4.2 Job Description

1. Pembina

Mempunyai tugas pokok dalam melakukan pemantauan dan pengecekan proses kerja LKP.

2. Ketua/Penanggung Jawab

Mempunyai tugas pokok dalam memimpin dan mengendalikan proses kerja LKP.

3. Sekertaris

Mempunyai tugas dalam mengurusi data di LKP. 4. Bendahara

Mempunyai tugas dalam mengurusi keuangan LKP. 5. Instruktur

Mempunyai tugas melatih para siswa. 6. Pembantu Umum

Mempunyai tugas membantu kebutuhan LKP. 7. Warga Didik

(24)

11

2.2 Landasan Teori

2.2.1 Pengertian Sistem

Dalam perancangan suatu sistem informasi diarahkan kepada pemanfaatan teknologi secara maksimal yang terdiri dari beberapa elemen atau komponen yang membentuk jaringan kerja dan mempunyai tujuan yang ingin dicapai. Pendekatan yang menekankan pada prosedur, mendefinisikan sebuah sistem sebagai berikut :

“Sistem adalah suatu himpunan suatu “benda” nyata atau abstrak (a set of thing) yang terdiri dari bagian–bagian atau komponen-komponen yang saling berkaitan, berhubungan, berketergantungan, saling mendukung, yang secara keseluruhan bersatu dalam satu kesatuan (Unity) untuk mencapai tujuan tertentu secara efisien dan efektif”.[1]

Dari pengertian diatas dapat diambil suatu kesimpulan bahwa suatu sistem merupakan elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan tertentu.

2.2.2 Definisi Sistem Informasi

Menurut Robert A.Leitch dan K. Roscoe Davis, sistem informasi adalah,

(25)

Komponen Sistem Informasi

Menurut John Burch dan Gary Grudnitski, sistem informasi terdiri dari komponen-komponen yang disebut dengan istilah blok bangunan, yaitu :

1. Blok Masukan

Merupakan masukan yang mewakili data yang masuk ke dalam sistem informasi.

2. Blok Model

Terdiri dari kombinasi prosedur, logika, dan model matematika yang akan memanipulasi data masukan dan data yang tersimpan pada basis data dengan cara tertentu untuk menghasilkan keluaran yang diinginkan. 3. Blok Keluaran

Merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua pemakai sistem.

4. Blok Teknologi

Merupakan bagian yang digunakan untuk menerima input, menjalankan modul, menyimpan dan mengakses data, menghasilkan dan mengirim keluaran, dan membantu pengendalian sistem secara keseluruhan.

5. Blok Basis Data

(26)

13

6. Blok Kendali

Merupakan bagian yang bertindak untuk melakukan pencegahan terhadap hal-hal yang dapat merusak sistem, serta mengatasi kerusakan apabila terjadi kesalahan.

2.2.3 Perancangan system

Perancangan sistem dapat berarti membuat sistem yang baru untuk menggantikan sistem yang lama secara keseluruhan atau memperbaiki sistem yang sudah ada. Dalam merancang sebuah sistem biasanya menggunakan alat bantu berupa :

2.2.3.1 Diagram Konteks (Context Diagram)

Diagram konteks digambarkan dengan sebuah lingkaran yang menjelaskan tentang batasan sistem yang saling berhubungan dengan kesatuan luar (external entity) yang akan memberikan masukan dan menerima keluaran dari sistem tersebut.

(27)

informasi yang harus dihasilkan sistem. ( Bahar Edukasi : 2009)”.[3]

2.2.3.2 DFD (Data Flow Diagram)

Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas. [4]

Dibawah ini terdapat fungsi - fungsi dari simbol untuk DFD yaitu: .

1. Proses, suatu proses adalah kegiatan atau kerja yang dilakukan oleh

orang, prosedur atau alat yang digunakan untuk mentransformasikan data.

2. Data Flow (Arus Data), data yang mengalir dengan arah tertentu dari asal ke tujuan. Data yang mengalir dapat berupa dokumen, surat atau bentuk lainnya.

3. Data Store (Penyimpanan Data), digunakan untuk menyimpan dan

mengambil data oleh proses. Data yang disimpan dapat berupa data yang terkomputerisasi maupun tidak terkomputerisasi.

4. Terminator atau Source atau destination atau dikenal juga dengan

(28)

15

2.2.3.3 ERD (Entity Relationship Digital)

ERD (Entity Relationship Diagram) Merupakan notasi grafis

dalam pemodelan data konseptual, yang mendeskripsikan hubungan antara penyimpanan. ERD digunakan untuk memodelkan struktur data dan hubungan antar data, karena hal ini relatif kompleks. Dengan ERD, model dapat diuji dengan mengabaikan proses yang harus dilakukan. ERD menggunakan sejumlah notasi dan simbol untuk menggambarkan struktur dan hubungan antar data, pada dasarnya ada 3 macam simbol yang digunakan :

a. Entitas

Adalah suatu objek yang dapat diidentifikasi dalam lingkungan pemakai,sesuatu yang penting bagi pemakai dalam konteks sistem yang akan dibuat.

b. Atribut

Entity mempunyai elemen yang disebut atribut, dan

berfungsimendeskripsikan karakter entity. c. Hubungan/Relasi

Relationship sebagaimana Entity maka dalam hubungan pun harus

dibedakan dalam hubungan atau bentuk hubungan antar Entity

dengan isi dari hubungan itu sendiri. Relasi yang terjadi diantara dua himpunan entitas (misalnya A dan B) dalam satu basis data yaitu:

(29)

Hubungan relasi satu ke satu yaitu setiap entitas pada himpunan entitas A berhubungan paling banyak dengan satu entitas pada himpunan entitas B.

b. Satu ke banyak (One to many)

Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, tetapi setiap entitas pada entitas B dapat berhubungan dengan satu entitas pada himpunan entitas.

c. Banyak ke banyak (Many to many)

Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B.

2.2.4 Analisis Sistem

Analisis sistem (sistem analis) merupakan tahapan yang sangat kritis dan penting karena kesalahan dalam tahap ini dapat mempengaruhi tahapan selanjutnya, Analisa sistem didefinisikan sebagai berikut :

“Penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya”.

Dalam tahap analisis terdapat langkah-langkah sebagai berikut: a. Identify yaitu mengidentifikasi masalah.

(30)

17

c. Analyze yaitu menganalisis sistem.

d. Report yaitu membuat laporan hasil analisis.

2.2.5 Definisi Website

Website adalah sebutan bagi sekelompok halaman web (web page), yang umumnya merupakan bagian dari suatu nama domain (domain name)

atau sub domain 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 disimpan 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, layanansurat elektronik (e-mail), dan lain-lain.

Terminologi website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau sub domain, 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

(31)

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 tersebu tmengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan.Beberapa website membutuhkan sub skripsi (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 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.6 Pengertian Basis Data (Database)

Database dapat diartikan sebagai kumpulan data yang terdiri atas satu atau lebih Tabel yang terintegrasi satu sama lain, dimana setiap user diberi wewenang (otoritas) untuk dapat mengakses (mengubah, menghapus, menganalisis, menambah,memperbaiki) data dalam tabel-tabel tersebut.

(32)

19

istiah yang harusdiketahi pada saat bekerja dengan sebuah tabel database adalah:

• Field ; merupakan tempat dimana data atau informasi dalam kelompok

yang sama atau sejenis dimasukkan. Field itu pada umumnya tersimpan dalam bentuk kolom vertikal pada tabel.

• Record ; merupakan data lengkap dalam jumlah tunggal yang biasanya

tersimpan dalam bentuk baris secara horizontal pada tabel.

2.3 Software pendukung

Dalam membangun sistem informasi diperlukan software pendukung yang menunjang dalam proses pembuatannya. Berikut ini adalah software- softwarenya :

2.3.1 MySQL

SQL adalah sebuah konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. Keandalan suatu sistem database (DBMS) dapat diketahui dari cara kerja optimizernya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh user

maupun program-program aplikasinya. Sebagai database server, MySQL

dapat dikatakan lebih unggul dibandingkan database server lainnya dalam

(33)

National Standars Institut), bahasa ini merupakan standar untuk relational database management sistem (RDBMS).Pertanyataan-pernyataan SQL digunakan untuk melakukan beberapa tugas seperti: update data pada database, atau menampilkan data dari database. Beberapa software RDBMS dan dapat menggunakan SQL seperti Oracle, Sybase, Microsoft SQL server, Microsoft Access, dan sebagainya. Setiap software database mempunyai bahasa perintah atau sintak yang berbeda, namun pada prinsipnya mempunyai arti dan fungsi yang sama.

Perintah – perintah berikut adalah :

d. Create, yaitu digunakan untuk membuat tabel baru.

e. Select, yaitu digunakan untuk menampilkan data sesuai kriteria yang kita tentukan.

f. Insert, digunakan untuk menyisipkan atau menambah baris pada tabel.

g. Update, yaitu digunakan untuk merubah isi data dalam tabel.

h. Delete, yaitu digunakan untuk menghapus baris atau record data dalam

tabel.

(34)

21

2.3.2 Html

HTML (HyperText Markup Language) adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform ke platform lainnya tanpa melakukan suatu perubahan apapun. Dokumen HTML disebut markup language karena mengandung tanda – tanda tertentu yang digunakan untuk menentukan tampilan teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen, contoh struktur bahasa HTML :

CREATE TABLE user ( users varchar(20) NOT NULL,

(35)

2.3.3 PHP

PHP adalah bahasa scripting server – side, artinya bahasa yang digunakan pada server dengan tanpa perlu melakukan kompilasi tetapi cukup menuliskan tulisan dalam bentuk ASCII-nya saja. PHP sangat mirip dengan bahasa C, juga mempunyai karakteristik yang mirip dengan Perl. PHP dapat digunakan untuk mengolah data dari berbagai macam database, contoh struktur bahasa PHP adalah sebagai berikut :

2.3.4 Macromedia Dreamweaver 8

Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing. Dreamweaver membuatnya menjadi lebih mudah dengan menyediakan tool-toolyang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.

Dreamweaver dalam hal ini digunakan untuk web desain. Dreamweaver mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan

<?php

(36)

23

kita mengedit kode Javascript, XML, dan dokumen teks lain secara langsung dalam Dreamweaver. Teknologi Dreamweaver Roundtrip HTML mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkannya.

Selain itu Dreamweaver juga dilengkapi kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, maupun perkiraan waktu download halaman web.

2.3.5 WAMP Server

WAMP adalah paket program yang dibuat secara independent yang

dapat diinstall pada komputer yang menggunakan sistem operasi Windows. Program ini untuk melayani halaman web dinamis suatu jaringan komputer, seperti internet atau jaringan pribadi.

WAMP adalah suatu singkatan yang terbentuk dari sistem operasi

(Windows) dan komponen utama paket : Apache, Mysql dan PHP (atau Perl

atau Phyton). Apache adalah suatu server web, yang mengijinkan orang-orang dengan web browsers seperti Internet explorer atau Firefox untuk menghubungkan suatu komputer dan melihat informasi dari suatu halaman

web. Mysql adalah suatu database manager untuk menjelajahi data yang

(37)

(38)

25 BAB III PEMBAHASAN

3.1 Sistem Kerja Praktek 3.1.1 Jadwal Kerja Praktek

Jadwal kerja praktek dilaksanakan mulai tanggal 9 Juli 2012 sampai tanggal 31 Juli 2012. Pelakasanaannya dilaksanakan setiap jam kerja tentunya disesuaikan dengan yang melaksanakan kerja prakteknya yaitu sebagai mahasiswa aktif.

3.1.2 Tugas Kerja Praktek

Selama pelaksanaan kerja praktek saya dibimbing dan ditugaskan untuk membuat sebuah website dinamis yang nantinya akan difungsikan untuk menginformasikan lembaga kepada masyarakat luas. Berdasarkan kesepakatan yang sudah disepakati maka saya membuat sebuah website

dinamis menggunakan php.

3.2 Analisis Sistem

(39)

kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.

3.2.1 Analisis Masalah

(40)

27

Adapaun analisis dari sistem yang berjalan adalah sbegai berikut:

Gambar 3.1 Flowchart pendaftaran

3.2.2 Analisis Kebutuhan Non – Fungsional

(41)

masukan menjadi keluaran, volume data yang ditangani sistem, jumlah pemakaidan kategori pemakai, serta kontrol sistem.

3.2.2.1 Analisis Pemakai

Sistem yang akan dibangun digunakan oleh tiga jenis pengguna yaitu admin, user dan non user. Dalam penggunaannya dibutuhkan pemahaman tentang computer serta dalam pemahaman sistemnya.

3.2.2.2 Analisis perangkat Keras

Kebutuhan perangkat keras yang digunakan pada perancangan dan pembuatan website ini antara lain :

a) Processor Minimal (1,8 GHz)

b) Memory Minimal 128 MB

c) VGA Onboard

d) HDD minimal 20 GB

e) Mouse dan Keyboard

3.2.2.3 Analisis Perangkat Lunak

Kebutuhan perangkat lunak yang digunakan untuk membuat website

ini

antara lain :

a) Sistem Operasi Windows

(42)

29

c) Apache Webserver 2.2.11

d) MySQL database 5.0.5

e) phpMyAdmin Database Manager 5.3.0

f) Macromedia Dreamweaver 8

g) Adobe Photoshop cs

Sedangkan kebutuhan minimum perangkat lunak untuk mengakses website baik sebagai admin atau pengunjung adalah Google Chrome, Mozilla

Firefox, Opera atau web browser lain.

3.3 Perancangan Sistem

Perancangan sistem merupakan tahap awal dari perancangan perangkat lunak. Perancangan dilakukan untuk mengetahui kondisi system secara umum.

3.3.1 Batasan Perangkat Lunak

Website hanya bisa memberikan informasi dan melakukan pendaftaran online. Data hanya bisa ditambah,edit atau dihapus oleh administrator.

3.3.2 ERD (Entity Relationship Diagram)

(43)

dideskripsikan lebih jauh melalui atribut-atribut atau properti. Hubungan antar entitas yang terjadi dalam pembuatan website ini dapat dilihat pada Entity Relationship Diagram berikut ini :

Gambar 3.2 ERD (Entity Relationship Diagram)

3.3.3 DFD (Data Flow Diagram)

DFD adalah suatu model logika data atau proses yang dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang keluar, dimana data disimpan, proses apa yang dihasilkan data tersebut.

3.3.3.1 DFD Level Konteks

(44)

31

konteks yang merupakan suatu diagram yang menggambarkan sistem dalam satu lingkungan dan hubungan dengan entitas luar.

Gambar 3.3 Diagram Konteks

3.3.3.2 DFD Level 1

Data Flow Diagram (DFD) adalah representasi dari suatu sistem yang menggambarkan bagian-bagian dari sistem tersebut beserta seluruh keterlibatan diantara bagian yang ada. Arus data pada

Data Flow Diagram (DFD) dapat berupa masukan untuk sistem

(45)

(46)

33

3.3.3.3 DFD Level 2 Proses 1

Diagram data pada proses login adalah sebagai berikut:

Gambar 3.5 DFD Level 2 Proses 1 (Login)

3.3.3.4 DFD Level 2 Proses 4

(47)

3.3.3.5 Level 2 proses 5

Gambar 3.7 DFD Level 2 Proses 5 (Pengolahan Pendaftaran)

3.3.3.6 Level 2 Proses 6

(48)

35

3.3.3.7 Level 2 proses 7

Gambar 3.9 DFD Level 2 Proses 7 (Pengolahan Pengumuman)

3.3.4 Spesifikasi Proses

Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terjadi pada DFD. Spesifikasi proses dari gambaran DFD diatas menjelaskan pada tabel berikut ini :

Tabel 3.1 Spesifikasi Proses

No Proses Keterangan

1 No.Proses 1 Nama Proses login

Source (sumber) admin

Input Data login admin Output Info login admin

Logika Proses 1. Admin atau member memasukan data login sesuai hak akses.

(49)

antarmuka akan terbuka sesuai hak akses. 4. Jika username dan password salah maka akan menampilkan pesan error “ Login gagal, Ulangi lagi”.

5. Jika username dan password tidak diisi maka akan menampilkan pesan error “Anda belum mengisi username dan password”.

2 No.Proses 1.1

Nama Proses Validasi password

Input Data_login_admin Output Info_login_admin

Logika Proses 1. Admin memasukan data password 4. Jika password salah maka akan

menampilkan pesan error “ Login gagal, Ulangi lagi”.

5. Jika password tidak diisi maka

akan menampilkan pesan error “Anda belum mengisi password”.

3 No.Proses 1.2

Nama Proses Validasi username

Input Data_login_admin Output Info_login_admin

Logika Proses 1. Admin memasukan data username 4. Jika username salah maka akan

menampilkan pesan error “ Login gagal, Ulangi lagi”.

5. Jika username tidak diisi maka

akan menampilkan pesan error “Anda belum mengisi password”.

4 No.Proses 2

Nama Proses view home

Source (sumber) pengunjung

Input

-

Output Info__LKP

Logika Proses Pengnjung dapat melihat tampilan utama 5 No.Proses 3

Nama Proses View profil

Source (sumber) Pengunjung

Input -

Output Info_profil

(50)

37

Nama Proses View_galeri

Source (sumber) Pengunjung

Input -

Output Info_galeri

Logika Proses Pengunjung dapat melihat galeri 7 No.Proses 4.1

Nama Proses Tambah_galeri

Input Data_galeri Output Info_galeri

Logika Proses 1. Admin memilih menu insert galeri 2. Admin memasukan id_gambar, gambar,

dan keterangan.

3. Kemudian menekan button simpan 8 No.Proses 4.2

Nama Proses edit_galeri

Logika Proses 1. Admin memilih menu edit

2. Kemudian dia atur sesuai yang di inginkan 3. Kemudian admin menekan button simpan 9 No.Proses 4.3

Nama Proses hapus_galeri

Logika Proses 1. Admin memilih menu hapus

2. Admin memilih gambar yang di hapus 3. Kemudian memilih menu hapus 10 No.Proses 5

Nama Proses View_pendaftran

Input -

Output Info_pendaftran

Logika Proses pengunjung dapat melihat menu pendaftaran 11 No.Proses 5.1

Nama Proses View_pendaftran

Source (sumber) 1.user

2.admin

Input -

Output Info_pendaftran

Logika Proses User dan admin dapat melihat pendaftaran 12 No.Proses 5.2

(51)

Source (sumber) user

Input Data_pendaftaran Output Info_pendaftran

Logika Proses 1. User mengisi data pendaftaran 2. User memilih button simpan

3. Maka data user akan tersimpan ke database 13 No.Proses 6

Nama Proses View_pelatihan

Input -

Output Info_pelatihan

Logika Proses Pengunjung dapat melihat jenis pelatihan yang ada 14 No.Proses 6.1

Nama Proses tambah_pelatihan

Input Data_pelatihan Output Info_pelatihan

Logika Proses 1. Admin memilih menu insert pelatihan 2. Admin mengisi menu insert pelatihan 3. Kemudian admin memilih button simpan 4. Maka data akan masuk ke database 15 No.Proses 6.2

Nama Proses edit_pelatihan

Logika Proses 1. Admin memilih menu edit 2. Admin mengedit jenis pelatihan 3. Kemudian memilih button simpan 4. Makan data pelatihan akan berubah 16 No.Proses 6.3

Nama Proses hapus_pelatihan

Logika Proses 1. Admin memilih menu hapus pelatihan 2. Admin memilih jenis pelatihan yang akan di

hapus

3. Kemudian memilih button simpan 17 No.Proses 7

Nama Proses View_pengumuman

Input -

Output Info_pengumuman

(52)

39

14 No.Proses 7.1

Nama Proses tambah_pengumuman

Logika Proses 1. Admin memilih menu insert pengumuman 2. Admin mengisi pengumuman pada menu insert 3. Kemudian admin memilih button simpan 4. Makan pengumuman akan bertambah 15 No.Proses 7.2

Nama Proses edit_pengumuman

Input Data_pengumuman Output Info_pengumuman

Logika Proses 1. Admin memilih menu edit pengumuman 2. Admin melakukan pengeditan

3. Kemudian memilih button simpan 16 No.Proses 7.3

Nama Proses hapus_pengumuman

Input Data_pengumuman Output Info_pengumuman

Logika Proses 1. Admin memilih menu hapus 2. Admin menghapus pengumuman

3.3.5 Kamus Data

Kamus data dibuat agar dapat digunakan sebagai panduan dalam membuat program. Dalam kamus data tercantum tabel-tabel yang ada dalam basis data beserta detailnya.

Tabel 3.2

Kamus data pada DFD sistem lkp fauzhan.

No Kamus Keterangan

1 Nama Aliran Data Data _login_admin Deskripsi Berisi Data admin

(53)

Struktur Data Id_gambar+gambar+Keterangan

3 Nama Aliran Data Data _pendaftaran Deskripsi Berisi Data pendaftaran

3 Nama Aliran Data Data _pelatihan Deskripsi Berisi Data pelatihan

Struktur Data Id_pelatihan+jenis pelatihan+Keterangan Id_pelatihan

4 Nama Aliran Data Data _pengumuman Deskripsi Berisi Data pengumuman

Skema relasi adalah model data dimana hubungan antar data, arti data dan batasannya dijelaskan dengan baris dan kolom. Secara formal, semuanya itu digambarkan kedalam diagram skema.

3.3.7 Struktur Tabel

(54)

41

Tabel 3.3 Admin

Nama Tabel : Admin Primary Key : Id_admin

No Field Type Panjang Null Keterangan

Nama Tabel : Galeri Primary Key : Id_gambar

No Field Type Panjang Null Keterangan 1 Id_gambar integer 10 No Primary key 2 gambar varchar 50 No - 3 keterangan varchar 50 No -

Nama Tabel : Pendaftaran Primary Key : Id_pendaftaran

No Field Type Panjang Null Keterangan

Nama Tabel : Pelatihan Primary Key : Id_pelatihan

(55)

Tabel 3.7 Pengumuman

3.4 Struktur Menu

Gambar 3.10 Struktur Menu 3.5 Perancangan Interface

Spesifikasi antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan interface dengan user.

1. Perancangan interface halaman utama (Pengunjung)

Di bawah ini merupakan perancangan antarmuka halaman utama setelah pengunjung masuk ke website LKP Fauzhan.

Nama Tabel : Pengumuman Primary Key : Id_pengumuman

No Field Type Panjang Null Keterangan 1 Id_pengmuman integer 10 No Primary key 2 judul varchar 50 No -

(56)

43

(57)

1. Perancangan interface halaman profil pengajar (Pengunjung)

(58)

45

2. Perancangan interface halaman profil struktur organisasi (Pengunjung)

(59)

4.Perancangan interface halaman vis LKP Fauzhan (Pengunjung)

(60)

47

5.Perancangan interface halaman profil misi LKP Fauzhan (Pengunjung)

(61)

6.Perancangan interface halaman galeri (Pengunjung)

(62)

49

7. Perancangan interface halaman profil daftar online (Pengunjung)

(63)

8. Perancangan interface halaman jenis pelatihan (Pengunjung)

(64)

51

9. Perancangan interface halaman pengumuman (Pengunjung)

(65)

52

BAB IV

KESIMPULAN DAN SARAN

4.1 Kesimpulan

Setelah membuat website LKP Fauzhan, penulis dapat menyimpulkan beberapa hal antara lain :

1. Pembuatan website ini dapat membantu LKP Fauzhan dalam menyampaikan informasi kepada masyarakat luas.

2. Pembuatan website ini dapat memprmudah para peserta didik dalam melakukan Pendaftaran online.

4.2 Saran

Saran yang penulis kemukakan diharapkan dapat meningkatkan hasil yang lebih baik dari sistem yang dijalanka sekarang dapat ditemukan sistem yang lebih baik lagi.

1. Masih perlu adanya pengembangan dan penyempurnaan website sehingga website tampak lebih menarik.