Dokumentasi Pembuatan Website ARA 2021

Repository ini dibuat untuk menampung kode dan juga progress pembuatan dari Website untuk ARA A Renewal Agent ITS 2021

Tak kenal maka tak sayang, maka dari itu buah mangga buah kedondong. Kenalan dong… Halo teman-teman dan adik-adik sobat ITzen! Selamat datang di website official ARA 2021. Karena sudah capek-capek datang kemari, intip dikit boleh, la. Sedikit- sedikit lama-lama menjadi bukit. Daripada berlama-lama kaya bekicot, mending kita langsung cekidot.

Sobat ITzen kira-kira tahu nggak sih kalau sebenarnya ARA itu diambil dari kata “A Renewal Agent”? A Renewal Agent memiliki arti “Agen Pembaruan” yang dimana nantinya sobat ITzen diharapkan bisa menjadi agen-agen pembaruan sebagai pilar di bidang Teknologi dan Informasi untuk Indonesia 2045. Teruntuk kamu adik-adik keren dari SMA/SMK/Sederajat dan teman-teman perjuangan mahasiswa, sabi banget ikut kegiatan ARA ini! Dengan berbagai cabang kegiatan dan lomba di bidang Cyber Security dan Internet of Things, sobat ITzen bisa memilih cabang lomba sesuai kriteria yang memenuhi, ya. Jangan lupa semarakkan tagar #SemangatMembARA2021 dan #ARenewalAgentforIndonesia2045 agar sobat ITzen memiliki semangat yang membara untuk perkembangan dan kemajuan Indonesia khususnya di bidang Teknologi dan Informasi. Semangat sobat ITzen! Horas!

Rapat Subdivisi Website (2 Januari 2021)

Issues ⚠️

1. bikin footer belum bisa fix di bawah ✅
2. drop down item backgroundnya item ✅
3. Responsive di Form masih kurang ✅
4. Logo ARA tiba tiba nengah ✅
5. Dropdown di Nav masih kurang ✅
6. Jarak antar Form masih terlalu padet ✅
7. Font belum responsive ✅
8. Service Worker Masih Gagal ✅

Semua issue telah di fix pada progress website tertanggal 7 Januari 2021

Progres Subdivisi Website (7 Januari 2021)

Memperbaiki semua masalah pada rapat 2 Januari 2021

Rapat Subdivisi Website (8 Januari 2021)

Penugasan 📑

1. Rangga (Staf Divisi Design) : Template tab Image, send foto-foto ExploIT ke Drive, Update Footer, Update logo ke 1:1 (13 Januari)
2. Rafael (Staf Subdiv Website): Admin Page buat panitia biar bisa liat data sama loginnya, Bantu Dida buat Backend Form (18 Januari)
3. Ariel (Staf Subdiv Website) : Editing Foto ExploIT (14 Januari)
4. Dida (Staf Ahli Subdiv Website) : Clean Query, Clean Code Website, Backend Register Form, Validate (23 Januari)
5. Bryan (Ketua Subdiv Website) : Gabungin semua Asset dan Content yang ada ke dalam website, Frontend Register Form, Frontend Home, Frontend Pendaftaran, Frontend Sukses, Repository Management, Clean Code Website (19 Januari 2021)

Rapat Divisi Teknis (18 Januari 2021)

Poin Penting ⚠️

1. Pendaftaran Webinar 6 Februari 2021
2. Update CTF Rulebook
3. Update Upload Time
4. Pengumpulan abstrak 25 Januari - 7 Feb, Pengumpulan KTI 15 Feb - 14 Maret

Masukan dari Ketua ARA dan Konseptor (19 Januari 2021) ⚠️

1. Icon Terlalu Besar, kurang HD, kurang merepresentasikan, kurang mengajak daftar
2. Button yang nggak ada padding / terlalu full
3. Animasi lompat-lompat gak perlu
4. Scrollbar diedit biar gak polosan
5. Card buat sponsor
6. Upload Website ke hostingan sementara
7. Tata cara pendaftaran dimasukkan ke dalam form

