EAS - Pemrograman Web

 EAS

  1. Deskripsikan Topik Final Project yang dikerjakan, dan jelaskan fitur yang tersedia di dalam aplikasi
Topik yang saya ambil adalah blog, dimana blog tersebut akan memungkinkan orang untuk login dengan akunnya masing-masing dan mengunggah berbagai macam hal, bisa mengenai kehidupannya sendiri, atau review suatu hal, maupun yang lainnya. 

Fitur-fitur yang tersedia pada web ini adalah:
  1. Login / Sign Up
  2. CRUD blog post
  3. Kemampuan untuk menyukai blog
  4. Mencari blog sesuai tag / keyword
  5. Melihat statistik
  1. Jelaskan Arsitektur MVC Aplikasi Final Project yang dikerjakan
Model:
  1. Blogger: merupakan bentuk user yang mengandung informasi penting seperti username dan pass.
  2. Blog: merupakan kumpulan data yang mendefinisikan suatu blog.
  3. Liked Blog: merupakan relasi menyukai antar blogger dan blog dimana ia menyimpan informasi yang relevan seperti id kedua model tersebut.
View:
  1. Login Signup Page: merupakan tampilan untuk menentukan user yang akan mengakses web
  2. Home Page: merupakan tampilan utama yang ditampilkan setelah login dan mengandung fitur-fitur utama seperti membuat/mengedit/menghapus blog, serta ditampilkan blog yang telah dibuat oleh user serta blog yang disukai dan statistik mengenai blog user.
  3. Explore Page: merupakan tampilan yang memungkinkan user untuk mencari dan melihat blog milik blogger lain, user juga mampu melakukan filtering pada blog yang ingin dicari.
  4. Blog Editor Page: merupakan tampilan yang muncul apabila user ingin membuat atau merubah blog, user akan mampu memanipulasi title, thumbnail, tag, content, dan status publish suatu blog.
  5. Blog Page: merupakan tampilan yang berisi konten dari suatu blog serta informasi pendukungnya, user akan mampu membaca secara lengkap isi dari blog serta mampu menyukai blog dan/atau mengunduh file pdf apabila butuh.
Controller:
  1. Index: sebuah controller yang akan memeriksa apakah user yang memasuki web sudah login atau belum, jika sudah maka akan diredirect ke halaman home dan halaman login apabila masih belum.
  2. Auth: berfungsi untuk memvalidasi input yang dimasukkan oleh user pada halaman login/signup, jika valid maka akan diarahkan ke halaman yang sesuai.
  3. Logout: mengandung langkah-langkah yang digunakan untuk keluar dari akun user.
  4. Process Edit: berisi algoritma yang berfungsi untuk menyelesaikan proses perubahan pada blog dalam halaman blog editor.
  5. Process Delete: proses yang digunakan untuk mengatur arah jalan web ketika ingin menghapus blog pada halaman home.


Buatlah Desain UI dari aplikasi dan jelaskan fungsinya


Fungsi Login/Signup adalah untuk meningkatkan keamanan web sehingga permasalahan yang tidak diinginkan akan dicegah serta sebagai persona untuk user dalam blog.
Fungsi Home Page adalah untuk menyediakan halaman landing yang berisi informasi-informasi penting user mengenai aktivitas blog serta memadakan fungsi untuk membuat blog.


Fungsi Explore Page adalah untuk memberikan kemampuan bagi user untuk mencari atau filter blog yang diinginkan.


Fungsi Blog Page adalah untuk membantu user membaca isi dari sebuah blog dan memungkinkan user untuk mendownload versi pdf dari blog ke device lokal.
Fungsi Blog Editor Page adalah sebagai pembuat maupun perubah blog yang dimiliki oleh user.
  1. Implementasikan Aplikasi yang telah didesain dengan menggunakan teknologi web tanpa framework
  1. Buat PPT presentasi yang menunjang Demo Aplikasi
  1. Demokan aplikasi dengan membuat video dan diupload di Youtube.

Comments

Post a Comment

Popular posts from this blog

Pertemuan 1 - Pemrograman Web

Image
Sasmita Wiropati - 5053231016 - RPL - PWEB(M) -  GitHub Hosting Selamat datang!      Halaman ini merupakan blog pertama yang saya buat, dalam blog ini saya akan membahas mengenai apa saja yang terjadi dalam pertemuan pertama dalam mata kuliah pemrograman web.     Dalam pertemuan tersebut, kami para mahasiswa ditugaskan untuk membuat dan host sebuah website yang mengandung profil, cv, dan portfolio. Selain itu, kami juga membuat blog untuk mendokumentasi pada setiap pertemuan ataupun tugas.     Jika kalian ingin melihat website yang saya buat, kalian bisa mengunjunginya melalui salinan link berikut ini:  Website Pribadi .     Apabila kalian membuka web tersebut, kalian akan disapa dengan menu UI berbentuk seperti ini:     Dimana bagian website terbagi menjadi 3 bagian utama: Header, Main, Footer.     Pada halama n utama, kalian akan menjumpai artikel yang bisa dikunjungi, untuk sementara ini hanya blog saya saja y...
Read more

Pertemuan 2 - Pemrograman Web

Image
Sasmita Wiropati - 5053231016 - RPL - PWEB (M) -  GitHub Hosting Welcome Back     Kali ini, saya diberi penugasan untuk membuat sebuah tabel skor, login form, dan tabel produk menggunakan elemen tabel. Berikut merupkan link dan snapshot dari hasil yang telah saya buat:  Link Hasil Website     Tabel skor, Login form, Tabel produk terpisah dengan bantuan tabel. Dimana teks "Score Table", "Login Form", "Product Table" berada di row yang berbeda dengan hasilnya tersendiri.     Ketika menyelesaikan tugas ini, saya mengalami beberapa masalah seperti ini: Bagaimana caranya untuk merge row atau pun column? Bagaimana caranya menampilkan border sesuai dengan tabel yang diberi dalam soal? Bagaimana caranya menaruh teks "Login" pada bagian atas kiri form tanpa kolisi dengan garis border?      Jawaban yang saya temukan untuk menyelesaikan permasalahan tersebut adalah: Menggunakan colspan dan rowspan untuk merge dua atau lebih cell. Mendeklarasi ...
Read more

Pertemuan 10 - Pemrograman Web

Image
Sasmita Wiropati - 5053231016 - RPL - PWEB (M) -  GitHub Hosting Studi Kasus PHP     Membuat sebuah konfigurasi php dan menyambungkannya ke database mysql phpmyadmin, saya menggunakan xampp untuk membuka koneksi apache dan mysql. Berikut adalah hasil dari studi kasus tersebut beserta source codenya :
Read more