Faizah's Classwork Corner

Pada pertemuan kesepuluh mata kuliah PBKK kami mendapat tugas untuk melakukan instalasi CodeIgniter. CodeIgniter adalah salah satu framework untuk membuat website dengan bahasa pemrograman PHP. CodeIgniter terkenal dengan konsep MVC-nya. MVC merupakan singkatan dari Model–View–Controller. Repository:  GitHub Prerequisites: XAMPP ( https://www.apachefriends.org/index.html ) Visual Studio Code ( https://code.visualstudio.com/ ) PHP ( https://www.php.net/ ) Composer ( https://getcomposer.org/ ) Git Bash ( https://git-scm.com/ ) Langkah-langkah instalasi CodeIgniter: Buka terminal Git Bash. Pastikan PHP dan composer telah terinstall Ubah directory menuju ../xampp/htdocs. Lakukan instalasi disini dengan menjalankan kode berikut: composer create-project codeigniter4/appstarter project-root Ubah directory menuju ../xampp/htdocs/project-root. Jalankan kode berikut untuk memulai build-in server CodeIgniter: php spark serve Buka localhost:8080 pada web browser. Berikut tampilan awal welcome p

Pada pertemuan ketujuh Mata kuliah PWEB ini kami mendapat tugas untuk membuat login atau register page dengan menggunakan bootstrap. Bootstrap adalah framework web development berbasis HTML, CSS, dan JavaScript yang dirancang untuk mempercepat proses pengembangan web responsive dan mobile-first (memprioritaskan perangkat seluler). Source code:  GitHub Reference:  https://www.hostinger.co.id/tutorial/apa-itu-bootstrap https://bootsnipp.com/snippets/mQR7l

1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya? Secara sederhana, website responsive adalah sebutan untuk website yang dapat menyesuaikan layout pada tampilan dengan setiap device menggunakan ukuran berbeda ketika mengaksesnya. Lebih lengkapnya, website responsive adalah teknik atau metode bagi pengembang website, untuk membuat layout website dapat menyesuaikan dengan berbagai device yang memiliki ukuran layar berbeda-beda. Penyesuaian website responsive adalah proses yang melibatkan ukuran huruf, user interface, gambar, serta layout yang bisa tampil dengan ukuran layar dan resolusi device yang digunakan oleh pengguna. Oleh karena itu, website responsive dapat meningkatkan kenyamanan pengguna ketika mengakses suatu website. Perlu diketahui, terdapat beberapa kelebihan dari website responsive, di antaranya yaitu:  Mudah Diakses Oleh Berbagai Device dengan Ukuran Berbeda Menghemat Anggaran Mudah dalam Maintenance Website Halaman Website Mudah Diakses  Na

-- QUIZ 1 -- 1. Jelaskan struktur framework, dan apa saja kegunaanya dalam pengembangan Perangkat Lunak? Framework adalah kerangka kerja atau konsep yang digunakan untuk mempercepat proses pengembangan perangkat lunak atau aplikasi. Framework menyediakan seperangkat fitur dan fungsi yang dapat digunakan kembali, sehingga memungkinkan pengembang untuk lebih fokus pada pengembangan aplikasi yang unik dan kompleks. Framework biasanya telah dirancang dengan konvensi dan struktur tertentu yang memudahkan pengembang dalam membangun aplikasi dengan mengikuti pedoman yang sudah ditetapkan Framework menyediakan struktur dasar atau kerangka kerja yang telah dirancang sebelumnya untuk  membangun aplikasi atau website. Struktur tersebut dapat terdiri dari beberapa komponen seperti manajemen database, routing, autentikasi dan otorisasi, manajemen file, dan banyak lagi. Framework memiliki beberapa kegunaan yang sangat penting dalam pengembangan perangkat lunak atau aplikasi, diantaranya: Menghemat W

Pada pertemuan ketujuh mata kuliah PBKK kami mendapat tugas untuk membuat aplikasi mobile menggunakan .NET MAUI.  .NET MAUI adalah singkatan dari .NET Multi-platform App UI. yang merupakan framework pengembangan perangkat lunak yang dikembangkan oleh Microsoft. Kerangka kerja ini memungkinkan pengembang untuk membuat  membuat aplikasi lintas platform yang berjalan di berbagai perangkat, termasuk Android, iOS, macOS, dan Windows. Source code:  GitHub   Output:  Reference: https://dotnet.microsoft.com/en-us/learn/maui/first-app-tutorial/intro

Pada pertemuan keenam mata kuliah Pemrograman Web, kami  mendapat tugas untuk membuat validasi form menggunakan HTML dan JavaScript. Berikut adalah code yang digunakan beserta outputnya. Source code:  GitHub Output: HTML code: <!DOCTYPE html> < html lang = "en" > < head > < title > Belajar Form Validation < / title > < link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" > < link rel = "stylesheet" href = "styles.css" > < / head > < body > < div class = "container-fluid d-flex align-items-center justify-content-center vh-100" > < div class = "container" > < form name = "formPendaftaran" action = "daftar.php" method = "post" onsubmit = "return validateForm()" > < div class = "form-gr