SISTEM INFORMASI P3MI PADA PT PUTRA BRAGAS MANDIRI TUGAS AKHIR JOHN PUTRA S

(1)

TUGAS AKHIR

JOHN PUTRA S 172406062

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2021

(2)

SISTEM INFORMASI P3MI PADA PT PUTRA BRAGAS MANDIRI

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar Ahli Madya

JOHN PUTRA S 172406062

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2021

(3)

PERNYATAAN ORISINALITAS

SISTEM INFORMASI P3MI PADA PT PUTRA BRAGAS MANDIRI

LAPORAN TUGAS AKHIR

Saya menyatakan bahwa laporan tugas akhir ini adalah hasil karya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juli 2021

John Putra S 172406062

(4)

(5)

SISTEM INFORMASI P3MI PADA PT PUTRA BRAGAS MANDIRI BERBASIS WEB

ABSTRAK

Saat ini informasi sudah sangat mudah didapatkan karena perkembangan teknologi yang begitu pesat seiring dengan perkembangan teknologi internet.

Sekarang web berkembang menjadi web yang lebih dinamis, mampu menerima respon dari pengunjung, seperti menerima informasi sehingga dapat menghubungkan antar masyarakat dan pemilik usaha. Untuk menciptakan sebuah web yang dinamis, maka diperlukan sebuah teknologi web yang dapat mendukung hal tersebut.

Dalam penelitian ini dilakukan proses pengembangan aplikasi berbasis website dengan menggunakan Metode Waterfall yang terdiri dari tahapan analisa, desain, penulisan kode program, pengujian program, penerapan program dan pemeliharaan yang bertujuan untuk memudahkan pengusaha dalam memberikan informasi dan mengumpulakan data masyarakat. Perangkat lunak database aplikasi ini adalah menggunakan database jenis MySQL dan Bahasa Pemrograman HMTL, PHP dan SQL.

Kata Kunci : Website, Sistem Informasi

(6)

P3MI INFORMATION SYSTEM AT PT PUTRA BRAGAS MANDIRI WEB- BASED

ABSTRACT

Currently, information is very easy to obtain because of the rapid development of technology along with the development of internet technology. Now the web is developing into a more dynamic web, able to receive responses from visitors, such as receiving information so that it can connect between the community and business owners. To create a dynamic web, we need a web technology that can support it.

In this study, the process of developing a website-based application using the Waterfall Method consists of stages of analysis, design, writing program code, program testing, program implementation and maintenance which aims to facilitate entrepreneurs in providing information and collecting community data. The database software of this application is to use a MySQL database and the HMTL, PHP and SQL programming languages.

Keywords: Website, Information System

(7)

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Allah Subhanahu wa Ta'ala yang masih memberikan nikmat kesehatan dan kesempatan sehingga penulis dapat menyelesaikan Tugas Akhir dengan tepat waktu.

Dalam menyelesaikan Tugas Akhir ini, penulis banyak mendapat bimbingan dan bantuan dari berbagai pihak berupa mantuan materil atau spiritual sehingga membantu proses penyelesaian tugas akhir ini. Pada kesempatan yang baik ini penulis ingin mengucapkan banyak terimakasih kepada:

1. Bapak Dr. Poltak Sihombing, M.Kom, M.Kom selaku dosen pembimbing tugas akhir yang telah membimbing serta memberi arahan dalam penyelesaian tugas akhir ini.

2. Ibu Dra. Normalina Napitupulu, M.Sc. selaku Ketua Program Studi D-3 Teknik Informatika FMIPA-USU.

3. Bapak Dr. Kerista Sebayang, M.Sc. selaku Dekan Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Seluruh dosen dan pegawai program studi D3 Teknik Informatika FMIPA USU.

5. Teristimewa kepada ibunda Tiominar Panjaitan, ayahanda Guntur Sihombing dan kakak Adventy Agustina yang telah memberikan kasih sayang, doa agar senantiasa dimudahkan dalam urusan.

6. Khofifah Indah syafei, Mala Sitepu dan Muhammad Hafizh Rangkuti yang selalu memberikan saran dan dukungan disaat penulis kesulitan.

7. Dioko Gracia, Fernando Simanjuntak, Stephani Anastasia, Muhammad Rasyid dan Nadya Onggek yang selalu memberikan dukungan dan hiburan saat pengerjaan tugas akhir.

8. Pihak-pihak lain yang penulis tidak dapat menyebutkan namanya satu persatu.

Medan, Juli 2021

(8)

John Putra S DAFTAR ISI

Halaman

PERNYATAAN ORINALITAS ii

PENGESAHAN LAPORAN TUGAS AKHIR iii

ABSTRAK iv

ABSRACT v

PENGHARGAAN vi

DAFTAR ISI vii

DAFTAR GAMBAR ix

DAFTAR LAMPIRAN x

BAB 1 PENDAHULUAN

1.1 Latar Belakang 1

1.2 Rumusan Masalah 2

1.3 Batasan Masalah 2

1.4 Tujuan Penelitian 2

1.5 Manfaat Penelitian 3

1.6 Metode Penelitian 3

1.7 Sistematika Penulisan 4

BAB 2 LANDASAN TEORI

2.1 Pengertian Sistem Informasi 5

2.2 Pengertian Website 6

2.3 Hypertext Prepocessor (PHP) 6

2.3.1 Sejarah dan Perkembangan PHP 7

2.3.2 Kelebihan dan Kelemahan PHP 9

2.4 HTML 10

2.5 CSS 11

2.6 Database 12

2.7 MYSQL 13

2.8 XAMPP 14

2.9 Javascript 15

BAB 3 METODE PENELITIAN DAN PERANCANGAN SISTEM

3.1 Metode Penelitian 16

3.2 Perancangan Sistem 17

3.2.1 Perancangan Diagram Konteks 17

3.2.2 Perancangan Data Flow Diagram (DFD) 18

3.2.3 Flowchart Admin 18

3.2.4 Flowchart User 19

