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.

Praktik Lintas Bidang (PLB) merupakan kegiatan pengembangan aplikasi yang dikerjakan dalam jangka waktu sekitar 14 minggu. Kegiatan dilakukan secara berkelompok dengan jumlah anggota 4-5 orang.

Urutan kerja:

1. Membentuk kelompok
2. Menyusun peran dan pembagian tugas setiap anggota kelompok.

1. Membuat domain kelompok menggunakan github. Cara custom domain web dapat dilihat di sini.
2. Memindahkan file pendukung pembuatan web yang ada di w3space (yang pernah dibuat sebelumnya untuk tugas pembuatan web secara mandiri) ke dalam github. Kelompok boleh memilih menggunakan salah satu web yang telah dibuat oleh anggota tim nya untuk dimodifikasi menjadi web kelompok.
3. Mengerjakan halaman pertama web yang berisi Perkenalan Kelompok. Komponen yang ada dalam Perkenalan Kelompok adalah nama kelompok, logo dan arti logo kelompok, peran dan pembagian tugas serta deskripsi dari peran setiap anggota kelompok.
4. Untuk halaman produk, tautan link ke colab untuk produk harus ada. Boleh juga pakai Gradio, tapi Gradio punya batas waktu seminggu, selanjutnya link tidak bisa diakses atau terhapus.

catatan: github memungkinkan kalian untuk berkolaborasi dengan anggota tim lainnya. Caranya bisa lihat di sini.

Berikut adalah alamat domain setiap kelompok. Yang diberi tanda * tugas sesuai ketentuan dan lengkap.

Kelas X A – link GDrive di sini

1. Gwenviting
2. Bigetroopers
3. InfinityandBeyond
4. Proxycyner
5. Be Aware
6. Odysseys
7. Style-Sphere
8. Kelompok 2

Kelas X B link GDrive di sini

1. Converse 70’s highs
2. buzzlightyear *
3. nabelayimaoyang *
4. RajaLele
5. Pandawara
6. Domain Archer
7. Aurelele *

Kelas X C – link Gdrive di sini

1. Aerotoksin *
2. Carnaval *
3. Arunika
4. Spark *
5. Ecos Ereine
6. MoodMail
7. Bitssquad *

Kelas X D – link GDrive di sini

1. Kejora *
2. Sitting Elephant *
3. Lumiere *
4. The Unplugged *
5. Ambalabu *
6. Speed

Kelas X E

1. Outerspace
2. Forest Life
3. Shield
4. De Alger Obelia
5. StarCode
6. Ambalabu
7. Kiyomi
8. Story

Kelas X F link GDrive di sini

1. Kelompok 1 *
2. Kelompok 2
3. Kelompok 3
4. Kelompok 4
5. Kelompok 5
6. Kelompok 6 *
7. Kelompok 7 *
8. Kelompok 8
9. Kelompok 9

Kelas X G – link Gdrive di sini

1. Dachau *
2. Cepluk *
3. FOKM *
4. NESA *
5. Voltify
6. GuessTheZodiac *
7. BatokKelapa
8. Kelompok 5
9. ABCD
   10. Salwa

Kelas X H – link GDrive di sini

1. Kelompok 1 *
2. Kelompok 2
3. Kelompok 3
4. Kelompok 4 *
5. Kelompok 5 *
6. Kelompok 6 *
7. Kelompok 7
8. Kelompok 8

Materi: Cara Komputer Bekerja

Apakah kamu masih ingat cara komputer bekerja?

Input –> Proses –> Output

Perangkat pemrosesan adalah CPU. CPU terdiri dari ALU (menjalankan operasi aritmetika dan operasi logika) dan Control Unit (Unit kontrol). Selain CPU ada memory (ROM dan RAM). Ingat, bahwa memori utama komputer adalah menyimpan data sementara.

CPU menerima instruksi dan menjalankan perintah. Instruksi akan ditempatkan terlebih dahulu di memori. Unit kontrol akan mengambil dan menerjemahkan instruksi dan memindahkannya ke ALU. ALU akan menjalankan perintah dan menyimpan hasil operasi ke memori/register. Unit kontrol akan memerintahkan memori untuk mengirim hasilnya ke perangkat keluaran.