Rapat Subdivisi Website (20 Januari 2021)

1. Melakukan Perangkuman Kendala Website : -Icon masih bermasalah (DONE, dikerjakan oleh Rangga -> Icon Event DONE, Timeline DONE, ICON Pendaftaran DONE, ICON Sukses Done) (Pengerjaan FrontEND oleh Bryan -> DONE, menunggu ICON Pendaftaran):white_check_mark:

• Button nggak ada padding (DONE, dikerjakan oleh Bryan):white_check_mark:
• Animasi Lompat-lompat gaperlu (IGNORED, nanti akan diganti animasi yang lebih keren biar terasa lebih live) ❌
• Scrollbar diedit biar gak polosan (NEXT JOBDESK, nanti akan didesign scrollbar yang lebih keren) 🕛
• Card buat sponsor (NEXT JOBDESK, menunggu list sponsor fix dan logo-logo mereka) 🕛
• Upload Website ke hostingan sementara (DONE, dikerjakan oleh Bryan, uploaded to bryanyehuda.my.id):white_check_mark:
• Tata cara pendaftaran diganti ke form (DONE, dikerjakan oleh Riris -> DONE, Pembuatan Caption) (Pengerjaan FrontEND oleh Bryan -> DONE, menunggu Caption):white_check_mark:
• Pendaftaran Webinar 6 Februari (DONE, Dikerjakan oleh seluruh Subdiv Website + Rangga + Riris, tinggal dipakai):white_check_mark:
• Update CTF Rulebook (DONE, Dikerjakan oleh seluruh Subdiv Website + Rangga + Riris, tinggal dipakai):white_check_mark:
• Update Upload Time (DONE, dikerjakan oleh Dida + Rafael):white_check_mark:

2. Progres Subdivisi Website dari 8 Januari 2021

• Rangga : DONE (Template tab Image, send foto-foto ExploIT ke Drive, Update Footer, Update logo ke 1:1)
• Rafael : DONE (Admin Page)
• Ariel : DONE (Editing Foto)
• Dida : DONE (Selesai 23 Januari) Clean Query, Clean Code Website, Backend Register Form, Validate
• Bryan : DONE (Gabungin semua Asset dan Content yang ada ke dalam website, Frontend Register Form, Frontend Home, Frontend Pendaftaran, Frontend Sukses, Repository Management, Clean Code Website)

3. Next JOBDESK 📑

• 24 Januari Riris : Content dan Caption (Aman)
• 24 Januari Rafael : Upload Time (Aman)
• 21 Januari Ariel : Design Figma Dashboard (Aman)
• 24 Januari Rangga : Design Iconography (Aman)
• 24 Januari Bryan : Design Dashboard IoT dan masukin semua asset ke frontend (Aman)
• Januari Dida : Upload, validate, dan deploy (Aman)

4. NEXT NEXT JOBDESK 📑 🕛

• Animasi Lompat-lompat gaperlu (IGNORED, nanti akan diganti animasi yang lebih keren biar terasa lebih live)
• Scrollbar diedit biar gak polosan (NEXT JOBDESK, nanti akan didesign scrollbar yang lebih keren)
• Dashboard CTF dan Olimpiade

5. Saran dari Divisi Design (24 Januari 2021)

• nggabung container timeline dan apa itu (DONE, sudah tergabung)
• container pendaftaran gak perlu keterangan langsung syarat dan ketentuan ✅
• tombol daftar font kegedean:white_check_mark:
• judul container taruh tengah:white_check_mark:
• navbar belum dikasih border ✅
• home pendaftaran font kurang besar ✅
• picture frame update yang dikasih border:white_check_mark:
• belum ada CP ✅
• form input pendaftaran shadow diganti border
  (IGNORED, karena jadi lebih jelek ):x:
• font ganti open sans ✅

Progres Subdivisi Website dari 26 Januari 2021

