Manual Book [PDF]

Citation preview

PRAKTIKUM PEMROGRAMAN WEB



MANUAL BOOK “Database Daftar Mahasiswa” Nama Anggota : 1. Pradnya Krisnasari Kridono (54417720) 2. Rizqi Amalia Rais (55417367) Kelas Fakultas Jurusan PJ



: 4IA11 : Teknologi Industri : Teknik Informatika : (Sisy Agnia R)



Ditulis Guna Melengkapi Sebagian Syarat Praktikum Pemrograman Web Jenjang S1 Universitas Gunadarma 2020



1



DAFTAR ISI



DAFTAR ISI ................................................................................................................................... 2 BAB I .............................................................................................................................................. 3 PENDAHULUAN........................................................................................................................... 3 1.1 Latar Belakang ...................................................................................................................... 3 1.2 Tujuan ................................................................................................................................... 3 BAB II ............................................................................................................................................. 4 PEMBAHASAN ............................................................................................................................. 4 2.1 Pemrograman Web................................................................................................................ 4 2.1.1 Website........................................................................................................................... 4 2.1.2 Web Server..................................................................................................................... 5 2.1.3 Web Browser.................................................................................................................. 6 2.2 Bahasa Pemrograman............................................................................................................ 6 2.2.1 Hypertext Markup Language (HTML) .......................................................................... 6 2.2.2 PHP ................................................................................................................................ 7 2.3 Basis Data ............................................................................................................................. 7 2.3.1 MySql ............................................................................................................................. 7 2.4 Software Pendukung ............................................................................................................. 8 2.4.1 Phpmyadmin .................................................................................................................. 8 2.4.2 WAMP ........................................................................................................................... 8 2.4.3 Sublime Text .................................................................................................................. 8 BAB III.......................................................................................................................................... 10 ANALISA DAN PERANCANGAN ............................................................................................ 10 3.1 Tahap Pembangunan Sistem ............................................................................................... 10 BAB IV ......................................................................................................................................... 20 PENUTUP ..................................................................................................................................... 20 4.1 Kesimpulan ......................................................................................................................... 20 4.2 Saran.................................................................................................................................... 20



2



BAB I PENDAHULUAN



1.1 Latar Belakang Dengan memanfaatkan kemajuan teknologi sangat penting bagi suatu perusahaan, bahkan di jaman seperti sekarang ini hampir semua perusahaan mempunyai website untuk berbagai keperluan. Dengan memanfaatkan website, perusahaan dapat mengurangi pekerjaan yang sebelumnya menggunakan sistem manual. Sistem manual memang bagus untuk perusahaan kecil tetapi untuk perusahaan maju dan berkembang haruslah menggunakan sistem yang ter-otomatisasi karena tidak memungkinkan jika menggunakan sistem manual secara terus - menerus, karena suatu data pasti bertambah banyak seiring dengan waktunya. Website saat ini muncul karena adanya kebutuhan pasar serta masyarakat yang semakin tinggi dibidang teknologi. Website saat ini tidak hanya menyediakan jasa atau sebagai company profile terhadap suatu perusahaan, tetapi juga menjadi tempat jual dan beli, hiburan, forum, dan berbagai kreativitas lainnya yang dapat menunjang dan memiliki daya tarik lebih untuk menarik pasar dan konsumennya agar memakai jasanya atau sekedar melihat. Website merupakan keseluruhan halaman web yang mengandung informasi yang sangat besar yang terdapat dalam sebuah domain. Informasi yang ada di dalam web dipresentasikan ke dalam sebuah halaman web yang terbentuk dari sekumpulan teks, grafik, gambar, suara, dan video.



1.2 Tujuan Tujuan dari penulisan ini adalah merancang suatu web sederhana agar mampu menambah, memperbaharui, menyimpan dan menampilkan data daftar mahasiswa yang disimpan dalam database.



3



BAB II PEMBAHASAN



2.1 Pemrograman Web Pemrograman web diambil dari 2 suku kata yaitu pemrograman dan web. Pemrograman diartikan proses, cara, perbuatan program. Definisi Web : jaringan komputer yang terdiri dari kumpulan situs internet yang menawarkan teks dan grafik dan suara dan sumber daya animasi melalui protokol transfer hypertext. Orang banyak mengenal web dengan istilah WWW (world wide web), World Wide Web adalah layanan internet yang paling populer saat ini internet mulai dikenal dan digunakan secara luas setelah adanya layanan WWW. WWW adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra belantara informasi. WWW berjalan



