Giter Site home page Giter Site logo

moodo-web's Introduction

*previous repository: https://github.com/reinabil/MOODO-WEB-BISMILLAH -> broken :(

Moodo Web

Pelengkap Moodo-App "Jurnal for your daily mood"

Laporan Akhir Projek

  • KOM 331 | Rekayasa Perangkat Lunak | P1
  • Kelompok 4

Dibimbing oleh :

  • Qory Khairunnisa
  • Indah Puspita

Tim Pengembang Moodo

Nama Nim Role
1 Hana Tasnim G64190018 Front-end Developer
2 Nabil Raihan Alfarizi G64190034 Back-end Developer
3 Renny Atikasari G64190040 UI/UX Researcher
4 Dwayne Cameron S G64190085 Quality Assurance

Selayang Pandang

Moodo Web "Jurnal for your daily mood" adalah website yang berisikan fitur jurnal. Memungkinkan user untuk menulis jurnal harian sesuai mood dan terhubung dengan doa yang berkaitan sesuai mood yang dirasakan user.

Latar Belakang

Selain mengembangkan aplikasi yang berisikan doa/zikir harian, tim moodo juga mengembangkan moodo website yang memuat fitur jurnal harian. Berdasarkan riset dari tim moodo, selain dengan berdoa, journaling juga merupakan salah satu kegiatan yang dapat membuat mood menjadi lebih baik. Harapan kami selaku tim pengembang, semoga dengan adanya website moodo, user mampu lebih mengekpresikan diri melalui jurnal.

Tujuan

  • Memberikan ruang tulis kepada user untuk membuat jurnal harian
  • Memberikan rekomendasi doa sesuai dengan jurnal yang ditulis user berdasarkan mood

Ruang Lingkup

Minimum requirement

Browser Chrome, Edge, Firefox, or Safari
Processor 32-bit or 64-bit processor
Memory 1 GB or above
Screen Resolution 480x800 or above
Internet Access Required

Spesifikasi Teknis Pengembangan

Software VS Code, XAMPP
Hardware Intel i5-6200U @2.30 GHz ; 8 GB DDR4 RAM : NVIDIA GeForce 930M
Tech Stack Laravel, MySQL, and Apache server

User Analysis

Target dari website moodo adalah semua kalangan yang ingin menuliskan jurnal harian. Ada banyak platform jurnal yang sudah umum digunakan, namun dalam website moodo, tim moodo mengembangkan sebuah fitur menulis jurnal yang berkaitan dengan mood sehingga user mampu melihat record mood yang dirasakan selama menuliskan jurnal harian. Tidak lupa juga fitur pada moodo-web memungkinkan agar user dapat melihat doa yang terkait dengan jurnal yang ditulis. Doa dilengkapi dengan arab, latin, arti dan tentang doa.

User story

  • Sebagai seorang insan, saya ingin menulis jurnal harian untuk mendokumentasikan peristiwa/perasaan saya ke dalam tulisan
  • Sebagai seorang muslim, saya ingin apa yang saya tulis tetap sesuai dengan syariat silam
  • Sebagai seorang remaja, saya ingin jurnal yang saya tulis bisa disesuaikan dengan mood yang saya rasakan sehingga saya bisa melihat record jurnal harian yang pernah saya tulis sebelumnya

Hasil dan Pembahasan

  • ERD atau Entity Relationship Diagram adalah suatu bentuk diagram yang menjelaskan hubungan antar objek-objek data yang mempunyai hubungan antar relasi. Berikut adalah ilustrasi ERD pada perangkat lunak Moodo.

  • Skema Relasional

  • Class Diagram berfungsi untuk menggambarkan struktur sebuah sistem pemrograman. Class diagram banyak memperhatikan hubungan antarkelas dan penjelasan detail tiap kelas dalam pemodelan desain (dalam logical view) dari suatu sistem. Berikut adalah ilustrasi Class Diagram pada perangkat lunak Moodo.

  • Arsitektur Diagram Diagram arsitektur adalah bahasa gambar yang digunakan dalam bidang arsitektur untuk menerangkan konsep, prinsip, anasir, dan komponen, termasuk cara kerja maupun petunjuk penggunaannya. Berikut adalah ilustrasi arsitektur diagram pada perangkat lunak Moodo.

