Manual Book Pweb PDF [PDF]

Citation preview

UNIVERSITAS GUNADARMA



PRAKTIKUM PEMROGRAMAN WEBSITE



MANUAL BOOK “DATA SISWA” Nama NPM Fakultas Jurusan



: ANGGA WAHIDIN NASUTION ERICK DAMORA : 50416851 52416353 : Teknologi Industri : Teknik Informatika



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



BAB I PENDAHULUAN



Latar Belakang Teknologi informasi secara umum adalah kumpulan sumber daya informasi para penggunanya dan memanajemen yang menjalankannya. Teknologi ini terus berkembang menyesuaikan dengan perkembangan zaman yang juga menuntun pembaharuan dan kecepatan dalam menjalankan suatu pekerjaan dan pemanfaatan teknologi informasi. Data, informasi, dan pengetahuan merupakan hal yang berkaitan erat dengan teknologi informasi dalam menjalankan peran dan fungsinya sebagai kumpulan sumber daya informasi. Dewasa ini siswa di Indonesia sedang dalam perkembangan yang sangat pesat. Oleh karena itu dibutuhkan banyak website yang harus menyimpan data-data siswa. Sehingga data-data tersebut dapat disimpan dengan aman tanpa takut hilang. Data adalah catatan atas kumpulan fakta. Data kemudian diolah sehingga dapat diutarakan secara jelas dan tepat sehingga dapat dimengerti oleh orang lain yang tidak langsung mengalaminya sendiri, hal ini dinamakan deskripsi.



Tujuan Tujuan dari pembuatan website ini adalah menyajikan data-data mahasiswa ke bagian mahasiswa untuk melihat siapa saja yang aktif.



BAB II LANDASAN TEORI



Internet Untuk dapat mengakses sebuah alamat web, pengguna sangat bergantung dengan adanya internet. Internet (Interconnection-networking) merupakan suatu hubungan antar komputer dengan berbagai tipe yang membentuk sistem jaringan secara global melalui jalur telekomunikasi dengan menggunakan TCP/IP sebagai protokol. TCP(Transmission Control Protocol) berfungsi untuk memastikan dan mengatur apakah jalur yang digunakan untuk pengiriman data dapat digunakan dengan baik sedangkan IP (Internet Protocol) berfungsi untuk mentransmisikan data dari satu komputer ke komputer yang lainnya. Untuk mendapatkan fasilitas internet diperlukan internet service provider (ISP) atau penyelenggara jasa internet.



Website Website atau yang biasa disebut dengan ‘web’ merupakan kumpulan halaman yang saling terhubung guna untuk menyajikan infromasi dalam bentuk teks, gambar, data maupun file-file yang terkait, baik yang bersifat statis maupun dinamis. Kumpulan informasi tersebut ditampilkan kedalam bentuk halaman dan saling terhubung membentuk satu rangkaian melalui alamat unik internet. Kumpulan halaman yang berisi informasi juga sering disebut dengan istilah situs. Web terdiri dari page atau halaman, dan kumpulan halaman tersebut dinamakan dengan homepage. Homepage berada di posisi atas halaman suatu alamat dengan halaman-halaman yang terkait dibawahnya. Halaman yang terkait disebut dengan child page, yang berisi hyperlink ke halaman lain. Sebuah situs web dapat dibuka melalui sebuah program penjelajah (Browser) yang berada di komputer. Untuk membuka sebuah web digunakan sebuah server web yang dapat diakses melalui jaringan seperti internet, ataupun jaringan wilayah lokal (LAN) melalui alamat internal yang dikenali sebagai URL. Pada umumnya hampir semua situs web dapat diakses publik secara bebas, tetapi kenyataannya tidak semua situs memberikan kebebasan pengunjung dalam mengakses keseluruhan sebuah situs web. Beberapa diantaranya mengharuskan pengunjung untuk melakukan pendaftaran sebagai anggota bahkan meminta pembayaran untuk menjadi anggota dari web yang



bersangkutan agar dapat mengunjungi dan menggunakan web lebih bijak. Hal ini dilakukan untuk dalam menghormati privasi, alasan keamanan ataupun adanya untuk tujuan komersil.



Web Browser Browser merupakan program perangkat lunak yang berjalan pada suatu sistem tertentu yang berguna untuk membantu pengguna web dalam pengambilan informasi atau data dari suatu server komputer pada jaringan internet. Informasi disajikan dalam bentuk halaman yang berisi, teks, gambar maupun konten lainnya. Setiap halaman tersebut dapat memiliki link-link tersendiri untuk terhubung dengan halaman lainnya dalam menampilkan informasi menggunakan perangkat lunak seperti Mozila Firefox, Chrome, Internet Explorer dan masih banyak yang lainnya. Apabila suatu link dibuka maka browser akan mencari alamat dari tujuan link yang diminta dan akan mencarinya di web server. Jika browser menemukan alamat dari link tersebut, browser akan menampilkan informasi yang terkait. Jika browser tidak menemukan link yang dituju maka browser akan menampilkan pesan yang mengatakan bahwa alamat yang dituju tidak ditemukan.