3.2.5 Entity Relationship Diagram (ERD) 19

3.2.6 Perancangan Antar Muka Website 20

BAB 4 HASIL DAN IMPLEMENTASI SISTEM

(9)

4.2 Implementasi Sistem 23 BAB 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan 25

5.2 Saran 25

DAFTAR PUSTAKA

LAMPIRAN

(10)

DAFTAR GAMBAR

Nomor Judul Halaman

Gambar

3.1 Diagram Konteks 17

3.2 Data Flow Diagram (DFD) 18

3.3 Flowchart Admin 18

3.4 Flowchart User 19

3.5 Entity Relationship Diagram 19

3.6 Tampilan Menu Utama User 20

3.7 Tampilan Lanjutan Menu Utama User 20

3.8 Tampilan Pelajari Lebih Lanjut 21

3.9 Tampilan About 21

3.10 Tampilan About 21

3.11 Tampilan Login Admin 22

3.12 Tampilan Halaman Admin 22

(11)

Nomor Judul Halaman Lampiran

1. Listing Program 27

(12)

BAB 1 PENDAHULUAN

1.1 Latar Belakang

Teknologi informasi dan komunikasi telah lama dikenal dan digunakan dimasyarakat diberbagai kalangan. Website termasuk salah satu cara bagi masyarakat untuk mendapatkan informasi. Sistem informasi (SI) adalah kombinasi dari kumpulan teknologi informasi dan aktivitas orang yang menggunakan teknologi itu untuk mendukung operasi manajemen. Dalam arti yang sangat luas, istilah sistem informasi yang sering digunakan merujuk kepada interaksi antara orang, proses algoritma, data dan teknologi

Website adalah kumpulan halaman web yang dapat diakses publik dan saling terkait yang berbagi satu nama domain. Website dapat dibuat dan dikelola oleh individu, grup, bisnis, atau organisasi untuk melayani berbagai tujuan. Penulis melihat dengan makin bertambahnya penduduk Indonesia membuat lowongan pekerjaan semakin sedikit. Hal ini membuat tidak sedikit masyarakat Indonesia ingin bekerja di luar negeri. Namun, untuk bekerja di luar negeri sangatlah sulit bagi masyarakat yang memiliki tingkat pendidikan rendah. Sebagai salah satu solusi yang bisa dilakukan adalah mendaftarkan diri menjadi Pekerja Migran Indonesia (PMI) ke luar negeri melalui Perusahaan Jasa Pekerja Migran Indonesia (P3MI) terpercaya yang dapat menjamin calon pekerja melalui proses yang legal.

PJTKI sudah berganti nama menjadi P3MI singkatan dari Perusahaan Penempatan Pekerja Migran Indonesia. P3MI juga kerap disebut dengan agensi.

Sebagai info semua agensi atau P3MI di bawah ini berbadan hukum PT (Perseroan Terbatas) tidak ada yang berbentuk CV, LPK apalagi yayasan. PT Putra Bragas Mandiri sebagai salah satu P3MI yang resmi perlu memberikan informasi yang mudah diakses kepada masyarakat yang ingin menjadi PMI agar membuat calon PMI mendapat informasi benar dan tidak terjerumus pada P3MI Ilegal. Oleh sebab itu, penulis mencoba untuk mencari solusi untuk membuat sebuah Aplikasi Sistem Informasi P3MI Pada PT Putra Bragas Mandiri Berbasis Web. Aplikasi ini juga nantinya akan dipakai oleh pemilik usaha untuk memberikan infomasi yang

(13)

diperlukan oleh calon PMI dan juga untuk memudahkan pemilik usaha dalam menjalankan usahanya.

1.2 Rumusan Masalah

Adapun rumusan masalah yang didapat dari latar belakang tersebut adalah :

1. Bagaimana mengimplementasikan sistem informasi P3MI pada PT Putra Bragas Mandiri agar mudah diakses oleh pengguna.

2. Kurangnya update terkait sistem informasi yang masih dilakukan secara konvensional.

3. Belum adanya pendataan user terkait pengaduan yang dilakukan secara konvensional sehingga memungkinkan user untuk menyampaikan pengaduan secara langsung.

1.3 Batasan Masalah

Dalam merancang sebuah aplikasi ini ada beberapa batasan masalah yang ditemukan diantaranya :

1. Sistem informasi yang akan dibangun dapat diakses oleh seluruh masyarakat sebagai user yang ingin bekerja di P3MI PT Putra Bragas Mandiri.

2. Sistem informasi ini juga dapat digunakan oleh admin untuk mengelola data user yang telah terdaftar.

3. Sistem informasi ini melingkupi update terkait seluruh informasi P3MI pada PT Putra Bragas Mandiri

1.4 Tujuan Penilitian

Adapun tujuan dari penelitian ini adalah sebagai berikut:

1. Untuk memenuhi salah satu persyaratan akhir menyelesaikan pendidikan Diploma III Teknik Informatika di Universitas Sumatera Utara.

2. Membantu masyarakat untuk mendapatkan informasi terkait P3MI pada PT Bragas Mandiri.

3. Memudahkan admin perusahaan dalam mengelola data pengguna secara

(14)

3

online.

1.5 Manfaat Penilitan

Adapun manfaat dari pembuatan website Sistem Informasi P3MI Pada PT Putra Bragas Mandiri ini adalah :

1. Calon PMI mendapat informasi seputar P3MI dengan akurat 2. Pemilik usaha menjadi lebih mudah dalam mengelolah data 3. Calon PMI dapat mengetahui P3MI yang legal dan illegal

1.6 Metodologi Penelitian

Dalam menyusun tugas akhir ini penulis melakukan penerapan metode penelitian dalam memperoleh data-data yang dibutuhkan sehingga penyusunan tugas akhir ini dapat diselesaikan dengan baik. Adapun metode penelitian yang dilakukan adalah sebagai berikut:

1. Pengumpulan data

