Program Studi Bisnis Digital • FEB

Teknologi Web & Mobile

Pertemuan 3 — Dari Konsep ke Website Live

Menelusuri perjalanan sebuah ide bisnis menjadi website yang bisa diakses publik: domain, hosting, DNS, deployment, hingga pemeliharaan.

RPS MINGGU 3 • 2×50 MENIT

Tujuan Pembelajaran Hari Ini

Setelah pertemuan ini, Anda diharapkan mampu menjelaskan alur lengkap sebuah website dari ide sampai live dan memahami keputusan bisnis di tiap tahapnya.

PEMAHAMAN KONSEP

tahapan utama

Dari perencanaan, pendaftaran domain, pemilihan hosting, membangun halaman, deployment, sampai pemeliharaan pasca-live.

KEMAMPUAN PRAKTIS

keputusan kunci

Memilih jenis domain (.id/.com), memilih tipe hosting sesuai skala bisnis, dan memahami mengapa DNS bisa "lambat" saat website baru live.

Mengapa Manajer Produk Digital Perlu Tahu Ini?

Anda mungkin tidak akan menulis kode, tetapi Anda akan mengambil keputusan yang menentukan berapa lama dan berapa biaya website Anda live.

Bayangkan Anda product manager di startup fesyen. Tim developer bilang "domain sudah dibeli, hosting sudah di-setup, tinggal deploy". Bos Anda bertanya, "kapan website live di depan customer?" Kalau Anda tidak paham alurnya, Anda tidak bisa memberi estimasi yang masuk akal — dan tidak bisa mendeteksi kalau ada tahap yang terlewat, misalnya lupa mengarahkan DNS domain ke server hosting.

Kasus nyata: banyak UMKM Indonesia sudah membeli domain .co.id tapi websitenya tidak pernah live berbulan-bulan — bukan karena kode gagal, tapi karena tahap penyambungan domain-ke-hosting tidak pernah dituntaskan.

Pertanyaan yang sering muncul dari mahasiswa bisnis digital adalah "kalau saya bukan programmer, kenapa saya harus paham teknis begini?" Jawabannya sederhana: karena Anda yang akan duduk di rapat dengan tim developer dan harus bisa menilai apakah timeline mereka masuk akal, apakah biaya yang diajukan wajar, dan di mana letak risiko keterlambatan. Saya sering menemukan kasus UMKM di Indonesia yang sudah keluar uang untuk domain dan hosting, tapi website-nya tidak kunjung tayang berbulan-bulan, karena tidak ada yang memahami bahwa domain dan hosting itu dua hal terpisah yang harus disambungkan lewat DNS. Sebagai calon manajer produk digital, kemampuan membaca alur ini akan membuat Anda menjadi jembatan yang efektif antara tim bisnis dan tim teknis — bukan sekadar penerima laporan "sudah beres" tanpa tahu apa artinya.

Bagian 1 dari 3

Perencanaan & Fondasi Alamat

Sebelum satu baris kode pun ditulis: menentukan tujuan website dan mengamankan alamatnya di internet.

Tahap 1: Perencanaan (Sebelum Kode Ditulis)

Proyek website yang gagal biasanya bukan gagal secara teknis, tapi gagal karena tujuan tidak jelas sejak awal.

Tujuan Bisnis

Jualan produk (e-commerce)?
Membangun kepercayaan (company profile)?
Kumpulkan data calon pelanggan (landing page)?

Target Pengguna

Siapa yang akan membuka website ini?
Mereka pakai HP atau laptop?
Butuh Bahasa Indonesia saja atau juga Inggris?

Ruang Lingkup

Berapa halaman dibutuhkan?
Perlu sistem pembayaran?
Kapan harus live (deadline)?