Fungsi Utama

  1. Register & Log in

    Pada fitur Register & Log in, user dapat melakukan registrasi akun kemudian log in untuk dapat menulis jurnal pada moodo-web

  2. Home Page

    Pada home page, user dapat melihat ada dua fitur yang disediakan. Yaitu fitur jurnal dan doa. Fitur jurnal bisa digunakan user untuk melihat jurnal yang telah dibuat ataupun menuliskan jurnal, sedangkan fitur doa bisa diguakan user untuk melihat doa-doa yang dilengkapi dengan detail doa, seperti: arab, latin, arti dan tentang doa.

  3. Catatan Harianmu

    Pada fitur catatan harianmu, user dapat menambahkan jurnal dengan menuliskan catatan harian pada fitur ini. Fitur catatan harianmu juga dilengkapi dengan view detail jurnal, sehingga user dapat melihat kembali jurnal yang pernah ditulis. Fitur ini juga memungkinka user untuk dapat memilih doa yang terkait dengan jurnal yang dibuat.

  4. Setting profil

    Fitur setting profile difungsikan untuk user dapat mengatur profile secara up to date. Pada fitur ini, user dapat menautkan informasi profil (username, email user), update password, browser sessions, dan user juga bisa menghapus akunnya secara mandiri.

  5. Detail Doa

    Fitur detail doa memuat doa-doa terkait mood, dilengkapi dengan tulisan arab, latin, arti, dan tentang doa.

Fungsi CRUD

CRUD adalah singkatan dari create, read, update, and delete yang merupakan fungsi-fungsi utama yang diimplementasikan dalam aplikasi database.

CRUD Fungsi Fitur
1 Create Menambahkan jurnal Catatan harianmu
2 Read Membaca jurnal & Membaca doa Catatan harianmu & Detail doa
3 Update Update jurnal & Update Profile Catatan harianmu & Profile
4 Delete Menghapus jurnal & Menghapus akun Catatan harianmu & Profile

Detail CRUD perangkat lunak moodo :

  1. Create

    Fungsi CRUD yang pertama adalah create. Fungsi ini memungkinkan user membuat record baru dalam database.

    Pada perangkat lunak moodo-web, fitur catatan harianmu termasuk ke dalam fungsi create dikarenakan user dapat menuliskan jurnal pada page catatan harianmu.

  2. Read

    Fungsi read hampir mirip dengan fungsi search. Fungsi ini memungkinkan user untuk mencari dan mengambil data tertentu dalam tabel dan membaca nilainya.

    Pada perangkat lunak moodo-web, fitur catatan harianmu dan daftar doa termasuk ke dalam fungsi read dikarenakan user bisa membaca kembali jurnal harian yang telah ditulis pada fitur catatan harianmu. User juga bisa membaca doa-doa yang tersedia pada pada page daftar doa.

  3. Update

    Fungsi update digunakan untuk memodifikasi record yang telah tersimpan di database.

    Pada perangkat lunak moodo-web, fitur catatan harianmu dan profile termasuk ke dalam fungsi update dikarenakan user dapat melakukan editing terhadap jurnal yang sudah ditulis sebelumnya. User juga dapat meng-update profile secara mendiri.

  4. Delete

    Ketika ada record atau data yang tidak lagi dibutuhkan dalam database, fungsi CRUD yang digunakan adalah fungsi delete. Fungsi ini dapat digunakan untuk menghapus data tersebut.

    Pada perangkat lunak moodo-web, fitur catatan harianmu dan profile termasuk ke dalam fungsi delete dikarenakan user dapat menghapus jurnal yang telah ditulis. User juga dapat menghapus akun moodo-web apabila sudah tidak diperlukan.