Pengumpulan data-data yang erat kaitannya dengan permasalahan yang terjadi diatas dengan cara mencari informasi online , membaca bahan-bahan dari sumber lainnya dan bertanya langsung pada pemilik usaha

2. Identifikasi Masalah

Identifikasi masalah dilakukan dengan melihat dari data-data yang sudah terkumpul dan penulis mengangkatnya menjadi sebuah solusi yang telah dijadikan sebuah judul.

3. Perancangan Website

Perancangan aplikasi yaitu melakukan desain tampilan dan koding untuk Sistem Informasi P3MI pada PT Putra Bragas Mandiri Berbasis Web4 4. Pengujian

Pengujian dari perancangan Sistem Informasi P3MI pada PT Putra Bragas Mandiri Berbasis Web dilakukan setelah website selesai dibentuk.

Pengujian ini dilakukan dengan tujuan untuk mengetahui apakah website sudah berjalan dengan baik atau masih ada kesalahan.

5. Penyusunan Laporan

Di tahap ini dilakukan pembuatan laporan dari Sistem Informasi P3MI pada PT Putra Bragas Mandiri Berbasis Web berupa tugas akhir.

(15)

1.7 Sistematika Penulisan

Sistematika penulisan tugas akhir ini terdiri dari beberapa bagian utama, yaitu:

BAB 1 PENDAHULUAN

Bab ini menjelaskan latar belakang judul tugas akhir ”Sistem Informasi P3MI pada PT. Putra Bragas Mandiri berbasis web”, rumusan masalah, batasan masalah, tujuan penelitian, kontribusi penelitian, metodologi penelitian dan sistematika penulisan.

BAB 2 LANDASAN TEORI

Bab ini menguraikan tentang uraian teoritis mengenai pengertian- pengertian dan mengenai bahasa pemrograman yang digunakan BAB 3 METODE PENELITIAN DAN PERANCANGAN SISTEM

Bab ini membahas metode penilitian dan perancangan terhadap sistem yang akan dibangun.

BAB 4 IMPLEMENTASI SISTEM

Bab ini menjelaskan mengenai implementasi dalam pembuatan sistem informasi P3MI pada PT. Putra Bragas Mandiri dengan penerapan sistem dari perangkat lunak.

BAB 5 KESIMPULAN DAN SARAN

Bab ini memuat kesimpulan dari keseluruhan uraian bab – bab sebelumnya dan saran berdasarkan hasil pengujian yang diharapkan dapat bermanfaat untuk pengembangan selanjutnya.

(16)

BAB 2

LANDASAN TEORI

2.1 Pengertian Sistem Informasi

Secara sederhana pengertian sistem informasi bisa didefinisikan sebagai sebuah sistem yang mana terdiri dari teknologi atau alat, media yang digunakan, prosedur yang terorganisir, serta sumber daya manusia yang didalamnya bekerja sebagai sebuah kombinasi membentuk sebuah sistem yang terorganisir. Kombinasi antara teknologi dan manusia ini bekerja untuk mendapatkan sebuah informasi yang kemudian digunakan untuk mendukung suatu manajemen guna mengambil sebuah kebijakan atau keputusan.

Dari definisi sistem informasi yang sudah dijelaskan di atas, dapat disimpulkan bahwa sistem informasi adalah sebuah kombinasi yang membentuk sistem guna mendapatkan sebuah informasi yang dibutuhkan. Disebut sebagai sebuah sistem, komposisi ini juga memerlukan komponen-komponen yang dibutuhkan untuk mendukung kombinasi kerja itu. Komponen-komponen itu bekerja dengan saling berinteraksi untuk membentuk sebuah kesatuan sistem, yang mana nantinya bisa menghasilkan informasi yang bisa digunakan sebagai bahan pertimbangan untuk mengambil keputusan.

2.2 Pengertian Website

Website yaitu halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh selama terkoneksi dengan jaringan internet. Website merupakan komponen atau kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang menarik untuk dikunjungi.

Sebuah situs web (sering pula disingkat menjadi situs saja; web site, site) adalah sebutan bagi sekelompok halaman web (web page), yang umumnya merupakan bagian dari suatu nama domain (domain name) atau subdoamain 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

(17)

URL yang menjadi “akar” (root), yang disebut homepage (halaman induk sering diterjemahkan menjadi “beranda”, “halaman buka”), 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, layanan surat elektronik (e- mail), dan lain-lain.

Berikut ini adalah jenis-jenis website yang paling umum ditemukan.

1. Website Statis

Website jenis ini memiliki tampilan yang tetap, tidak berubah-ubah. Jika pemilik website ingin mengubah tampilan, hal itu harus dilakukan dengan cara mengedit kode website-nya secara manual.

Contoh website yang termasuk di dalam golongan jenis ini adalah Google.

Biasanya, website statis memang dimiliki oleh perusahaan di mana mereka menampilkan informasi seperti profil perusahaan di halaman awal.

2. Website Dinamis

Website jenis ini adalah halaman web yang menampilkan perubahan secara terus-menerus, sesuai dengan konten yang diunggah. Biasanya, website dinamis memiliki tampilan yang cantik, kolom komentar, dan live chatting.

Beberapa contoh website dinamis adalah blog, situs belanja daring, dan situs berita.

3. Website Interaktif

Website ini adalah jenis halaman web yang memang dirancang untuk saling berinteraksi di antara penggunanya. Contoh dari website jenis ini adalah media sosial seperti Facebook, Twitter, dan Instagram.

2.3 Hypertext Prepocessor (PHP)

PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum (wikipedia). PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group. PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer server. Hal

(18)

7

ini berbeda dibandingkan dengan bahasa pemrograman client-side seperti JavaScript yang diproses pada web browser (client).

Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla, dll. Saat ini PHP adalah singkatan dari PHP: Hypertext Preprocessor, sebuah kepanjangan rekursif, yakni permainan kata dimana kepanjangannya terdiri dari singkatan itu sendiri: PHP: Hypertext Preprocessor.