1. Tanggal 24 Januari sudah berhasil deploy websitenya
2. Jobdesk kemarin sudah aman semua, tinggal revisi beberapa
3. Ada beberapa kendala yang perlu diatasi:
   A. Update untuk abstrak = diberikan kesempatan sekali update abstrak untuk yang upload abstrak di hari ini, 26 Jan
   B. menampilkan tampilan yang sudah diupload (abstrak, status)
   C. [PENDING] pembuatan admin page untuk IoT = dari IoT tidak perlu susah2 untuk ambil dari database padding dari navbarnya masih beda
   D. [PENDING] memperbaiki service-worker untuk caching asset
   E. Ada tim yang minta datanya dihapus
   F. upload pengumuman di tanggal 27 jan
4. Sekarang Subdivisi Website jadi Divisi Website
5. Jobdesk berikutnya:
   A. Animasi lompat-lompat,
   B. edit scroll bar biar nggak polosan,
   C. [PENDING] card buat sponsor
   D. pembuatan OTP untuk ganti password
   E. compress image supaya tidak terlalu ngelag
   F. [PENDING] fix template untuk dashboard admin
   G. [PENDING] pembuatan dashboard untuk ctf dan olimpiade

Pembagian Tugas 26 Januari 📑

1. Dida dan Rafael = drop database (DL 27 Jan, DONE), buat OTP untuk ganti password (DL 31 Jan, DONE)
2. Riris = membuat caption pengumuman untuk upload abstrak yang baru (DL 26 Jan, DONE)
3. Bryan = membuat frontend untuk view abstrak dan modal saat upload (DL 26 Jan, DONE), perbaiki padding (DL 27 Jan, DONE), perbaiki animasi (DL 27 Jan, DONE), view status (DL 31 Jan, DONE)
4. Ariel = compress image (DL 27 Jan, DONE), memperbaiki service-worker (DL 31 Jan, DONE), edit manifest-json (DL 31 Jan, DONE)
5. Rangga dan Fira = buat scrollbar (DL 31 Jan, DONE), pembuatan icon untuk status perlombaan (DL 31 Jan, DONE)
6. Dida = push ke github (DL 26 Jan, DONE), deploy view abstrak (DL 27 Jan, DONE)
7. Rafael = Update Admin Page menggunakan Upload Time (DL 28 Jan, DONE)

Selesai Tanggal 2 Februari

1. Assets untuk status sudah diselesaikan
2. Template untuk Dashboard sudah diselesaikan
3. View Form Pendaftaran Webinar Updated
4. View Dashboard IoT, CTF, dan Olimpiade finished
5. Asset untuk Scrollbar sudah diselesaikan

Selesai tanggal 7 Februari

1. Backend Pendaftaran Webinar
2. OTP Update Password
3. Tambahin link grup mengarah ke grup WA Webinar

Tugas belum Selesai ⚠️

1. Backend Dashboard IoT, CTF, dan Olimpiade
2. Update Scrollbar
3. Update link ke Gdrive Pendownload Poster dan Twibbon
4. Tambahin max file size 2MB
5. Perbaiki Caption Webinar
6. View Dashboard IoT
7. Card buat sponsor (nunggu dari Danus)
8. Pembuatan admin page untuk Kestari Webinar
9. Pembuatan admin page untuk IoT
10. Memperbaiki service-worker

Rapat Subdivisi Website (8 Februari 2021)

1. Kamis 11 Februari minggu ini bakal ada rapat komunal Diminta minggu ini staff nya yang bagian bacain progres.
2. Error ⚠️ : Poster tidak bisa di download (sepertinya salah link) Uploaded file exceeds the maximum allowed size
3. Note : Dashboard CTF dan Olim bakal nampilin nama tim, status lomba, dan tempat pengumuman saja Dashboard IoT bakal jadi view untuk judul sama isi abstrak, ada juga buat status perlombaan sama untuk upload KTInya

Pembagian Jobdesk 8 Februari 2021 📑

