Langsung ke konten utama

Postingan

Belajar Web Ceria : Last Chapter

EAS PWEB B 2021 Nama : Thomas Dwi Awaka NRP   : 05111940000021 Kelas : Pemrograman Web B 1. Definisikan fitur dari aplikasi yang akan dibangun. 2. Rancang aplikasi menggunakan Figma. Desain yang dibuat ialah fitur Login, Manajemen Siswa, dan Jadwal Pembelajaran 3.Implementasikan aplikasi. Boleh dikerjakan secara kelompok, didokumentasikan, dan dibuat video demo/ presentasinya di youtube. Semua hasil pekerjaan disatukan di blognya masing-masing. Fitur yang kamu buat antara lain: Login-Logout Admin & murid Manajemen (CRUD) Data siswa Menampilkan Jadwal pelajaran pada laman siswa Export PDF jadwal pelajaran Link Web : https://pwebeas.000webhostapp.com/ Role Admin User: admin password : admin Role Murid NIS : 1234567891 password : nizar Github :  https://github.com/Misdinar/PWEB-EAS.git Youtube:  Semoga ilmu Pemrograman Web selama ini dapat diimplementasikan dengan baik dan berguna bagi jenjang karir kalian semua

Belajar Web Ceria 9

Tutorial PHP dan MySQL: Membuat Aplikasi CRUD [Studi Kasus Pendaftaran Siswa Baru] Lanjutan Halo Kisanak, Kali ini aku menlanjutkan mengimplenetasikan Tutorial PHP & SQL yang dibuat oleh  petanikode . Yang membedakan disini ialah tambahan input berupa Nomor Induk Siswa dan foto. Referensi untuk CRUD dengan database yang ada fotonya bisa kalian liat  mynotescode.com Berikut ini repositori yang bisa kalian pakai di Githubku . Disini terdapat beberapa file php yang digunakan antara lain: config.php — untuk menyimpan konfigurasi database; index.php — halaman utama; list-siswa.php — halaman untuk menampilkan data siswa; form-daftar.php — halaman formulir pendaftaran; proses-pendaftaran.php — skrip yang memproses pendaftaran; form-edit.php — form untuk edit data siswa; proses-edit.php — skrip untuk memproses edit/update; hapus.php — skrip untuk menghapus data dari database; Kalian bisa coba langsung  disini  dan begini tampilan yang berbeda: Halaman Form Daftar Halaman...

Belajar Web Ceria 8

Tutorial PHP dan MySQL: Membuat Aplikasi CRUD [Studi Kasus Pendaftaran Siswa Baru] Halo Kisanak, Kali ini aku mencoba mengimplenetasikan Tutorial PHP & SQL yang dibuat oleh  petanikode Berikut ini repositori yang bisa kalian pakai di Githubku . Disini terdapat beberapa file php yang digunakan antara lain: config.php — untuk menyimpan konfigurasi database; index.php — halaman utama; list-siswa.php — halaman untuk menampilkan data siswa; form-daftar.php — halaman formulir pendaftaran; proses-pendaftaran.php — skrip yang memproses pendaftaran; form-edit.php — form untuk edit data siswa; proses-edit.php — skrip untuk memproses edit/update; hapus.php — skrip untuk menghapus data dari database; Kalian bisa coba langsung disini  dan begini tampilannya: Halaman Utama Halaman tambah siswa Halaman edit siswa Halaman list siswa Dan ini dia Source Codenya config.php index.php list-siswa.php form-daftar.php proses-pendaftaran.php form-edit.php proses-edit.php hapus.php

Belajar Web Ceria 7

ETS PWEB B 2021 - Front End Web Thomas Dwi Awaka - 05111940000021 Kali ini aku akan membuat sebuah web cv dengan ketentuan sebagai berikut: Home : Halaman home adalah halaman utama yang akan dibuka pertama kali saat pengunjung membuka website. Halaman ini berisi menu, foto, teks, dan tabel. Download CV : Berisi daftar portofolio dan link yang pernah dikerjakan, dan juga CV yang dipunyai. Contact : Halaman contact adalah halaman yang berisi form untuk menghubungi pemilik website. About me : Halaman about adalah halaman yang berisi informasi lengkap tentang website. Lengkapi link dengan social media anda Dalam membuat web CV tersebut, saya menggunakan bootstrap, AJAX, dan beberapa fungsi javascript. Kisanak bisa melihat secara langsung di  cvtomnew.com  dan kalian juga melihat repositorynya di  Github . Berikut ini beberapa foto dari tampilan Web CV yang aku buat: Home Download CV Contact Me About Me Untuk penjelasan mengenai kodingan yang saya buat, kalian bisa tonton vide...

Belajar Web Ceria 6

Mencoba AJAX (Asynchronous JavaScript and XMLHTTP)      Halo kisanak, kali ini aku akan berbagi implementasi AJAX yang cukup sederhana, yaitu  Request Data, untuk mengubah konten pada suatu halaman, tanpa perlu berpindah/reload ke halaman baru, dan juga ada Filter Data Daerah Kalimantan dalam kolom pencarian . AJAX adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability. Untuk memudahkan dalam menyimpan data, disini aku pakai file .json Kalian bisa lihatwebya di  cobaajax.com tampilan awal output request text output request database Kalian bisa lihat full source code   disini Index.html Text.html Kal...

Belajar Web Ceria 5

Login & Contact us Form Halo kisanak, kali ini aku akan berbagi ilmu tentang cara membuat login dan Contact us Form. Form ini dibuat dengan menggunakan bootstraps dan ada sedikit Javascript. Kalian bisa melihat secara lengkap repositorinya  disini . Untuk login disini terdapat kolom input email dan password. Untuk Contact us form berisi Nama, email, nomor HP, dan pesan yang ingin disampaikan. Berikut tampilan dari webnya Login Contact Us Untuk Source Codenya ada dibawah ini ya index.html pesan.html style.css main.js

Belajar Web Ceria 4

Belajar membuat form pada website halo, kisanak. kali ini aku akan berbagi cara untuk membuat form pada website. kali ini akan menggunakan html, css, dan javascript. Referensi webnya bisa kalian lihat  disini . Form yang akan dibuat adalah Form Validasi Pembelajaran Tatap Muka. form akan berisi tentang nama, nrp, domisili, email, jurusan, dan status vaksin. semua kolom tidak boleh kosong dan terdapat confirm sebelum mengirim data. source codenya ada di  Githubku  dan berikut ini tampilan webnya atau kalian bisa coba langsung di  cobaform.com Berikut ini untuk code pada HMTL, CSS, dan Javasricpt index.html style.css main.js