Web Server Web Server merupakan sebuah penyedia layanan yang terdiri dari perangkat keras dan perangkat lunak untuk mengatur browser dan mengembalikan hasil kembali ke browser melalui jaringan internet. Setiap halaman web terdiri dari dari beberapa konten yang mencakup sebuah dokumen. Untuk menampilkan hasil dari dokumen tersebut maka diperlukan sebuah web server. Apabila alamat yang dituju oleh pengguna tersedia di web server, maka web browser akan menampilkan hasil dari penyimpanan dokumen sesuai dengan alamat web yang dituju oleh pengguna.



Hypertext Markup Language Hypertext Markup Language (HTML) adalah bahasa markah (markup) yang digunakan untuk membuat struktur dan menampilkan isi dari suatu halaman web. Disebut Markup Language karena bentuk penulisan HTML menggunakan tanda untuk menandai bagian-bagian dari isi teks. HTML mengandung link yang menghubungkan dari dan ke dokumen lain di satu situs web. Perintah dalam html menggunakan suatu penanda yang disebut dengan tag. Terdapat dua bentuk penulisan tag yaitu tag tanpa penutup dan tag penutup . HTML tidak



bersifat case sensitive sehingga penulisan huruf kecil dan huruf besar tidak menjadi masalah. Berikut stuktur umum penulisan HTML.



Hypertext Preprocessor PHP (Personal Home Page) atau yang lebih dikenal dengan Hypertext Preprocessor adalah sebuah bahasa pemrograman scripting sisi server (Server Side) yang digunakan untuk pembuatan aplikasi web. PHP disisipkan pada dokumen HTML yang kemudian akan diterjemahkan oleh server dan ditampilkan oleh browser. Pada saat dijalankan, sintaks dan perintah yang diberikan akan dijalankan sepenuhnya di sisi server bukan di sisi client. PHP dirancang sedemikian rupa untuk dapat bekerja sama dengan database server sehingga dalam pembuatan dokumen HTML dapat mengakses database menjadi lebih mudah.



Cascading Style Sheet Cascading Style Sheet (CSS) merupakan bahasa style sheet yang digunakan untuk membuat tampilan pada dokumen seperti penggunaan warna, tata letak dan tulisan menjadi lebih terstruktur dan seragam. Hal ini memungkinkan user agar dapat beradaptasi dengan presentasi web di berbagai tipe device. Penggunaan CSS tidak seperti penyisipan PHP di dokumen HTML, melainkan terpisah tidak bercampur dalam satu file. Hal ini bertujuan untuk membuat situs menjadi lebih terstruktur dan style dapat digunakan di halaman yang lain. CSS mempunyai 2 bagian utama, yaitu Selectors dan Deklarasi. Selectors adalah bagian elemen HTML yang dapat diubah, sedangkan Deklarasi terdiri dari nilai dan properti. Properti adalah suatu atribut style yang dapat diubah dan memiliki nilai.



Bootstrap Bootstrap adalah sebuah pustaka dari framework CSS yang dibuat khusus untuk pengembangan tampilan web. Pustaka ini terdiri dari beberapa jenis file yang diantaranya HTML, CSS dan JavaScript. Bootstrap memungkinkan sebuah tampilan web menjadi lebih responsif. Desain responsif adalah suatu metode yang menampilkan semua konten yang ada di halaman dan mengoptimalkannya pada perangkat yang melihatnya (Jake Spurlock, 2013). Bootstrap merancang kumpulan aturan dan kelas antarmuka untuk memudahkan pengembang dalam membangun tema



tampilan sebuah website. Untuk memperluas fitur dan interaksi terhadap halaman web, Bootstrap juga dilengkapi dengan JQuery.



MySQL SQL merupakan singkatan dari Structured Query Language adalah bahasa pemrograman open source yang digunakan untuk menyimpan, memanipulasi, dan mengambil data dalam basis data. Sedangkan MySQL merupakan database yang sangat populer digunakan untuk membangun aplikasi web sebagai sumber dan pengelola data. MySQL memiliki kinerja yang cepat, mudah digunakan dan cukup untuk memenuhi kebutuhan database yang digunakan oleh situs-situs di Internet dalam menyimpan data. Dalam penggunaannya, MySQL dapat didistribusikan untuk keperluan secara pribadi hingga digunakan secara komersil maka pemakai harus memiliki lisensi dari pembuatnya. MySQL merupakan database yang didukung oleh bahasa pemrograman script untuk internet (PHP dan Perl). MySQL dan PHP merupakan pasangan perangkat lunak pengembangan web yang stabil. Untuk membangun situs web yang menampilkan data dari database, berikut hal yang dibutuhkan yaitu : 1. Program database RDBMS (SQL Server, My SQL) 2. Menggunakan bahasa server-side seperti PHP atau ASP 3. Menggunakan data untuk mendapatkan data 4. Menggunakan HTML / CSS untuk menata halaman



