Tugas Laporan Akhir untuk memenuhi Praktikum Perancangan Pabrik Pengolahan PanganFull description
Full description
Fisiologi HewanFull description
Laporan Praktikum Sistem KendaliDeskripsi lengkap
sistem komunikasiFull description
LAPORAN PRAKTIKUM PERANCANGAN SISTEM INFORMASI Diajukan sebagai syarat dalam menyelesaikan studi mata kuliah Praktikum Perancangan Sistem Informasi yang dibimbing oleh : Dene Herwanto,ST.,MT.
Disusun oleh: Kelompok Besar M1 – M8
FAKULTAS TEKNIK UNSIKA LABORATORIUM REKAYASA TERPADU Jl. H. S. Ronggowaluyo Telukjambe Telp./Fax. (0267) 641177 Ext. 102-Karawang 41361
2017/2018
LEMBAR PENGESAHAN
Setelah diperiksa dengan seksama dan telah menyelesaikan laporan dengan baik, maka laporan ini (sudah/belum) memenuhi syarat sebagai laporan akhir Praktikum Perancangan Sistem Informasi dan dapat disajikan untuk dikumpulkan dan dinilai.
Disusun oleh: Kelompok Besar M1 – M8
Karawang,
Desember 2017
Menyetujui, Dosen Penanggungjawab Praktikum Perancangan Sistem Informasi
Dene Herwanto, ST., MT. NIDN. 0402047604
i
KATA PENGANTAR
Puji Syukur penyusun panjatkan kepada Tuhan Yang Maha Esa atas segala rahmat dan hidayah-Nya yang telah diberikan sehingga penyusun dapat menyelesaikan Laporan Akhir Praktikum Perancangan Sistem Informasi ini sebagai syarat untuk menyelesaikan studi Mata Kuliah Praktikum Perancangan Sistem Informasi Program Studi Teknik Industri Universitas Singaperbangsa Karawang. Pada kesempatan ini, penyusun ingin mengucapkan banyak terima kasih yang sebesar-besarnya atas bimbingan, bantuan, serta dukungan yang diberikan hingga terselesainya laporan akhir praktikum perancangan sistem informasi ini. Rasa terima kasih kami haturkan kepada: 1.
Orang tua kami yang telah memberikan dukungan material dan spiritual kepada kami.
Kang Okky Jayadi, ST. selaku asisten pembimbing Praktikum Perancangan Sistem Informasi.
4.
Teman-teman Teknik Industri Universitas Singaperbangsa Karawang.
5.
Segenap pihak yang telah membantu dalam pelaksanaan praktikum dan penyusunan laporan praktikum yang tanpa mengurangi rasa terima kasih, yang tidak dapat kami sebutkan satu-satu. Penyusun berharap laporan ini dapat bermanfaat bagi segenap pihak
khususnya yang berada di lingkungan Universitas Singaperbangsa Karawang. Penyusun menyadari bahwa laporan ini masih memiliki banyak kekurangan. Oleh karena itu, saran maupun kritik dari pembaca sangat kami harapkan dan kami hargai. Akhir kata, penyusun ucapkan terima kasih. Karawang,
Penyusun
ii
Desember 2017
DAFTAR ISI
LEMBAR PENGESAHAN .................................................................................... i KATA PENGANTAR ........................................................................................... ii DAFTAR ISI ........................................................................................................ iii DAFTAR GAMBAR ............................................................................................. v DAFTAR TABEL ................................................................................................ vii MODUL I PERANCANGAN DFD ...................................................................... I-1 1.1 Tujuan Praktikum ........................................................................... I-1 1.2 Teori Dasar .................................................................................... I-1 1.3 Alat dan Bahan............................................................................... I-7 1.4 Prosedur Praktikum ........................................................................ I-7 1.5 Hasil Praktikum .............................................................................. I-9 MODUL II KONSEP PERANCANGAN ERD .................................................... II-1 2.1 Tujuan Praktikum .......................................................................... II-1 2.2 Teori Dasar ................................................................................... II-1 2.3 Alat dan Bahan.............................................................................. II-4 2.4 Prosedur Praktikum ....................................................................... II-4 2.5 Hasil Praktikum ............................................................................. II-5 MODUL III PERANCANGAN DATABASE ...................................................... III-1 3.1 Tujuan Praktikum ......................................................................... III-1 3.2 Teori Dasar .................................................................................. III-1 3.3 Alat dan Bahan............................................................................. III-6 3.4 Prosedur Praktikum ...................................................................... III-6 3.5 Hasil Praktikum ............................................................................ III-7 MODUL IV PEMBUATAN APLIKASI SISTEM INFORMASI BERBASIS WEB ..................................................................................................IV-1 4.1 Tujuan Praktikum ........................................................................ IV-1 4.2 Teori Dasar ................................................................................. IV-1
iii
4.3 Alat dan Bahan............................................................................ IV-3 4.4 Prosedur Praktikum ..................................................................... IV-3 4.5 Hasil Praktikum ......................................................................... IV-11 DAFTAR PUSTAKA
iv
DAFTAR GAMBAR
Gambar 1.1 Paket Data ............................................................................... I-7 Gambar 1.2 Arus Data Mengumpul .............................................................. I-7 Gambar 1.3 Diagram Konteks Sistem Informasi Pembayaran Santri ............ I-9 Gambar 1.4 DFD Level 0 .............................................................................. I-10 Gambar 1.5 DFD Level 1 .............................................................................. I-11 Gambar 2.1 Komponen Dan Simbol ERD ..................................................... II-3 Gambar 2.2 Simbol Kardinalitas .................................................................. II-4 Gambar 2.3 ERD Sistem Informasi Pembayaran Santri ............................... II-5 Gambar 3.1 Control Panel XAMPP ............................................................... III-7 Gambar 3.2 Database SIPMA ...................................................................... III-8 Gambar 3.3 Atribut Tabel “akun” .................................................................. III-8 Gambar 3.4 Atribut tabel “daftar_ulang” ....................................................... III-9 Gambar 3.5 Atribut Tabel “Infaq” ................................................................. III-9 Gambar 3.6 Atribut Tabel “Koperasi” ........................................................... III-10 Gambar 3.7 Atribut Tabel “Manasik” ............................................................. III-10 Gambar 3.8 Atribut Tabel “Sumbangan” ...................................................... III-11 Gambar 3.9 Atribut Tabel “Wisuda” .............................................................. III-11 Gambar 4.1 Tampilan Awal Dreamweaver ................................................... IV-3 Gambar 4.2 Membuat Folder di Htdocs ....................................................... IV-4 Gambar 4.3 Menu Site .................................................................................. IV-4 Gambar 4.4 Site ........................................................................................... IV-5 Gambar 4.5 Server ...................................................................................... IV-5 Gambar 4.6 Database .................................................................................. IV-6 Gambar 4.7 MySQLConnection ................................................................... IV-6 Gambar 4.8 Field MySQL Connection ......................................................... IV-7 Gambar 4.9 Select Database ....................................................................... IV-7 Gambar 4.10 Membuat Template ................................................................ IV-8 Gambar 4.11 Record Update From Wizard .................................................. IV-9 Gambar 4.12 Pengisian Record Update Form .............................................. IV-9 Gambar 4.13 Template FileZilla ................................................................... IV-9 Gambar 4.14 Site Details ............................................................................. IV-1
v
Gambar 4.15 Upload File ............................................................................. IV-10 Gambar 4.16 Halaman Utama Pengunjung ................................................. IV-11 Gambar 4.17 Halaman Daftar Akun ............................................................. IV-16 Gambar 4.18 Halaman Formulir Pembayaran .............................................. IV-21 Gambar 4.19 Halaman Pengisian Formulir Infaq ......................................... IV-27 Gambar 4.20 Halaman Pengisian Formulir Wisuda ..................................... IV-33 Gambar 4.21 Halaman Pengisian Formulir Daftar Ulang ............................. IV-40 Gambar 4.22 Halaman Pengisian Formulir Manasik Haji dan Tafakur Alam . IV-46 Gambar 4.23 Halaman Pengisian Formulir Sumbangan Lembaga .............. IV-53 Gambar 4.24 Halaman Pengisian Formulir Koperasi dan Tabungan............. IV-59 Gambar 4.25 Halaman Direktori Pembayaran ............................................. IV-66 Gambar 4.26 Halaman Data Riwayat Pembayaran Infaq dan Sodaqoh ....... IV-72 Gambar 4.27 Halaman Cetak Kwitansi ........................................................ IV-89
vi
DAFTAR TABEL
Tabel 1.1 Notasi Yourdon dan Gane & Sarson ............................................ I-4 Tabel 2.1 Entitas, Atribut, dan Deskripsi ...................................................... II-5 Tabel 3.1 Contoh Tabel ............................................................................... III-2 Tabel 3.2 Tipe Data Numerik ....................................................................... III-3 Tabel 3.3 Tipe Data String ........................................................................... III-4 Tabel 3.4 Tipe Data Waktu .......................................................................... III-6
vii
MODUL I PERANCANGAN DFD
1.1 Tujuan Praktikum 1. Praktikan mampu merancang sistem dengan baik 2. Praktikan mampu membuat diagram alir data dan kamus data 3. Praktikan mampu menggunakan software Ms. Visio 4. Praktikan mampu memahami dasar-dasar pembuatan DFD dengan Ms. Visio 5. Praktikan mampu melakukan dan merancang alur proses menggunakan DFD
1.2 Teori Dasar 1. Pendahuluan Sistem informasi merupakan suatu suatu sistem dalam suatu organisasi yang merupakan kombinasi dari orang-orang, fasilitas, teknologi, media, prosedur dan pengendalian untukmendapatkan jalur komunikasi penting, memproses tipe transaksi rutin tertentu,memberi sinyal kepada manajemen dan yang lainnya terhadap kejadiankejadianinternal dan eksternal yang penting dan menyediakan suatu dasar informasiuntuk pengambilan keputusan (Rizky Darajatun, 2015). Suatu sistem informasi pada dasarnya terbentuk melalui suatu kelompok kegiatan operasional yang tetap yaitu mengumpulkan data, mengelompokkan data, menghitung data, menganalisa data dan menyajikan laporan. Pendekatan dari sisi bisnis (De Marco, Yourdon, J.A. Senn) Pertanyaan para analyst: a. Proses apa yang membentuk suatu sistem? b. Data apa yang dipergunakan pada setiap proses? c. Data apa yang disimpan? d. Data apa yang masuk dan keluar?
I-1
I-2
2. Pendefinisian Analisis Aliran Data adalah analisis yang dilakukan untuk mempelajari pemanfaatan data pada setiap aktivitas. Menampilkanhasil pengamatan dalam apa yang disebut Data Flow Diagram (DFD) atau diagram alir data. Diagram Alir Data, yaitu satu tampilan grafis yang memunculkan relasi/hubungan antara proses dan data beserta kamus data yang menjelaskan rincian data yang dipergunakan. Analisis berorientasi aliran data mempergunakan beberapa alat bantu yaitu: a. Data Flow Diagram (DFD) 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, terstruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan DFD ini sering disebut juga dengan nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model fungsi. Tujuan dari DFD adalah: 1) Memberikan indikasi mengenai bagaimana data ditransformasi pada saat data bergerak melalui sistem 2) Menggambarkan fungsi-fungsi dan sub fungsi yang menggambarkan aliran data Manfaat dari DFD adalah sebagai berikut: 1) Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi. 2) DFD ini adalah salah satu alat pembuatan model yang sering digunakan, khususnya bilafungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.
I-3
3) DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisis maupun rancangansistem yang mudah dikomunikasikan
oleh
profesional
sistem
kepada
pemakai
maupunpembuat program. b. Data Dictionary (Kamus Data) Kamus data adalah suatu daftar data elemen yang terorganisir dengan definisi yang tetap dan sesuai dengan sistem, sehingga user dan analis sistem mempunyai pengertian yang sama tentang input, output, dan komponen data store. Kamus data ini sangat membantu analis sistem dalam mendefinisikan data yang mengalir di dalam sistem, sehingga pendefinisian data itu dapat dilakukan dengan lengkap dan terstruktur. Pembentukan kamus data dilaksanakan dalam tahap analisis dan perancangan suatu sistem. Pada tahap analisis, kamus data merupakan alat komunikasi antara user dan analis sistem tentang data yang mengalir di dalam sistem, yaitu tentang data yang masuk ke sistem dan tentang informasi yang dibutuhkan oleh user. Sementara itu, pada tahap perancangan sistem kamus data digunakan untuk merancang input, laporan dan database. Pembentukan kamus data didasarkan atas alur data yang terdapat pada DFD. Alur data pada DFD ini bersifat global, dalam arti hanya menunjukan nama alur datanya tanpa menunjukan struktur dari alur data itu. Untuk menunjukan struktur dari alur data secara terinci maka dibentuklah kamus data yang didasarkan pada alur data di dalam DFD 3. Notasi DFD dilengkapi dengan empat buah notasi sederhana dengan dua pendekatan, yaitu Yourdon dan Gane & Sarson. Empat buah notasi ini digambarkan pada tabel 1.1 sebagai berikut:
I-4
Tabel 1.1 Notasi Yourdon dan Gane & Sarson YOURSON
GARDEN
Data Flow: Aliran data dengan arah khusus dari sumber ke tujuan (Paket Data). Proses: Aktivitas/kegiatan
interaksi
dengan
sistem yang dilakukan oleh orang/unit tertentu. Entitas: Orang/unit tertentu yang melakukan aktivitas. Dapat juga berupa aktivitas interaksi dengan sistem. Data Store: Penyimpanan data atau tempat dati di refer oleh proses.
Ketentuan lain dalam perancangan DFD diantaranya: a. Setiap komponen dalam DFD diberi label dengan nama yang jelas; b. Nama proses selanjutnya diberi nomor yang akan dipergunakan untuk keperluan identifikasi; c. Penomoran proses di atas tidak menunjukkan urutan sekuensial proses. 4. Penggambaran Aktivitas Paralel Dapat dilihat pada diagram yang ada bahwa beberapa aliran data dapat terjadi secara simultan. Ini merupakan salah satu keunggulan penampilan diagram aliran data. Diagram alir data memungkinkan paraanalis merepresentasikan aktivitas-aktivitas secara lebih akurat dengan memperlihatkan aktivitas simultan yang dapat muncul. Perlu dicatat bahwa diagram alir data berkonsentrasi pada pergerakan data dalam sistem, tidak pada peralatan atau media tertentu. Kadang-kadang data disimpan untuk akses atau penggunaan di waktu lain.
I-5
5. Keuntungan Analisis Aliran Data a. Notasi yang dipergunakan sederhana, mudah dimengerti sekalipun oleh orang awam. b. Usulan untuk modifikasi diagram agar dicapai keakurasian yang tinggi dalam aktivitas bisnis dapat dilakukan. c. Mudah dikoreksi sebelum proses perancangan karena dapat dikaji secara rinci atau ditelusuri. d. Memberikan kemungkinan untuk mengisolasi daerah kajian yang diminati secara khusus. e. Memberikan
fasilitas
penjabaran
diagram
berdasarkan
tingkat
pengamatan. 6. Pembentukan Aliran Diagram Data Syarat utama harus dapat digambarkan dengan baik dan jelas. Kapan dimulai dan kapan menambahkan deskripsi yang lebih rinci, kapan menambahkan informasi kontrol, dan bagaimana memberikan nama beserta item-itemnya secara konsisten. Pembentukan proses: Sistem yang ‘current’ (aktivitas dan proses aktual yang ada saat ini) kemudian translasikan ke dalam deskripsi lojik yang terfokus pada data dan proses. 7. Penggambaran Diagram Alir Data a. Diagram Konteks Menggambarkan secara umum konteks yang terjadi dalam sistem antara dunia internal dan dunia eksternal yang berbatasan. Merupakan lapisan teratas terhadap sistem yang akan dibahas. b. Diagram Level 0 Menggambarkan proses utama yang terdapat dalam sistem. Diagram ini merupakan dekomposisi dari diagram konteks. c. Diagram Level 1 Diagram level 1 merupakan gambaran rinci dari diagram konteks. Dikaitkan dengan bagan hirarki proses merupakan diagram yang menguraikan rincian dari level kesatu yang merupakan dekomposisi dari diagram level 0.
I-6
d. Diagram Level 2 dan seterusnya (n) Sama dengan penjelasan untuk level kesatu hanya makin bertambah nomor level maka semakin dalam pula penjabaran rincian proses. Nilai (n) ditentukan oleh banyaknya penjabaran dari proses pada sistem atau proses pada diagram level sebelumnya. Ada beberapa hal yang harus diperhatikan untuk mendapatkan diagram logic aliran data, yaitu: 1) Perlihatkan data aktual dan realitas dengan proses yang terjadi; 2) Hilangkan perjalanan informasi melalui orang atau kantor/unit, munculkan prosedurnya saja; 3) Konsolidasikan kerangkapan penyimpanan data serta hilangkan fungsi alat bantu, peralatan dan lainnya; 4) Hilangkan proses yang tidak penting yang tidak merubah data. Aturan dasar dalam menggambarkan diagram logic aliran data adalah: 1) Setiap aliran data yang meninggalkan proses harus berdasarkan pada data yang masuk ke dalam proses tersebut; 2) Semua
aliran
merefleksikan
data data
diberi yang
nama mengalir
dimana
pemberian
tersebut
antara
nama proses,
penyimpanan data dan sumber lainnya; 3) Hanya data yang akan digunakan dalam proses yang digambarkan sebagai masukan pada satu proses; 4) Satu proses tidak perlu mengetahui proses lainnya dalam sistem, jadi hanya tergantung pada masukan dan keluarannya saja; 5) Proses selalu berjalan dalam arti tidak ada awal atau akhir. 8. Konsep Arus Data a. Packet of Data (Paket Data) Bila dua data dari sumber yang sama mengalir menuju tujuan yang sama pula maka kedua data tersebut harus dianggap sebagai satu arus data yang tunggal. Paket data ini dapat ditunjukkan pada gambar 1.1
I-7
Gambar 1.1 Paket Data b. Convergen Data Flow (Arus Data Mengumpul) Arus data yang mengumpul, yaitu arus data yang berbeda dari sumber yang berbeda mengumpul ke tujuan yang sama. Arus Data Mengumpul ditunjukkan pada Gambar 1.2.
Gambar 1.2 Arus Data Mengumpul 1.3 Alat dan Bahan
1. Laptop yang sudah terinstal Ms. Visio 2. Kertas HVS A4 80 gram 3. Pensil 4. Mistar/mal 1.4 Prosedur Praktikum
1. Menganalisis kasus mengenai “Kwitansi Pembayaran Santri” yang dapat dibuat dalam sistem informasi berbasis Web.
2. Mengidentifikasi atribut, entitas, Input, output serta urutan proses yang sesuai dalam sistem informasi pembayaran santri berbasis Web.
3. Membuat diagram konteks dengan cara sebagai berikut:
I-8
a. Menentukan nama sistem. b. Menentukan batasan sistem. c. Menentukan terminator. d. Menentukan input dan output apa saja yang ada dalam sistem. e. Menggambar diagram konteks.
4. Membuat diagram level 0 dengan cara sebagai berikut: a. Menentukan proses utama yang ada dalam sistem. b. Menentukan apa yang diberikan/diterima masing-masing proses ke/dari sistem sambil memperhatikan konsep keseimbangan (alur data yang masuk/keluar dari suatu level harus sama dengan alur data yang masuk/keluar pada level berikutnya. c. Memunculkan data store sebagai sumber maupun tujuan data d. Memberikan nomor pada proses utama e. Menggambar diagram level 0 5. Membuat diagram level 1 dengan cara sebagai berikut: a. Menentukan proses yang lebih kecil (sub-proses) dari proses utama yang ada di level 0. b. Menentukan apa yang diberikan/diterima masin-masing sub-proses. ke/dari sistem dengan memperhatikan konsep keseimbangan. c. Memunculkan data store sebagai sumber maupun tujuan alur data. d. Memberikan
nomor
pada
masing-masing
menunjukkan dekomposisi dari proses sebelumnya. e. Menggambar DFD level 1.
sub-proses
yang
I-9
1.5 Hasil Praktikum
1. Diagram Konteks
Username & Password
Applicant
Identitas Santri
Sistem Informasi Pembayaran Santri
Username & Password
Admin
Username & Password Jenis Pembayaran
Risalah Pembayaran
Identitas Santri
Kwitansi Pembayaran
Santri
Gambar 1.3 Diagram Konteks Sistem Informasi Pembayaran Santri
I-10
2. DFD Level 0
Gambar 1.4 DFD Level 0
I-11
3. Diagram Level 1
Tanggal Pembayaran
Jumlah Uang
Santri
Nomor Rekening
NIS
3.1 Pengisisan Form Pembayaran
Form Pembayaran
Form Pembayaran
Data Base Santri
Kwitansi Pembayaran
Data Pembayaran Santri
Admin
3.2 Pembuatan Kwitansi
Form Pembayaran Santri
Gambar 1.5 DFD Level 1
Form Pembayaran Santri
MODUL II KONSEP PERANCANGAN ERD
2.1 Tujuan Praktikum
1. Praktikan mampu merancang basis data yang baik. 2. Praktikan mampu membuat dan menjelaskan hubungan antar data dalam suatu basis data. 2.2 Teori Dasar 1. Pendahuluan Entity
Relation
Diagram
(ERD)
merupakan
model
untuk
menjelaskan hubungan antar data dalam basis data berdasarkan persepsi bahwa real world (dunia nyata) terdiri dari objek-objek dasar yang mempunyai hubungan / relasi antara objek tersebut. ERD berguna untuk memodelkan struktur data dan hubungan antar data, untuk menggambarkannya digunakan beberapa notasi dan simbol. 2. Komponen dan Simbol ERD ERD terdiri dari 3 komponen, diantaranya: a. Entity atau Entitas Entitas merupakan objek yang mewakili sesuatu yang nyata dan dapat dibedakan dari sesuatu yang lain (Fathansyah, 1999: 30). Simbol dari entitas ini biasanya digambarkan dengan persegi panjang. Keberadaan entitas
biasanya berdiri sendiri dan digambarkan
(direpresentasikan) dengan sekumpulan atribut. Ada dua jenis entitas yaitu: 1) Strong Entity (Entitas Kuat) merupakan entitas mandiri yang keberadaannya tidak bergantung pada keberadaan entitas lain. Entitas kuat memiliki karakteristik unik yang disebut identifier atau sebuah atribut tunggal maupun gabungan atribut-atribut yang secara unik dapat digunakan untuk membedakannya dari entitas kuat yang lain.
II-1
II-2
2) Weak
Entity
(Entitas
Lemah)
merupakan
entitas
yang
keberadaannya sangat bergantung pada keberadaan entitas yang lainnya. Entitas di mana mereka bergantung dinamakan identifying owner. Entitas lemah tidak memiliki identifier sendiri. Secara umum, dalam diagram ER entitas lemah memiliki atribut yang berperan sebagai partial identifier (identifier yang berfungsi secara sebagian). b. Atribut Setiap entitas mempunyai elemen yang disebut atribut yang berfungsi untuk mendeskripsikan karakteristik dari entitas tersebut. Isi dari atribut memiliki sesuatu yang dapat mengidentifikasikan isi elemen satu dengan yang lain. Gambar atribut diwakili oleh simbol elips. Ada beberapa jenis atribut dalam suatu entitas, diantaranya: 1) Simple attribute merupakan atribut yang memiliki nilai pasti dan tidak ganda. 2) Composite attribute merupakan atribut yang memiliki nilai gabungan dari beberapa atribut lain. 3) Multi-valued attribute merupakan atribut yang memiliki nilai bisa lebih dari satu. 4) Derived attribute merupakan atribut yang nilainya dapat diperoleh dari nilai atribut lain. c. Hubungan Relasi Relasi adalah hubungan antara suatu himpunan dengan himpunan entitas yang lainnya. Pada penggambaran diagram hubungan entitas, relasi adalah perekat yang menghubungkan suatu entitas dengan entitas lainnya. Relasi yang terjadi diantara dua himpunan entitas (misalnya A dan B) dalam satu database.
II-3
Berikut merupakan komponen dan simbol yang terdapat pada ERD:
Gambar 2.1 Komponen dan Simbol ERD 3. Derajat Relasi/Kardinalitas Kardinalitas merupakan derajat yang menunjukkan jumlah maksimum entitas yang dapat berelasi dengan entitas yang lain. Macam-macam kardinalitas terdiri dari: a.
Satu ke satu (One to one) 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 himpunan entitas B dapat berhubungan dengan satu entitas pada himpunan entitas A.
c.
Banyak ke banyak (Many to many) Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B.
II-4
Berikut merupakan simbol kardinalitas yang ditunjukkan oleh Gambar 2.2:
Gambar 2.2 Simbol Kardinalitas
2.3 Alat dan Bahan 1. Laptop yang sudah terinstal software Ms. Visio 2. Kertas A4 80 gram 3. Pensil 4. Penggaris 2.4 Prosedur Praktikum 1. Menganalisis kasus mengenai sistem informasi pembayaran santri. 2. Menentukan himpunan entitas yang sesuai dengan sistem. 3. Menentukan atribut yang sesuai dengan entitas sistem. 4. Menentukan Primary Key dan Foreign Key pada atribut. 5. Menentukan derajat kardinalitas/relasi untuk setiap himpunan. 6. Menggambar ERD.
II-5
2.5 Hasil Praktikum 1. Entitas, Atribut, dan Deskripsi Tabel 2.1 Entitas, Atribut, dan Deskripsi Entitas
Applicant
Santri
Jenis Pembayaran
Pembayaran
Bukti Pembayaran
Admin
Atribut
Deskripsi
Nama NIS Tgl_lahir Alamat Email Username Password Username Password
Applicant melakukan pengisian data untuk bisa mengakses halaman website pembayaran NIS sebagai primary key.
Infaq Wisuda Daftar_ulang Manasik Sumbangan Koperasi Nama NIS Kelas Nominal Bank_tujuan
Menyimpan jenis pembayaran yang akan dipilih oleh santri
Nama NIS Kelas Nominal Bank_tujuan Tgl_bayar Username Password
Santri yang sudah mendaftar memiliki hak login untuk menuju halaman pembayaran.
Menyimpan informasi mengenai formulir pembayaran yang telah dipilih berdasarkan jenis pembayaran. NIS sebagai Primary Key Menyimpan informasi mengenai bukti pembayaran santri yang telah mengisi formulir pembayaran. Menyimpan informasi mengenai admin yang menerima bukti pembayaran santri.
II-6
2. ERD Sistem Informasi Pembayaran Santri
Gambar 2.3 ERD Sistem Informasi Pembayaran Santri
MODUL III PERANCANGAN DATABASE
3.1 Tujuan Praktikum 1. Praktikan mampu menggunakan software PhpMyAdmin 2. Praktikan mampu memahami mengenai dasar-dasar perancangan basis data menggunakan PhpMyAdmin 3. Praktikan
mampu
membuat
basis
data
dengan
menggunakan
PhpMyAdmin
3.2 Teori Dasar 1. PhpMyAdmin PhpMyAdmin adalah suatu program open source yang berbasis web yang dibuat menggunakan aplikasi PHP. Program ini digunakan untuk mengakses
database
MySQL.
Program
ini
mempermudah
danmempersingkat kerja penggunanya. Dengan kelebihannya, para pengguna awam tidak harus paham sintak-sintak SQL dalam pembuatan database dan tabel. PhpMyAdmin digunakan untuk: a. Membuat database b. Membuat tabel c. Mengedit data tabel d. Menghapus data tabel e. Menghapus (drop) tabel f. Mengubah struktur tabel g. Ekspor dan impor data 2. Xampp Menurut Bunafit Nugroho (2008 : 2) XAMPP adalah suatu bundel web server yang populer digunakan untuk coba-coba di Windows karena kemudahan instalasinya. Bundel program open source tersebut berisi antara lain server web Apache, interpreter PHP, dan basis data MySQL. Setelah menginstall XAMPP, kita bisa memulai pemrograman PHP di
III-1
III-2
komputer sendiri maupun mencoba menginstall aplikasi-aplikasi web. XAMPP Berasal dari kata: X = cross platform karena XAMPP dapat dijalankan di Windows, Linux, Mac dan lain-lain A = Apache sebagai web server-nya M = MySQL, sebagai Database Management System (DMS)-nya PP = PHP dan Perl sebagai bahasa yang didukungnya 3. Membuat Database Database digunakan untuk menyimpan dan mengorganisasikan data data yang kita gunakan dalam halaman web. Misalkan kita ingin membuat sebuah database bernama datasekolah, untuk menyimpan data sekolah Anda, maka lakukanlah langkah berikut: a. Jalankan web server Apache dan MySQL dari control panel XAMPP, kemudian jalankan PhpMyAdmin. b. Ketik kata “datasekolah” pada kotak isian Create new database (lihat bagian yang dilingkari pada gambar dibawah ini). Kemudian klik tombol Create. 4. Membuat Tabel Setelah membuat database, selanjutnya Anda dapat membuat beberapa tabel dalam database tersebut. Tabel dalam database akan terdiri dari beberapa kolom (field). Dan setiap baris data yang dimasukkan ke dalam tabel, disebut dengan record. Perhatikanlah contoh tabel di bawah ini. Tabel 3.1 Contoh Tabel Judul Buku SGS
Pemograman
Kualitas
Level
Web Sangat
Database Dengan PHP &
Bagus
Pemula
MySQL SGS
Pemrograman
Web
Database HTML, CSS dan Lumayan Java
Pemula
Penulis Arief Ramadhan
Arief Ramadhan
III-3
SGS
Pengenalan
Jaringan Bagus
Pemula
Komputer
Arief Ramadhan
Tabel di atas terdiri atas empat buah field bernama Judul Buku, Kualitas, Level dan Penulis. Tabel tersebut juga terdiri atas 3 buah baris data atau record. Masing-masing field akan mempunyai tipe data tertentu untuk menentukan data-data seperti apa saja yang dapat dimasukkan ke dalam field tersebut. Berikut merupakan jenis-jenis field pada MySQL: a. Tipe Data Numerik Tabel 3.2 Tipe Data Numerik Tipe Data
Normal = -32768 s/d 32767, Unsigned = 0 s/d 65535. Maksimal digit angka ditentukan pada parameter size didalam kurung.
MEDIUMINT(size)
Normal = -8388608 s/d 8388607, Unsigned =0 s/d 16777215. Maksimal digit angka ditentukan pada parameter size didalam kurung.
INT(size)
Normal
= -2147483648 s/d 2147483647,
Unsigned = 0 s/d 4294967295. Maksimal digit angka
ditentukan
pada
parameter size didalam kurung. BIGINT(size)
Normal
=
-
9223372036854775808 s/d 92233720368547 75807,
Unsigned
=
0 s/d 18446744073709551615. Maksimal digit angka
ditentukan
parameter size didalam kurung.
pada
III-4
FLOAT(size,d)
Angka kecil dengan desimal. Maksimal digit angka ditentukan pada paramater size dan maksimal
digit
desimal
ditentukan
pada
parameter d. DOUBLE(size,d)
Angka besar dengan desimal. Maksimal digit angka ditentukan pada paramater size dan maksimal
digit
desimal
ditentukan
pada
parameter d. DECIMAL(size,d)
Tipe DOUBLE yang disimpan sebagai string, memungkinkan untuk poin desimal tetap. Maksimal
digit
angka
ditentukan
pada
paramater size dan maksimal digit desimal ditentukan pada parameter d.
b. Tipe Data String Tabel 3.3 Tipe Data String Tipe Data
Keterangan
CHAR(size)
- Menangani tipe data string tetap/fixed (bisa berisi huruf, angka dan special karakter). - Panjang string ditentukan dengan nilai parameter
size
didalam
kurung.
- Kelebihan karakter akan dipotong sesuai panjang
yang
telah
ditentukan.
- Dapat menyimpan sampai maksimal 255 karakter. VARCHAR(size) - Menangani tipe data string variabel (bisa berisi huruf, angka dan special karakter). - Panjang string ditentukan dengan nilai parameter
size
didalam
kurung.
- Kelebihan karakter akan dipotong sesuai panjang
yang
telah
ditentukan.
III-5
- Dapat menyimpan sampai maksimal 255 karakter. - Jika dimasukkan nilai yang lebih dari 255 akan otomatis di konvert ke tipe TEXT TINYTEXT
Menangani tipe data string dengan panjang maksimal 255 karakter.
TEXT
Menangani tipe data string dengan panjang maksimal 65.535 karakter.
BLOB
Untuk BLOBs (Binary Large OBjects), mampu menangani sampai 65,535 bytes data
MEDIUMTEXT
Menangani tipe data string dengan panjang maksimal 16,777,215 karakter
MEDIUMBLOB
Untuk BLOBs (Binary Large OBjects). mampu menangani sampai 16,777,215 bytes data
LONGTEXT
Menangani tipe data string dengan panjang maksimal 4,294,967,295 karakter
LONGBLOB
Untuk BLOBs (Binary Large OBjects). mampu menangani sampai 4,294,967,295 bytes data
ENUM(x,y,z,etc.) Mengijinkan kita memasukkan beberapa nilai yang mungkin didalam sebuah daftar. Kita bisa membuat hingga 65535 nilai dalam daftar ENUM. Jika nilai yang dimasukkan yang tidak ada dalam daftar, maka nilai kosong akan disisipkan. Catatan: urutan
Nilai-nilai saat
kita
diurutkan
berdasarkan
memasukkan
mereka.
Kita bisa memasukkan kemungkinan nilai dalam format ini: ENUM ('X', 'Y', 'Z') SET
Mirip dengan ENUM, namun SET bisa berisi hingga 64 daftar item dan dapat menyimpan lebih dari satu pilihan.
III-6
c. Tipe Data Waktu Tabel 3.4 Tipe Data Waktu Tipe Data
Keterangan
DATE()
- Sebuah tanggal. - Format: YYYY-MM-DD Note: Range yang disupport adalah dari '100001-01' sampai '9999-12-31'
DATETIME()
- Sebuah kombinasi tanggal dan waktu. - *Format: YYYY-MM-DD HH:MI:SS Note: Range yang disupport adalah dari '100001-01 00:00:00' sampai '9999-12-31 23:59:59'
TIMESTAMP() - Sebuah Timestamp - Nilai TIMESTAMP disimpan sebagai detik angka sejak masa Unix ('1970-01-01 00:00:00' UTC). - *Format: YYYY-MM-DD HH:MI:SS Note: Range yang disupport adalah dari '197001-01 00:00:01' UTC sampai '2038-01-09 03:14:07' UTC TIME()
- Sebuah waktu - Format: HH:MI:SS Note: Range yang disupport adalah dari '838:59:59' sampai '838:59:59'
YEAR()
- Sebuah tahun dengan format dua digit atau empat digit. Note: Nilai yang diijinkan untuk format 4 digit adalah 1901 to 2155. Nilai yang diijinkan pada format 2 digit adalah 70 to 69, merupakan representasi dari tahun 1970 sampai 2069
3.3 Alat dan Bahan 1. Komputer/Laptop yang sudah terinstall software XAMPP. 2. Kertas HVS A4. 3. Pensil. 3.4 Prosedur Praktikum 1. Buka Aplikasi XAMPP. 2. Buka PhpMyAdmin.
III-7
3. Buat database dengan nama “sipma”. 4. Buat tabel pertama yaitu “akun” dengan atributnya. 5. Buat tabel kedua yaitu “daftar_ulang” dengan atributnya. 6. Buat tabel ketiga yaitu “infaq” dengan atributnya. 7. Buat tabel keempat yaitu “koperasi” dengan atributnya. 8. Buat tabel kelima yaitu “manasik_haji” dengan atributnya. 9. Buat tabel keenam yaitu “sumbangan_lembaga” dengan atributnya. 10. Buat tabel ketujuh yaitu “wisuda” dengan atributnya.
3.5 Hasil Praktikum Untuk menjalankan PhpMyAdmin, lakukanlah langkah-langkah berikut: 1. Instal aplikasi xampp 2. Jalankan aplikasi xampp tersebut. Selanjutnya klik start pada bagian Apache dan MySQL. Hasilnya akan seperti gambar dibawah ini
Gambar 3.1 Control Panel XAMPP
3. Buat sebuah database dengan nama sipma (penamaan database sesuai yang diperlukan). Selanjutnya buat buat tabel akun, infaq, wisuda, daftar
III-8
ulang, koperasi, manasik haji, dan sumbangan lembaga. Hasilnya akan seperti gambar dibawah ini.
Gambar 3.2 Database SIPMA
4. Buat atribut untuk tabel akun.Hasilnya akan seperti gambar dibawah ini.
Gambar 3.3 Atribut Tabel “akun”
III-9
5. Buat atribut untuk tabel daftar ulang. Hasilnya akan seperti gambar dibawah ini.
Gambar 3.4 Atribut tabel “daftar_ulang”
6. Buat atribut untuk tabel infaq. Hasilnya akan seperti gambar dibawah ini.
Gambar 3.5 Atribut Tabel “Infaq”
III-10
7. Buat atribut untuk tabel koperasi. Hasilnya akan seperti gambar dibawah ini.
Gambar 3.6 Atribut Tabel “Koperasi”
8. Buat atribut untuk tabel manasik haji. Hasilnya akan seperti gambar dibawah ini.
Gambar 3.7 Atribut Tabel “Manasik”
III-11
9. Buat atribut untuk tabel sumbangan lembaga. Hasilnya akan seperti gambar dibawah ini.
Gambar 3.8 Atribut Tabel “Sumbangan”
10. Buat atribut untuk tabel wisuda. Hasilnya akan seperti gambar dibawah ini.
Gambar 3.9 Atribut Tabel “Wisuda”
MODUL IV PEMBUATAN APLIKASI SISTEM INFORMASI BERBASIS WEB
4.1 Tujuan Praktikum 1. Praktikan dapat mengkoneksikan PHP ke MySQL 2. Praktikan dapat membuat aplikasi yang berbasis web beserta koneksi database 3. Praktikan dapat mengambil dan menampilkan hasil query ke halaman web
4.2 Teori Dasar 1. MySQL MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa inggris: Database Management System) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL adalah sistem manajemen database gratisan yang menggunakan SQL (Sructured Query Language) sebagai bahasa yang umum digunakan untuk menambah, mengakses dan memproses data dalam sebuah database. Kelebihan dari MySQL adalah gratis, handal, selalu di-update dan banyak forum yang memfasilitasi para pengguna jika memiliki kendala. MySQL juga menjadi DBMS yang seri di-bundling dengan web server sehingga proses instalasinya jadi lebih mudah. 2. Dreamweaver Dreamweaver merupakan suatu perangkat lunak web editor keluaran Adobe Sistem yang digunakan untuk membangun dan mendesain suatu website dengan fitur-fitur yang menarik dan kemudahan dalam penggunaannya. Dreamweaver CS6 tergabung dalam paket Adobe Creative Suite (CS) yang di dalamnya terdapat paket desain grafis, video editing, dan
IV-1
IV-2
pengembangan web aplikasi. Pada Dreamweaver CS6 terdapat beberapa fitur baru dari versi sebelumny seperti Fluid Grid Layout yang dapat mengatur multi halaman web dengan mudah, Web Fonts Manager manajemen yang memungkinkan untuk menggunakan font yang tersedia di web server, CSS Style Panel tambahan untuk membuat grafis seperti bayangan pada elemen tertentu, gradient, membuat sudut oval dan lain sebagainya, CSS Transition special efek pada elemen, Phone GAP memungkinkan anda untuk membangun aplikasi smartphone menjadi mudah dari sebelumnya. 3. Web Web adalah suatu ruang informasi di mana sumber-sumber informasi dalam bentuk halaman-halaman baik teks, gambar, suara, dan video bahkan dilengkapi juga dengan link untuk menghubungkan dengan halaman lain, dapat diidentifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URL). Website atau situs juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringanjaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubahubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Friendster, Multiply, dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik. 4. Hosting Pengertian Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di website. Besarnya data yang
IV-3
bisa
dimasukkan
tergantung
dari
besarnya
web
hosting
yang
disewa/dipunyai, semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam website. Web Hosting juga diperoleh dengan menyewa. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB(Mega Byte) atau GB(Giga Byte). Lama penyewaan web hosting rata-rata dihitung per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di Indonesia maupun Luar Negeri.
4.3 Alat dan Bahan 1. Laptop yang sudah terinstal software Dreamweaver 2. Kertas A4 80 gram
4.4 Prosedur Praktikum 1. Mengkoreksi PHP ke SQL Langkah-langkah untuk mengkoneksikan PHP ke SQL, yaitu: a. Buat aplikasi dreamweaver dan klik PHP;
Gambar 4.1 Tampilan Awal Dreamweaver
b. buat folder baru pada folder htdocs XAMPP dengan nama yang diinginkan, lalu simpan file dreamweaver dengan mengklik file kemudian pilih save as dan simpan ke folder yang sudah dibuat;
IV-4
Gambar 4.2 Membuat Folder di Htdocs
c. klik menu Site lalu pilih New Site;
Gambar 4.3 Menu Site
d. isi Site Name dan klik icon folder untuk mengarahkan site ini ke folder yang dituju;
IV-5
Gambar 4.4 Site
e. klik Servers dan isi Server Name. Pilih Local/Network pada connect using kemudian klik icon folder dan arahkan pada folder awal yang telah dibuat. Isi Web URL dengan http://localhost/register. Web URL ini digunakan ketika ingin melihat tampilan secara utuh di web browser dengan server lokal;
Gambar 4.5 Server
f.
Pilih menu Window dan pilih Database untuk mehubungkan tampilan home dengan database yang sebelumnya telah dibuat terlebih dahulu;
IV-6
Gambar 4.6 Database
g. klik database di sebelah kanan tampilan Dreamweaver kemudian klik tanda plus sehingga muncul tampilan MySQL Connection;
Gambar 4.7 MySQLConnection
h. isi field-field yang tersedia di bawah ini sesuai dengan yang ditampilkan;
IV-7
Gambar 4.8 Field MySQL Connection i.
klik icon folder dan pilih database yang akan digunakan, kemudian klik test dan klik ok.
Gambar 4.9 Select Database 2. Membuat Template Template dibuat untuk memudahkan dalam mendesain tampilan web, adapun langkah-langkah untuk membuat template yaitu; a. aktifkan aplikasi Dreamweaver; b. klik menu File, kemudian pilih New. Setelah itu pilih Blank Page dengan Page Type PHP, lalu klik Create dan buat desain web yang diinginkan.
IV-8
Gambar 4.10 Membuat Template
3. Memunculkan Database pada Tampilan a. Klik menu Insert, kemudian pilih Data Object, klik Update Record, lalu pilih Record Update Form Wizard
Gambar 4.11 Record Update From Wizard b. Isi field connection sesuai dengan field name connection yang telah dibuat. Pilih sub data base (cabang dari database utama) pada table to update, kemudian pilih database utama pada field select record from, tetapi untuk “field after updeting, go to” pilih file yang akan dijadikan tujuan ketika sudah menginput data. Terakhir klik Ok
IV-9
Gambar 4.12 Pengisian Record Update Form 4. Hosting a. Menginstal software FileZilla
version 2.2.18, setelah proses
instalasi selesai maka tampilan FileZilla akan muncul
Gambar 4.13 Template FileZilla
b. Kemudian buat New Site pada menu File dan isi detail Site
IV-10
Gambar 4.14 Site Details
c. Klik Quickconnect, apabila berhasil terkoneksi dengan server maka isi hosting dapat dilihat dalam Remote Site Window d. Persiapkan file website yang akan dihosting e. Klik pada file yang ingin diupload
Gambar 4.15 Upload File
f.
Tunggu hingga proses upload file selesai, apabila upload sukses maka akan muncul status pada Statsus Transfer File Window
g. Konfigurasikan database dengan melakukan impor database
IV-11
4.5 Hasil Praktikum 1. Halaman Utama Pengunjung
Gambar 4.16 Halaman Utama Pengunjung Source Code:
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
$LoginRS__query=sprintf("SELECT username, password FROM akun WHERE username=%s AND password=%s", GetSQLValueString($loginUsername, "text"), GetSQLValueString($password, "text"));
$LoginRS = mysql_query($LoginRS__query, $konek4) or die(mysql_error()); $loginFoundUser = mysql_num_rows($LoginRS); if ($loginFoundUser) { $loginStrGroup = "";
if (PHP_VERSION >= 5.1) {session_regenerate_id(true);} else {session_regenerate_id();} //declare two session variables and assign them $_SESSION['MM_Username'] = $loginUsername; $_SESSION['MM_UserGroup'] = $loginStrGroup;
if (isset($_SESSION['PrevUrl']) && false) { $MM_redirectLoginSuccess = $_SESSION['PrevUrl']; }
Source Code:
// ** Logout the current user. ** $logoutAction = $_SERVER['PHP_SELF']."?doLogout=true"; if ((isset($_SERVER['QUERY_STRING'])) && ($_SERVER['QUERY_STRING'] != "")){ $logoutAction .="&". htmlentities($_SERVER['QUERY_STRING']); }
if ((isset($_GET['doLogout'])) &&($_GET['doLogout']=="true")){ //to fully log out a visitor we need to clear the session varialbles $_SESSION['MM_Username'] = NULL; $_SESSION['MM_UserGroup'] = NULL;
gambar 4.19 Halaman Pengisian Formulir Infaq Source Code :
// ** Logout the current user. ** $logoutAction = $_SERVER['PHP_SELF']."?doLogout=true"; if ((isset($_SERVER['QUERY_STRING'])) && ($_SERVER['QUERY_STRING'] != "")){ $logoutAction .="&". htmlentities($_SERVER['QUERY_STRING']); }
IV-28
if ((isset($_GET['doLogout'])) &&($_GET['doLogout']=="true")){ //to fully log out a visitor we need to clear the session varialbles $_SESSION['MM_Username'] = NULL; $_SESSION['MM_UserGroup'] = NULL; $_SESSION['PrevUrl'] = NULL; unset($_SESSION['MM_Username']); unset($_SESSION['MM_UserGroup']); unset($_SESSION['PrevUrl']);
Gambar 4.20 Halaman Pengisian Formulir Wisuda Source Code:
IV-34
// ** Logout the current user. ** $logoutAction = $_SERVER['PHP_SELF']."?doLogout=true"; if ((isset($_SERVER['QUERY_STRING'])) && ($_SERVER['QUERY_STRING'] != "")){ $logoutAction .="&". htmlentities($_SERVER['QUERY_STRING']); }
if ((isset($_GET['doLogout'])) &&($_GET['doLogout']=="true")){ //to fully log out a visitor we need to clear the session varialbles $_SESSION['MM_Username'] = NULL; $_SESSION['MM_UserGroup'] = NULL; $_SESSION['PrevUrl'] = NULL; unset($_SESSION['MM_Username']); unset($_SESSION['MM_UserGroup']); unset($_SESSION['PrevUrl']);
7. Formulir Pembayaran Manasik Haji dan Tafakur Alam
Gambar 4.22 Halaman Pengisian Formulir Manasik Haji dan Tafakur Alam Source Code:
IV-47
session_start(); }
// ** Logout the current user. ** $logoutAction = $_SERVER['PHP_SELF']."?doLogout=true"; if ((isset($_SERVER['QUERY_STRING'])) && ($_SERVER['QUERY_STRING'] != "")){ $logoutAction .="&". htmlentities($_SERVER['QUERY_STRING']); }
if ((isset($_GET['doLogout'])) &&($_GET['doLogout']=="true")){ //to fully log out a visitor we need to clear the session varialbles $_SESSION['MM_Username'] = NULL; $_SESSION['MM_UserGroup'] = NULL; $_SESSION['PrevUrl'] = NULL; unset($_SESSION['MM_Username']); unset($_SESSION['MM_UserGroup']); unset($_SESSION['PrevUrl']);
Gambar 4.24 Halaman Pengisian Formulir Koperasi dan Tabungan Source Code:
IV-60
if (!isset($_SESSION)) { session_start(); }
// ** Logout the current user. ** $logoutAction = $_SERVER['PHP_SELF']."?doLogout=true"; if ((isset($_SERVER['QUERY_STRING'])) && ($_SERVER['QUERY_STRING'] != "")){ $logoutAction .="&". htmlentities($_SERVER['QUERY_STRING']); }
if ((isset($_GET['doLogout'])) &&($_GET['doLogout']=="true")){ //to fully log out a visitor we need to clear the session varialbles $_SESSION['MM_Username'] = NULL; $_SESSION['MM_UserGroup'] = NULL; $_SESSION['PrevUrl'] = NULL; unset($_SESSION['MM_Username']); unset($_SESSION['MM_UserGroup']); unset($_SESSION['PrevUrl']);
Gambar 4.25 Halaman Direktori Pembayaran Source Code:
// ** Logout the current user. ** $logoutAction = $_SERVER['PHP_SELF']."?doLogout=true"; if ((isset($_SERVER['QUERY_STRING'])) && ($_SERVER['QUERY_STRING'] != "")){ $logoutAction .="&". htmlentities($_SERVER['QUERY_STRING']); }
if ((isset($_GET['doLogout'])) &&($_GET['doLogout']=="true")){ //to fully log out a visitor we need to clear the session varialbles $_SESSION['MM_Username'] = NULL; $_SESSION['MM_UserGroup'] = NULL;
require('phpfpdf/fpdf.php'); // intance object dan memberikan pengaturan halaman PDF $pdf = new FPDF('L','mm','A5'); // membuat halaman baru $pdf->AddPage(); // setting jenis font yang akan digunakan $pdf->SetFont('Arial','B',14); // mencetak string $pdf->SetFont('Arial','B',14); $pdf->Cell(40,6,'Lembaga Pendidikan Islam Nurul Iman',0,1,'c'); $pdf->SetFont('Arial','',11); $pdf->Cell(0,5,'Raudhatul Anfal, Madrasah Ibtidaiyah, Madrasah Tsanawiyah',0,1,'c'); $pdf->SetFont('Arial','B',10); $pdf->Cell(120,6,'Jl. H.S Ronggowaluyo Telukjambe Timur, Karawang',0,0,'L'); $pdf->SetFont('Arial','',10); $pdf->Cell(28,7,'No. Kwitansi : ',0,0,'L'); $pdf->SetFont('Courier','',12); $pdf->Cell(0,7,$row_Recordset1['idtrx'].$nk2,0,1,'L'); $pdf->SetFillColor(95, 95, 95); $pdf->Rect(5, 27.5, 198, 3, 'FD');
// Memberikan space kebawah agar tidak terlalu rapat $pdf->Cell(10,7,'',0,1);
$pdf->Cell(40);
IV-94
$pdf->SetFont('Courier','','13'); $pdf->Cell(110,8,'K w i t a n s i P e m b a y a r a n',1,0,'C'); $pdf->ln(10); $pdf->Cell(20); $pdf->SetFont('Arial','B',14); $pdf->Cell(40,8,'Terima Dari : ',0,0,'R'); $pdf->SetFont('Courier','',14); $pdf->Cell(16,8,$row_Recordset1['nama'],0,1,'L'); $pdf->Cell(20); $pdf->SetFont('Arial','B',14); $pdf->Cell(40,8,'NIS : ',0,0,'R'); $pdf->SetFont('Courier','',14); $pdf->Cell(16,8,$row_Recordset1['NIS'],0,1,'L'); $pdf->Cell(20); $pdf->SetFont('Arial','B',14); $pdf->Cell(40,8,'Uang Sejumlah : ',0,0,'R'); $pdf->SetFillColor(255, 255, 255); $pdf->SetFont('Courier','',12); $pdf->MultiCell(180,8,terbilang($row_Recordset1['jumlah']),0,'L'); $pdf->SetFont('Arial','B',14); $pdf->Cell(20); $pdf->Cell(40,8,'Untuk Pembayaran : ',0,0,'R'); $pdf->SetFont('Courier','',12); $pdf->MultiCell(120,8,$row_Recordset1['jns_donasi'],0,'L'); $pdf->SetY(-50);
Achmad, Rizki D., 2016. BASIS DATA. Universitas Singaperbangsa Karawang. Herwanto, Dene. 2016. Modul Praktikum Perancangan Sistem Informasi.Universitas Singaperbangsa Karawang.