Sebelum satu file HTML pun dibuat, tim yang matang akan duduk dan menjawab tiga pertanyaan besar ini. Pertama, tujuan bisnis — apakah website ini untuk berjualan langsung seperti Tokopedia versi kecil, atau sekadar company profile untuk meyakinkan calon investor bahwa bisnis Anda kredibel? Kedua, siapa target penggunanya — di Indonesia, lebih dari 90 persen akses internet terjadi lewat HP, jadi kalau target Anda adalah anak muda perkotaan, desain harus diprioritaskan untuk layar kecil dulu, bukan layar laptop. Ketiga, ruang lingkup dan tenggat waktu — sebuah landing page sederhana bisa selesai dalam hitungan hari, tapi sebuah toko online lengkap dengan sistem pembayaran bisa memakan waktu berbulan-bulan. Kesalahan paling umum yang saya lihat di startup pemula adalah langsung loncat ke "bikin website" tanpa menjawab tiga pertanyaan ini terlebih dahulu, sehingga proyek berubah arah di tengah jalan dan biayanya membengkak.

Tahap 2: Mendaftarkan Domain (Alamat Website)

Domain adalah alamat yang diketik pengguna di browser (mis. tokopedia.com) — nama yang mudah diingat manusia, menggantikan deretan angka rumit di baliknya.

nama-bisnis + akhiran (.com / .id / .co.id)

.COM

Global

paling umum, terpercaya secara internasional

.ID

Lokal

kredibilitas "bisnis Indonesia asli" di mata konsumen

.CO.ID

Resmi

butuh NIB/dokumen legalitas usaha untuk daftar

Domain itu ibarat nomor rumah dan nama jalan yang mudah diingat — di baliknya, komputer sebenarnya berbicara dengan deretan angka yang disebut alamat IP, tapi manusia tidak mungkin menghafal angka-angka itu untuk setiap website yang dikunjungi, makanya diciptakan sistem nama seperti bbca.co.id atau gojek.com. Di Indonesia, ada tiga pilihan akhiran domain yang umum: titik com untuk kesan global dan internasional, titik id untuk menegaskan identitas lokal Indonesia dan biasanya lebih murah pendaftarannya, serta titik co-titik-id yang mewajibkan Anda punya dokumen legalitas usaha resmi seperti NIB, sehingga memberi sinyal kredibilitas ekstra ke konsumen bahwa bisnis Anda benar-benar terdaftar. Pemilihan domain bukan cuma soal selera, tapi soal strategi merek — Gojek misalnya memilih gojek.com untuk jangkauan global, sementara banyak instansi pemerintah dan kampus wajib pakai go.id atau ac.id.

Hitung dari Nol: Estimasi Biaya Domain Tahun Pertama

Studi kasus: UMKM "Batik Ayu" ingin mendaftarkan domain batikayu.co.id dan menghitung total biaya keluar tahun pertama, termasuk pajak.

Langkah	Perhitungan	Nilai
1. Harga sewa domain .co.id per tahun (harga pasar umum)	harga dasar registrar	Rp 250.000
2. PPN efektif 11% (PMK 131/2024) atas jasa domain	11% × Rp 250.000	Rp 27.500
3. Subtotal domain setelah pajak	Rp 250.000 + Rp 27.500	Rp 277.500
4. Biaya administrasi verifikasi NIB (satu kali)	ditambahkan langsung	Rp 50.000
5. Total biaya domain tahun pertama	Rp 277.500 + Rp 50.000	Rp 327.500

TOTAL KELUAR TAHUN PERTAMA

Rp 327.500

domain .co.id + PPN 11% + verifikasi (ilustrasi harga pasar umum)

Sekarang kita berlatih menghitung angka riil, karena sebagai manajer produk Anda akan sering diminta menyusun estimasi anggaran seperti ini. Kita mulai dari harga dasar sewa domain titik-co-titik-id, yang di pasar Indonesia berkisar sekitar dua ratus lima puluh ribu rupiah per tahun — angka ini ilustratif karena harga riil bervariasi antar-registrar seperti Niagahoster atau Rumahweb. Lalu kita tambahkan PPN efektif sebesar 11 persen sesuai PMK 131/2024, karena jasa pendaftaran domain juga dikenai pajak pertambahan nilai seperti jasa digital lainnya. Selanjutnya, karena domain co-id mewajibkan verifikasi legalitas usaha, biasanya ada biaya administrasi tambahan yang saya asumsikan lima puluh ribu rupiah. Jumlahkan semuanya, dan Anda dapat total keluar tahun pertama sekitar tiga ratus dua puluh tujuh ribu lima ratus rupiah. Latihan menghitung seperti ini penting supaya Anda tidak kaget saat menyusun proposal anggaran proyek digital ke atasan atau investor.

