Praktik Pembuatan Microsite s.id
Modul pembelajaran lengkap: Materi, Contoh Soal (dengan pembahasan), dan Latihan Soal untuk menguasai pembuatan microsite menggunakan platform s.id
📑 Daftar Isi
1. Pengenalan Microsite & Platform s.id
A. Apa Itu Microsite?
Microsite adalah halaman web sederhana satu halaman (one-page website) yang berisi informasi ringkas dan terfokus pada satu topik tertentu. Berbeda dengan website biasa yang memiliki banyak halaman dan navigasi kompleks, microsite dirancang agar:
- Mudah dibuat tanpa coding
- Ringan dan cepat diakses
- Berisi informasi spesifik dan padat
- Dapat diakses melalui satu tautan (link) pendek
Contoh penggunaan microsite: profil bisnis, portofolio, undangan digital, katalog produk, biolink media sosial, landing page acara/event.
B. Apa Itu s.id?
s.id adalah platform buatan Indonesia yang menyediakan layanan:
| Fitur | Keterangan |
|---|---|
| URL Shortener | Mempersingkat tautan panjang menjadi tautan pendek (misal: s.id/namakamu) |
| Microsite Builder | Membuat halaman web sederhana tanpa coding |
| Biolink | Halaman kumpulan link untuk profil media sosial |
| File Sharing | Membagikan file melalui tautan pendek |
| Analytics | Melihat statistik kunjungan link |
Alamat resmi platform: https://home.s.id
C. Tampilan Antarmuka s.id
Shorten, Share, Track — Made in Indonesia 🇮🇩
🔍 Mengamati
Buka halaman home.s.id di browser kamu. Amati tampilan halaman utama, perhatikan menu-menu yang tersedia, tombol pendaftaran, dan contoh microsite yang ditampilkan.
❓ Menanya
Pertanyaan untuk dipikirkan: Apa perbedaan microsite dengan website biasa? Mengapa microsite cocok untuk keperluan tertentu seperti profil bisnis atau undangan digital?
💡 Menalar
Bandingkan fitur microsite s.id dengan platform serupa yang kamu ketahui (misalnya Linktree, Carrd). Identifikasi keunggulan dan kekurangan masing-masing berdasarkan fitur yang tersedia.
🛠️ Mencoba
Coba akses beberapa contoh microsite berikut dan perhatikan struktur kontennya: s.id/contoh-profil, s.id/contoh-event (atau cari contoh microsite s.id lainnya melalui mesin pencari).
🗣️ Mengkomunikasikan
Diskusikan dengan teman sekelompok: Jika kamu diminta membuat microsite untuk acara sekolah, informasi apa saja yang akan kamu tampilkan? Presentasikan hasilnya di depan kelas.
📝 Contoh Soal — Materi 1
Mudah
1. Apa yang dimaksud dengan microsite?
Pembahasan:
Microsite adalah halaman web sederhana satu halaman (one-page) yang berisi informasi ringkas dan terfokus pada satu topik tertentu. Microsite dirancang agar mudah diakses melalui satu tautan pendek tanpa memerlukan navigasi yang kompleks.
2. Sebutkan alamat resmi platform s.id!
Pembahasan:
Alamat resmi platform s.id adalah https://home.s.id. Di halaman ini pengguna dapat mendaftar, masuk (login), dan mengelola microsite serta tautan pendek.
3. Sebutkan 3 fitur utama yang disediakan oleh platform s.id!
Pembahasan:
Tiga fitur utama s.id: (1) URL Shortener — mempersingkat tautan panjang, (2) Microsite Builder — membuat halaman web sederhana tanpa coding, (3) Analytics — melihat statistik kunjungan link.
4. Apa fungsi URL Shortener pada s.id?
Pembahasan:
URL Shortener berfungsi untuk mempersingkat tautan (URL) panjang menjadi tautan pendek yang mudah diingat dan dibagikan, misalnya mengubah URL panjang menjadi s.id/namakamu.
5. Sebutkan 2 contoh penggunaan microsite dalam kehidupan sehari-hari!
Pembahasan:
(1) Undangan digital pernikahan/acara — menampilkan informasi acara, lokasi, dan RSVP dalam satu halaman. (2) Profil bisnis/portofolio — menampilkan informasi usaha, katalog produk, dan kontak dalam satu tautan.
Sedang
1. Jelaskan perbedaan antara microsite dan website biasa! Berikan masing-masing 2 contohnya.
Pembahasan:
Microsite: satu halaman, sederhana, fokus pada satu topik, tidak perlu coding. Contoh: landing page event sekolah, biolink Instagram.
Website biasa: terdiri dari banyak halaman, navigasi kompleks, membutuhkan hosting dan domain. Contoh: website toko online (Tokopedia), portal berita (Kompas.com).
2. Mengapa s.id cocok digunakan oleh pelajar untuk membuat microsite? Sebutkan minimal 3 alasan!
Pembahasan:
(1) Gratis — tidak perlu biaya untuk fitur dasar. (2) Tanpa coding — antarmuka drag-and-drop yang mudah. (3) Produk Indonesia — tampilan dan panduan berbahasa Indonesia. (4) Tautan pendek — mudah dibagikan ke guru dan teman. (5) Responsif — bisa diakses dari HP maupun komputer.
3. Perhatikan tabel fitur s.id berikut. Fitur manakah yang paling tepat digunakan jika kamu ingin membuat kumpulan tautan media sosial? Jelaskan!
Pembahasan:
Fitur yang paling tepat adalah Biolink. Biolink adalah halaman khusus yang dirancang untuk menampilkan kumpulan tautan (link) dalam satu halaman, biasanya digunakan di bio Instagram, TikTok, atau media sosial lainnya. Meskipun Microsite Builder juga bisa digunakan, Biolink lebih spesifik dan efisien untuk keperluan ini.
4. Apa yang dimaksud dengan fitur Analytics pada s.id dan apa manfaatnya?
Pembahasan:
Analytics adalah fitur untuk melihat statistik kunjungan pada tautan atau microsite. Manfaatnya: (1) mengetahui berapa kali link diklik, (2) mengetahui dari mana pengunjung berasal, (3) mengetahui waktu kunjungan terbanyak, sehingga bisa mengevaluasi efektivitas konten atau promosi.
5. Bandingkan fitur File Sharing s.id dengan mengirim file melalui email. Apa kelebihan menggunakan s.id?
Pembahasan:
Kelebihan File Sharing s.id: (1) file bisa diakses banyak orang tanpa perlu mengirim satu per satu, (2) cukup membagikan tautan pendek, (3) bisa dilacak berapa kali file diunduh melalui analytics. Sedangkan email: harus mengirim ke tiap alamat, ada batasan ukuran lampiran, dan tidak ada statistik unduhan.
Sulit
1. Seorang OSIS ingin membuat media informasi digital untuk penerimaan anggota baru. Analisis kelebihan dan kekurangan menggunakan microsite s.id dibandingkan membuat grup WhatsApp! Berikan minimal 3 poin untuk masing-masing.
Pembahasan:
Kelebihan microsite s.id: (1) Informasi tersusun rapi dan permanen — tidak tenggelam oleh chat, (2) Bisa diakses kapan saja tanpa harus bergabung grup, (3) Bisa berisi formulir, gambar, dan link terstruktur, (4) Lebih profesional dan bisa dibagikan di mana saja.
Kekurangan microsite s.id: (1) Komunikasi satu arah — tidak bisa diskusi langsung, (2) Perlu waktu untuk menyusun konten, (3) Perlu koneksi internet untuk mengakses.
Kelebihan grup WA: (1) Interaktif/real-time, (2) Sudah familiar, (3) Notifikasi langsung.
Kekurangan grup WA: (1) Informasi penting mudah tenggelam, (2) Tidak terstruktur, (3) Terbatas jumlah anggota.
2. Jika kamu diminta membuat microsite portofolio untuk lomba tingkat kota, rancang struktur konten microsite tersebut secara lengkap! Jelaskan setiap bagian yang akan kamu buat.
Pembahasan:
Struktur konten microsite portofolio: (1) Header/Judul: Nama lengkap, foto, dan tagline singkat. (2) Tentang Saya: Biodata singkat, sekolah, minat/bakat. (3) Karya/Prestasi: Daftar karya atau prestasi dilengkapi gambar dan deskripsi. (4) Pengalaman: Organisasi, kegiatan ekstrakurikuler, pelatihan. (5) Galeri: Dokumentasi foto kegiatan. (6) Kontak: Email, media sosial, nomor telepon. (7) Footer: Ucapan terima kasih dan kredit.
3. Platform s.id menyediakan fitur analytics. Jelaskan bagaimana data analytics bisa digunakan untuk meningkatkan kualitas microsite yang telah dibuat!
Pembahasan:
(1) Melihat jumlah pengunjung — jika sedikit, perlu promosi lebih gencar. (2) Melihat sumber pengunjung (dari media sosial mana) — fokuskan promosi di platform yang menghasilkan traffic terbanyak. (3) Melihat waktu kunjungan — jadwalkan update konten saat jam ramai. (4) Melihat perangkat pengunjung (HP/PC) — pastikan tampilan responsif. (5) Dari data tersebut, pembuat bisa terus mengevaluasi dan memperbaiki konten, tata letak, dan strategi promosi.
4. Buatlah analisis SWOT (Strength, Weakness, Opportunity, Threat) dari penggunaan platform s.id untuk pembuatan microsite di lingkungan sekolah!
Pembahasan:
Strength: Gratis, mudah digunakan, produk lokal Indonesia, fitur lengkap (shortener, microsite, analytics).
Weakness: Fitur desain terbatas dibanding platform premium, ketergantungan pada server s.id, subdomain s.id (bukan domain sendiri).
Opportunity: Bisa menjadi media literasi digital siswa, mendukung pembelajaran berbasis proyek, potensi kolaborasi dengan kegiatan sekolah lainnya.
Threat: Ketergantungan internet, platform bisa berubah kebijakan, persaingan dengan platform lain yang lebih populer di kalangan siswa.
5. Seorang guru ingin membuat microsite untuk kelas online-nya. Rancang skenario lengkap mulai dari perencanaan konten, pembuatan, hingga evaluasi microsite tersebut menggunakan s.id!
Pembahasan:
Perencanaan: (1) Tentukan tujuan: menyediakan materi dan tugas kelas, (2) Rancang struktur: judul kelas, jadwal, materi (link Drive), tugas, kontak guru. (3) Siapkan semua konten (file materi, link, gambar).
Pembuatan: (1) Daftar/login s.id, (2) Pilih template microsite, (3) Isi konten sesuai struktur, (4) Tambahkan link materi dan formulir tugas, (5) Custom tautan menjadi s.id/kelas-informatika.
Evaluasi: (1) Bagikan ke siswa, (2) Pantau analytics (jumlah kunjungan, waktu akses), (3) Minta feedback siswa, (4) Perbarui konten berdasarkan evaluasi, (5) Dokumentasikan hasil sebagai portofolio digital guru.
✏️ Latihan Soal — Materi 1
Mudah
1. Apa kepanjangan dan fungsi utama dari platform s.id?
2. Sebutkan 3 contoh penggunaan microsite!
3. Apakah microsite memerlukan kemampuan coding untuk membuatnya di s.id?
4. Apa yang dimaksud dengan biolink?
5. Sebutkan keuntungan menggunakan tautan pendek (URL shortener)!
Sedang
1. Jelaskan perbedaan antara microsite, biolink, dan website biasa! Berikan contohnya.
2. Mengapa microsite lebih efektif digunakan untuk undangan digital dibandingkan undangan fisik? Jelaskan 3 alasan!
3. Sebutkan dan jelaskan 4 fitur utama s.id beserta kegunaannya!
4. Bagaimana cara kerja fitur file sharing pada s.id? Jelaskan langkah-langkahnya!
5. Jelaskan mengapa microsite disebut sebagai “one-page website”! Apa kelebihan dari konsep tersebut?
Sulit
1. Rancang sebuah microsite untuk kegiatan pentas seni sekolahmu! Jelaskan struktur konten, target audiens, dan strategi promosinya.
2. Bandingkan platform s.id dengan Linktree dan Carrd! Buatlah tabel perbandingan berdasarkan minimal 5 aspek.
3. Analisis bagaimana microsite bisa menjadi bagian dari strategi digitalisasi sekolah! Jelaskan 3 program sekolah yang bisa memanfaatkan microsite.
4. Jelaskan langkah-langkah evaluasi efektivitas microsite menggunakan data analytics! Berikan contoh indikator keberhasilan.
5. Buatlah proposal singkat untuk mengusulkan kepada kepala sekolah agar menggunakan s.id sebagai media informasi sekolah! Sertakan alasan, rencana implementasi, dan anggaran (jika ada).
2. Membuat Akun & Dashboard s.id
A. Langkah-Langkah Membuat Akun s.id
Buat Akun s.id
B. Mengenal Dashboard s.id
Setelah login, kamu akan masuk ke Dashboard. Dashboard adalah halaman utama pengelolaan yang berisi:
| Menu | Fungsi | Ikon |
|---|---|---|
| Links | Mengelola semua tautan pendek yang dibuat | 🔗 |
| Microsites | Membuat dan mengelola microsite | 🌐 |
| File Upload | Mengunggah dan membagikan file | 📁 |
| Analytics | Melihat statistik kunjungan | 📊 |
| Settings | Mengatur profil akun dan preferensi | ⚙️ |
s.id
🔗 Links
🌐 Microsites
📁 Files
📊 Analytics
⚙️ Settings
Selamat Datang! 👋
Mulai buat microsite pertamamu
🔍 Mengamati
Setelah membuat akun dan login, amati setiap menu pada dashboard s.id. Perhatikan posisi dan fungsinya masing-masing.
❓ Menanya
Mengapa perlu verifikasi email saat mendaftar? Apa yang terjadi jika email tidak diverifikasi?
💡 Menalar
Pikirkan mengapa s.id menyediakan opsi “Sign Up with Google”. Apa keuntungan dan risikonya dibandingkan pendaftaran manual?
🛠️ Mencoba
Praktikkan pembuatan akun s.id menggunakan email sekolah atau email pribadimu. Jelajahi setiap menu pada dashboard.
🗣️ Mengkomunikasikan
Buat panduan singkat (3-5 langkah) cara membuat akun s.id untuk disampaikan kepada teman yang belum pernah menggunakannya.
📝 Contoh Soal — Materi 2
Mudah
1. Langkah pertama untuk membuat akun s.id adalah…
Pembahasan:
Langkah pertama adalah membuka browser dan mengakses alamat home.s.id, kemudian klik tombol “Sign Up” atau “Daftar”.
2. Sebutkan 2 cara untuk mendaftar akun s.id!
Pembahasan:
(1) Pendaftaran manual dengan mengisi nama, email, dan password. (2) Pendaftaran cepat menggunakan akun Google (Sign Up with Google).
3. Menu apa yang digunakan untuk membuat microsite pada dashboard s.id?
Pembahasan:
Menu “Microsites” (dengan ikon 🌐) pada sidebar dashboard digunakan untuk membuat dan mengelola microsite.
4. Apa tujuan dari verifikasi email saat pendaftaran akun?
Pembahasan:
Verifikasi email bertujuan untuk memastikan bahwa email yang digunakan benar-benar milik pendaftar dan aktif, serta sebagai langkah keamanan akun.
5. Di bagian mana tombol “Sign Up” biasanya terletak pada halaman utama s.id?
Pembahasan:
Tombol “Sign Up” biasanya terletak di pojok kanan atas halaman utama home.s.id.
Sedang
1. Jelaskan langkah-langkah membuat akun s.id secara lengkap dari awal hingga berhasil login!
Pembahasan:
(1) Buka browser, ketik home.s.id. (2) Klik “Sign Up”. (3) Isi nama, email, password atau pilih Sign Up with Google. (4) Cek email untuk verifikasi. (5) Klik link verifikasi di email. (6) Kembali ke home.s.id, klik “Sign In”. (7) Masukkan email dan password. (8) Klik tombol login — berhasil masuk ke dashboard.
2. Jelaskan fungsi masing-masing menu pada dashboard s.id: Links, Microsites, File Upload, Analytics, dan Settings!
Pembahasan:
Links: membuat dan mengelola URL pendek. Microsites: membuat halaman web sederhana. File Upload: mengunggah file untuk dibagikan via link. Analytics: melihat data statistik kunjungan. Settings: mengatur profil, password, dan preferensi akun.
3. Apa perbedaan antara Sign Up manual dan Sign Up with Google? Kapan sebaiknya menggunakan masing-masing?
Pembahasan:
Manual: Mengisi form sendiri, bisa menggunakan email non-Google, perlu verifikasi email terpisah. Cocok jika ingin memisahkan akun Google dengan akun s.id.
Google: Satu klik, otomatis terverifikasi, cepat. Cocok jika sudah memiliki akun Google dan ingin proses cepat. Risiko: jika akun Google bermasalah, akun s.id juga terdampak.
4. Seorang siswa gagal login setelah mendaftar. Sebutkan 3 kemungkinan penyebab dan solusinya!
Pembahasan:
(1) Email belum diverifikasi → cek inbox/spam, klik link verifikasi. (2) Password salah → gunakan fitur “Forgot Password” untuk reset. (3) Salah mengetik email saat pendaftaran → daftar ulang dengan email yang benar.
5. Mengapa penting untuk menggunakan email aktif saat mendaftar s.id?
Pembahasan:
Email aktif diperlukan untuk: (1) menerima link verifikasi, (2) menerima notifikasi keamanan, (3) reset password jika lupa, (4) menerima pemberitahuan update fitur. Jika email tidak aktif, proses verifikasi gagal dan akun tidak bisa digunakan.
Sulit
1. Sebagai admin OSIS, kamu diminta membuat akun s.id untuk keperluan organisasi. Jelaskan pertimbangan apa saja yang perlu dipikirkan sebelum membuat akun (keamanan, email, akses bersama, dll)!
Pembahasan:
(1) Email: Gunakan email organisasi (bukan pribadi) agar bisa diakses pengurus berikutnya. (2) Password: Buat password kuat dan simpan di tempat aman, bisa menggunakan password manager. (3) Akses bersama: Tentukan siapa saja yang boleh login dan buat aturan penggunaan. (4) Transisi: Rencanakan cara serah terima akun saat pergantian pengurus. (5) Keamanan: Aktifkan 2FA jika tersedia, jangan share password via chat terbuka.
2. Bandingkan proses pendaftaran s.id dengan proses pendaftaran platform Linktree! Analisis dari segi kemudahan, keamanan, dan fitur yang didapat setelah mendaftar.
Pembahasan:
Kemudahan: Keduanya menawarkan pendaftaran cepat via Google. s.id juga mendukung pendaftaran manual. Keamanan: Keduanya memerlukan verifikasi email. Fitur setelah mendaftar: s.id memberikan URL shortener + microsite + analytics sekaligus (all-in-one), sedangkan Linktree fokus pada biolink saja. s.id lebih lengkap untuk pemula yang ingin berbagai fitur sekaligus, Linktree lebih spesifik untuk biolink media sosial.
3. Jelaskan bagaimana kamu akan membuat SOP (Standard Operating Procedure) pembuatan akun s.id untuk seluruh siswa di kelasmu! Sertakan langkah-langkah dan antisipasi masalah.
Pembahasan:
SOP: (1) Pastikan semua siswa memiliki email aktif. (2) Buat panduan tertulis bergambar (screenshot tiap langkah). (3) Tentukan jadwal pembuatan akun bersama di lab komputer. (4) Siapkan troubleshooting: email verifikasi di spam, lupa password, browser error. (5) Buat daftar checklist siswa yang sudah berhasil membuat akun. (6) Siapkan asisten (siswa yang sudah berhasil) untuk membantu teman lain. (7) Dokumentasikan hasil dan laporkan ke guru.
4. Mengapa dashboard s.id dirancang dengan tampilan sidebar menu? Analisis kelebihan desain UI ini dibandingkan jika semua fitur ditampilkan dalam satu halaman!
Pembahasan:
Desain sidebar memiliki kelebihan: (1) Navigasi jelas dan konsisten di setiap halaman. (2) Pengguna tidak perlu scroll panjang untuk mencari fitur. (3) Fokus pada satu fitur per halaman mengurangi kebingungan. (4) Responsif — sidebar bisa disembunyikan di HP. Dibandingkan semua fitur dalam satu halaman: tampilan akan terlalu padat, membingungkan, loading lebih lama, dan sulit untuk menemukan fitur tertentu.
5. Sebuah sekolah memiliki 500 siswa yang harus membuat akun s.id. Rancang strategi pelaksanaan yang efisien (waktu, tempat, teknis, dan penanganan masalah)!
Pembahasan:
Strategi: (1) Bagi siswa per kelas, jadwal giliran di lab komputer. (2) Tiap sesi 1 kelas (~35 siswa), durasi 1 jam. (3) Siapkan panduan cetak dan tayangan projector. (4) Tunjuk 3-4 “duta digital” per kelas sebagai asisten. (5) Siapkan daftar hadir digital (Google Form). (6) Antisipasi: sediakan HP cadangan untuk siswa tanpa laptop, koneksi WiFi memadai, akun email cadangan untuk siswa yang belum punya. (7) Evaluasi: rekap per kelas, follow-up siswa yang belum berhasil. Estimasi: 14-15 sesi = 3-4 hari (2 kelas per sesi, 4 sesi per hari).
✏️ Latihan Soal — Materi 2
Mudah
1. Sebutkan data apa saja yang diperlukan saat mendaftar akun s.id secara manual!
2. Apa nama menu pada dashboard s.id untuk melihat statistik kunjungan?
3. Setelah mendaftar, apa yang harus dilakukan sebelum bisa login?
4. Di mana letak menu “Settings” pada dashboard s.id?
5. Apa ikon yang merepresentasikan menu “Microsites” pada dashboard?
Sedang
1. Jelaskan keuntungan dan kerugian menggunakan “Sign Up with Google”!
2. Buatlah diagram alur (flowchart) sederhana proses pendaftaran akun s.id!
3. Apa yang harus dilakukan jika email verifikasi tidak masuk ke inbox?
4. Jelaskan hubungan antara menu Links dan menu Analytics pada dashboard!
5. Mengapa menggunakan email sekolah lebih disarankan daripada email pribadi untuk keperluan pembelajaran?
Sulit
1. Rancang kebijakan keamanan akun s.id untuk organisasi siswa di sekolahmu!
2. Analisis risiko keamanan jika banyak siswa menggunakan password yang sama untuk akun s.id mereka!
3. Buatlah tutorial bergambar (sketsa) langkah-langkah membuat akun s.id untuk panduan siswa kelas 7!
4. Jika s.id menambahkan fitur kolaborasi tim pada dashboard, fitur apa saja yang menurutmu diperlukan? Jelaskan!
5. Evaluasi desain dashboard s.id dari perspektif UX (User Experience)! Berikan 3 saran perbaikan.
3. Membuat & Mengelola Microsite
A. Langkah Membuat Microsite Baru
B. Template yang Tersedia
| Template | Kegunaan | Cocok Untuk |
|---|---|---|
| Blank | Halaman kosong, bebas diisi | Pengguna yang ingin kebebasan penuh |
| Profile | Profil pribadi/organisasi | Portofolio, CV digital |
| Event | Informasi acara/kegiatan | Seminar, lomba, pentas seni |
| Business | Profil bisnis/usaha | UMKM, toko online sederhana |
| Biolink | Kumpulan link media sosial | Bio Instagram, TikTok |
C. Tampilan Editor Microsite
🧩 Komponen
📱
Area Canvas
Seret komponen dari panel kiri ke sini
Klik komponen untuk mengedit
D. Custom URL (Tautan Kustom)
Setiap microsite akan mendapat alamat unik dengan format: s.id/nama-yang-kamu-pilih
📌 Tips Memilih Custom URL:
- Gunakan nama yang singkat dan mudah diingat
- Hindari karakter khusus, gunakan huruf kecil dan strip (-)
- Sesuaikan dengan isi konten (misal: s.id/festival-seni-2024)
- Periksa ketersediaan URL — nama yang sudah dipakai orang lain tidak bisa digunakan
🔍 Mengamati
Amati proses pembuatan microsite di s.id. Perhatikan pilihan template, editor drag-and-drop, dan opsi custom URL yang tersedia.
❓ Menanya
Template mana yang paling cocok untuk proyek kelas? Apa pertimbangan dalam memilih template?
💡 Menalar
Mengapa pemilihan custom URL yang tepat penting? Kaitkan dengan kemudahan akses dan profesionalisme.
🛠️ Mencoba
Buat microsite baru menggunakan template “Profile”. Isi dengan data dirimu (nama, hobi, cita-cita). Pilih custom URL yang menarik.
🗣️ Mengkomunikasikan
Tunjukkan microsite yang kamu buat kepada teman sebangku. Minta masukan tentang tampilan dan isi konten.
📝 Contoh Soal — Materi 3
Mudah
1. Sebutkan langkah pertama untuk membuat microsite baru di s.id!
Pembahasan:
Login ke dashboard s.id, kemudian klik menu “Microsites” di sidebar kiri, lalu klik tombol “+ Create” atau “Buat Microsite Baru”.
2. Apa format alamat microsite di s.id?
Pembahasan:
Format alamat microsite di s.id adalah s.id/nama-yang-dipilih, contoh: s.id/portofolio-andi.
3. Sebutkan 3 template yang tersedia di s.id!
Pembahasan:
Tiga template yang tersedia: (1) Blank (kosong), (2) Profile, (3) Event. Template lain yang juga tersedia: Business dan Biolink.
4. Apa yang dimaksud dengan editor drag-and-drop?
Pembahasan:
Editor drag-and-drop adalah fitur yang memungkinkan pengguna menyusun konten dengan cara menyeret (drag) komponen dari panel alat dan menjatuhkannya (drop) ke area canvas tanpa menulis kode.
5. Template “Event” cocok digunakan untuk keperluan apa?
Pembahasan:
Template “Event” cocok untuk informasi acara/kegiatan seperti seminar, lomba, pentas seni, webinar, atau kegiatan sekolah lainnya.
Sedang
1. Jelaskan langkah-langkah membuat microsite dari awal hingga siap dipublikasikan!
Pembahasan:
(1) Login dashboard. (2) Klik Microsites → Create. (3) Pilih template. (4) Beri judul dan custom URL. (5) Tambahkan konten (teks, gambar, link). (6) Atur tampilan (warna, font). (7) Preview hasil. (8) Klik Publish/Simpan.
2. Apa saja pertimbangan dalam memilih custom URL? Berikan contoh URL yang baik dan buruk!
Pembahasan:
Pertimbangan: singkat, mudah diingat, relevan dengan isi, tanpa karakter khusus.
Baik: s.id/festival-seni-2024, s.id/portofolio-andi
Buruk: s.id/jf83hsk, s.id/ini-microsite-saya-yang-baru-dibuat-untuk-tugas
3. Bandingkan template Blank dan template Profile! Kapan sebaiknya menggunakan masing-masing?
Pembahasan:
Blank: Halaman kosong tanpa struktur awal. Cocok untuk pengguna berpengalaman yang ingin kebebasan penuh mendesain. Profile: Sudah memiliki struktur profil (foto, bio, kontak). Cocok untuk pemula yang ingin cepat membuat profil/portofolio tanpa mendesain dari nol.
4. Sebutkan 5 komponen yang tersedia di panel editor microsite s.id dan jelaskan fungsinya!
Pembahasan:
(1) Teks/Heading — menulis judul dan paragraf. (2) Gambar — menambahkan foto/ilustrasi. (3) Tombol/Link — menambahkan tautan ke halaman lain. (4) Video Embed — menyisipkan video YouTube. (5) Form/Formulir — membuat formulir isian (pendaftaran, feedback).
5. Apa yang harus dilakukan jika custom URL yang diinginkan sudah dipakai orang lain?
Pembahasan:
(1) Tambahkan angka atau kata unik, misal: s.id/portofolio-andi-2024. (2) Gunakan variasi nama, misal: s.id/andi-portfolio. (3) Tambahkan identitas sekolah, misal: s.id/andi-smpn1. (4) Gunakan singkatan yang tetap mudah diingat.
Sulit
1. Rancang struktur microsite untuk sebuah koperasi sekolah! Tentukan template, konten tiap bagian, dan custom URL yang tepat.
Pembahasan:
Template: Business. URL: s.id/koperasi-smpn1. Struktur: (1) Header: logo dan nama koperasi. (2) Tentang: visi misi koperasi. (3) Produk: daftar barang yang dijual + harga. (4) Jadwal: jam operasional. (5) Lokasi: peta kantin/koperasi. (6) Kontak: WA petugas koperasi. (7) Footer: copyright.
2. Seorang guru memberikan tugas membuat microsite kelompok. Kelompokmu terdiri dari 5 orang. Bagaimana strategi pembagian tugas yang efektif?
Pembahasan:
Pembagian: (1) Ketua/koordinator — merancang struktur dan custom URL, memegang akun. (2) Anggota 1 — menyiapkan teks/konten tulisan. (3) Anggota 2 — mengumpulkan dan mengedit gambar. (4) Anggota 3 — menyusun konten di editor s.id. (5) Anggota 4 — melakukan QC (cek tampilan HP & PC, link berfungsi). Timeline: hari 1 perencanaan, hari 2-3 pengisian konten, hari 4 review & publish.
3. Analisis mengapa editor drag-and-drop lebih cocok untuk pemula dibandingkan editor berbasis kode (HTML/CSS)!
Pembahasan:
(1) Visual langsung — pengguna melihat hasil secara real-time tanpa harus membayangkan kode. (2) Tanpa pengetahuan teknis — tidak perlu memahami sintaks HTML/CSS. (3) Lebih cepat — menyeret komponen lebih cepat daripada menulis kode. (4) Minim error — tidak ada risiko salah ketik kode. (5) Namun kekurangannya: kustomisasi terbatas, tidak bisa membuat fitur sangat spesifik, dan kurang melatih kemampuan coding.
4. Jika s.id menambahkan fitur kolaborasi real-time (seperti Google Docs), bagaimana fitur tersebut akan mengubah cara siswa mengerjakan tugas microsite kelompok?
Pembahasan:
(1) Semua anggota bisa mengedit bersamaan tanpa menunggu giliran. (2) Mengurangi konflik versi — tidak ada “siapa yang pegang akun”. (3) Progress terlihat real-time, meningkatkan akuntabilitas. (4) Memerlukan koordinasi lebih baik agar tidak saling menimpa. (5) Guru bisa memantau proses, bukan hanya hasil akhir. (6) Tantangan: perlu koneksi internet stabil untuk semua anggota.
5. Buatlah rubrik penilaian microsite untuk tugas kelas (minimal 5 aspek) beserta skor dan deskripsi untuk tiap aspek!
Pembahasan:
Rubrik (skala 1-4): (1) Kelengkapan Konten — 4: semua informasi lengkap, 3: hampir lengkap, 2: beberapa bagian kosong, 1: sangat minim. (2) Tampilan Visual — 4: sangat menarik dan rapi, 3: cukup menarik, 2: kurang rapi, 1: acak-acakan. (3) Fungsionalitas — 4: semua link berfungsi, 3: sebagian besar berfungsi, 2: banyak link rusak, 1: tidak berfungsi. (4) Kesesuaian Tema — 4: sangat sesuai, 3: cukup sesuai, 2: kurang sesuai, 1: menyimpang dari tema. (5) Kreativitas — 4: sangat kreatif dan unik, 3: ada sentuhan kreatif, 2: standar, 1: hanya copy-paste.
✏️ Latihan Soal — Materi 3
Mudah
1. Apa nama tombol yang diklik untuk memulai pembuatan microsite baru?
2. Sebutkan 3 komponen yang bisa ditambahkan melalui editor microsite!
3. Template apa yang sebaiknya dipilih untuk membuat biolink?
4. Apa yang dimaksud dengan custom URL pada microsite s.id?
5. Apakah bisa membuat microsite tanpa memilih template?
Sedang
1. Jelaskan kelebihan dan kekurangan menggunakan template dibandingkan memulai dari template Blank!
2. Buatlah daftar konten yang harus ada pada microsite undangan acara ulang tahun sekolah!
3. Mengapa penting melakukan preview sebelum mempublikasikan microsite?
4. Jelaskan cara mengedit teks yang sudah ditambahkan ke canvas editor!
5. Apa yang dimaksud dengan komponen “Divider” dan kapan sebaiknya digunakan?
Sulit
1. Rancang microsite lengkap untuk PPDB (Penerimaan Peserta Didik Baru) sekolahmu!
2. Bandingkan proses pembuatan microsite di s.id dengan pembuatan website menggunakan HTML! Analisis dari segi waktu, skill, dan hasil.
3. Bagaimana kamu akan mengoptimalkan microsite agar terlihat profesional? Jelaskan dari aspek konten, visual, dan URL!
4. Buatlah checklist quality assurance (QA) sebelum microsite dipublikasikan (minimal 8 poin)!
5. Jelaskan bagaimana microsite bisa digunakan sebagai media pembelajaran kolaboratif antara guru dan siswa!
4. Menambahkan Konten pada Microsite
A. Jenis Konten yang Bisa Ditambahkan
| Komponen | Cara Menambahkan | Tips Penggunaan |
|---|---|---|
| 📝 Teks & Heading | Drag komponen teks ke canvas, lalu ketik | Gunakan heading untuk judul, paragraf untuk penjelasan |
| 🖼️ Gambar | Upload gambar dari perangkat | Gunakan gambar berkualitas, ukuran optimal agar loading cepat |
| 🔗 Tombol & Link | Tambahkan komponen tombol, isi URL tujuan | Beri label jelas (misal: “Daftar Sekarang”) |
| 📹 Video | Paste URL YouTube pada komponen video | Pastikan video relevan dan tidak terlalu panjang |
| 📋 Formulir | Tambahkan komponen form, atur field | Gunakan untuk pendaftaran, feedback, atau survei |
| 🗺️ Peta | Tambahkan komponen peta, masukkan lokasi | Cocok untuk acara offline yang butuh petunjuk lokasi |
| 📱 Embed Sosmed | Masukkan link posting media sosial | Untuk menampilkan postingan Instagram, Twitter, dll |
B. Mengatur Tampilan (Styling)
Setelah konten ditambahkan, kamu bisa mengatur tampilan agar lebih menarik:
- Warna latar (Background): Pilih warna solid, gradasi, atau gambar sebagai latar belakang
- Font/Tipografi: Ubah jenis huruf, ukuran, dan warna teks
- Spacing: Atur jarak antar komponen agar rapi
- Alignment: Atur posisi teks dan gambar (kiri, tengah, kanan)
- Ukuran tombol: Sesuaikan lebar dan tinggi tombol
💡 Prinsip Desain yang Baik:
- Gunakan maksimal 2-3 warna utama
- Pilih font yang mudah dibaca
- Berikan ruang kosong (white space) agar tidak terasa penuh
- Konsisten dalam penggunaan gaya (heading, paragraf, tombol)
C. Contoh Struktur Konten Microsite
📅 Sabtu, 15 Maret 2025
🎭 Pentas Seni SMPN 1
“Kreasi Tanpa Batas”
📍 Lokasi:
Aula SMPN 1 Kota Bandung
⏰ Waktu:
08.00 – 15.00 WIB
🔍 Mengamati
Amati contoh microsite pentas seni di atas. Identifikasi komponen apa saja yang digunakan (teks, gambar, tombol, dll).
❓ Menanya
Komponen apa yang paling penting dalam sebuah microsite event? Mengapa urutan konten itu penting?
💡 Menalar
Pikirkan mengapa prinsip “maksimal 2-3 warna utama” penting dalam desain. Kaitkan dengan pengalaman pengguna (UX).
🛠️ Mencoba
Tambahkan minimal 5 komponen ke microsite yang telah kamu buat: heading, paragraf, gambar, tombol, dan divider. Atur warna dan font agar menarik.
🗣️ Mengkomunikasikan
Presentasikan microsite yang kamu buat di depan kelas. Jelaskan alasan pemilihan warna, font, dan susunan konten.
📝 Contoh Soal — Materi 4
Mudah
1. Sebutkan 3 jenis konten yang bisa ditambahkan ke microsite s.id!
Pembahasan:
Tiga jenis konten: (1) Teks/Heading, (2) Gambar, (3) Tombol/Link. Konten lain: video embed, formulir, peta lokasi, divider.
2. Bagaimana cara menambahkan video YouTube ke microsite?
Pembahasan:
Tambahkan komponen “Video” ke canvas editor, lalu paste (tempel) URL video YouTube pada kolom yang tersedia. Video akan otomatis ditampilkan di microsite.
3. Apa fungsi komponen “Divider” pada microsite?
Pembahasan:
Divider berfungsi sebagai pembatas atau pemisah antar bagian konten agar microsite terlihat lebih terstruktur dan rapi.
4. Apa yang dimaksud dengan alignment pada konten microsite?
Pembahasan:
Alignment adalah pengaturan posisi teks atau elemen dalam halaman, bisa rata kiri (left), rata tengah (center), atau rata kanan (right).
5. Mengapa gambar yang diupload ke microsite sebaiknya berukuran optimal?
Pembahasan:
Gambar berukuran optimal (tidak terlalu besar) membuat microsite lebih cepat loading. Gambar terlalu besar memperlambat akses, terutama pada koneksi internet yang lambat.
Sedang
1. Jelaskan 4 prinsip desain yang baik untuk microsite!
Pembahasan:
(1) Gunakan 2-3 warna utama agar harmonis. (2) Pilih font mudah dibaca. (3) Berikan white space agar tidak terlalu penuh. (4) Konsisten dalam gaya heading, paragraf, dan tombol di seluruh halaman.
2. Apa perbedaan antara komponen Heading dan Paragraf? Kapan menggunakan masing-masing?
Pembahasan:
Heading: ukuran besar, tebal, untuk judul bagian. Contoh: “Tentang Acara”. Paragraf: ukuran normal, untuk penjelasan detail. Contoh: deskripsi lengkap tentang acara. Heading menarik perhatian, paragraf menyampaikan informasi detail.
3. Rancang susunan konten microsite untuk katalog produk UMKM makanan ringan!
Pembahasan:
(1) Heading: nama toko. (2) Paragraf: deskripsi singkat toko. (3) Gambar + teks: daftar produk dengan harga. (4) Tombol: “Pesan via WhatsApp”. (5) Peta: lokasi toko. (6) Footer: jam operasional dan media sosial.
4. Mengapa penggunaan formulir (form) pada microsite berguna? Berikan 3 contoh penggunaan!
Pembahasan:
Formulir memungkinkan pengumpulan data dari pengunjung tanpa perlu platform terpisah. Contoh: (1) Formulir pendaftaran peserta lomba. (2) Formulir feedback setelah acara. (3) Formulir pemesanan produk.
5. Jelaskan cara mengatur background microsite agar terlihat menarik!
Pembahasan:
(1) Pilih warna solid yang sesuai tema (misal biru untuk formal, oranye untuk ceria). (2) Gunakan gradasi warna untuk kesan modern. (3) Gunakan gambar sebagai background dengan overlay gelap agar teks tetap terbaca. (4) Pastikan kontras teks dan background cukup untuk keterbacaan.
Sulit
1. Analisis microsite pentas seni pada contoh di atas. Evaluasi kelebihan dan kekurangannya dari segi desain dan konten!
Pembahasan:
Kelebihan: (1) Warna gradasi menarik dan modern. (2) Informasi penting (tanggal, lokasi, waktu) langsung terlihat. (3) CTA (Call to Action) jelas — tombol “Daftar Sekarang” mencolok. (4) Struktur runtut dari atas ke bawah.
Kekurangan: (1) Belum ada galeri/preview penampilan. (2) Tidak ada countdown timer. (3) Belum ada daftar acara/rundown. (4) Belum ada testimoni dari peserta tahun sebelumnya.
2. Kamu diminta membuat microsite portofolio yang akan dilihat oleh juri lomba desain. Rancang strategi konten dan visual yang akan membuat portofoliomu menonjol!
Pembahasan:
Konten: (1) Hero section dengan nama dan tagline kreatif. (2) Galeri karya terbaik (3-5 karya) dengan deskripsi konsep. (3) Biodata singkat dan latar belakang kreatif. (4) Testimoni/apresiasi dari guru atau klien. (5) Kontak dan link media sosial.
Visual: (1) Palet warna yang mencerminkan gaya desainmu. (2) Tipografi yang unik namun terbaca. (3) Konsistensi gaya di seluruh halaman. (4) White space yang cukup agar karya menonjol. (5) Transisi antar bagian yang halus.
3. Jelaskan bagaimana prinsip UX (User Experience) diterapkan dalam penyusunan konten microsite!
Pembahasan:
(1) Hierarki Visual: Informasi terpenting paling atas, detail di bawah. (2) Scanability: Pengguna harus bisa memahami isi microsite dalam 10 detik pertama. (3) Mobile First: Desain harus bagus di HP karena mayoritas akses dari mobile. (4) Minimal Cognitive Load: Jangan terlalu banyak pilihan — arahkan pengguna ke satu aksi utama. (5) Aksesibilitas: Kontras warna cukup, font cukup besar, tombol cukup lebar untuk diklik di layar kecil.
4. Bandingkan efektivitas microsite yang menggunakan formulir internal s.id dengan microsite yang mengarahkan ke Google Forms! Analisis kelebihan dan kekurangan masing-masing.
Pembahasan:
Form internal s.id: Kelebihan — terintegrasi, tampilan konsisten, tidak perlu pindah halaman. Kekurangan — fitur form mungkin terbatas, data tersimpan di s.id.
Google Forms: Kelebihan — fitur form sangat lengkap (logic jump, validasi, spreadsheet otomatis), sudah familiar. Kekurangan — pengunjung harus pindah ke halaman baru (UX terputus), tampilan berbeda dari microsite.
5. Rancang panduan gaya (style guide) untuk microsite sekolahmu yang bisa digunakan oleh semua kelas! Tentukan warna, font, dan aturan konten.
Pembahasan:
Style Guide:
Warna: Primer — biru navy (#1e3a5f) untuk header, Sekunder — kuning emas (#f5c518) untuk aksen, Netral — putih dan abu-abu untuk background.
Font: Heading — Plus Jakarta Sans Bold, Body — Plus Jakarta Sans Regular.
Aturan konten: (1) Heading max 8 kata. (2) Paragraf max 100 kata per bagian. (3) Gunakan gambar berlisensi bebas. (4) Tombol utama berwarna kuning, tombol sekunder berwarna putih. (5) Setiap microsite wajib memiliki header berlogo sekolah dan footer kontak. (6) Custom URL format: s.id/smpn1-[nama-kegiatan].
✏️ Latihan Soal — Materi 4
Mudah
1. Sebutkan cara menambahkan gambar ke microsite!
2. Apa fungsi komponen “Tombol/Link” pada microsite?
3. Berapa jumlah warna utama yang disarankan untuk microsite?
4. Apa itu white space dan mengapa penting?
5. Komponen apa yang digunakan untuk menampilkan lokasi acara?
Sedang
1. Rancang susunan konten microsite untuk perpustakaan sekolah!
2. Jelaskan cara memilih kombinasi warna yang baik untuk microsite!
3. Mengapa konsistensi gaya penting dalam pembuatan microsite? Berikan contoh!
4. Bagaimana cara memastikan microsite terlihat baik di HP dan komputer?
5. Jelaskan perbedaan antara background solid, gradasi, dan gambar! Kapan menggunakan masing-masing?
Sulit
1. Buatlah wireframe (sketsa) microsite untuk acara bazar sekolah lengkap dengan penjelasan setiap bagian!
2. Analisis 3 kesalahan umum dalam mendesain microsite dan jelaskan cara menghindarinya!
3. Rancang microsite interaktif untuk kuis pengetahuan umum menggunakan fitur-fitur yang ada di s.id!
4. Jelaskan bagaimana urutan konten (information architecture) mempengaruhi efektivitas microsite!
5. Buatlah panduan lengkap (tutorial) cara menambahkan dan mengatur 7 jenis komponen pada microsite s.id!
5. Mempublikasikan & Membagikan Microsite
A. Langkah Mempublikasikan Microsite
B. Cara Membagikan Microsite
| Media | Cara Membagikan | Tips |
|---|---|---|
| Salin tautan, kirim ke chat/grup | Tambahkan deskripsi singkat sebelum link | |
| Taruh di bio atau share via Story | Gunakan stiker “Link” di Story | |
| QR Code | Generate QR dari tautan s.id | Cetak QR untuk materi cetak (poster, brosur) |
| Sisipkan tautan dalam body email | Gunakan untuk komunikasi formal | |
| Google Classroom | Posting tautan sebagai materi/tugas | Cocok untuk tugas sekolah |
C. Mengedit Microsite Setelah Publish
Microsite yang sudah dipublikasikan masih bisa diedit:
- Masuk ke dashboard → Menu Microsites
- Klik microsite yang ingin diedit → Klik “Edit”
- Lakukan perubahan pada konten atau tampilan
- Klik “Simpan” — perubahan langsung terlihat di tautan yang sama
ℹ️ Catatan Penting:
URL microsite tetap sama meskipun konten diedit. Kamu tidak perlu membagikan tautan baru setelah melakukan update.
D. Memantau dengan Analytics
Setelah microsite dipublikasikan, pantau kinerjanya melalui menu Analytics:
| Metrik | Keterangan | Manfaat |
|---|---|---|
| Total Klik | Jumlah total kunjungan | Mengukur seberapa banyak orang yang mengakses |
| Referrer | Sumber pengunjung (WA, IG, dll) | Tahu media promosi mana yang paling efektif |
| Device | Perangkat pengunjung (HP/PC) | Memastikan tampilan optimal di perangkat mayoritas |
| Waktu | Jam dan hari kunjungan terbanyak | Menentukan waktu terbaik untuk promosi |
🔍 Mengamati
Amati tampilan microsite kamu di HP dan di komputer setelah dipublikasikan. Perhatikan apakah ada perbedaan tampilan.
❓ Menanya
Mengapa perlu memeriksa microsite di berbagai perangkat? Apa dampaknya jika microsite hanya terlihat bagus di satu perangkat saja?
💡 Menalar
Berdasarkan data analytics, jika 80% pengunjung berasal dari HP, apa tindakan yang harus dilakukan terhadap desain microsite?
🛠️ Mencoba
Publikasikan microsite yang telah kamu buat. Bagikan tautannya ke 5 teman melalui WhatsApp. Minta mereka memberikan feedback.
🗣️ Mengkomunikasikan
Presentasikan microsite final kamu di depan kelas. Sampaikan: tujuan microsite, fitur yang digunakan, dan feedback yang diterima dari teman.
📝 Contoh Soal — Materi 5
Mudah
1. Apa yang harus dilakukan sebelum mempublikasikan microsite?
Pembahasan:
Sebelum publish, harus melakukan preview terlebih dahulu untuk memeriksa tampilan, memastikan semua teks benar, gambar tampil, dan link berfungsi dengan baik.
2. Sebutkan 3 media yang bisa digunakan untuk membagikan tautan microsite!
Pembahasan:
Tiga media: (1) WhatsApp, (2) Instagram, (3) Email. Media lainnya: QR Code, Google Classroom.
3. Apakah microsite yang sudah dipublikasikan masih bisa diedit?
Pembahasan:
Ya, microsite yang sudah dipublikasikan masih bisa diedit melalui dashboard → Microsites → pilih microsite → Edit. Perubahan langsung terlihat di URL yang sama.
4. Apa fungsi tombol “Preview” pada editor microsite?
Pembahasan:
Tombol Preview berfungsi untuk melihat tampilan microsite sebelum dipublikasikan, baik versi tampilan HP maupun desktop, tanpa mengubah status publikasi.
5. Apakah URL microsite berubah setelah konten diedit?
Pembahasan:
Tidak, URL microsite tetap sama meskipun konten diedit. Kamu tidak perlu membagikan tautan baru setelah update.
Sedang
1. Jelaskan langkah-langkah mempublikasikan dan membagikan microsite secara lengkap!
Pembahasan:
(1) Preview tampilan HP & desktop. (2) Cek konten: teks, gambar, link. (3) Klik Publish. (4) Copy URL. (5) Bagikan via WhatsApp/IG/email. (6) Bisa juga generate QR Code untuk media cetak. (7) Pantau kunjungan melalui Analytics.
2. Apa manfaat menggunakan QR Code untuk membagikan microsite? Dalam situasi apa QR Code lebih efektif daripada link teks?
Pembahasan:
QR Code lebih efektif pada: (1) Media cetak (poster, brosur, undangan fisik). (2) Presentasi langsung di layar. (3) Kartu nama. (4) Stand pameran/bazar. Link teks lebih efektif untuk komunikasi digital (chat, email, media sosial).
3. Jelaskan 4 metrik analytics pada s.id dan manfaat masing-masing!
Pembahasan:
(1) Total Klik — mengukur popularitas. (2) Referrer — mengetahui sumber traffic terbaik. (3) Device — memastikan desain optimal. (4) Waktu — menentukan jadwal promosi efektif.
4. Bagaimana cara mengedit microsite yang sudah dipublikasikan? Jelaskan langkahnya!
Pembahasan:
(1) Login ke dashboard s.id. (2) Klik menu Microsites. (3) Cari dan klik microsite yang ingin diedit. (4) Klik tombol “Edit”. (5) Lakukan perubahan konten/tampilan. (6) Klik “Simpan”. Perubahan langsung aktif di URL yang sama.
5. Mengapa penting memeriksa microsite di berbagai perangkat (HP dan PC) sebelum membagikannya?
Pembahasan:
Karena tampilan di HP dan PC bisa berbeda. Elemen yang terlihat rapi di PC mungkin terlalu kecil atau terpotong di HP. Mayoritas pengguna mengakses via HP, jadi tampilan mobile harus diprioritaskan untuk pengalaman pengguna yang baik.
Sulit
1. Rancang strategi promosi lengkap untuk microsite acara lomba antar-SMP! Sertakan timeline, media yang digunakan, dan target audiensnya.
Pembahasan:
Timeline: Minggu 1 — soft launch di IG Story dan WA group guru. Minggu 2 — share ke GC siswa dan Google Classroom. Minggu 3 — cetak poster QR dan pasang di sekolah-sekolah. Minggu 4 — reminder final di semua media.
Media: WhatsApp (group guru & OSIS), Instagram (Story + Feed), Google Classroom, Poster cetak QR, Email ke kepsek SMP se-kota.
Target: Siswa SMP kelas 7-9 se-kota, guru pembimbing, OSIS sekolah lain.
2. Data analytics menunjukkan 500 klik dari WhatsApp, 50 dari Instagram, dan 10 dari email. Analisis data tersebut dan berikan rekomendasi untuk promosi selanjutnya!
Pembahasan:
Analisis: WhatsApp dominan (89%), Instagram kurang efektif (9%), email sangat rendah (2%). Rekomendasi: (1) Tingkatkan promosi WA — buat pesan yang lebih menarik dan minta forward. (2) Untuk IG — gunakan Reels atau Stories interaktif, bukan hanya posting link. (3) Email mungkin tidak cocok untuk target siswa — pertimbangkan untuk mengalihkan usaha ke TikTok. (4) Eksperimen dengan Google Classroom jika target di sekolah.
3. Evaluasi keseluruhan proses pembuatan microsite dari perencanaan hingga evaluasi pasca-publish! Identifikasi titik-titik kritis yang paling menentukan keberhasilan.
Pembahasan:
Titik kritis: (1) Perencanaan konten — struktur yang buruk = microsite tidak informatif. (2) Pemilihan template — template yang salah = harus banyak modifikasi. (3) Kualitas konten — teks dan gambar berkualitas rendah = kesan tidak profesional. (4) Testing multi-device — skip testing = tampilan rusak di HP. (5) Strategi distribusi — microsite bagus tapi tidak dipromosikan = sedikit pengunjung. (6) Evaluasi analytics — tidak memantau = tidak tahu apa yang perlu diperbaiki.
4. Bagaimana microsite s.id bisa diintegrasikan dengan tools digital lain (Google Forms, YouTube, Canva) untuk membuat ekosistem digital yang efektif?
Pembahasan:
(1) Google Forms: Tombol di microsite mengarah ke formulir pendaftaran/survei. (2) YouTube: Embed video promosi atau tutorial di microsite. (3) Canva: Desain gambar, banner, dan infografis di Canva lalu upload ke microsite. (4) Google Drive: Link file materi/dokumen. (5) Google Maps: Embed peta lokasi. Ekosistem ini membuat microsite menjadi hub informasi terpusat.
5. Buatlah laporan evaluasi lengkap sebuah microsite yang telah dipublikasikan selama 1 bulan! Sertakan aspek yang dievaluasi, metode evaluasi, dan saran perbaikan.
Pembahasan:
Aspek evaluasi: (1) Traffic (jumlah kunjungan dari analytics). (2) Engagement (klik tombol, submit form). (3) Feedback pengunjung (survei). (4) Tampilan (testing responsif). (5) Kecepatan loading.
Metode: Analisis data analytics s.id, survei Google Forms ke pengunjung, testing manual di 3 perangkat berbeda.
Saran: Berdasarkan data, optimalkan konten bagian yang paling banyak di-skip, perbaiki tampilan mobile jika traffic HP dominan, perbarui konten usang, tambahkan CTA yang lebih jelas.
✏️ Latihan Soal — Materi 5
Mudah
1. Apa nama tombol untuk mempublikasikan microsite?
2. Sebutkan 2 cara membagikan tautan microsite!
3. Apa yang dimaksud dengan QR Code?
4. Di menu mana kamu bisa melihat statistik kunjungan microsite?
5. Apakah microsite bisa dihapus setelah dipublikasikan?
Sedang
1. Jelaskan perbedaan membagikan microsite via WhatsApp dan via QR Code!
2. Apa yang harus diperiksa saat melakukan preview sebelum publish?
3. Bagaimana cara menggunakan data analytics untuk meningkatkan microsite?
4. Jelaskan keuntungan membagikan microsite melalui Google Classroom untuk tugas sekolah!
5. Apa yang harus dilakukan jika setelah publish, ternyata ada typo (kesalahan ketik)?
Sulit
1. Rancang strategi promosi microsite untuk event sekolah yang menargetkan 1000 pengunjung dalam 2 minggu!
2. Buat laporan analytics fiktif sebuah microsite dan analisis data tersebut secara lengkap!
3. Jelaskan bagaimana A/B testing bisa diterapkan pada dua versi microsite untuk menentukan mana yang lebih efektif!
4. Rancang alur kerja (workflow) lengkap pembuatan microsite untuk sebuah tim panitia (5 orang) dari perencanaan hingga evaluasi!
5. Buatlah presentasi singkat (outline) yang menjelaskan kepada guru-guru di sekolah mengapa mereka harus menggunakan microsite s.id sebagai media pembelajaran!
📚 Modul Pembelajaran: Praktik Pembuatan Microsite s.id
Mata Pelajaran Informatika — Dibuat untuk mendukung kegiatan belajar mengajar