PHP dapat digunakan dengan gratis (free) dan bersifat Open Source. PHP dirilis dalam lisensi PHP License, sedikit berbeda dengan lisensi GNU General Public License (GPL) yang biasa digunakan untuk proyek Open Source. Kemudahan dan kepopuleran PHP sudah menjadi standar bagi programmer web di seluruh dunia.

Menurut wikipedia pada februari 2014, sekitar 82% dari web server di dunia menggunakan PHP. PHP juga menjadi dasar dari aplikasi CMS (Content Management System) populer seperti Joomla, Drupal, dan WordPress.

2.3.1 Sejarah dan Perkembangan PHP

Sejarah dan perkembangan PHP adalah sebagai berikut:

1. PHP/FI : Personal Home Page/Forms Interpreter

Sejarah PHP bermula pada tahun 1994 ketika Rasmus Lerdorf membuat sebuah script (kode program) dengan bahasa Perl untuk web pribadinya.

Salah satu kegunaan script ini adalah untuk menampilkan resume pribadi dan mencatat jumlah pengunjung ke sebuah website. Dengan alasan untuk meningkatkan performa, Rasmus Lerdorf kemudian membuat ulang kode program tersebut dalam bahasa C. Ia juga mengembangkannya lebih lanjut sehingga memiliki script tersebut memiliki kemampuan untuk memproses form HTML dan berkomunikasi dengan database.Lerdorf menyebut kode program ini sebagai Personal Home Page/Forms Interpreter atau PHP/FI.

Inilah asal mula penamaan PHP digunakan. PHP/FI dapat digunakan untuk membuat aplikasi web dinamis sederhana.Lerdorf kemudian merilis kode

(19)

tersebut ke publik dengan sebutan Personal Home Page Tools (PHP Tools) version 1.0.

2. PHP/FI : Personal Home Page/Forms Interpreter 2

Seiring dengan pengembangan dan penambahan fitur web pada saat itu, pada April 1996, Rasmus Lerdorf mengumumkan PHP/FI versi 2.0. PHP versi 2 ini dirancang Lerdorf pada saat mengerjakan sebuah proyek di University of Toronto yang membutuhkan pengolahan data dan tampilan web yang rumit. PHP/FI versi 1 sebenarnya sudah mencukupi, namun performa yang dihasilkan dirasakan belum cukup, sehingga butuh penambahan fitur lanjutan. Alasan utama untuk perilisan versi kedua ini dikarenakan tuntutan programmer web yang saat itu menginginkan lebih dari sekedar kumpulan fungsi-fungsi, namun juga membutuhkan fitur logika seperti “if” dan “else”.

3. PHP: Hypertext Preprocessor 3

Evolusi PHP berikutnya terjadi pada pertengahan tahun 1997, PHP versi 2 telah menarik banyak perhatian programmer, namun bahasa ini memiliki masalah dengan kestabilan yang kurang bisa diandalkan. Hal ini lebih dikarenakan Lerdorf hanya bekerja sendiri untuk mengembangkan PHP.Pada saat itulah Zeev Suraski dan Andi Gutmans, ikut mengambil bagian dan membuat ulang parsing engine yang menjadi dasar dari PHP agar lebih stabil. Dengan dukungan dari banyak programmer lainnya, Proyek PHP secara perlahan beralih dari proyek satu orang menjadi proyek massal yang lebih akrab kita kenal sebagai open-source project. PHP selanjutnya dikembangkan oleh The PHP Group yang merupakan kumpulan banyak programmer dari seluruh dunia. Setelah perilisan PHP 3.0, PHP semakin populer digunakan di seluruh dunia. Dan sejak saat itu, penggunaan PHP sebagai bahasa pemrograman web menjadi sebuah standar bagi programmer.

Segera setelahnya, Zeev Suraski, Andi Gutmans dan juga berbagai programmer di seluruh dunia mengembangkan PHP lebih jauh lagi dengan memperkenalkan banyak fitur lanjutan, seperti layer abstraksi antara PHP

(20)

9

dengan web server, menambahkan mekanisme thread-safety, dan two-stage parsing. Parsing baru ini dikembangkan oleh Zeev dan Andi, dan dinamakan Zend engine. Akhirnya pada 22 May 2000 diluncurkan PHP 4.0 5. PHP: Hypertext Preprocessor 5

Versi PHP terakhir hingga saat ini, yaitu PHP 5.x diluncurkan pada 13 Juli 2004. PHP 5 telah mendukung penuh pemrograman object dan peningkatan performa melalui Zend engine versi 2.Beberapa penambahan fitur meliputi PDO (PHP Data Objects) untuk pengaksesan database, closures, trait, dan namespaces.

Karena beberapa alasan seperti kurangnya programmer dan performa yang tidak memuaskan, pengembangan PHP 6 dihentikan dan fitur yang ada dimasukkan ke dalam PHP 5.

Core engine PHP 7 berasal dari proyek eksperimen phpng (PHP next generation), yang dikembangkan Dmitry Stogov, Xinchen Hui dan Nikita Popov. Proyek ini menggunakan pendekatan modern agar PHP diproses dengan lebih cepat seperti memakai teknik just-in-time (JIT) compiler.Selain performa yang meningkat, terdapat beberapa fitur baru di PHP 7, seperti combined comparison operator atau dikenal dengan spaceship operator “<=>”, anonymous classes, dan dukungan yang lebih stabil untuk server 64-bit.

Beberapa fitur yang sudah ‘usang’ (deprecated) juga dihapus, seperti penulisan PHP dengan ASP style <% %> dan tag <script language=php>

</script>. Kedua cara ini sudah tidak bisa digunakan lagi.

2.3.2 Kelebihan dan Kelemahan PHP

Berikut kelebihan PHP dari antara pemrograman web lainnya:

1. Bisa membuat Web menjadi Dinamis.

2. PHP bersifat Open Source yang berarti dapat digunakan oleh siapa saja secara gratis.

(21)

