Langsung ke konten utama

Membuat Aplikasi YouTube-Like Sederhana untuk Pemula Di Local Server XAMPP

 


Di era digital, video menjadi salah satu konten paling populer di internet. Platform seperti YouTube, TikTok, dan Instagram Reels memungkinkan pengguna mengunggah dan menonton video dengan mudah. Jika Anda seorang pengembang pemula yang ingin memahami cara kerja platform semacam itu, artikel ini akan memandu Anda membuat aplikasi YouTube-like sederhana menggunakan PHP, MySQL, dan CSS.

Proyek ini mencakup:
✅ Upload video (format .mp4)
✅ Penyimpanan data video di database
✅ Tampilan antarmuka mirip YouTube
✅ Tanpa sistem login (fokus pada fungsi dasar)

Struktur Proyek

Berikut adalah file-file utama yang akan digunakan:

  1. index.php – Halaman utama untuk menampilkan daftar video.

  2. upload.php – Formulir upload video.

  3. upload_process.php – Proses penyimpanan video ke server dan database.

  4. database.php – Konfigurasi koneksi MySQL.

  5. style.css – Styling tampilan agar mirip YouTube.

  6. Folder uploads/ – Direktori penyimpanan file video.

Langkah 1: Persiapan Database

Sebelum memulai, kita perlu menyiapkan database untuk menyimpan informasi video.

Struktur Database

  • Nama Database: video_db

  • Tabel: videos

    • id (Primary Key, Auto Increment)

    • title (Judul video)

    • description (Deskripsi video)

    • filename (Nama file video)

    • upload_date (Tanggal upload)

Database ini akan menyimpan metadata video, sedangkan file videonya disimpan di folder uploads/.

Langkah 2: Membuat Halaman Upload Video

File upload.php berisi formulir sederhana untuk mengunggah video.

Fitur Formulir Upload

  • Input Judul Video – Pengguna bisa memasukkan judul.

  • Deskripsi Video – Kolom opsional untuk deskripsi.

  • Pilih File – Hanya menerima file .mp4.

  • Tombol Upload – Untuk mengirim data ke server.

Setelah pengguna mengklik "Upload", data dikirim ke upload_process.php untuk diproses.

Langkah 3: Proses Upload Video

File upload_process.php bertanggung jawab untuk:

  1. Memeriksa Format File

    • Hanya menerima .mp4.

    • Memastikan file benar-benar video (bukan file lain yang di-rename).

  2. Menyimpan File ke Server

    • File disimpan di folder uploads/.

    • Nama file diubah agar aman (menghindari spasi/simbol).

  3. Menyimpan Data ke Database

    • Judul, deskripsi, dan nama file disimpan di tabel videos.

Jika berhasil, pengguna diarahkan kembali ke index.php. Jika gagal, muncul pesan error.

Langkah 4: Menampilkan Daftar Video

File index.php menampilkan semua video yang sudah diupload dalam bentuk grid seperti YouTube.

Fitur Halaman Utama

  • Daftar Video dalam Grid – Tampilan responsif (desktop & mobile).

  • Pemutar Video Sederhana – Menggunakan tag HTML5 <video>.

  • Judul & Deskripsi – Informasi video di bawah pemutar.

  • Tombol "Upload Video" – Link ke halaman upload.

Langkah 5: Styling dengan CSS

File style.css digunakan untuk mempercantik tampilan.

Desain Mirip YouTube

  • Warna & Font – Menggunakan warna merah khas YouTube.

  • Grid Layout – Video ditampilkan dalam bentuk kartu (card).

  • Responsive Design – Menyesuaikan layar desktop & mobile.

Langkah 6: Konfigurasi Server

Agar aplikasi berjalan lancar, pastikan:

  1. Folder uploads/ Memiliki Izin Write

    • Di Linux: chmod 777 uploads/

    • Di Windows: Pastikan folder bisa diakses.

  2. Setting PHP untuk Upload File Besar

    • Ubah php.ini:

      ini

      upload_max_filesize = 100M
post_max_size = 100M

    • Atau gunakan .htaccess untuk override setting.

  3. Pastikan Ekstensi PHP & MySQL Aktif

    • Di XAMPP/WAMP, pastikan Apache & MySQL berjalan.

Kesimpulan

Dengan mengikuti langkah-langkah di atas, Anda telah membuat aplikasi YouTube-like sederhana dengan fitur:
✔ Upload video
✔ Penyimpanan data di database
✔ Tampilan menarik mirip YouTube