dengan



protokol



HyperText



Transfer



Protokol



(HTTP).



Halaman Web merupakan file teks murni (plain text) yang berisi sintaks-sintaks HTML yang dapat dibuka/ dilihat/ diterjemahkan dengan Internet Browser. Sintaks HTML mampu memuat konten text, gambar, audio, video dan animasi.



2.1.1 Website Website adalah sering juga disebut Web, dapat diartikan suatu kumpulan-kumpulan halaman yang menampilkan berbagai macam informasi teks, data, gambar diam ataupun bergerak, data animasi, suara, video maupun gabungan dari semuanya, baik itu yang bersifat statis maupun yang dinamis, yang dimana membentuk satu rangkaian bangunan yang saling berkaitan dimana masingmasing dihubungkan dengan jaringan halaman atau hyperlink.



Atau definisi website adalah kumpulan dari berbagai macam halaman situs, yang terangkum didalam sebuah domain atau juga subdomain, yang lebih tempatnya berada di dalam WWW (World Wide Web) yang tentunya terdapat di dalam Internet. Halaman website biasanya berupa dokumen yang ditulis dalam format Hyper Text Markup Language (HTML), yang bisa diakses



4



melalui HTTP, HTTP adalah suatu protokol yang menyampaikan berbagai informasi dari server website untuk ditampilkan kepada para user atau pemakai melalui web browser.



Jenis-jenis website ada 3 (tiga) macam diantaranya, bisa dibaca dibawah ini:



•



Website Statis Adalah suatu website yang mempunyai halaman yang tidak berubah. Yang artinya adalah untuk melakukan sebah perubahan pada suatu halaman hanya bisa dilakukan secara manual yitu dengan cara mengedit kode-kode yang menjadi struktur dari website itu sendiri.



•



Website Dinamis Adalah merupakan suatu website yang secara strukturnya diperuntukan untuk update sesering mungkin. Biasanya selain dimana utamanya yang bisa diakses oleh para pengguna (user) pada umumnya, juga telah disediakan halaman backend yaitu untuk mengedit kontent dari website tersebut. Contoh dari website dinamis seperti web berita yang didalamnya terdapat fasilitas berita, dsb.



•



Website Interaktif Adalah suatu website yang memang pada saat ini memang terkenal. Contohnya website interaktif seperti forum dan blog. Di website ini para pengguna bisa berinteraksi dan juga beradu argument mengenai apa yang menjadi pemikiran mereka.



2.1.2 Web Server Web server adalah sebuah software yang memberikan layanan berbasis data dan berfungsi menerima permintaan dari HTTP atau HTTPS pada klien yang dikenal dan biasanya kita kenal dengan nama web browser (Mozilla Firefox, Google Chrome) dan untuk mengirimkan kembali yang hasilnya dalam bentuk beberapa halaman web dan pada umumnya akan berbentuk dokumen HTML. Salah satu contoh dari Web Server adalah Apache. Apache (Apache Web Server – The HTTP Web Server) merupakan web server yang paling banyak dipergunakan di Internet. Program ini pertama kali didesain untuk sistem operasi lingkungan UNIX. Apache mempunyai program



5



pendukung yang cukup banyak. Hal ini memberikan layanan yang cukup lengkap bagi penggunanya. Beberapa dukungan Apache : •



Kontrol Akses Kontrol ini dapat dijalankan berdasarkan nama host atau nomor IP CGI (Common Gateway Interface) Yang paling terkenal untuk digunakan adalah perl (Practical Extraction and Report Language), didukung oleh Apache dengan menempatkannya sebagai modul (mod_perl)



•



PHP (Personal Home Page/PHP Hypertext Processor) Program dengan metode semacam CGI, yang memproses teks dan bekerja di server. Apache mendukung PHP dengan menempatkannya sebagai salah satu modulnya (mod_php). Hal ini membuat kinerja PHP menjadi lebih baik



•



SSI (Server Side Includes)



2.1.3 Web Browser Web browser merupakan aplikasi yang bisa menjelajahi, menyajikan, maupun mengambil konten yang ada di berbagai sumber informasi pada jaringan internet atau WWW. Pengertian dari web browser juga sering disebut dengan suatu perangkat lunak dengan fungsi yang dimilikinya sebagai penerima, pengakses, penyaji berbagai informasi di internet.