Bagian 2 dari 3

Membangun & Menyambungkan

Dari memilih rumah digital (hosting), menyusun isi website, sampai menyambungkan alamat ke rumahnya lewat DNS.

Tahap 3: Memilih Hosting (Rumah Digital Website)

Hosting adalah komputer server yang menyimpan semua file website Anda 24 jam nonstop, supaya bisa diakses siapa pun, kapan pun.

Shared Hosting

Satu server dipakai ratusan website
Murah, cocok UMKM/blog
Performa turun saat traffic ramai

VPS (Virtual Private Server)

Bagian server "milik sendiri"
Lebih stabil, butuh sedikit teknis
Cocok bisnis menengah tumbuh

Cloud Hosting

Kapasitas otomatis membesar
Dipakai startup skala besar
Contoh: AWS, Google Cloud

Kalau domain adalah alamat, hosting adalah rumah fisiknya — komputer server yang menyala 24 jam, menyimpan seluruh file website Anda, gambar produk, dan basis data pelanggan. Ada tiga tingkatan yang perlu Anda kenal. Shared hosting itu seperti kos-kosan — Anda berbagi satu server dengan ratusan website lain, harganya murah dan cocok untuk UMKM yang baru mulai, tapi kalau salah satu "tetangga kos" mendadak ramai pengunjung, performa website Anda bisa ikut melambat. VPS, virtual private server, itu seperti rumah petak sendiri di dalam kompleks — Anda punya bagian server yang benar-benar milik Anda, lebih stabil, tapi butuh sedikit kemampuan teknis untuk mengelolanya. Cloud hosting seperti AWS atau Google Cloud itu seperti apartemen elastis yang otomatis menambah kamar saat tamu membludak — inilah yang dipakai startup seperti Gojek atau Tokopedia yang traffic-nya bisa melonjak drastis saat promo besar.

Tahap 4: Membangun Halaman Website

Setelah alamat dan rumah siap, tim developer menyusun isi website — dua jalur umum yang sering dipilih bisnis:

Jalur A: Coding dari Nol

HTML/CSS/JavaScript ditulis manual
Fleksibel penuh, tapi lebih lama & mahal
Cocok produk digital dengan fitur unik

Jalur B: CMS/Website Builder

Pakai WordPress, Wix, atau Shopify
Cepat, murah, minim kode
Cocok UMKM & company profile standar

Glosarium: CMS (Content Management System) — perangkat lunak siap pakai untuk membuat & mengelola isi website tanpa menulis kode dari nol, contoh: WordPress.

Setelah alamat dan rumahnya siap, sekarang saatnya mengisi rumah itu dengan konten — halaman beranda, katalog produk, formulir kontak. Ada dua jalur besar yang biasa dipilih tim bisnis. Jalur pertama adalah coding dari nol, di mana developer menulis HTML, CSS, dan JavaScript secara manual — ini memberi fleksibilitas penuh untuk fitur unik, tapi butuh waktu dan biaya lebih besar, biasanya dipilih startup dengan kebutuhan sangat spesifik seperti sistem pemesanan tiket custom. Jalur kedua adalah memakai CMS, singkatan dari content management system, yaitu perangkat lunak siap pakai seperti WordPress, Wix, atau Shopify yang memungkinkan Anda menyusun website hanya dengan drag-and-drop tanpa menulis kode — ini jauh lebih cepat dan murah, sangat cocok untuk UMKM yang ingin punya website profesional dalam hitungan hari, bukan bulan. Sebagai manajer produk, keputusan memilih jalur mana harus mempertimbangkan trade-off antara kecepatan, biaya, dan seberapa unik kebutuhan fitur bisnis Anda.

Tahap 5: DNS — Menyambungkan Domain ke Hosting

DNS (Domain Name System) adalah "buku telepon internet" yang menerjemahkan nama domain menjadi alamat IP server hosting tempat file website disimpan.

