SlideShare a Scribd company logo
1 of 18
Presentasi
Aplikasi
Compro V1
admin@tinjauaja.com
Maret 17, 2024
tinjauaja.com
To-do
01 Tentang aplikasi
02 Latar belakang aplikasi
03 Apa itu sites builder
04 Pengunaan Site Builder
05 Closing
3/17/2024 2
01
Tentang aplikasi
Aplikasi Compro v1 ini adalah versi awal
sebagai compro generator, yang dimana
aplikasi ini akan membuat suatu halaman
postingan yang bisa dinamis atau
disesuaikan dengan keperluan, seperti
generate field, kategori, tags, mengatur
nama menu, tipe menu, ataupun slug.
3/17/2024 3
02
Latar Belakang Aplikasi
Di dalam admin kita ingin membuat menu seperti
berita dan disampingnya terdapat keterangan
primary itu merupakan tipe data utama, sebagai
parent menu.
Lalu berita gereja dan mesdinar adalah sub menu
dari berita karena ia bertipe master. Nah disini
saya sudah tidak menuliskan lagi navigasi berita,
berita gereja, dan berita mesdinar, saya buat
langsung dari aplikasi, dan tidak koding lagi.
tinjauaja.com
3/17/2024 5
• Side builder berguna untuk membuat segala kostumisasi kita,
dan ini dapat menghasilkan menu secara dinamis.
3/17/2024 6
03
Site
Builder
Builder Nav tab menu – untuk konfigruasi posting
01
02
03
04
05
06 Posting Config
Disini kita bisa memilih input field apa
saja yang ada di postingan seperti tipe
text, editor, gutenberg dan validasi tipe
field required atau tidak.
Post icons created by Smashicons -
Flaticon
Taxonomy Config
Kita bisa menambahkan input kategori
berupa select, Dimana kategori juga
bisa disikan secara dinamis.
Category icons created by bayu015 -
Flaticon
Wocommerce
Jika ingin mengintegrasikan
woocomerce pastika sudah memilki
key woccomerce. (Tab ini bersifat
opsional)
Ecommerce icons created by
vectorspoint - Flaticon
Image Config
Kita bisa setting ukuran image untuk
rekomendasi, supaya gambar optimal
dengan bentuk postingan di front end.
Picture icons created by Freepik -
Flaticon
General Setting
Disini kita bisa mengisi menu title, slug
menu, icon untuk menu (muncul di
sidebar) dan pilih tipe menu (Primary
ataupun master)
General icons created by Vectors Tank
- Flaticon
Submit
Apabila sudah mengisi tab yang wajib,
maka kita bisa submit dan menu
beserta konfigurasinya akan terbuat.
Submit icons created by Freepik -
Flaticon
04
Pengunaan site builder
3/17/2024 9
Tampilan tab menu site general, berisi menu title untuk
memberikan judul menu dan muncul pada sidebar, slug untuk
memberikan identitas untuk menu selain id, icon berisi gambar
tampil sebelum tulisan menu, dan tipe berguna untuk mengatur
tipe parent atau child.
3/17/2024 10
Tampilan tab menu site posting, kita bisa mengatur field sesuai
keperluan, disini saya membutkan inputan dengan nama konten
dan tipenya Gutenberg, dan validasi required. Jad nantinya
postingan kita akan muncul editor Gutenberg, nama labelnya
adalah konten kemudian wajib diisi.
3/17/2024 11
Tampilan tab menu taxonomy configuration, jika kita ingin
menampilkan kategori yang sebelumnya kita buat, kita bisa
langsung memilih pada taxonomy configuration, dan kita bisa
tambahkan kategori tersebut secara dinamis di halaman posting
kita nanti.
3/17/2024 12
Tampilan tab menu site image, kita bisa menetapkan
ukuran gambar di saat kita akan posting, nantinya
rekomendasi image ini akan mengoptimalkan ukuran
gambar yang akan terpasang pada front end.
3/17/2024 13
Tampilan tab menu woocommerce configuration, jika ingin
mengintegrasikan dengan woocommerce pastikan sudah
memenuhi dengan syarat dan ketentuan plugin ini, lalu kita
proses pada form untuk validasi.
3/17/2024 14
Tampilan tab menu submit, jika sudah yakin silahkan
simpan konfigurasi maka akan menghasilkan menu sesuai
dengan inputan yang telah kita setup.
3/17/2024 15
Tampilan menu berita gereja, berisi datatables, counter
untuk melacak data posting, lalu untuk membuat posting
yaitu dengan create post.
3/17/2024 16
Hasil dari konfigurasi menu yang telah kita setup pada
menu builder, meliputi konten dengan tipe Gutenberg,
kemudian taxonomy waktu posting di bawah browse,
kemudian image, terakhir validasi.
04
Closing
Summary
Terima kasih
Program ini masih jauh dari sempurna, dan akan
Kembali untuk versi 1 yang lebih stabil.
Kritik dan Saran
Silahkan untuk kritik dan saran, supaya ke depan lebih baik.
Blog
Kunjungi blog saya pada tinjauaja.com
3/17/2024 18

More Related Content

