Successful Brain Blog

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

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...

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

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...

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...

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 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

Membuat Tampilan Toko Baju Cowok Distro Online Halo kisanak! kali ini aku mencoba membuat sebuah tampilan web sederhana untuk sebuah online shop yang aku temukan di IG, namanya  Baju Cowok Distro  atau BCD. Tampilan Web ini dibuat  dengan menggunakan HTML dan CSS. Kalian bisa lihat langsung disini. Berikut ini tampilannya  Home Tentang Kontak Untuk Prewiewnya kalian bisa lihat di  BCD.online dan untuk Source Code lengkapnya bisa kalian lihat di repository  Repositori githubku

Membuat Web untuk Warung Tegal menggunakan HTML Halo kisanak! kali ini aku mencoba membuat sebuah tampilan web sederhana untuk warung tegal andalan kita semua dengan menggunakan HTML. Kalian bisa lihat langsung  disini . Berikut ini tampilannya Berikut ini untuk Source Codennya

Membuat Website CV Pribadi Programmer wajib memiliki Website CV Sebagai seorang programmer, memiliki sebuah website pribadi untuk digunakan sebagai CV (curriculum vitae) sangatlah penting untuk menunjang karir. Baik itu berupa web statis ataupun dinamis. Pembuatan website CV juga bisa menjadi portofolio pribadi yang dapat ditunjukkan saat melamar pekerjaan. Maka dari itu, aku akan berbagi sedikit ilmu ke kisanak dalam membuat website CV. Konten Dalam Website CV sebaiknya mencakup beberapa konten yang sama layaknya sebuah cv pada umumnnya. Pada websiteku, konten yang aku pakai antara lain: Profil diri (nama, TTL, nomor HP, email) Bahasa pemrograman yang dikuasai Hasil project yang pernah dibuat. baik dari tugas kuliah ataupun proyek dengan client Media sosial disini aku menambahkan juga tempat untuk podcastku, ya sekalian promosi podcast. Pada web ini, aku menggunakan HTML, CSS, Javascript yang dibantu dengan  Bootsrap  dan  Canva  & avataaars  untuk bagian a...

Twibboner V.1 Aplikasi untuk Keperluan Membuat Twibbon dan Cover Podcast     Halo kisanak, kali ini di awal tahun 2021 aku ada ide untuk membuat suatu aplikasi yang sudah ada tapi aku buat ini khusus berdasarkan kebutuhanku. Akhir-akhir ini aku sering membuat postingan dengan twibbon dan aku harus nyari duit lewat podcast lagi. Aku biasa membuat desainnya pakai  Corel Draw , tapi dengan aplikasi ini, waktu untuk membuat twibbon dan cover podcast bisa jadi singkat. KEREN GA TUH!? Aplikasi ini dapat kalian Download gratis dan terdiri dari 5 Class didalamnya yaitu: twibbon : Class ini mengatur ukuran gambar yang masuk ke program. menyesusaikan ukuran dari gambar yang akan ditampilkan pada program frameUtama : Class ini menjadi kerangka/frame utama pada program ini display :  Sesuai namanya, Class ini menjadi display (UI) gambar pada program ini detailPanel :  Class ini memiliki banyak method penting untuk menjalankan program ini, seperti tombol label, slider, fi...