3. Program yang dibuat dengan PHP bisa dijalankan oleh Semua Sistem Operasi karena PHP berjalan secara Web Base yag artinya semua Sistem Operasi bahkan HP yang mempunyai Web Browser dapat menggunakan program PHP.

4. Aplikasi PHP lebih cepat dibandingkan dengan ASP maupun Java.

5. Mendukung banyak paket Database seperti MySQL, Oracle, PostgrSQL, dan lain-lain.

6. Bahasa pemrograman PHP tidak memerlukan Kompilasi / Compile dalam penggunaannya.

7. Banyak Web Server yang mendukung PHP seperti Apache, Lighttpd, IIS dan lain-lain.

8. Pengembangan Aplikasi PHP mudah karena banyak Dokumentasi, Refrensi &

Developer yang membantu dalam pengembangannya.

9. Banyak bertebaran Aplikasi & Program PHP yang Gratis & Siap pakai seperti WordPress, PrestaShop, dan lain-lain.

Disisi lain PHP memiliki kelemahan seperti berikut:

1. Banyak kompetisi 2. Mudah dibajak

3. Terkesan kurang pretegeous 4. Tidak memiliki tipe data

5. Tidak ideal untuk pengembangan skala besar

2.4 HTML

HTML merupakan singkatan dari HyperText Markup Language yang jika diterjemahkan berarti bahasa markah hiperteks. Bagi programmer web, HTML merupakan bahasa pertama yang wajib dikuasai. Mengapa demikian? Untuk memahami pentingnya HTML maka kita perlu tahu apa itu HTML sebenarnya dengan mempelajari pengertian dan fungsinya beserta cara kerjanya.

HTML dapat diumpamakan sebagai struktur bangunan pada rumah yang mendefinisikan dimana letak atap, dinding, lantai, candela dan lainnya. Sedangkan HTML dapat mendefinisikan judul, konten, sidebar, footer dan lainnya pada halaman web. Oleh karena itu, HTML pasti digunakan dalam membuat sebuah

(22)

11

website. Jika kita membuka website-website yang ada di internet pasti kita temui HTML disana.

Pada kepanjangan HTML disebutkan bahwa HTML merupakan hypertext artinya lebih dari teks biasa. Maksudnya adalah tidak seperti teks di buku, teks ini memungkinkan kita untuk mengakses teks lain dari link yang ada pada halaman tersebut. Dengan demikian dokumen akan saling terhubung. Hal ini terdengar biasa saat ini namun pada tahun 1990 ini adalah penemuan yang luar biasa.

Fungsi utama HTML adalah sebagai struktur halaman web yang memberikan aturan tentang bagaimana halaman dan konten web tersebut ditampilkan. Web browser merender berdasarkan tag yang tertulis pada file HTML yang kemudian ditampilkan sesuai aturan yang ada. HTML bekerja dengan cara menandai suatu objek dengan kode pembuka dan penutup sesuai ketentuan yang ada. Lalu web browser menterjemahkannya sesuai dengan kode yang tertulis, kemudian menampilkannya.

2.5 CSS

Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman (Wikipedia). CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan pada dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS distandardisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

(23)

Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS3 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /table layout dan media tipe untuk printer. Kehadiran versi CSS yang ketiga diharapkan lebih baik dari versi pertama dan kedua.

CSS3 juga dapat melakukan animasi pada halaman website, di antaranya animasi warna hingga animasi 3D. Dengan CSS3 desainer lebih dimudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada CSS3 seperti: multiple background, border-radius, drop-shadow, border-image, CSS Math, dan CSS Object Model.

2.6 Database

Pengertian database menurut Bambang Hariyanto (2004) adalah kumpulan data (elementer) yang secara logic berkaitan dalam mempresentasikan fenomena/fakta secara terstruktur dalam domain tertentu untuk mendukung aplikasi dalam system tertentu”.

Dari definisi diatas maka dapat disimpulkan bahwa database adalah kumpulan dari item data yang saling berhubungan satu dengan yang lainnya yang diorganisasikan berdasarkan sebuah skema atau struktur tertentu, yang kelak dapat dimanfaatkan kembali dengan cepat dan mudah.

Alasan diperlukan Database antara lain :

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

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

(24)

13

c. Informasi dapat dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya.

d. Mengurangi duplikasi data (data redudancy).

e. Hubungan data dapat ditingkatkan (data relatability).

f. Mengurangi pemborosan tempat simpanan luar.

2.7 MYSQL

MySQL adalah sebuah database management system (manajemen basis data) menggunakan perintah dasar SQL (Structured Query Language) yang cukup terkenal dan sudah dipakai lebih dari 6 juta pengguna diseluruh dunia. Berbagai sumber menyatakan, bahkan juga di situs MySQL sendiri bahwa “My” dari MySQL berasal dari nama anak perempuan Monty. Namun seperti kutipan diatas, Monty pun mengakui bahwa selama ia di TcX, library dan aplikasi yang dikembangkan perusahaan itu juga banyak dimulai dengan awalan “My”. MySQL masuk ke dalam jenis RDBMS (Relational Database Management System), maka dari itu, istilah semacam baris, kolom, tabel, dipakai pada MySQL. Contohnya di dalam MySQL sebuah database terdapat satu atau beberapa tabel. SQL sendiri merupakan suatu bahasa yang dipakai di dalam pengambilan data pada relational database atau database yang terstruktur. Jadi MySQL adalah database management system yang menggunakan bahasa SQL sebagai bahasa penghubung antara perangkat lunak aplikasi dengan database server.

SQL merupakan bahasa pemrograman yang perlu dipahami karena dapat merelasikan antara beberapa tabel dengan database maupun antar database. Ada tiga bentuk SQL yang perlu Anda ketahui, yaitu Data Definition Language (DDL), Data Manipulation Language(DML), dan Data Control Language (DCL).

1. Data Definition Language (DDL)

DDL berguna pada saat Anda ingin mendefinisikan data di dalam database.