XAMPP XAMPP (X=Cross Platform, Apache, MySQL, PHP dan Perl) merupakan sebuah software yang bersifat open source untuk menjalankan website berbasis PHP dan menggunakan pengolah data MySQL tanpa akses internet di Linux dan Windows. XAMPP dapat disebut juga dengan CPanel server virtual karena dapat melakukan preview website yang sedang dibangun tanpa harus online atau dengan akses internet. Fungsi XAMPP adalah sebagai server yang berdiri sendiri (localhost) dengan bantuan program lainnya yaitu Apache, HTTP server, MySQL, database, dan penterjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Pada XAMPP sudah terdapat aplikasi server seperti : a. Apache 2.2. 14 ( Ipv6 Enabled ) + Open SSL 0.9.81 b. MySQL 5.1.41 + PBXT engine



c. PHP 5.3.1 (dapat berubah sesuai dengan perkembangan versi PHP) d. PHPMyAdmin 3.2.4 e. Perl 5.10.1 f. Filezilla FTP Server 0.9.33 g. Mercury Mail Transport System 4.72



CodeIgniter CodeIgniter adalah sebuah web application network yang bersifat open source yang digunakan untuk membangun aplikasi php dinamis. CodeIgniter menjadi sebuah framework PHP dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP yang dapat mempercepat pengembang untuk membuat sebuah aplikasi web. Selain ringan dan cepat, CodeIgniter juga memiliki dokumentasi yang super lengkap disertai dengan contoh implementasi kodenya. Dokumentasi yang lengkap inilah yang menjadi salah satu alasan kuat mengapa banyak orang memilih CodeIgniter sebagai framework pilihannya. Karena kelebihan-kelebihan yang dimiliki oleh CodeIgniter, pembuat PHP Rasmus Lerdorf memuji CodeIgniter di frOSCon (Agustus 2008) dengan mengatakan bahwa dia menyukai CodeIgniter karena “it is faster, lighter and the least like a framework”.



BAB III PERANCANGAN DAN IMPLEMENTASI



Hal pertama yang dilakukan dalam membuat sebuah website adalah menggunakan tools seperti Codeigniter, SublimeText3 dan Web Browser Chrome. Karena website yang dibuat saat ini masih memakai server secara lokal, maka digunakan aplikasi XAMPP. Aplikasi ini memiliki peran penting dalam membuat sebuah website sebelum dilakukan hosting. Berikut langkahlangkah pembuatan projek website : 1. Buka XAMPP, kemudian hidupkan ‘Apache’ dan ‘MySQL’.



2. Selanjutnya buka direktori c:/, masuk ke folder XAMPP. Untuk menjalankan file dalam membuat sebuah website, digunakan folder yang berjudul ‘htdocs’. Pada folder ini buat folder baru dengan nama ‘4IA09’. Setelah membuat folder, siapkan file CodeIgniter yang sudah didownload kemudian letakkan di folder ‘4IA09’.



3. Selanjutnya, buat database baru dengan nama ‘Tokobangunin’. Untuk membuat database tersebut, ketikkan di browser Chrome localhost/pypmyadmin. Berikut tampilan dari phpMyAdmin : 4. Karena nanti pada projek ini diperlukan sebuah database untuk membuat login, buat tabel baru dengan nama dan ‘users’ dan produk.



5. Berikut tampilan website yang menggunakan CodeIgniter. Tampilan Halaman Utama website



Tampilan CREATE



Tampilan Edit



Tampilan Hapus



Tampilan halaman login



BAB IV KESIMPULAN DAN SARAN Kesimpulan Setelah melalui tahap perancangan, implementasi dan pengujian pada website tentang BUKU, maka dapat ditarik kesimpulan bahwa website ini dapat menyimpan menghapus dan meng edit data-data Buku. Saran Webiste ini sebaiknya memiliki tampilan yang lebih menarik tampilannya dan dapat difungsikan dengan baik untuk membuat akun baru. Untuk pengembangannya sebaiknya di tambahkan layanan yang lainnya seperti call center dan profil pengguna website.



LAMPIRAN



A. Controllers 1. Login.php







  Copyright ©

Erick Damora & Angga Wahidin Nasution