Similar to TinjauAja.com - Panduan pembuatan Aplikasi Company profile versi 1 - Laravel Livewire.pptx

Tugas Myicourse kelompok 4
Tugas Myicourse kelompok 4Tugas Myicourse kelompok 4
Tugas Myicourse kelompok 4F Ashter
 
BAB 1 MENGGUNAKAN FITUR LANJUT BROWSER.pptx
BAB 1 MENGGUNAKAN FITUR LANJUT BROWSER.pptxBAB 1 MENGGUNAKAN FITUR LANJUT BROWSER.pptx
BAB 1 MENGGUNAKAN FITUR LANJUT BROWSER.pptxmargarethnadya2
 
Tutorial Website Non Refrsh
Tutorial Website Non RefrshTutorial Website Non Refrsh
Tutorial Website Non RefrshSemesta Mandiri
 
AKADEMI ADSENSE.pptx
AKADEMI ADSENSE.pptxAKADEMI ADSENSE.pptx
AKADEMI ADSENSE.pptxArifinAja3
 
Tugas kelompok
Tugas kelompokTugas kelompok
Tugas kelompokzuriaputri
 
Laporan pembuatan aplikasi my so untuk android ppt
Laporan pembuatan aplikasi my so untuk android pptLaporan pembuatan aplikasi my so untuk android ppt
Laporan pembuatan aplikasi my so untuk android pptWahyu Anggara
 
Laporan pembuatan aplikasi my so untuk android ppt
Laporan pembuatan aplikasi my so untuk android pptLaporan pembuatan aplikasi my so untuk android ppt
Laporan pembuatan aplikasi my so untuk android pptWahyu Anggara
 
Materi praktikum e commerce iv
Materi praktikum e commerce ivMateri praktikum e commerce iv
Materi praktikum e commerce ivandre_kussuma
 
Proyek bab 2 web html menggunakan microsoft front page
Proyek bab 2 web html menggunakan microsoft  front pageProyek bab 2 web html menggunakan microsoft  front page
Proyek bab 2 web html menggunakan microsoft front pageFitria Wulan
 
Proyek 2 web html menggunakan microsoft front page
Proyek 2 web html menggunakan microsoft front pageProyek 2 web html menggunakan microsoft front page
Proyek 2 web html menggunakan microsoft front pagehesty93
 

Similar to TinjauAja.com - Panduan pembuatan Aplikasi Company profile versi 1 - Laravel Livewire.pptx (20)

Tugas Myicourse kelompok 4
Tugas Myicourse kelompok 4Tugas Myicourse kelompok 4
Tugas Myicourse kelompok 4
 
Frontpage
FrontpageFrontpage
Frontpage
 
9. a . . .
9. a . . .9. a . . .
9. a . . .
 
BAB 1 MENGGUNAKAN FITUR LANJUT BROWSER.pptx
BAB 1 MENGGUNAKAN FITUR LANJUT BROWSER.pptxBAB 1 MENGGUNAKAN FITUR LANJUT BROWSER.pptx
BAB 1 MENGGUNAKAN FITUR LANJUT BROWSER.pptx
 
Mengenal dreameaver
Mengenal dreameaverMengenal dreameaver
Mengenal dreameaver
 
Tutorial Website Non Refrsh
Tutorial Website Non RefrshTutorial Website Non Refrsh
Tutorial Website Non Refrsh
 
AKADEMI ADSENSE.pptx
AKADEMI ADSENSE.pptxAKADEMI ADSENSE.pptx
AKADEMI ADSENSE.pptx
 
Modul weblog
Modul weblog Modul weblog
Modul weblog
 
Tugas database teori
Tugas database teoriTugas database teori
Tugas database teori
 
11 pkom2 wp
11 pkom2 wp11 pkom2 wp
11 pkom2 wp
 
Progress 28 9-16
Progress 28 9-16Progress 28 9-16
Progress 28 9-16
 
Tugas kelompok
Tugas kelompokTugas kelompok
Tugas kelompok
 
Tugas kelompok
Tugas kelompokTugas kelompok
Tugas kelompok
 
Laporan pembuatan aplikasi my so untuk android ppt
Laporan pembuatan aplikasi my so untuk android pptLaporan pembuatan aplikasi my so untuk android ppt
Laporan pembuatan aplikasi my so untuk android ppt
 
Laporan pembuatan aplikasi my so untuk android ppt
Laporan pembuatan aplikasi my so untuk android pptLaporan pembuatan aplikasi my so untuk android ppt
Laporan pembuatan aplikasi my so untuk android ppt
 
Proyek web
Proyek webProyek web
Proyek web
 
Materi praktikum e commerce iv
Materi praktikum e commerce ivMateri praktikum e commerce iv
Materi praktikum e commerce iv
 
Manual Book Website From IBO
Manual Book Website From IBOManual Book Website From IBO
Manual Book Website From IBO
 
Proyek bab 2 web html menggunakan microsoft front page
Proyek bab 2 web html menggunakan microsoft  front pageProyek bab 2 web html menggunakan microsoft  front page
Proyek bab 2 web html menggunakan microsoft front page
 
