Langsung ke konten utama

Sistem Informasi Buku Tamu Online

Bangun Buku Tamu dengan Laravel dan Vue.js

Pengembangan Aplikasi Buku Tamu dengan Laravel dan Vue.js

Pendahuluan

Dalam pembahasan kali ini aku akan menjelaskan sedikit gambaran aplikasi yang mau dikembangkan, kemudian mencontohkan bagaimana sih caranya membuat aplikasi Buku Tamu kali ini. Seperti inilah tampilannya : 

Pratinjau Buku Tamu

  1. Pertama user akan dihadapkan pada fitur Sign in. Di menu ini user diminta memasukkan nama, email yang valid, lalu pesan yang ingin disampaikan oleh user kedalam sistem buku tamu online.
  2. Setelah itu muncullah notifikasi bahwa sukses dalam memasukkan datanya.
  3. Laman selanjutnya adalah daftar dari user siapa saja yang telah memasukkan datanya ke aplikasi. Artinya langsung direct ke laman berbeda.
  4. Selesai deh!!
Ada beberapa step yang harus dilalui untuk membuat aplikasi Buku Tamu ini diantaranya :
  • Instalasi Laravel
  • Konfigurasi Database
  • Model serta Migrate
  • Model Factories
  • Routes dan Control
  • Membuat Transformers
  • Testing dengan menggunakan Postman
  • Pengaturan (Setup) Frontend
  • Bekerja dengan Preset Laravel
  • Component didalam VueJS
  • Menampilkan kesemua Signature (Tandatangan)
  • Tanda tangani Buku Tamu
  • Kata Terakhir

Komentar

Postingan populer dari blog ini

Panduan Keamanan

Panduan Keamanan Panduan berikut mencakup beberapa praktik terbaik keamanan yang harus Anda pertimbangkan ketika mengembangkan aplikasi Cordova.   Perlu diketahui bahwa keamanan adalah topik yang sangat rumit dan oleh karena itu panduan ini tidak lengkap.   Jika Anda yakin dapat berkontribusi pada panduan ini, silakan mengajukan masalah dalam pelacak bug Cordova di bawah   "Dokumentasi"   .   Panduan ini dirancang untuk dapat diterapkan pada pengembangan Cordova umum (semua platform) tetapi pertimbangan khusus platform khusus akan dicatat. Panduan ini membahas topik-topik berikut: Daftar putih Iframe dan Mekanisme Callback Id Penyertaan Sertifikat Sertifikat yang ditandatangani sendiri Penyimpanan terenkripsi Tips Umum Artikel yang Direkomendasikan dan Sumber Daya Lain Daftar putih Baca dan pahami   Panduan Daftar Putih Daftar putih domain tidak berfungsi di Android API 10 dan di bawah, dan WP8 untuk iframe dan XMLHttpRequest. ...

iOS WebViews

iOS WebViews Panduan ini menunjukkan cara menanamkan komponen WebView yang diaktifkan dengan Cordova di dalam aplikasi iOS yang lebih besar.   Untuk detail tentang bagaimana komponen-komponen ini dapat saling berkomunikasi, lihat Plugin Aplikasi. Dukungan untuk WebViews untuk iOS dimulai dengan Cordova versi 1.4, menggunakan Cleaver komponen yang template Xcode berfungsi sebagai implementasi referensi.   Cordova 2.0 dan versi yang lebih baru hanya mendukung implementasi Cleaver berbasis sub-proyek. Instruksi ini memerlukan setidaknya Cordova 4.x dan Xcode 8.0, bersama dengan   config.xml file dari proyek iOS yang baru dibuat.   Anda dapat menggunakan prosedur di   Command-Line Interface   untuk membuat proyek baru, lalu mendapatkan   config.xml file dari dalam subdirektori aplikasi yang disebutkan di dalamnya   platforms/ios . Untuk mengikuti instruksi ini, pastikan Anda memiliki distribusi Cordova terbaru.   Unduh dari cordova...

Langkah Berikutnya

Langkah selanjutnya Untuk pengembang yang memiliki pemahaman tentang cara menggunakan Cordova CLI dan memanfaatkan plugins, ada beberapa hal yang mungkin ingin Anda pertimbangkan untuk meneliti selanjutnya untuk membangun aplikasi Cordova yang lebih baik dan lebih berkinerja.   Dokumen berikut menawarkan saran tentang berbagai topik yang berkaitan dengan praktik terbaik, pengujian, peningkatan, dan topik lainnya, tetapi tidak dimaksudkan untuk bersifat preskriptif.   Pertimbangkan ini titik peluncuran Anda untuk pertumbuhan Anda sebagai pengembang Cordova.   Juga, jika Anda melihat sesuatu yang dapat ditingkatkan, silakan   berkontribusi   ! Praktik Terbaik untuk Aplikasi Cordova 1) SPA Adalah Teman Anda Pertama dan terutama - aplikasi Cordova Anda harus mengadopsi desain SPA (Aplikasi Halaman Tunggal).   Didefinisikan secara longgar, SPA adalah aplikasi sisi klien yang dijalankan dari satu permintaan halaman web.   Pengguna memuat seran...