Cara Salin Kode Python ke Halaman HTML

Ada beberapa cara untuk salin kode python yang telah kita buat ke dalam halaman html. Cara pertama, kita bisa langsung menyalin link dari Colab ke halaman html. Jika kita melakukan ini, maka di halaman web akan muncul link ke Colab dan pengunjung bisa melihat dan menjalankan program yang kita buat. Cara ini sedikit berisiko karena orang lain bisa mengedit program yang telah dibuat.

Bagaimana kalau kita ingin orang lain hanya menjalankan program yang kita buat dan tidak bisa melihat atau mengedit kode program yang kita buat? Nah, kalian bisa menggunakan bantuan gradio. Kekurangannya link gradio mempunyai batas, hanya berlaku selama 1 minggu.

Nah, karena proyek ini bertujuan untuk belajar, jadi kedua cara itu tetap harus digunakan. Untuk cara pertama, kamu bisa mengatur agar orang lain tidak bisa mengedit, tetapi tetap bisa melihat kode program yang kamu buat (nggak pp, berbagi ilmu itu pahala yaa.. jangan pelit). Langkahnya sebagai berikut:

Set Colab menjadi “view only”

Klik File > Share di Google Colab.

Atur agar link “Viewer only”, bukan editor.

Pengguna tetap bisa melihat kode, tapi tidak bisa mengedit.

Embed tetap bisa dilakukan (meski tidak ideal untuk menyembunyikan kode).

Cara kedua: menggunakan bantuan gradio.
langkahnya sebagai berikut.
1. Buka program kalian di Colab

2. Tambahkan kode berikut:

#1. install gradio (jika belum)

!pip install gradio –upgrade

#2. import gradio

import gradio as gr

#3. definisikan fungsi utama

def …

masukkan kode pythonmu di sini

#4. buat antarmuka gradio

….

#5. jalankan

Catatan: Kamu boleh meminta bantuan chatgpt untuk versi kode programmu ke gradio, tapi pahami juga sintaksnya agar ketika kode tidak jalan kamu tahu letak kesalahannya.

Tunggu proses loading. Setelah selesai kamu akan diberi link gradio. Salin link tersebut dan paste ke halaman html mu. Upload kembali file html atau kalau mengedit langsung dari github klik commit changes. Jangan lupa setiap perubahan file yang kamu buat di github salin atau download agar kamu mempunyai file backupnya. Semua file yang ada di github kalian download dan buat folder tersendiri. Upload folder ini ke link gdrive kelas.

Periksa apakah halaman web kalian sudah menampilkan link dari gradio? Jika sudah, klik dan coba jalankan programmu. Berikut adalah link video untuk melihat cara salin file python di Colab menggunakan gradio dan cara salin file scratch ke halaman html.

Salin python di colab dengan gradio – https://www.youtube.com/watch?v=7bfjIzoK_gs

Salin kode dari Scratch ke halaman web – https://www.youtube.com/watch?v=BXexs0lPPcM&feature=youtu.be

Contoh web ada di sini dan di sana.

Video hasil klik di https://www.youtube.com/watch?v=YnJ_Nu7Ashw dan https://www.youtube.com/shorts/ImTmrD5sATo

Selamat belajar.

Leave a Reply

Your email address will not be published. Required fields are marked *