🌐 Panduan CDN dengan Cloudinary untuk Asisten Lab

Belajar menyimpan gambar, audio, video, dan file praktikum secara efisien menggunakan Cloudinary. Panduan CDN ini cocok untuk asisten laboratorium matematika, statistika, dan aktuaria.
Keywords

panduan asisten laboratorium, belajar Quarto, Quarto, quarto untuk asisten lab, cdn cloudinary, cara simpan gambar di cloud, cloudinary untuk praktikum, embed asset dari cloud, panduan cloudinary indonesia

1 🌐 Apa Itu CDN dan Kenapa Penting?

CDN (Content Delivery Network) adalah sistem penyimpanan file eksternal yang memungkinkan akses file lebih cepat dan efisien. Untuk asisten lab, CDN seperti Cloudinary sangat membantu agar:

  • File besar tidak membebani GitHub repo
  • Gambar dan video bisa di-embed ke website tanpa delay
  • Praktikum lebih interaktif dengan asset multimedia

2 ☁️ Daftar & Login Cloudinary

  1. Buka https://cloudinary.com
  2. Klik tombol Sign up for free
  3. Isi email dan password, lalu klik Create Account

tangkapan layar halaman signup Cloudinary
  1. Buka https://cloudinary.com
  2. Klik tombol login

tangkapan layar halaman login Cloudinary
  1. Untuk asisten Lab cukup login dengan email aslab komputasi utama

tangkapan layar halaman login Cloudinary untuk asisten Lab

2.1 🔹 Akses Dashboard Cloudinary

Setelah login, kamu akan diarahkan ke media library. Setelah itu, pilih “Folders” pada Navigation-Bar di atas. Di sinilah kamu bisa upload dan mengelola semua file praktikum.

gambar dashboard Cloudinary setelah login

Jika baru pertama kali login, maka akan diarahkan ke media library di atas. Namun, jika tidak pertama kali login, maka akan diarahkan ke dashboard berikut.

gambar dashboard Cloudinary setelah login bukan pertama kali

Dari tampilan dashboard di atas, cukup pilih “Media Library” section “Folders”. Di sinilah kamu bisa upload dan mengelola semua file praktikum.

Halaman Media Library tempat mengelola semua file praktikum

3 📤 Upload Gambar dan File Praktikum

3.1 🔹Pastikan berada di halaman Media Library dan mempersiapkan file yang akan diupload

Persiapkan file yang akan diupload. Usahakan format nama disesuaikan untuk memudahkan pencarian di masa yang akan datang

3.2 🔹Pilih tombol Upload → Browse

Pilih tombol Upload → Browse

3.3 🔹Pilih file dari komputermu (misalnya gambar soal, PDF tugas, audio, dsb.)

Pilih semua file yang akan diupload

3.4 🔹Tunggu Proses upload hingga selesai

Tunggu proses upload

Setelah terupload biasanya akan ada akhiran tertentu untuk memberi keunikan antar file satu dengan yang lain. Kalau kalian sudah yakin tidak ada file lain yang memiliki nama serupa, maka hapus akhiran tersebut agar memudahkan pencarian di masa yang akan datang

4 🔗 Cara Embed Asset dari Cloudinary

4.1 🤔 Mengambil Tautan Aset cloudinary

Berikut ini prosedur cara menautkan ke Quarto dari tautan CDN-nya.

4.1.1 🔹Pastikan tau letak quarto yang akan direplace aset (pada contoh ini gambar)

Contoh posisi pada akses dashboard cloudinary di atas

4.1.2 🔹Gunakan sintaks embed untuk aset kamu

Contoh sintaks embed gambar ke quarto

Contoh letak sintaks embed gambar ke quarto

4.1.3 🔹Copy Url Asset

copy url pada aset di atas

4.2 🖼️ Embed Gambar ke Quarto

Gunakan sintaks berikut di Quarto:

![Judul Gambar](https://res.cloudinary.com/akunmu/image/upload/v1234567890/namafile.jpg)

4.3 🎧 Embed Audio/Video ke Website

Gunakan HTML raw di Quarto:

<video controls width="100%">
  <source src="https://res.cloudinary.com/akunmu/video/upload/v1234567890/video.mp4" type="video/mp4">
</video>

atau:

<audio controls>
  <source src="https://res.cloudinary.com/akunmu/video/upload/v1234567890/audio.mp3" type="audio/mpeg">
</audio>

5 📝 Tips dan Catatan

  • Gunakan folder/tagging untuk mengelola file sesuai topik (misal: praktikum1, soal-uts, dll)

  • Untuk file yang sangat besar (misal video panjang), sebaiknya gunakan YouTube saja untuk menghemat storage cloudinary

  • Jangan lupa backup link CDN di spreadsheet agar mudah dicari nanti

Untuk Asisten Lab 2025. Arsip Link CDN tersedia di spreadsheet berikut. Gunakan email aslab 😁

Spreadsheet CDN Asisten Laboratorium 2025

6 Export Metadata CDN

6.1 Pastikan Export Asset Metadata enabled

Export Asset Metadata ada di Apps for Digital Management.

6.2 Unduh Extract Metadata

Pergi ke Media Library -> Assets -> Select yang diperlukan -> Pada opsi triple dot (more) pilih extract.

6.3 Detail lebih lanjut