Terdapat beberapa query yang dikelompokkan ke dalam DDL, yaitu:

Argumen DDL di atas perlu Anda pahami karena merupakan dasar penggunaan SQL di bagian awal pembuatan database. Contohnya saja jika belum menjalankan

(25)

perintah “CREATE”, Anda belum bisa melanjutkan penggunaan argumen yang lainnya.

2. Data Manipulation Language (DML)

DML dapat Anda pakai setelah menjalankan perintah DDL. DML berfungsi untuk memanipulasi, mengubah, atau mengganti isi dari database (tabel) yang sudah ada.

3. Data Control Language (DCL)

DCL berguna untuk memberikan hak akses database, mendefinisikan space, mengalokasikan space, dan melakukan audit penggunaan database.

2.8 XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. XAMPP memiliki beberapa fungsi yaitu sebagai berikut:

1. Setting Database phpMyAdmin

Dengan menggunakan XAMPP user bisa mengakses halaman phpMyAdmin untuk mengedit, menghapus, menambah database, dan menambahkan user dan tidak perlu khawatir terjadi error database karena semua perubahan yang dilakukan hanya pada server lokal komputer.

2. Install WordPress Offline

XAMPP berguna untuk menjalankan Apache, MariaDB, dan PHP pada localhost atau komputer tanpa harus ada koneksi internet. Dengan Adanya XAMPP akan mempermudah pekerjaan frontend dan backend developer. Karena mereka dapat melakukan testing pada program sebelum nantinya akan diupload ke server online website.

(26)

15

3. Menjalankan Laravel Pada Komputer

Laravel adalah salah satu framework php yang dipakai untuk mempermudah developer dalam mengembangkan website. Dengan menjalankan Laravel pada localhost komputer Anda menggunakan XAMPP, Anda jadi lebih mudah untuk memodifikasi script dan membuat fitur baru website tanpa harus takut merusak kode inti website yang ada di server.

2.9 Javascript

Javascript mulanya bernama LiveScript, dikembangkan pertama kali tahun 1995 di Netscape Microsystem berkolaborasi dan menggantikan nama LiveScript menjadi Javascript. Javascript adalah bahasa skrip yang ditempatkan pada kode HTML dan diproses pada sisi klien. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjadi lebih luas.

(27)

BAB 3

METODE PENELITIAN DAN PERANCANGAN SISTEM

3.1 Metode Penelitian

Metode ini merupakan metode yang sering digunakan oleh penganalisa sistem pada umumnya. Secara garis besar Metode Waterfall mempunyai langkah- langkah sebagai berikut : Analisa, Desain, Penulisan, Pengujian dan Penerapan serta Pemeliharaan. (Kadir, 2003)

1. Analisis

Langkah ini merupakan analisa terhadap kebutuhan sistem. Pengumpulan data dalam tahap ini dilakukan melalui data-data pribadi di PT Putra Bragas Mandiri.

2. Desain

Setelah terkumpul data – data dan informasi yang dikumpulkan, penulis akan mendesain sistem aplikasi sesuai dengan yang telah dirancang. Untuk itu dilakukan penuangan pikiran dan perancangan sistem terhadap solusi dari permasalahan yang ada dengan menggunakan perangkat pemodelan sistem seperti diagram alir data (data flow diagram), diagram hubungan entitas (entity relationship diagram) serta struktur dan bahasan data.

3. Penulisan Kode Program

Penulisan kode program atau coding merupakan penerjemahan design dalam bahasa yang bisa dikenali oleh komputer. Maka penulis menggunakan pemrograman PHP dan MySQL untuk membuat sistem aplikasi penggajian ini.

4. Pengujian Program

Tahapan akhir dimana sistem yang baru diuji kemampuan dan keefektifannya sehingga didapatkan kekurangan dan kelemahan sistem yang kemudian dilakukan pengkajian ulang dan perbaikan terhadap aplikasi menjadi lebih baik dan sempurna.

5. Penerapan Program dan Pemeliharaan

Perangkat lunak yang sudah disampaikan kepada pengguna pasti akan

(28)

17

mengalami perubahan. Perubahan tersebut bisa karena mengalami kesalahan karena perangkat lunak harus menyesuaikan dengan lingkungan (periperal atau sistem operasi baru) baru, atau karena user membutuhkan perkembangan fungsional.

3.2 Perancangan Sistem

Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan user (pemakai) mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan. Perancangan sistem adalah suatu upaya untuk membuat suatu sistem yang baru yang belum ada sebelumnya.

Desain sistem secara umum mengidentifikasikan komponen-komponen sistem informasi yang akan didesain secara terinci. Desain terinci dimaksudkan untuk pemogram komputer dan ahli teknik lainnya yang akan mengimplementasikan sistem.

3.2.1 Perancangan Diagram Konteks

Diagram konteks dari sistem penggajian berbasis website yaitu :

Gambar 3.1 Diagram Konteks

(29)

3.2.2 Perancangan Data Flow Diagram (DFD)

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. Adapun Data Flow Diagram yang penulis ajukan, yaitu :

Gambar 3.2 Data Flow Diagram (DFD)

3.2.3 Flowchart Admin

Berikut adalah alur flowchart Admin untuk aplikasi yang dibangun:

(30)

19

3.2.4 Flowchart User

Berikut adalah alur Flowchart User untuk aplikasi yang dibangun :

Gambar 3.4 Flowchart User

3.2.5 Entity Relationship Diagram (ERD)

Berikut adalah Entity Relationship Diagram (ERD) untuk aplikasi yang dibangun :

(31)

3.2.6 Perancangan Antar Muka Website

Berikut adalah bentuk rencana perancangan user interface yang akan dibangun.

1. Tampilan User a. Home

Gambar 3.6 Tampilan Menu Utama User

Gambar 3.7 Tampilan Lanjutan Menu Utama User

(32)

21

Gambar 3.8 Tampilan Lanjutan Menu Utama User b. About

Gambar 3.9 Tampilan About c. Contact Us