Proyek 2 web html menggunakan microsoft front page
Proyek 2 web html menggunakan microsoft front pageProyek 2 web html menggunakan microsoft front page
Proyek 2 web html menggunakan microsoft front page
 

TinjauAja.com - Panduan pembuatan Aplikasi Company profile versi 1 - Laravel Livewire.pptx

  • 2. To-do 01 Tentang aplikasi 02 Latar belakang aplikasi 03 Apa itu sites builder 04 Pengunaan Site Builder 05 Closing 3/17/2024 2
  • 3. 01 Tentang aplikasi Aplikasi Compro v1 ini adalah versi awal sebagai compro generator, yang dimana aplikasi ini akan membuat suatu halaman postingan yang bisa dinamis atau disesuaikan dengan keperluan, seperti generate field, kategori, tags, mengatur nama menu, tipe menu, ataupun slug. 3/17/2024 3
  • 5. Di dalam admin kita ingin membuat menu seperti berita dan disampingnya terdapat keterangan primary itu merupakan tipe data utama, sebagai parent menu. Lalu berita gereja dan mesdinar adalah sub menu dari berita karena ia bertipe master. Nah disini saya sudah tidak menuliskan lagi navigasi berita, berita gereja, dan berita mesdinar, saya buat langsung dari aplikasi, dan tidak koding lagi. tinjauaja.com 3/17/2024 5
  • 6. • Side builder berguna untuk membuat segala kostumisasi kita, dan ini dapat menghasilkan menu secara dinamis. 3/17/2024 6 03 Site Builder
  • 7. Builder Nav tab menu – untuk konfigruasi posting 01 02 03 04 05 06 Posting Config Disini kita bisa memilih input field apa saja yang ada di postingan seperti tipe text, editor, gutenberg dan validasi tipe field required atau tidak. Post icons created by Smashicons - Flaticon Taxonomy Config Kita bisa menambahkan input kategori berupa select, Dimana kategori juga bisa disikan secara dinamis. Category icons created by bayu015 - Flaticon Wocommerce Jika ingin mengintegrasikan woocomerce pastika sudah memilki key woccomerce. (Tab ini bersifat opsional) Ecommerce icons created by vectorspoint - Flaticon Image Config Kita bisa setting ukuran image untuk rekomendasi, supaya gambar optimal dengan bentuk postingan di front end. Picture icons created by Freepik - Flaticon General Setting Disini kita bisa mengisi menu title, slug menu, icon untuk menu (muncul di sidebar) dan pilih tipe menu (Primary ataupun master) General icons created by Vectors Tank - Flaticon Submit Apabila sudah mengisi tab yang wajib, maka kita bisa submit dan menu beserta konfigurasinya akan terbuat. Submit icons created by Freepik - Flaticon
  • 9. 3/17/2024 9 Tampilan tab menu site general, berisi menu title untuk memberikan judul menu dan muncul pada sidebar, slug untuk memberikan identitas untuk menu selain id, icon berisi gambar tampil sebelum tulisan menu, dan tipe berguna untuk mengatur tipe parent atau child.
  • 10. 3/17/2024 10 Tampilan tab menu site posting, kita bisa mengatur field sesuai keperluan, disini saya membutkan inputan dengan nama konten dan tipenya Gutenberg, dan validasi required. Jad nantinya postingan kita akan muncul editor Gutenberg, nama labelnya adalah konten kemudian wajib diisi.
  • 11. 3/17/2024 11 Tampilan tab menu taxonomy configuration, jika kita ingin menampilkan kategori yang sebelumnya kita buat, kita bisa langsung memilih pada taxonomy configuration, dan kita bisa tambahkan kategori tersebut secara dinamis di halaman posting kita nanti.
  • 12. 3/17/2024 12 Tampilan tab menu site image, kita bisa menetapkan ukuran gambar di saat kita akan posting, nantinya rekomendasi image ini akan mengoptimalkan ukuran gambar yang akan terpasang pada front end.
  • 13. 3/17/2024 13 Tampilan tab menu woocommerce configuration, jika ingin mengintegrasikan dengan woocommerce pastikan sudah memenuhi dengan syarat dan ketentuan plugin ini, lalu kita proses pada form untuk validasi.
  • 14. 3/17/2024 14 Tampilan tab menu submit, jika sudah yakin silahkan simpan konfigurasi maka akan menghasilkan menu sesuai dengan inputan yang telah kita setup.
  • 15. 3/17/2024 15 Tampilan menu berita gereja, berisi datatables, counter untuk melacak data posting, lalu untuk membuat posting yaitu dengan create post.
  • 16. 3/17/2024 16 Hasil dari konfigurasi menu yang telah kita setup pada menu builder, meliputi konten dengan tipe Gutenberg, kemudian taxonomy waktu posting di bawah browse, kemudian image, terakhir validasi.
  • 18. Summary Terima kasih Program ini masih jauh dari sempurna, dan akan Kembali untuk versi 1 yang lebih stabil. Kritik dan Saran Silahkan untuk kritik dan saran, supaya ke depan lebih baik. Blog Kunjungi blog saya pada tinjauaja.com 3/17/2024 18

Editor's Notes

  1. Line spacing + Page numbers