1. Dida : Backend Dashboard IoT, CTF, dan Olimpiade (15 Februari)
2. Bryan : Update Scrollbar (11 Februari), Update link ke Gdrive Pendownload Poster dan Twibbon (9 Februari, DONE), Tambahin tulisan max file size 2mb (9 Februari, DONE), View Dashboard IoT (11 Februari, DONE)
3. Riris : Perbaiki caption webinar (9 Februari, DONE)
4. Rafael : Buat Admin page untuk Webinar dan IoT (15 Februari)
5. Ariel : Dapat tugas dari Carlo - Admin Publikasi, Update Service worker (17 Februari)
6. Rangga dan Fira : Bikin desain banner sponsor bentuk card ditaruh di atas footer (15 Februari)

Pending Jobdesk 🕛

1. Bendahara minta dibikinin total biaya pendaftaran peserta
2. Buat dokumentasi untuk Website ARA 2021 (Update Readme)
3. Pelatihan pembuatan Website 2020

Rapat Subdivisi Website (1 Maret 2021)

Progres sebelumnya

• Backend Dashboard IoT, CTF, dan Olimpiade ✅
• Update Scrollbar ❌
• Update Service worker ✅
• Update link ke Gdrive Pendownload Poster dan Twibbon ✅
• Tambahin tulisan max file size 2mb ✅
• Perbaiki caption webinar ✅
• View Dashboard IoT ✅
• Buat Admin page untuk Webinar dan IoT ✅
• Bikin desain banner sponsor ✅
• Update Link Grup WA ✅
• Update Batch 3 Pendaftaran ✅

Dida : Backend Dashboard IoT, CTF, dan Olimpiade (15 Februari, DONE)

Bryan : Update Scrollbar (11 Februari) Update link ke Gdrive Pendownload Poster dan Twibbon (9 Februari, DONE) ✅ Tambahin tulisan max file size 2mb (9 Februari, DONE)✅ View Dashboard IoT (11 Februari, DONE)✅

Riris : Perbaiki caption webinar (9 Februari, DONE):white_check_mark:

Rafael : Buat Admin page untuk Webinar dan IoT (15 Februari, DONE) ✅

Ariel : Dapat tugas dari Carlo - Admin Publikasi (Continuous):white_check_mark: Update Service worker (17 Februari, DONE) :white_check_mark:

Rangga dan Fira : Bikin desain banner sponsor bentuk card ditaruh di atas footer, alternatif bikin yang bisa ditaruh di footer (15 Februari, DONE)

Pembagian Jobdesk berikutnya 📑

1. Update Scrollbar
2. Update Footer dengan Sponsor
3. Admin Page IOT nampilin KTI yang terupload (bisa didownload dan dilihat admin)
4. Update Status Peserta (Menang, Kalah, Lolos, Dsb)
5. Bendahara minta dibikinin total biaya pendaftaran peserta
6. Upload KTI
7. View setelah KTI Terupload
8. Update Service Worker
9. Dokumentasi Readme

Bryan : Update Scrollbar (4 Maret, DONE) ✅ Update Footer dengan Sponsor (4 Maret, DONE) ✅

Rafael : Admin Page IOT nampilin KTI yang terupload (bisa didownload dan dilihat admin) (3 Maret, DONE) ✅ Update Status Peserta (Menang, Kalah, Lolos, Dsb) (5 Maret, DONE) ✅ Email Brute Force (4 Maret, DONE) ✅

Dida : Upload KTI (memastikan sistem upload KTI nya sudah aman) (4 Maret, DONE) ✅ View setelah KTI Terupload (Disable button untuk upload) (5 Maret, DONE) ✅

Ariel : Update Service Worker (10 Maret. DONE) ✅ Dokumentasi Readme (7 Maret, DONE) ✅ Belajar Git (7 Maret, DONE) ✅

LISENSI

Repository ini memiliki Lisensi MIT.
Lisensi ini membolehkan pengguna untuk melakukan perubahan apapun pada kode program. Lisensi ini hanya mewajibkan pengguna untuk menyertakan lisensi dan copyright pembuat pada kode yang didistribusikan ulang dan tidak ada larangan untuk menggunakan trademark dari pembuat asli. Selain itu pengguna juga tidak berhak untuk menuntut pembuat ketika terjadi kerusakan pada perangkat lunak tersebut.