Gambar 3.10 Tampilan Contact Us

(33)

2. Tampilan Admin a. Login

Gambar 3.11 Tampilan Login Admin b. Halaman Admin

Gambar 3.12 Tampilan Halaman Admin

(34)

BAB 4

HASIL DAN IMPLEMENTASI SISTEM

4.1 Hasil

Sistem Informasi P3MI pada PT Putra Bragas Mandiri Berbasis Web dilakukan menggunakan bahasa pemograman PHP dengan menggunakan basis data MySQL. Aplikasi PHP dapat dijalankan pada Operating System Windows 10. Pada sistem ini pengaksesan sistem pada awalnya sama lalu dibedakan menjadi dua bagian, yaitu bagian admin yang mempunyai hak akses untuk masuk ke dalam halaman admin untuk memperoleh data-data yang telah terkumpul. Kedua bagian user, dalam bagian ini adalah user hanya dapat melihat informasi yang terdapat didalam website ini dan mendaftarkan dirinya menjadi calon pekerja dengan mengisikan informasi mengenai data pribadi. Beberapa hal yang menjadi batasan perangkat lunak:

1. Basis data yang digunakan dalam Sistem Informasi ini adalah MySQL.

2. Hak akses melihat data user hanya dapat dilakukan oleh admin.

3. User tidak mempunyai hak akses melihat data yang terkumpul.

Pengembangan perangkat lunak menggunakan Apache(4.1.10), PHP dan MySQL(10.9). Apache digunakan sebagai perangkat lunak untuk web server, PHP digunakan sebagai perangkat lunak pengembang karena menyediakan fasilitas untuk membuat perangkat lunak berbasis web, sedangkan MySQL digunakan sebagai perangkat lunak pengembang dalam pembuatan basis data.

4.2 Implementasi Sistem

Implementasi sistem adalah langkah-langkah yang dilakukan dalam menyelesaikan desaian sistem yang telah disetujui, untuk menguji, menginstal dan memulai sistem baru. Implementasi yang telah sesuai harus diuji coba sehingga dapat diketahui kehandalan dari sistem yang ada telah sesuai dengan apa yang diinginkan. Tujuan implementasi sistem ini adalah :

(35)

disetujui.

2. Menulis, menguji dan mendokumentasikan program-program dan prosedur yang dilakukan oleh dokumen desain sistem yang disetujui.

3. Memastikan bahwa personil dapat menggunakan sistem baru yang ada yaitu dengan mempersiapkan pemakai dan melatih personil.

4. Memperhitungkan bahwa desain sistem memenuhi permintaan pemakai yaitu dengan menguji sistem secara keseluruhan.

5. Memastikan bahwa konversi ke sistem baru berjalan secara benar yaitu dengan merencanakan, mengontrol dan melakukan instansi sistem baru secara benar.

(36)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem informasi berbasis Website. Maka dapat penulis simpulkan: dengan adanya website ini maka calon pekerja akan mudah untuk mengetahui informasi mengenai P3MI dan mempermudah pemilik perusahaan untuk mendapat informasi mengenai calon pekerja.

5.2 Saran

Dalam implementasinya tentu aplikasinya belum sempurna, penulis banyak menerima saran agar aplikasi ini menjadi lebih baik lagi. Adapun saran yang penulis terima dan dapat berikan untuk membuat aplikasi ini menjadi lebih baik lagi adalah sebagai berikut:

1. Aplikasi penjualan karangan bunga dikembangkan secara terintegrasi dengan sistem lain.

(37)

Kadir A, 2003. Pengenalan Sistem Informasi. Andi. Yogyakarta.

Kadir A, 2003. Pemrograman WEB mencakup: HTML, CSS, Java Script

& PHP. Andi. Yogyakarta.

Anhar, Panduan menguasai PHP & Mys, Jakarta: Media kita, 2010.

Kadir A, 2005. Dasar Pemprograman Web dengan ASP. Andi yogyakarta:

Yogyakarta.

Hariyanto B, 2004. Sistem Manajemen Basis Data. Bandung: Informarika.

Ginting, Kharisma S, 2009. Sistem Informasi Penggajian Pegawai Di SMA Methodist 1 Medan. Medan: Universitas Sumatera Utara.

Kristanto, Kupas Tuntas PHP dan MySQL, Klaten: penerbit cable book, 2010.

Konixbam, 2009. Web Based Versus Dekstop Based Application.

Mulyadi, 2001. Sistem Akuntansi. Edisi Ketiga, Cetakan Ketiga. Jakarta: Salemba.

Musligudin M, Oktafianto, 2016. Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. CV Andi Offset. Yogyakarta.

Kadir, Abdul. 2008.Tuntunan Praktis : Belajar Database Menggunakan MySQL.Yogyakarta : ANDI

(38)

LAMPIRAN PROGRAM

1. home.php

<!DOCTYPE HTML>

<head>

<title>about</title>

href="assets/css/bootstrap.css">

href="assets/css/noscript.css" /></noscript>

</head>

Bragas</a></h1>

class="special">

<h1><a href="index.php">Putra

<ul>

<li

id="menu">

<div

<ul>

(39)

<li><a href="about.html">About</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</nav>

</header>

</li>

</div>

</ul>

lanjut tentang kami</p>

style5">

bragas mandiri ?</h3>

<h2>about Page</h2>

<p>Mengetahui lebih

</header>

<section class="wrapper

<h3>pt putra

<p>PT Putra Bragas Mandiri adalah salah satu perusahaan legal P3MI yang sudah berdiri sejak tahun 2007 dan sukses menempatkan lebih dari 10.000 PMI ke beberapa negara seperti Hongkong, Singapura, Malaysia dan Taiwan serta memiliki kerja sama dengan Agensi di berbagai negara . Memiliki izin lengkap seperti Surat izin Usaha Perdagangan (SIUP), Nomor Induk Wajib Pajak (NPWP), Tanda Daftar Perusahaan (TDP) dan lainnya..</p>