Langkah	Yang terjadi	Analogi
1. Pengguna ketik batikayu.co.id di browser	Browser bertanya "di mana rumah alamat ini?"	Menelepon nomor dari kartu nama
2. Browser bertanya ke server DNS	DNS mencari catatan alamat IP domain	Buka buku telepon, cari nama
3. DNS balas dengan alamat IP hosting	Browser tahu server mana yang dituju	Ketemu nomor teleponnya
4. Browser terhubung ke server hosting	File website dikirim & ditampilkan	Panggilan tersambung, obrolan dimulai

Kenapa website "belum bisa dibuka" setelah domain dan hosting dibeli? Karena catatan DNS belum diarahkan (propagasi bisa makan waktu ~1–24 jam) — inilah sumber kebingungan paling umum tim non-teknis.

Ini adalah konsep paling sering membingungkan mahasiswa non-teknis, jadi mari kita telusuri langkah demi langkah dengan analogi buku telepon jadul. Ketika seseorang mengetik batikayu titik co titik id di browser, browser itu sebenarnya tidak tahu di mana file website itu disimpan — dia hanya tahu namanya. Browser lalu bertanya ke server DNS, semacam buku telepon raksasa milik internet, "alamat IP untuk nama ini apa?" Server DNS mencari catatannya dan membalas dengan alamat IP, yaitu deretan angka unik milik server hosting Anda. Barulah browser bisa terhubung langsung ke server itu dan meminta file website untuk ditampilkan. Nah, di sinilah letak kebingungan paling umum di lapangan: kalau Anda baru saja membeli domain dan hosting lalu menyambungkannya, perubahan itu tidak langsung terlihat oleh seluruh dunia — prosesnya disebut propagasi DNS dan bisa memakan waktu antara satu sampai dua puluh empat jam. Banyak klien panik mengira websitenya "gagal", padahal mereka hanya perlu menunggu proses ini selesai.

Bagian 3 dari 3

Live & Pemeliharaan

Website tayang bukan garis akhir — ada tahap peluncuran, pengujian, dan perawatan berkelanjutan setelahnya.

Tahap 6: Deployment — Meluncurkan ke Publik

Deployment adalah proses memindahkan website dari lingkungan "latihan" (testing) ke server yang benar-benar diakses publik (production).

Glosarium: staging — versi "gladi bersih" website, identik dengan versi live, tapi hanya bisa diakses tim internal untuk pengujian akhir sebelum publik melihatnya.

Deployment adalah momen paling menegangkan sekaligus paling membanggakan dalam proyek website — inilah saat sebuah ide resmi menjadi produk nyata yang bisa dibuka siapa saja. Tapi tim yang baik tidak langsung lompat dari komputer developer ke publik. Ada tahap perantara bernama staging, yaitu versi "gladi bersih" yang identik persis dengan versi live, tapi pintunya masih terkunci untuk tim internal saja. Di staging inilah tim menguji apakah tombol checkout berfungsi, apakah gambar produk tampil dengan benar di HP maupun laptop, dan apakah tidak ada typo yang memalukan di halaman utama. Baru setelah semua lolos uji, barulah website dipindahkan ke lingkungan production, yaitu server yang benar-benar dilihat calon pelanggan Anda. Analoginya seperti toko fisik yang melakukan soft opening tertutup untuk keluarga dan teman sebelum grand opening resmi untuk umum.

Hitung dari Nol: Estimasi Timeline Proyek Website UMKM

Studi kasus: tim internal menyusun estimasi total waktu dari kick-off sampai live untuk website toko online sederhana Batik Ayu.

Langkah	Perhitungan	Nilai
1. Perencanaan (Tahap 1)	disepakati tim	3 hari
2. Domain + Hosting (Tahap 2–3, paralel)	proses administratif	2 hari
3. Membangun halaman via CMS (Tahap 4)	desain + isi konten	7 hari
4. DNS + deployment + uji staging (Tahap 5–6)	propagasi + QA	2 hari
5. Total estimasi kick-off → live	3 + 2 + 7 + 2	14 hari

TOTAL ESTIMASI DURASI

14 hari