Untuk melihat cara kerja komputer kita bisa melihat simulasi mesin konseptual sederhana yang memiliki cara kerja seperti sebuah komputer namun lebih sederhana. Simulasi ini akan memberikan pemahaman bahwa instruksi program dalam bahasa yang lebih dekat ke manusia harus diterjemahkan menjadi instruksi dalam bahasa mesin untuk dapat dijalankan.

Latihan

Terjemahkan operasi matematika berikut ke dalam instruksi-instruksi supaya bisa dieksekusi oleh mesin konseptual sederhana. Memori dapat menampung 4 data dan 2 register. Buat peta memori dan CPU nya.

Data: A1, A2, A3, A4

Register: r1, r2

200 + 100

X=200

Y=100

Tambah=X+Y

print Tambah

Instruksi:

Berikut peta memori dan peta CPU dari instruksi di atas

Materi: TIK dan SK (Multitasking)

TIK

Apa yang dimaksud dengan Integrasi?

Integrasi Konten antar Aplikasi

1. Cut/Copy and Paste : (pada kondisi apa kalian menggunakan fitur ini?)
2. Menu yang tersedia di aplikasi (pernahkah menyisipkan tabel, grafik di aplikasi perkantoran?)
3. OLE (object Linking and Embedding)

Contoh: kamu menyalin teks dari blog ke dalam dokumenmu dengan menggunakan fitur Copy Paste. Jika sewaktu-waktu pemilik blog mengganti tulisan tersebut maka apakah teks yang pernah kita salin akan ikut terganti otomatis?

Tugas: kerjakan halaman 50

Sistem Komputer

Sistem komputer terdiri dari:

1. Hardware: perangkat fisik, dapat dilihat dan disentuh. Contoh monitor, CPU, Printer
2. Software: atau program, yaitu deretan kode berisi instruksi atau perintah untuk menjalankan sesuatu. Program ada 3, yaitu:

1) Sistem operasi: program yang mengelola perangkat keras komputer, sumber daya perangkat lunak, dan menyediakan layanan umum untuk program komputer. Contoh OS yaitu Windows, Linux, MacOS, Android, IOS)

2) Aplikasi: program yang memiliki fungsi atau kegunaan tertentu. Contoh MS Word untuk membuat dokumen, dll.

3) Bahasa pemrograman: contoh JS, Python.

3. Brainware atau pengguna. Contoh gamer, programmer, dll

Interaksi Manusia dan Komputer

Sistem komputasi terdiri atas perangkat keras dan perangkat lunak yang saling berinteraksi. Untuk menghubungkan antara perangkat satu dengan perangkat lainnya maka digunakan interaksi antarmuka. Jenis interaksi yang dapat dilakukan oleh pengguna dengan sistem komputer sbb:

1. GUI: (_{perhatikan tampilan ponsel kalian}) menggunakan menu grafis untuk memudahkan pengguna berinteraksi dengan komputer. Contoh ikon, menu, dialog dengan button dan text box, radio button, check box.
2. UI: (_{praktikkan penggunaan dengan SIRI untuk memberi masukan berupa suara}). Contoh suara, gambar (video), piranti lain (layar sentuh, touchpad, dll) dan GUI)
3. CLI (Command Line Interface): berbasis perintah. Contoh cmd di laptop untuk memunculkan text-terminal.

Sistem Operasi

Apa itu multitasking? Berikan contoh multitasking di dalam kehidupan sehari-hari.

Fungsi SO adalah menangani multitasking. Sistem Operasi tidak menangani multitasking seperti manusia karena komputer hanya mempunyai satu prosesor, dan prosesor itu yang menjalankan program. Sistem Operasi dapat melakukan multitasking dengan menjalankan algoritma “round robin” (RR). Ya, sebuah algoritma karena Sistem Operasi adalah sebuah program juga. Prinsip dari algoritma penjadwalan round robin dijelaskan sebagai berikut.

Round-Robin (RR) ialah salah satu algoritma yang digunakan oleh penjadwal
proses (process scheduler) dalam sebuah sistem operasi. Pada algoritma RR,
ditentukan suatu slot waktu (time slice) yang akan dialokasi ke setiap proses
dalam porsi yang sama dan dalam urutan melingkar, menangani semua
proses tanpa prioritas. Penjadwalan RR sederhana, dan mudah diterapkan.
Penjadwalan RR dapat diterapkan pada masalah penjadwalan lainnya, seperti
penjadwalan paket data di jaringan komputer. Nama algoritma ini berasal dari
prinsip round-robin, di mana setiap orang mengambil bagian yang sama dari
sesuatu secara bergantian.