2.2 Bahasa Pemrograman 2.2.1 Hypertext Markup Language (HTML) HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah Web Browser. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML, HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan standar Internet yang saat ini dikendalikan oleh World Wide Web Consortium (W3C). Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML. 6



2.2.2 PHP PHP Adalah bahasa scripting server-side, Bahasa pemrograman yang digunakan untuk mengembangkan situs web statis atau situs web dinamis atau aplikasi Web. PHP singkatan dari Hypertext Pre-processor, yang sebelumnya disebut Personal Home Pages. Script sendiri merupakan sekumpulan instruksi pemrograman yang ditafsirkan pada saat runtime. Sedangkan Bahasa scripting adalah bahasa yang menafsirkan skrip saat runtime. Dan biasanya tertanam ke dalam lingkungan perangkat lunak lain. Karena php merupakan scripting server-side maka jenis bahasa pemrograman ini nantinya script/program tersebut akan dijalankan/diproses oleh server. Berbeda dengan javascript yang client-side. PHP adalah bahasa pemrograman umum yang berarti php dapat disematkan ke dalam kode HTML, atau dapat digunakan dalam kombinasi dengan berbagai sistem templat web, sistem manajemen konten web, dan kerangka kerja web.



2.3 Basis Data Database adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut. Database adalah representasi kumpulan fakta yang saling berhubungan disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu, untuk memenuhi berbagai kebutuhan. Database merupakan sekumpulan informasi yang saling berkaitan pada suatu subjek tertentu pada tujuan tertentu pula. Database adalah susunan record data operasional lengkap dari suatu organisasi atau perusahaan, yang diorganisir dan disimpan secara terintegrasi dengan menggunakan metode tertentu dalam komputer sehingga mampu memenuhi informasi yang optimal yang dibutuhkan oleh para pengguna.



2.3.1 MySql MySQL adalah sebuah DBMS (Database Management System) menggunakan perintah SQL (Structured Query Language) yang banyak digunakan saat ini dalam pembuatan aplikasi berbasis website. MySQL dibagi menjadi dua lisensi, pertama adalah Free Software dimana perangkat 7



lunak dapat diakses oleh siapa saja. Dan kedua adalah Shareware dimana perangkat lunak berpemilik memiliki batasan dalam penggunaannya. MySQL termasuk ke dalam RDBMS (Relational Database Management System). Sehingga, menggunakan tabel, kolom, baris, di dalam struktur database -nya. Jadi, dalam proses pengambilan data menggunakan metode relational database. Dan juga menjadi penghubung antara perangkat lunak dan database server.



2.4 Software Pendukung 2.4.1 Phpmyadmin Phpmyadmin adalah sebuah aplikasi open source yang berfungsi untuk memudahkan manajemen MySQL. Dengan menggunakan phpmyadmin, anda dapat membuat database, membuat tabel, menginsert, menghapus dan mengupdate data dengan GUI dan terasa lebih mudah, tanpa perlu mengetikkan perintah SQL secaramanual. PHPMyAdmin merupakan front-end MySQL berbasis web. PHPMyAdmin dibuat dengan menggunakan PHP. Saat ini, PHPMyAdmin banyak digunakan dalam hampir semua penyedia hosting yang ada di internet. PHPMyAdmin mendukung berbagai fitur administrasi MySQL termasuk manipulasi database, tabel, index dan juga dapat mengeksport data ke dalam berbagai format data. PHPMyAdmin juga tersedia dalam 50 bahasa lebih, termasuk bahasa Indonesia. 2.4.2 WAMP WAMP adalah singkatan untuk Windows (OS), Apache (web server), MySQL (database), PHP (bahasa). Keuntungan terbaik menggunakan wamp adalah bahwa sangat mudah untuk setup konfigurasi di wamp. 2.4.3 Sublime Text Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat berjalan diberbagai platform operating system dengan menggunakan teknologi Phyton API. Sublime Text mendukung berbagai bahasa pemrograman dan mampu menyajikan fitur syntax didukung



highlight



ataupun



hampir



dikembangkan



di oleh



semua



bahasa



komunitas seperti;



pemrogramman C,



C++,



yang



C#, CSS,



D,



Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, MATLAB,



OCaml,



Perl,



PHP,



Python,



R,



Ruby,



SQL,



TCL,



Textile 8



and



XML.



terdukung



Biasanya



bagi



secara default



bahasa dapat



pemrograman lebih



yang



didukung



dimaksimalkan



atau



ataupun



didukung



belum dengan



menggunakan add-ons yang bisa didownload sesuai kebutuhan user.



9



BAB III ANALISA DAN PERANCANGAN Dalam bab ini akan membahas mengenai beberapa tahapan dalam membangun sebuah website yaitu analisa dan perancangan.



3.1 Tahap Pembangunan Sistem Pada tahap ini rancangan web yang sudah dibuat mulai dikerjakan dan diimplementasikan. Langkah pertama yang harus dilakukan adalah menginstall beberapa software pendukung yang diperlukan seperti WAMP dan Sublime (text editor) pada laptop atau PC yang akan digunakan. Jika semua software yang diperlukan sudah terinstall dan dapat dijalankan kemudian buka WAMP Control Panel dan aktifkan dengan meng-klik tombol “Run as administrator” seperti pada gambar dibawah ini.



Setelah module berhasil diaktifkan langkah selanjutnya adalah membuka folder “wamp” yang tersimpan didalam Local Disk (C:). Kemudian buka folder “www” dan buat sebuah folder baru yang bernama “crud-mahasiswa”. Folder ini nantinya akan diisi dengan file-file yang berisi source code untuk membangun website tersebut. Untuk penyimpanan dan isi dari folder “crudmahasiswa” dapat dilihat pada gambar dibawah ini.



10



Pada file “tampil_mahasiswa.php”, source kode dibawah ini berguna untuk menambahkan atau mengganti untuk judul yang ingin ditampilkan.



Pada file “tampil_mahasiswa.php”, source kode dibawah ini berguna untuk membuat panel “Daftar Mahasiswa” yang nantinya akan diisi dengan button dan database mahasiswa.



Pada file “tampil_mahasiswa.php”, source kode dibawah ini berguna untuk membuat tabel Daftar Mahasiswa yang berisi No, NIM, Nama Mahasiswa, Alamat, Telp dan Pilihan.



11



Pada file “tampil_mahasiswa.php”, source kode dibawah ini berguna untuk mengisi index dari tabel yang dibuat.



Pada file “tampil_mahasiswa.php”, source kode dibawah ini berguna untuk menambahkan button Ubah dan Hapus.



phpMyAdmin



Kemudian pilih New



12



Kemudian akan muncul tampilan untuk create database, buat Basis Data baru dengan nama “mahasiswa_db”.



Kemudian import file “mahasiswa_db”



Pilih file yang akan diimport. Buka Local Disk (C:) → buka folder wamp → pilih folder www→ pilih folder crud-mahasiswa → pilih file mahasiswa → klik open → scroll ke bawah dan klik kirim.



13



Setelah itu buka folder mahasiswa_db dan akan muncul tampilan seperti gambar dibawah ini.



14



Lalu jalankan program seperti gambar dibawah ini



Lakukan penambahan data mahasiswa dengan cara meng-klik button Tambah Data. Setelah dikilk maka akan muncul form Tambah Data mahasiswa seperti pada gambar dibawah ini.



15



Masukkan data baru seperti pada gambar dibawah ini kemudian simpan data.



Dapat dilihat perubahan data setelah ditambahkan data baru.



16



Lakukan update data dengan memperbaharui data daftar mahasiswa dngan nim 51288921



Lakukan update data dengan mengubah alamat.



17



Dapat dilihat perubahan data pada gambar dibawah ini.



Lakukan perubahan data dengan menghapus data daftar mahasiswa dengan nim 55497876



18



Setelah mengklik button hapus.



.



19



BAB IV PENUTUP



4.1 Kesimpulan Dengan adanya praktikum pemrograman web ini dapat menambah pengetahuan dalam membuat web, sehingga dalam penulisan ini dibuatlah web sederhana yang mengelola data mahasiswa ke database dengan sistem real time yang dapat melakukan create, input, update, dan delete.



4.2 Saran Dalam penulisan ini masih terdapat banyak kekurangan, dalam penulisannya maupun pembuatan web yang memiliki tampilan masih sederhana.



20