Hasil Implementasi

Dilampirkan screenshot hasil pengembangan perangkat lunak moodo-web

Testing (Test Case)

Test Case Name Action Expected Result Positive Test Negative Test
1 Login: Sign up Memasukkan email dan password dengan 9 karakter Akun berhasil dibuat dan dialihkan ke halaman index jurnal Akun berhasil dibuat. User dialihkan ke halaman index jurnal -
2 Login: Sign up Memasukkan email dan password dengan 256 karakter Akun gagal dibuat - Akun gagal dibuat. User diminta memasukkan password dengan batasan 255 karakter
3 Login: Sign in Memasukkan email dan password yang sudah terdaftar Akun berhasil login dan dialihkan ke halaman index jurnal Akun berhasil login. User dialihkan ke halaman index jurnal -
4 Login: Sign in Memasukkan email/password yang salah atau belum terdaftar Akun gagal login - Akun gagal login. User diminta memasukkan email/password yang benar atau terdaftar dan cocok
5 Check that user can go to page create journal Mengklik tombol 'tambah jurnal' pada halaman index jurnal User akan dialihkan ke halaman create jurnal - User berhasil dialihkan ke halaman create jurnal
6 Check that user can add new journal Mengisi semua kolom yang perlu diisi pada halaman create jurnal termasuk doa terkait User akan berhasil membuat jurnal baru User berhasil membuat jurnal baru -
7 Check that user can add new journal Mengisi semua kolom yang perlu diisi pada halaman create jurnal kecuali doa terkait User akan gagal membuat jurnal baru - User gagal membuat jurnal. User diminta memasukkan doa terkait
8 Check that user can go to page edit journal Menekan tombol 'edit' pada kartu jurnal yang sudah dibuat User akan dialihkan ke halaman edit jurnal User berhasil dialihkan ke halaman edit jurnal -
9 Check that user can edit journal Mengisi semua kolom yang perlu diisi pada halaman edit jurnal termasuk doa terkait User akan berhasil memperbaharui jurnal User berhasil memperbaharui jurnal -
10 Check that user can edit journal Mengisi semua kolom yang perlu diisi pada halaman edit jurnal kecuali doa terkait User akan gagal memperbaharui jurnal - User gagal memperbaharui jurnal. User diminta memasukkan doa terkait
11 Check that user can see the journal Menekan tombol 'detail' pada kartu jurnal yang sudah dibuat User akan dialihkan ke halaman detail jurnal User berhasil dialihkan ke halaman detail jurnal. -
12 Check that user can delete journal Menekan tombol 'delete' pada kartu jurnal yang sudah dibuat Kartu jurnal yang dipilih akan terhapus dari sistem dan database User berhasil menghapus jurnal dari sistem dan database -
13 Check that user can go to page daftar doa Menekan tombol 'daftar doa' pada navbar User akan dialihkan ke halaman daftar doa User berhasil dialihkan ke halaman daftar doa -
14 Check that user can see detail doa Menekan tombol 'detail' di samping judul doa pada halaman daftar doa User akan dialihkan ke halaman detail doa yang dipilih User berhasil dialihkan ke halaman detail doa yang dipilih -
15 Check that user can go to page profil Menekan tombol 'profil' pada navbar User akan dialihkan ke halaman profil User berhasil dialihkan ke halaman profil -
16 Logout Menekan tombol 'logout' pada navbar User akan dialihkan ke halaman login User berhasil dialihkan ke halaman login -

Projek Documentation

Saran untuk pengembangan selanjutnya

  • Publish ke domain premium
  • Integrasikan dengan Moodo App
  • Lebih dipromosikan lagi agar yang memakai Moodo lebih banyak

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.