± 2 minggu kerja, jalur CMS, tanpa fitur pembayaran custom

Latihan berhitung kedua ini bukan soal uang, tapi soal waktu — kemampuan menyusun timeline proyek adalah salah satu keterampilan paling dicari dari manajer produk digital. Kita mulai dari tahap perencanaan yang saya asumsikan makan waktu tiga hari kerja untuk menyepakati tujuan dan ruang lingkup bersama klien. Domain dan hosting bisa dikerjakan paralel dalam waktu sekitar dua hari karena keduanya murni proses administratif dan pembayaran. Tahap membangun halaman via CMS biasanya paling memakan waktu, saya asumsikan tujuh hari untuk desain dan pengisian konten produk. Terakhir, penyambungan DNS, deployment, dan uji staging saya asumsikan dua hari, termasuk waktu tunggu propagasi DNS yang sudah kita bahas tadi. Jumlahkan semua tahap ini, dan Anda mendapat estimasi total empat belas hari kerja dari kick-off sampai website live — sekitar dua minggu. Angka ini tentu ilustratif dan bisa berbeda tergantung kompleksitas fitur, tapi kerangka berpikir "jumlahkan tiap tahap" inilah yang akan Anda pakai terus di dunia kerja.

Setelah Live: Website Bukan "Selesai Sekali Jadi"

Website yang live tetap butuh perawatan rutin — mengabaikannya berisiko kehilangan pelanggan dan reputasi.

KEAMANAN

Update

patch keamanan CMS & plugin rutin

KECEPATAN

Monitoring

cek loading time, backup berkala

KONTEN

Refresh

update produk, harga, promo terbaru

Kasus nyata: banyak website toko online Indonesia ditinggalkan begitu saja setelah live — stok/harga tidak diperbarui, celah keamanan tidak ditambal, akhirnya pelanggan kehilangan kepercayaan dan beralih ke marketplace.

Kesalahan yang sangat sering saya lihat pada bisnis pemula adalah menganggap "website sudah live" berarti proyek selesai, padahal itu baru permulaan. Ada tiga area perawatan yang wajib dijaga terus-menerus. Pertama keamanan — CMS seperti WordPress rutin merilis pembaruan untuk menambal celah yang bisa dieksploitasi peretas, dan website yang tidak pernah di-update jadi sasaran empuk. Kedua kecepatan dan keandalan — Anda perlu memantau apakah website tetap cepat diakses dan melakukan backup data secara berkala supaya kalau terjadi masalah, data tidak hilang total. Ketiga konten — harga produk, stok, dan promo harus terus diperbarui, karena tidak ada yang lebih merusak kepercayaan pelanggan daripada melihat harga di website berbeda jauh dari kenyataan. Saya sering menemukan toko online UMKM yang websitenya sudah tayang tapi ditinggalkan begitu saja selama bertahun-tahun, akhirnya pelanggan pindah ke marketplace seperti Shopee karena informasinya lebih terpercaya dan selalu diperbarui.

Peta Alur Lengkap: Ide → Website Live

Sub-CPMK minggu ini: Anda mampu menjelaskan keenam tahap ini dengan bahasa sendiri, dan tahu di tahap mana risiko keterlambatan paling sering muncul (Tahap 5: DNS).

Sekarang mari kita lihat seluruh perjalanan sebagai satu peta utuh. Enam tahap ini berjalan berurutan: perencanaan menentukan arah, domain mengamankan alamat, hosting menyiapkan rumah, membangun halaman mengisi kontennya, DNS dan deployment menyambungkan dan meluncurkannya ke publik, dan pemeliharaan menjaga website tetap sehat setelah live. Perhatikan bahwa tahap keenam, pemeliharaan, digambar sebagai kotak terakhir tapi sebenarnya dia berputar terus-menerus selama bisnis itu hidup — tidak pernah benar-benar "selesai". Kalau saya minta Anda menunjuk satu tahap yang paling sering jadi sumber keterlambatan dan kebingungan tim non-teknis, jawabannya adalah tahap lima, DNS, karena efeknya tidak langsung terlihat dan butuh waktu tunggu propagasi. Inilah gambaran besar yang saya harap tertanam di kepala Anda setelah pertemuan hari ini.