ilustrasi sederhana:

5 anak akan bermain game dengan waktu yang diberikan selama 5 menit. Setiap anak akan memperoleh pembagian waktu yang sama walaupun game yang dimainkan belum selesai. Anak tersebut akan melanjutkan permainannya ketika semua anak mendapat giliran. Ulangi kembali secara bergantian sampai semua anak menyelesaikan gamenya.

Contoh berikut:

Tugas siswa: soal halaman 50 dan hal 78 (no 1 dan 2) dengan mengikuti cara yang telah dijelaskan.

Materi: Struktur Data

Struktur data adalah cara untuk mengorganisir dan menyimpan data dalam komputer agar dapat diakses dan diproses dengan efisien. Struktur data sangat penting dalam pengembangan perangkat lunak karena mempengaruhi kinerja program, kompleksitas kode, dan kemudahan pemeliharaan.

Jenis struktur data

1. Stack (tumpukan)

Tumpukan adalah struktur data yang mengikuti prinsip Last In, First Out (LIFO), yang berarti elemen yang terakhir kali dimasukkan akan menjadi elemen pertama yang dikeluarkan. Tumpukan sering diibaratkan seperti tumpukan piring; piring yang terakhir kali ditumpuk akan menjadi piring pertama yang diambil.

Operasi Utama:

• Push: Menambahkan elemen ke atas tumpukan.
• Pop: Menghapus elemen dari atas tumpukan.

Contoh penggunaan tumpukan: pengelolaan panggilan fungsi dalam pemrograman (call stack), undo feature dalam aplikasi, dan penelusuran graf menggunakan Depth-First Search (DFS).

2. Queue (antrean)

Antrean adalah struktur data yang mengikuti prinsip First In, First Out (FIFO), yang berarti elemen yang pertama kali dimasukkan akan menjadi elemen pertama yang dikeluarkan. Antrean sering diibaratkan seperti barisan orang yang menunggu layanan; orang yang pertama kali masuk barisan akan dilayani terlebih dahulu.

Operasi Utama:

• Enqueue: Menambahkan elemen ke akhir antrean.
• Dequeue: Menghapus elemen dari depan antrean.

Contoh penggunaan antrean: manajemen antrian di printer, penjadwalan tugas dalam sistem operasi, dan antrian pelanggan di layanan pelanggan.

Tugas: halaman 39-41

Sumber:

https://www.geeksforgeeks.org/data-structures

https://en.wikipedia.org/wiki/Data_structure

https://www.haikaladli.com/2022/08/tumpukan-stack-dan-antrian.html

https://ichi.pro/id/struktur-data-tumpukan-dan-antrian-266638722360015

Jenis strategi algoritme yang kedua adalah algoritme pengurutan.

Apa itu pengurutan (sorting)? Sebutkan contoh pengurutan (sorting) dalam kehidupan sehari-hari.

Pengurutan adalah mengatur agar suatu kelompok benda, objek, atau entitas
diletakkan mengikuti aturan tertentu. Contoh pengurutan di dalam kehidupan sehari-hari yaitu membentuk barisan berdasarkan tinggi badan. Contoh lain mengurutkan angka secara terurut menaik atau menurun.

Teknik algoritma pengurutan

1. Insertion sort: mengurutkan sebuah list dengan cara menyisipkan elemen satu per satu sesuai dengan urutan besar kecilnya elemen hingga semua elemen menjadi list yang terurut. Lihat caranya di sini.

2. Selection sort: mencari (menyeleksi) bilangan terkecil/terbesar (bergantung
pada urut naik atau turun) dari daftar bilangan yang belum terurut dan meletakkannya dalam daftar bilangan baru yang dijaga keterurutannya. Caranya bisa dilihat di halaman 34 buku Kementerian.

Tugas:

Setiap anak membuat soal berupa deretan angka acak untuk teman sebangku. Selanjutnya, mereka mengerjakan soal yang dibuat oleh teman mereka. Buat algoritma pengurutan menggunakan teknik insertion sort dan selection sort.

Tugas siswa: