purple-siaran

byKerja Cerdas

Buatkan siaran TV sendiri ada tabel timeline schedule layar full screen bisa, dirotate menu admin panel

LoginDashboardScheduleVideoManagerNotificationsAdminPanelAnalyticsLiveScreen
Login

Comments (0)

No comments yet. Be the first!

Project Tasks20

#18

Manajemen Akun Admin

To Do

Sebagai Backend Developer, saya ingin membangun API CRUD untuk manajemen akun admin beserta sistem assignment role dan permission agar Super Admin dapat mengontrol akses dan hak setiap anggota tim secara terpusat.

AI 83%
Human 17%
Medium Priority
1.5 days
AI Credits:6
Backend Developer
#1

Implementasi Tema & Warna Global

To Do

Sebagai UI/UX Designer, saya ingin mengatur variabel warna global (Deep Purple #6A0DAD, Electric Violet #9B30FF, Midnight Black #0D0D0D, dll.), tipografi (Inter, Space Grotesk, JetBrains Mono), dan token desain dari SRD bagian 5 agar seluruh halaman memiliki konsistensi visual.

AI 80%
Human 20%
High Priority
1 day
AI Credits:5
UI/UX Designer
#2

Implementasi Struktur Layout Global

To Do

Sebagai Frontend Developer, saya ingin membangun base layout, struktur navigasi, dan responsive container agar setiap halaman dapat mewarisi kerangka tampilan yang konsisten dan siap digunakan.

Depends on:#1
Waiting for dependencies
AI 85%
Human 15%
High Priority
1 day
AI Credits:5
Frontend Developer
#6

Implementasi Admin Panel Layout

To Do

Sebagai Frontend Developer, saya ingin mengimplementasikan layout AdminPanel berdasarkan desain AdminPanel (v1) dengan estetika control room, navigasi sidebar, dan struktur panel agar admin memiliki ruang kerja terpusat yang konsisten.

Depends on:#1#2
Waiting for dependencies
AI 90%
Human 10%
High Priority
1 day
AI Credits:5
Frontend Developer
#4

Implementasi Halaman LiveScreen

To Do

Sebagai Frontend Developer, saya ingin mengimplementasikan halaman LiveScreen berdasarkan desain LiveScreen (v1) dengan YouTube iframe fullscreen, schedule ticker bawah, transisi pergantian channel CRT glitch, dan auto-rotate agar penonton dapat menikmati siaran langsung secara imersif.

Depends on:#1#2
Waiting for dependencies
AI 90%
Human 10%
High Priority
1.5 days
AI Credits:5
Frontend Developer
#3

Implementasi Halaman Login

To Do

Sebagai Frontend Developer, saya ingin mengimplementasikan halaman Login berdasarkan desain Login (v2) agar pengguna admin dan super admin dapat masuk ke sistem dengan tampilan yang sesuai tema gelap purple.

Depends on:#1#2
Waiting for dependencies
AI 90%
Human 10%
High Priority
0.5 days
AI Credits:5
Frontend Developer
#5

Implementasi Halaman Dashboard Admin

To Do

Sebagai Frontend Developer, saya ingin mengimplementasikan halaman Dashboard berdasarkan desain Dashboard (v1) dengan widget NOW ON AIR, ringkasan statistik, dan overview aktivitas agar admin dapat memantau kondisi siaran secara cepat.

Depends on:#1#2
Waiting for dependencies
AI 90%
Human 10%
High Priority
1 day
AI Credits:5
Frontend Developer
#7

Implementasi Halaman Schedule

To Do

Sebagai Frontend Developer, saya ingin mengimplementasikan halaman Schedule berdasarkan desain Schedule (v1) dengan tampilan timeline swimlane, fitur drag-and-drop reorder, dan manajemen entri jadwal agar admin dapat mengatur jadwal siaran secara intuitif.

Depends on:#1#2#6
Waiting for dependencies
AI 88%
Human 12%
High Priority
2 days
AI Credits:5
Frontend Developer
#8

Implementasi Halaman VideoManager

To Do

Sebagai Frontend Developer, saya ingin mengimplementasikan halaman VideoManager berdasarkan desain VideoManager (v1) dengan fitur tambah YouTube URL, preview sebelum publish, dan toggle aktif/nonaktif agar admin dapat mengelola konten video dengan mudah.

Depends on:#2#6#1
Waiting for dependencies
AI 90%
Human 10%
High Priority
1.5 days
AI Credits:5
Frontend Developer
#9

Implementasi Halaman Notifications

To Do

Sebagai Frontend Developer, saya ingin mengimplementasikan halaman Notifications berdasarkan desain Notifications (v1) dengan alert banner broadcast-style, pengaturan preferensi lead time, dan riwayat notifikasi agar admin dapat mengonfigurasi dan memantau peringatan sistem.

Depends on:#1#6#2
Waiting for dependencies
AI 90%
Human 10%
Medium Priority
1 day
AI Credits:5
Frontend Developer
#10

Implementasi Halaman Analytics

To Do

Sebagai Frontend Developer, saya ingin mengimplementasikan halaman Analytics berdasarkan desain Analytics (v1) dengan waveform bar chart, statistik penonton real-time, dan grafik performa per video agar admin dapat menganalisis data siaran secara visual.

Depends on:#6#1#2
Waiting for dependencies
AI 88%
Human 12%
Medium Priority
1.5 days
AI Credits:5
Frontend Developer
#19

Halaman Manajemen Akun

To Do

Sebagai Frontend Developer, saya ingin membangun tampilan manajemen akun untuk Super Admin yang memungkinkan melihat daftar admin, menambah/mengedit/menonaktifkan akun, dan mengassign role agar pengelolaan tim dapat dilakukan langsung dari panel.

Depends on:#5#18
Waiting for dependencies
AI 85%
Human 15%
Medium Priority
1.5 days
AI Credits:5
Frontend Developer
#11

API Manajemen Jadwal

To Do

Sebagai Backend Developer, saya ingin membangun API CRUD untuk manajemen entri jadwal dengan dukungan timezone WIB, validasi data, dan integrasi APScheduler agar sistem dapat mengelola dan mengeksekusi jadwal siaran secara otomatis.

Depends on:#7
Waiting for dependencies
AI 85%
Human 15%
High Priority
2 days
AI Credits:6
Backend Developer
#12

API Video & Konten YouTube

To Do

Sebagai Backend Developer, saya ingin membangun API untuk validasi dan penyimpanan YouTube URL, manajemen embed, serta toggle status aktif/nonaktif video agar konten yang ditampilkan selalu tervalidasi dan dapat dikontrol oleh admin.

Depends on:#8
Waiting for dependencies
AI 85%
Human 15%
High Priority
1.5 days
AI Credits:6
Backend Developer
#13

WebSocket Live Status

To Do

Sebagai Backend Developer, saya ingin membangun server WebSocket untuk broadcast transisi jadwal real-time dan pembaruan status NOW ON AIR agar frontend dapat merespons pergantian jadwal secara instan tanpa polling.

Depends on:#11#12
Waiting for dependencies
AI 83%
Human 17%
High Priority
2 days
AI Credits:7
Backend Developer
#15

Sistem Notifikasi Admin

To Do

Sebagai Backend Developer, saya ingin membangun sistem notifikasi berbasis APScheduler yang mengirim peringatan pre-airtime dengan lead time yang dapat dikonfigurasi serta notifikasi error iframe agar admin selalu mendapat informasi tepat waktu.

Depends on:#9#11
Waiting for dependencies
AI 83%
Human 17%
Medium Priority
1.5 days
AI Credits:6
Backend Developer
#16

API Analytics & Pelacakan Penonton

To Do

Sebagai Backend Developer, saya ingin membangun API untuk pelacakan sesi penonton, penghitungan viewer count real-time, penyimpanan time-series di MongoDB, dan endpoint ekspor CSV/PDF agar data performa konten tersedia untuk analisis historis.

Depends on:#13
Waiting for dependencies
AI 83%
Human 17%
Medium Priority
2 days
AI Credits:7
Backend Developer
#14

Integrasi YouTube IFrame API

To Do

Sebagai Frontend Developer, saya ingin mengintegrasikan YouTube IFrame API ke halaman LiveScreen dengan efek transisi pergantian channel dan CRT glitch effect agar pengalaman menonton terasa sinematik dan responsif terhadap pergantian jadwal.

Depends on:#13#4
Waiting for dependencies
AI 82%
Human 18%
High Priority
2 days
AI Credits:7
Frontend Developer
#20

Integrasi WebSocket Frontend

To Do

Sebagai Frontend Developer, saya ingin menghubungkan seluruh komponen frontend yang relevan ke server WebSocket untuk menerima pembaruan live jadwal, rotasi otomatis, dan status NOW ON AIR agar pengalaman pengguna bersifat real-time tanpa perlu refresh halaman.

Depends on:#13#14
Waiting for dependencies
AI 85%
Human 15%
High Priority
1.5 days
AI Credits:6
Frontend Developer
#17

Halaman Analytics & Ekspor Data

To Do

Sebagai Frontend Developer, saya ingin menghubungkan halaman Analytics ke API backend dan mengimplementasikan fitur ekspor data dalam format CSV dan PDF agar admin dapat mengunduh laporan performa siaran secara mandiri.

Depends on:#16#10
Waiting for dependencies
AI 85%
Human 15%
Medium Priority
1.5 days
AI Credits:5
Frontend Developer

No page designs yet.

The Design Agent will generate JSX pages automatically after user flows are created.

Login: Sign In
Dashboard: View Stats
Schedule: Manage Entries
Schedule: Drag Reorder
VideoManager: Add YouTube URL
VideoManager: Preview Video
VideoManager: Publish Live
Notifications: View Alerts