2025-10-08
admin
Diperbarui 2025-10-11

Sistem Manajemen Changelog Otomatis: Flask, Tailwind, NEO

Buat sistem manajemen changelog sendiri menggunakan Flask, Tailwind CSS, dan NEO Object Storage! Kelola user, aplikasi, dan file dengan mudah. Panduan instalasi lengkap tersedia!
Sistem Manajemen Changelog Otomatis: Flask, Tailwind, NEO

📝 Changelog Management System

Aplikasi manajemen changelog dengan Flask, Tailwind CSS, dan NEO Object Storage.

✨ Fitur

Admin Features

  • 🔐 Manajemen User (Create, Read, Update, Delete)
  • 📱 Manajemen Aplikasi (CRUD)
  • 📋 Manajemen Changelog (CRUD)
  • 📤 Upload file ZIP ke NEO Object Storage
  • 🔑 Assign user ke aplikasi tertentu

User Features

  • 👁️ View changelog aplikasi yang di-assign
  • ⬇️ Download file aplikasi
  • 📊 Dashboard aplikasi yang accessible

🚀 Instalasi

1. Clone/Download Project

# Buat folder project
mkdir changelog-app
cd changelog-app

2. Install Dependencies

pip install -r requirements.txt

3. Konfigurasi Environment

Edit file .env dan sesuaikan dengan konfigurasi NEO Object Storage Anda:

SECRET_KEY=your-secret-key-change-this
NEO_ACCESS_KEY=your_neo_access_key
NEO_SECRET_KEY=your_neo_secret_key
NEO_ENDPOINT=https://your-endpoint.com
NEO_BUCKET=changelog-storage
NEO_USE_SSL=false

4. Buat Folder Templates

mkdir templates

Copy semua file HTML ke folder templates/:

  • base.html
  • login.html
  • admin_dashboard.html
  • user_dashboard.html
  • view_application.html
  • admin_applications.html
  • add_application.html
  • edit_application.html
  • admin_changelogs.html
  • add_changelog.html
  • edit_changelog.html
  • admin_users.html
  • add_user.html
  • edit_user.html
  • manage_user_access.html

5. Jalankan Aplikasi

python app.py

Aplikasi akan berjalan di: http://localhost:7600

🔑 Default Login

  • Username: admin
  • Password: admin123

⚠️ PENTING: Segera ganti password default setelah login pertama kali!

📁 Struktur Folder

changelog-app/
├── app.py                 # Main application
├── .env                   # Environment configuration
├── requirements.txt       # Python dependencies
├── changelog.db          # SQLite database (auto-created)
└── templates/            # HTML templates
    ├── base.html
    ├── login.html
    ├── admin_dashboard.html
    ├── user_dashboard.html
    ├── view_application.html
    ├── admin_applications.html
    ├── add_application.html
    ├── edit_application.html
    ├── admin_changelogs.html
    ├── add_changelog.html
    ├── edit_changelog.html
    ├── admin_users.html
    ├── add_user.html
    ├── edit_user.html
    └── manage_user_access.html

🎯 Cara Penggunaan

Admin

  1. Login dengan akun admin
  2. Buat Aplikasi baru di menu Applications
  3. Tambah Changelog untuk aplikasi (upload file ZIP)
  4. Buat User di menu Users
  5. Assign User ke Aplikasi dengan klik icon Key (🔑) di user list

User

  1. Login dengan akun user
  2. View Dashboard - melihat aplikasi yang di-assign
  3. Buka Aplikasi untuk melihat changelog
  4. Download File aplikasi jika tersedia

🎨 Customization

Ganti Icon Aplikasi

Gunakan Font Awesome icons:

  • Browse: https://fontawesome.com/icons
  • Format: fa-icon-name (contoh: fa-laptop-code, fa-mobile-alt)

Warna Theme

Default theme: Dark Mode

  • Primary: Blue (#3B82F6)
  • Success: Green (#10B981)
  • Warning: Yellow (#F59E0B)
  • Danger: Red (#EF4444)
  • Purple: (#A855F7)

🔧 Troubleshooting

Error: Missing NEO configurations

Pastikan semua variabel di .env sudah diisi dengan benar.

Error: Bucket tidak ditemukan

Aplikasi akan otomatis membuat bucket. Jika gagal, buat bucket manual di portal NEO.

Error: SSL Certificate

Set NEO_USE_SSL=false di file .env jika menggunakan HTTP.

Database tidak terbuat

Hapus file changelog.db lalu jalankan ulang aplikasi.

📦 NEO Object Storage

File yang diupload akan disimpan dengan struktur:

changelogs/
  └── ApplicationName/
      └── 20250930_143025_abc12345_filename.zip

🔒 Security Notes

  • Ganti SECRET_KEY di production
  • Ganti password admin default
  • Gunakan HTTPS di production
  • Backup database secara berkala
  • Jangan commit file .env ke git

📝 License

Free to use for personal and commercial projects.

💬 Support

Untuk pertanyaan dan dukungan, hubungi administrator sistem.

blog teknologi programming admin

Artikel Terkait