Siapa Mengerjakan Apa? Peran dalam Proyek Website

Sebagai manajer produk, Anda perlu tahu siapa yang bertanggung jawab di tiap tahap untuk mengoordinasikan tim.

Tahap	Peran Utama	Kontribusi Anda (Non-Teknis)
Perencanaan	Product Manager / Owner Bisnis	Menentukan tujuan & prioritas fitur
Domain & Hosting	IT/Admin, kadang PM langsung	Menyetujui anggaran & jenis domain
Bangun Halaman	Web Developer / Designer	Memberi brief konten & tampilan
DNS & Deployment	Developer / DevOps	Menetapkan target tanggal live
Pemeliharaan	Tim IT + Tim Konten/Marketing	Memastikan update rutin berjalan

Tabel ini penting karena dalam praktiknya, Anda sebagai lulusan bisnis digital jarang akan menjadi orang yang menulis kode atau mengurus server secara teknis — peran Anda lebih sering sebagai product manager atau koordinator yang menjembatani kebutuhan bisnis dengan eksekusi teknis tim developer. Di tahap perencanaan, Andalah yang menentukan arah dan prioritas. Di tahap domain dan hosting, Anda mungkin tidak mengklik tombol beli, tapi Anda yang menyetujui anggaran dan jenis domain yang sesuai strategi merek. Di tahap membangun halaman, tugas Anda memberi brief yang jelas ke developer atau desainer tentang seperti apa tampilan dan konten yang diinginkan. Di tahap deployment, Anda yang menetapkan dan mengomunikasikan target tanggal live ke seluruh pemangku kepentingan. Dan di tahap pemeliharaan, Anda berperan memastikan proses update berjalan rutin, biasanya berkoordinasi dengan tim konten atau marketing. Memahami peta peran seperti ini akan membuat Anda jadi koordinator proyek yang jauh lebih efektif.

Latihan Kelas: Diagnosis Kasus

Kerjakan berpasangan (5 menit), lalu kita bahas bersama.

Kasus: Sebuah UMKM kerajinan rotan di Cirebon sudah membeli domain rotancirebon.id dan paket shared hosting sejak dua minggu lalu. Saat diketik di browser, muncul pesan "situs tidak ditemukan". Tim developer bilang "sudah selesai dari sisi kami."

Pertanyaan Diskusi

Tahap mana yang kemungkinan besar belum tuntas?
Apakah ini pasti masalah teknis, atau bisa jadi "tunggu saja"?
Pertanyaan apa yang akan Anda ajukan ke tim developer?

Yang Perlu Anda Cek

Apakah DNS sudah diarahkan ke hosting?
Sudah berapa lama sejak diarahkan (propagasi)?
Apakah file website sudah diunggah ke server?

Rangkuman: Cheat Sheet Enam Tahap

Tahap	Inti	Pertanyaan Kunci
1. Perencanaan	Tujuan, target pengguna, ruang lingkup	Website ini untuk apa?
2. Domain	Alamat website (.com/.id/.co.id)	Nama & akhiran apa yang cocok?
3. Hosting	Rumah digital (shared/VPS/cloud)	Skala bisnis sebesar apa?
4. Bangun Halaman	Coding manual vs CMS	Butuh fitur unik atau standar?
5. DNS + Deployment	Menyambung & meluncurkan	Sudah diarahkan & diuji staging?
6. Pemeliharaan	Update rutin pasca-live	Siapa yang jaga setelah live?

Kata kunci hari ini: domain (alamat), hosting (rumah), DNS (penyambung), deployment (peluncuran), staging (gladi bersih).

Penutup: Tugas & Persiapan Minggu Depan

Tugas Individu

Pilih 1 UMKM/bisnis lokal tanpa website
Tuliskan rencana 6 tahap untuk mereka
Sertakan estimasi domain yang cocok & alasannya

MINGGU DEPAN

Lanskap Teknologi Mobile

Native vs hybrid vs web app — kapan bisnis butuh aplikasi mobile sendiri, dan kapan cukup website responsif.