Postingan

EAS Pemrograman Web 2022

Gambar
Nama: Elbert Dicky Aristyo NRP: 5025201231 Kelas: PWEB B  Untuk EAS ini, saya akan merancang aplikasi pendaftaran dan pelaksanaan ujian untuk seleksi pegawai dari Kementerian Kelautan dan Perikanan. Alur Aplikasi: - Calon Pendaftar membuat user name dengan verifikasi data KTP. - Calon Pendaftar mengupload berkas pendaftaran dan foto diri. - Panitia memverifikasi berkas pendaftaran. Bagi peserta yang lolos berkas, diberi akses mencetak kartu ujian masuk. - Pendaftar yang lolos verifikasi, mencetak kartu ujian. Kartu Peserta ujian seperti nampak pada gambar di atas. - Pendaftar melaksanakan ujian secara offline sesuai dengan lokasi yang ditentukan. Deskripsi Aplikasi:     Berdasarkan alur aplikasi, kita dapat menggunakan sistem pembuatan akun untuk membedakan antara calon pendaftar dan panitia, dimana panitia akan memiliki akses dalam database berkas pendaftaran dan dapat memverifikasi dan memberi akses pencetakan kartu ujian. Calon pendaftar akan membuat akunnya sendiri dengan verifikas
Posting Komentar
Baca selengkapnya

Upload Foto dengan PHP

Gambar
Repository Github:  Poodoop/Upload-Foto-dengan-PHP (github.com) Akan dibuat website pendaftaran siswa baru dengan tambahan fitur upload foto dengan PHP. Referensi yang dipakai adalah  Cara Membuat CRUD Plus Upload Gambar dengan PHP dan MySQL (mynotescode.com) . Tampilan website: Menambah data:      Tampilan website setelah menambah data: 
Posting Komentar
Baca selengkapnya

Latihan Backend PHP + MYSQL

Gambar
Repository Github:  Poodoop/Tugas-CRUD-PHP-MYSQL (github.com)  Untuk latihan PHP, saya membuat sistem CRUD (Create, Read, Update, Delete) pendaftaran siswa menggunakan PHP dan MYSQL. Referensi yang dipakai adalah  Tutorial PHP dan MySQL: Membuat Aplikasi CRUD [Studi Kasus Pendaftaran Siswa Baru] (petanikode.com) .  Pertama, kita menggunakan phpmyadmin untuk membuat database yang bisa diakses website. Kita bisa menghubungkan database tersebut dengan PHP pada file config.php yang akan dibuat dengan MYSQLI. kode website akan dibuat didalam folder xampp/htdocs agar bisa diakses. <?php $server = "localhost" ; $user = "root" ; $password = "" ; $nama_database = "pendaftaran_siswa" ; $db = mysqli_connect ( $server , $user , $password , $nama_database ); if ( ! $db ){     die ( "Gagal terhubung dengan database: " . mysqli_connect_error ()); } else {     echo "koneksi berhasil" ; } ? > Pada halaman indeks, ada dua link, ya
Posting Komentar
Baca selengkapnya

ETS Pemrograman Web 2022

Gambar
  Kelas : PWEB (B) Anggota Kelompok : Alif Adrian Anzary - 5025201274 Elbert Dicky Aristyo - 5025201231 Nama Website: FURN-ITU Link Website:  FURN-ITU Repository:  Poodoop/FURN-ITU: furn-itu.site (github.com) Poster Aplikasi:  Problem Statement: Di Indonesia, sebagian besar penduduknya tidak memiliki akses yang mudah produk perabotan yang berkualitas, Hal ini karena biaya jasa pengantaran perabotan yang mahal, tidak adanya asuransi untuk membantu apabila barang rusak sebelum atau saat mengantar, dan sistem pembayaran produk yang sulit dan tidak efisien. Proposed Solution: Kami akan membuat platform e-commerce bernama “FURN-ITU” yang akan fokus dalam pembelian dan jasa pengantaran perabotan yang berkualitas dari produsen-produsen yang terkemuka. Selain itu, tersedia juga pilihan asuransi dengan harga yang beragam. Konsep Desain: Snapshot Aplikasi: Video Pitch:
Posting Komentar
Baca selengkapnya

LATIHAN WEBSITE BOOTSTRAP

Gambar
 Minggu ini, kita akan membuat website dengan bantuan grid container bootstrap. Link Website:  Link Link Repository:  Repository Penjelasan:  Di head html, kita menambah import file bootstrap dan jquery agar bisa digunakan,  <!DOCTYPE html> <html lang="en"> <head> <title>Template Web Responsive dengan Bootstrap</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap.min.css"> <script src="bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script> Untuk header, bisa digunakan class navbar. <nav class="navbar navbar-expand-md bg-dark navbar-dark"&g
Posting Komentar
Baca selengkapnya

Quiz 1: Membuat Formulir

Gambar
 Untuk membuat formulir, kita dapat menggunakan fitur form dengan bermacam-macam input type, seperti text, checkbox, date, dll. Contoh input type text (menulis text): < div class = "form-control" >     < label for = "name" id = "label-name" >     Nama Peserta     </ label >     < input type = "text" id = "name" placeholder = "Tulis Nama Disini" />   </ div > Contoh input type date (memilih bulan/tanggal/tahun): < div class = "form-control" >     < label for = "tanggal" id = "label-tanggal" >       Tanggal Lahir     </ label >     < input type = "date" id = "tanggal" name = "Tanggal Lahir" >   </ div > Contoh input data checkbox (memberi pilihan yang bisa dicentang): < div class = "form-control" >     < label > Jenis Lomba         < small > (Pilih jenis lomba yang ing
Posting Komentar
Baca selengkapnya

Pertemuan 3 Javascript

Gambar
     Berikut ini adalah contoh pengimplementasian javascript di html, dimana akan dibuat login dan signup form.      Untuk source codenya, saya menggunakan tag input text, password, submit, dan button. Pengimplementasian javascript bisa menggunakan tag script, dan disini saya memakai javascript untuk memberikan alert sukses login jika form disubmit, dan membuat halaman html signup jika button signup dipencet. index.html <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Login Form </ title >     < link rel = "stylesheet" href = "style.css" > </ head > < body > < h3 > Login </ h3 > < form="Login_form" onsubmit = " submit
Posting Komentar
Baca selengkapnya