Posts

EAS PWEB_B

Image
Dido Fabian Fayed 05111940000059 Membuat Aplikasi Sekolah Definisikan fitur dari aplikasi yang akan dibangun  Rancang aplikasi menggunakan Figma  Implementasikan aplikasi. Boleh dikerjakan secara kelompok, didokumentasikan, dan dibuat video demo/ presentasinya di youtube. Semua hasil pekerjaan disatukan di blognya masing-masing. Jawaban   1.  Definisi Fitur    Aplikasi berikut merupakan aplikasi Sistem Manajemen Sekolah dengan beberap peran antara lain seperti admin, guru, siswa, dan orang tua. Aplikasi ini memiliki beberapa fitur utama seperti login-signout, daftar siswa, edit  data, update data, hapus data, dsb. Dengan detail fitur sebagai berikut: A. Admin Student Management: Admin dapat menambah, melihat, mengupdate dan menghapus data siswa. Parent Creation: Admin dapat menambah, melihat, mengupdate dan menghapus data orang tua Teacher Management: Admin dapat menambah, melihat, mengupdate dan menghapus data guru Epayslip Generation: Admin dapat mebuat slip pembayaran Complete Dashb

PWEB 8 : CRUD (updated(+foto))

Image
  ๐Ÿ’ฃ  Membuat Website:  Database  dan Form Pendaftaran Siswa Menggunakan PHP & MySQL  ๐Ÿ’ฃ   ๐Ÿ’€Intro PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML. PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP adalah singkatan dari "Personal Home Page Tools". Selanjutnya diganti menjadi FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP". Berdasarkan survey Netcraft pada bulan Desember 1999, lebih dari sejuta website menggunakan PHP, di antaranya adalah NASA, Mitsubishi, dan RedHat. PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer server. Hal ini berbeda dibandingkan dengan bahasa pemrograman client-side seperti JavaScript yang diproses pada web browser (

ETS_PWEB B

Image
Dido Fabian Fayed 05111940000059  Soal 1. Jelaskan dan berikan contoh - front end web apps - back end web apps - full stack developer 2. Tuliskan skill yang dibutuhkan untuk membangun aplikasi web 3. Apa yang dimaksud client side dan server side, ilustrasikan penjelasanmu 4.Buatlah sebuah front end web ๐ŸŽˆLink  Source code ๐ŸŽˆLink  Website ๐ŸŽˆL ink Dokumentasi  

PWEB 7 : Latihan Ajax

Image
๐Ÿ’ฃ  Membuat Website:  Login, SignUp, ContactUs dengan Bootstrap  ๐Ÿ’ฃ   ๐Ÿ’€Intro AJAX memiliki kepanjangan Asynchronous Javascript And XML merupakan suatu teknik baru dalam dunia web tapi bukan merupakan bahasa pemrograman yang baru. Dikembangkan sekitar 2-3 tahun yang lalu, AJAX mulai dilirik oleh para web desainer dan programmer. Hal ini dikarenakan AJAX tidak perlu melakukan proses loading page (refresh page) atau pindah ke page yang lain. AJAX dapat diintegrasikan dengan server side programming seperti PHP, ASP, JSP dll.  Pada website tradisional biasa jika kita mengklik suatu tombol/link tertentu maka browser akan melakukan refresh dimana document HTML akan di baca dari awal dan layar browser akan menjadi blank sesaat karena pada saat itu browser sedang meminta/merequest data dari web server dan hal itulah yang membuat aplikasi website menjadi kurang interaktif dan responsif. Ajax digunakan untuk memecahkan masalah tersebut, Ajax membuat aplikasi website menjadi lebih interaktif dan

PWEB 6 : Login, SignUp, ContactUs with Bootstrap

Image
๐Ÿ’ฃ  Membuat Website:  Login, SignUp, ContactUs dengan Bootstrap  ๐Ÿ’ฃ ๐Ÿ’€Intro Dengan menggunakan Boostrap, kita dapat dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website, dengan cara yang mudah, hanya dengan memanggil fungsi CSS (class yang sudah disediakan oleh Bootstrap) dari berkas HTML yang telah didefinisikan. Bootstrap juga menyediakan komponen-komponen lain yang dibangun dengan menggunakan JavaScript. ๐Ÿ’€Project Saya Pada kali ini, saya membuat halaman sign in, sign up, dan contact dari sebuah website. Web ini dibuat dengan menggunakan Bootstrap dan dapat diakses pada link berikut ini . Tampilan web ini dapat dilihat juga melalui screenshoot di bawah ini. ๐Ÿ’€ Source Code   ๐ŸŽˆ index.html   ๐ŸŽˆ singup.html ๐ŸŽˆ contact.html

PWEB 5 : Membuat Form dengan JavaScript

Image
  ๐Ÿ’ฃ  Membuat Website: Form dengan Javascript  ๐Ÿ’ฃ ๐Ÿ’€Intro JavaScript adalah bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox. Bahasa pemrograman Client Side berbeda dengan bahasa pemrograman Server Side seperti PHP, dimana untuk server side seluruh kode program dijalankan di sisi server.  Untuk menjalankan JavaScript, kita hanya membutuhkan aplikasi text editor dan web browser. JavaScript memiliki fitur: high-level programming language, client-side, loosely tiped dan berorientasi objek.  ๐Ÿ’€Project Saya Pada tugas kali ini saya berkesempatan untuk membuat form responsif mengenai validasi vaksin dan ketersediaan mengikuti kuliah tatap muka bagi mahasiswa ITS menggunakan implementasi dari javascript.  Berikut tampilannya: Untuk website dapat dilihat di sini ๐Ÿ’€ Sour

PWEB 4 : E-commerce Website with CSS

Image
  ๐Ÿ’ฃ  Membuat Website: Ecommerce dengan CSS  ๐Ÿ’ฃ ๐Ÿ’€Intro CSS adalah “kumpulan kode yang digunakan untuk mendefenisikan desain dari bahasa markup” , dimana bahasa markup ini salah satunya adalah HTML. Untuk pengertian bebasnya, CSS adalah kumpulan kode program yang digunakan untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita bisa mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua kode tag HTML. CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang saling melengkapi. HTML ditujukan untuk membuat struktur, atau konten dari halaman web. Sedangkan CSS digunakan untuk tampilan dari halaman web tersebut. Istilahnya, “HTML for content, CSS for Presentation”. ๐Ÿ’€  Project Saya Pada tugas kali ini saya berkesempatan untuk membuat website katalog produk sederhana menggunakan implementasi dari CSS.  Berikut tampilan websitenya: Untuk website dapat dilihat  di sini ๐Ÿ’€ Source Code Source code lengkap dapat dilihat  di sini