Proyek ini cocok untuk pemula yang ingin belajar:
🔹 PHP & MySQL (CRUD dasar)
🔹 Upload File (penanganan form)
🔹 CSS Grid (tata letak responsif)

Pengembangan Selanjutnya

Jika ingin mengembangkan lebih lanjut, Anda bisa menambahkan:

  • Sistem Login (menggunakan session)

  • Komentar & Like (interaksi pengguna)

  • Thumbnail Generator (menggunakan FFmpeg)

Dengan memahami konsep dasar ini, Anda bisa membuat platform video yang lebih kompleks di masa depan! 🚀

📥 Downloads File Disini !!! 

📌 Catatan:

  • Tanpa Login – Proyek ini fokus pada fungsi dasar tanpa autentikasi.

  • Localhost Only – Belum di-deploy ke hosting (untuk pembelajaran).

  • Tanpa PDO – Menggunakan mysqli untuk koneksi database.

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Install XAMPP di Windows: Pengertian, Kegunaan, dan Langkah-Langkahnya

Daftar Isi Apa Itu XAMPP? Kegunaan XAMPP Persiapan Sebelum Menginstall XAMPP Langkah-Langkah Install XAMPP di Windows Cara Menjalankan XAMPP Menguji XAMPP Berhasil Terinstall Masalah Umum dan Solusi Saat Install XAMPP Kesimpulan Apa Itu XAMPP? XAMPP  adalah sebuah paket perangkat lunak ( software stack ) yang digunakan untuk mengembangkan aplikasi web berbasis PHP, MySQL, dan Apache. XAMPP merupakan singkatan dari: X  (Cross-platform, bisa digunakan di Windows, Linux, dan macOS) A  (Apache – web server) M  (MySQL/MariaDB – database management system) P  (PHP – bahasa pemrograman server-side) P  (Perl – bahasa scripting tambahan) XAMPP dikembangkan oleh  Apache Friends  dan menyediakan lingkungan pengembangan ( local server ) yang memudahkan developer untuk membuat, menguji, dan menjalankan aplikasi web sebelum di- upload  ke server online. Kegunaan XAMPP XAMPP memiliki beberapa fungsi utama, di antaranya: Membuat Server Lokal Memungkinkan pen...
Posting Komentar
Read more »

Cara Mengkonversi File Python (.py) ke Executable (.exe) di Linux

  Berikut adalah panduan lengkap untuk mengkonversi script Python ke file .exe yang bisa dijalankan di Windows, meskipun Anda menggunakan Linux sebagai sistem operasi pengembangan. Persyaratan Python 3.x terinstall di Linux Virtual environment (direkomendasikan) Wine (untuk build Windows executable dari Linux) Langkah 1: Persiapan Install Wine (untuk build Windows executable dari Linux) bash Copy Download sudo apt update sudo apt install wine Buat dan aktifkan virtual environment bash Copy Download python3 -m venv myenv source myenv/bin/activate Langkah 2: Install PyInstaller dan Dependencies bash Copy Download pip install pyinstaller pip install PyQt5 mysql-connector-python psutil # atau dependencies proyek Anda Langkah 3: Konversi ke .exe Untuk aplikasi console biasa: bash Copy Download pyinstaller --onefile --clean --name MyApp script_anda.py Untuk aplikasi GUI (seperti PyQt5): bash Copy Download pyinstaller --onefile --windowed --clean --name MyApp script_anda....
Posting Komentar
Read more »

Membuat Halaman Login Sederhana untuk Pemula

Halaman login adalah salah satu komponen penting dalam pengembangan website yang membutuhkan autentikasi pengguna. Dalam tutorial ini, kita akan membangun sistem login sederhana menggunakan PHP dan MySQL. Sistem ini akan membedakan akses antara   admin   dan   user biasa , sehingga dapat digunakan sebagai dasar pengembangan aplikasi berbasis role (hak akses). Untuk Files Lengkap ada di Akhir Artikel ini Proyek ini cocok untuk pemula yang ingin memahami: Koneksi database MySQL dengan PHP Proses login dan logout Pembagian hak akses (admin & user) Keamanan dasar dalam autentikasi Kita akan membuat struktur folder dengan file-file berikut: login.php   → Halaman login logout.php   → Proses logout dashboard.php   → Halaman admin user_dashboard.php   → Halaman user biasa config.php   → File koneksi database users.sql   → Struktur tabel untuk menyimpan data login 1. Persiapan Database (users.sql) Sebelum memulai, kita perlu menyiapkan database (...
Posting Komentar
Read more »