<p>PT Putra Bragas Mandiri selalu mengajar dan mendidik PMI yang akan dikirimkan mengenai pengetahuan ataupun kemampuan yang akan diperlukan untuk bekerja di luar negeri, seperti pengetahuan tentang bahasa yang

(40)

akan digunakan, hingga pekerjaan yang akan dilakukan sampai para calon PMI siap dan diproses dengan baik dan tepat sampai ke negara yang dituju .</p>

<hr />

BLK</h4>

<h4>Memiliki

<p>PT Putra Bragas Mandiri juga memiliki Balai Latihan Kerja Luan Negeri (BLKLN) sendiri sehingga para calon PMI akan dilatih langsung oleh pihak PT dan dipastikan siap untuk bekerja..</p>

</div>

</section>

</article>

<br> Design: John Putra

PT Putra Bragas Mandiri

</div>

</footer>

</div>

<script

src="assets/js/jquery.scrollex.min.js"></script>

<script

src="assets/js/jquery.scrolly.min.js"></script>

<script

src="assets/js/breakpoints.min.js"></script>

3.5.1.slim.min.js" integrity="sha384-

(41)

DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"

crossorigin="anonymous"></script>

<script

src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstra

p.bundle.min.js" integrity="sha384-

Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"

</body>

</html>

2. admin.php

<?php

include 'session.php';

include 'koneksi.php';

?>

<!DOCTYPE HTML>

<head>

<title>Admin</title>

</head>

<h1><a href="#menu">Putra

(42)

<ul>

class="special">

<li

id="menu">

<div

<ul>

</ul>

</nav>

</header>

</li>

</div>

</ul>

terkumpul</p>

style5">

class="table">

scope="col">No</th>

scope="col">Nama</th>

scope="col">Email</th>

<h2>daftar cpmi</h2>

<p>data data yang sudah

</header>

<table

<thead>

<tr>

<th

(43)

scope="col">NIK</th>

scope="col">TTL</th>

scope="col">Alamat</th>

scope="col">No. Hp</th>

mysqli_query($conn,"SELECT * FROM tb_daftar");

mysqli_fetch_array($ambil)) {

scope="row"><?php echo $no++; ?></th>

echo $data['nama']; ?></td>

echo $data['email']; ?></td>

echo $data['nik']; ?></td>

echo $data['ttl']; ?></td>

echo $data['alamat']; ?></td>

echo $data['hp']; ?></td>

<th

</tr>

</thead>

<?php

$no=1;

$ambil =

while ($data =

?>

<tbody>

<tr>

<th

<td><?php

</tr>

</tbody>

<?php }

(44)

?>

</table>

</div>

</section>

</article>

</div>

</footer>

</div>

<script

(45)

</body>

</html>

3. contact.html

<!DOCTYPE HTML>

<head>

<title>Contact Us</title>

</head>

Bragas</a></h1>

class="special">

<ul>

<li

id="menu">

<div

<ul>

(46)

<li><a href="about.html">About</a></li>

</ul>

</nav>

</header>

</li>

</div>

</ul>

kami</p>

style5">

<h2>contact us</h2>

<p>hubungi langsung

</header>

<h3>alamat</h3>

<p>Jl. Raya Randugarut No.15, Wonosari, Kec. Ngaliyan, Kota Semarang, Jawa Tengah 50244</p>

<hr/>

<h3>email</h3>

<p>putrabragasmg@yahoo.com</p>

<hr />

<h3>Telephone</h3>

(47)

</div>

</section>

</article>

</div>

</footer>

</div>

<script

(48)

</body>

</html>

4. daftar.php

<!DOCTYPE HTML>

<head>

<title>Daftar</title>

</head>

Bragas</a></h1>

class="special">

<ul>

<li

id="menu">

<div

<ul>

(49)

</ul>

</nav>

</header>

</li>

</div>

</ul>

benar</p>

style5">

method="post">

class="form-group">

<h2>Daftar Sekarang</h2>

<p>Isi data dengan

</header>

<hr />

<form action=""

<div

<label for="formGroupExampleInput">Nama Lengkap</label>

<input

type="text" name="nama" class="form-control" id="nama"

placeholder="Nama Lengkap">

class="form-group">

</div>

<div

(50)

for="formGroupExampleInput">Email</label>

<label

<input

type="email" name="email" class="form-control" id="email"

placeholder="contoh@gmail.com">

class="form-group">

</div>

<div

<label

for="formGroupExampleInput2">Nomor Induk Kependudukan (NIK)</label>

<input

type="text" name="nik" class="form-control" id="nik"

placeholder="NIK">

class="form-group">

</div>

<div

<label for="formGroupExampleInput3">Tempat & Tanggal Lahir</label>

<input

type="text" name="ttl" class="form-control" id="ttl"

placeholder="Medan, 14-07-1990">

class="form-group">

for="formGroupExampleInput">Alamat Lengkap</label>

</div>

<div

<label

<input

type="text" name="alamat" class="form-control" id="alamatlengkap"

placeholder="Alamat Lengkap">

class="form-group">

for="formGroupExampleInput2">Nomor HP</label>

</div>

<div

<label

<input

type="text" name="hp" class="form-control" id="hp"

placeholder="Hp/Telephone">

</div>

(51)

<hr />

<button

type="submit" name="tombol" value="Daftar" class="btn btn- primary">Daftar</button>

</form>

<?php

if(isset($_POST['tombol'])){

include 'koneksi.php';

$daftar = mysqli_query($conn, "INSERT INTO tb_daftar VALUES(

NULL,

'".$_POST['nama']."',

'".$_POST['email']."',

'".$_POST['nik']."',

'".$_POST['ttl']."',

'".$_POST['alamat']."',

'".$_POST['hp']."')");

if($daftar){

echo "Daftar berhasil";

}else{

echo "gagal";

}

?>

(52)

</div>

</section>

</article>

</div>

</footer>

</div>

<script

</body>

</html>