BAB 1 — Menjelajahi dunia para pembuat perangkat lunak ✦
Selamat datang, calon developer! Di bab ini kamu akan mengenal siapa itu software engineer, jenis-jenis pekerjaan di dunia IT, dan teknologi yang mereka pakai setiap hari — semua dijelaskan dengan analogi yang mudah dipahami.
Setelah menyelesaikan bab ini, kamu diharapkan mampu memahami hal-hal berikut. Tenang, tidak ada yang sulit — kita pelajari pelan-pelan! 😊
Mengerti apa itu software engineering dan bedanya dengan sekadar "ngoding".
Membedakan Frontend, Backend, Fullstack, Mobile, dan UI/UX Designer.
Memahami peta perjalanan belajar dari semester 1 sampai 4.
Mengenal website, domain, hosting, browser, server, dan tools developer.
Bayangkan membangun rumah. Arsitek tidak hanya menumpuk batu bata — ia merancang, menghitung, dan memikirkan agar rumah kuat, nyaman, dan tahan lama. Sedangkan tukang fokus mengerjakan bagian per bagian.
Software Engineering (Rekayasa Perangkat Lunak) adalah ilmu merancang, membangun, menguji, dan merawat perangkat lunak secara terstruktur agar berkualitas, aman, dan mudah dikembangkan.
✦ Jadi, Software Engineer = Arsitek dunia digital yang berpikir matang sebelum membangun.
Seorang Software Engineer bekerja mengikuti tahapan yang rapi — disebut SDLC (Software Development Life Cycle). Perhatikan alur animasi berikut:
Memahami apa yang pengguna butuhkan.
Membuat rancangan lalu menuliskannya jadi kode program.
Diuji agar bebas error, lalu diluncurkan ke pengguna.
Keduanya menulis kode, tapi cara berpikirnya berbeda. Lihat dua karakter ini! 👇
"Beri aku tugas, aku tuliskan kodenya."
"Mari kita rancang solusi terbaiknya dulu."
✦ Kesimpulan: Semua software engineer bisa ngoding, tapi tidak semua yang ngoding berpikir layaknya engineer. Kamu akan belajar menjadi keduanya!
Frontend itu seperti desainer interior rumah. Ia mengatur warna cat, posisi sofa, dan pencahayaan — semua yang dilihat dan disentuh langsung oleh tamu. Begitu juga frontend mengatur tampilan website yang dilihat pengguna.
Frontend Developer membangun tampilan (antarmuka) yang langsung dilihat pengguna di layar: tombol, menu, warna, animasi, dan tata letak.
🛠️ Bahasa utama: HTML, CSS, JavaScript
Data mengalir di "pipa" backend:
Backend itu ibarat dapur restoran. Pelanggan tidak melihat dapur, tapi di sanalah makanan benar-benar dimasak. Backend bekerja di "belakang layar" memproses data dan menyiapkan apa yang diminta pengguna.
Backend Developer mengurus logika, database, dan server — bagian yang tidak terlihat tapi membuat aplikasi benar-benar berfungsi: menyimpan akun, memproses pembayaran, dll.
🛠️ Contoh bahasa: PHP, Python, JavaScript (Node)
Gabungan dari keduanya! Bisa mengurus tampilan (frontend) dan dapur (backend) sekaligus. 🦸
Seperti pemilik restoran yang bisa melayani tamu di depan sekaligus memasak di dapur. Serba bisa!
Menguasai frontend & backend. Cocok untuk proyek kecil atau startup karena satu orang bisa membangun aplikasi utuh.
Pernah pakai aplikasi seperti WhatsApp, TikTok, atau Gojek di HP-mu? Itulah hasil karya Mobile Developer! Mereka membangun aplikasi yang "tinggal di dalam genggamanmu".
Mobile Developer membuat aplikasi untuk smartphone (Android & iOS).
✦ Hasil kerjanya bisa dipasang langsung dari Play Store atau App Store.
UI/UX Designer seperti pembuat peta kota. Ia memastikan orang bisa sampai ke tujuan dengan mudah, tidak tersesat, dan perjalanannya menyenangkan.
UI (User Interface) = bagaimana tampilan terlihat (warna, tombol, font).
UX (User Experience) = bagaimana rasanya menggunakan aplikasi (mudah? nyaman? cepat?).
🛠️ Tool favorit: Figma
✦ Mereka mendesain dulu sebelum developer mulai membangun — supaya hasilnya cantik dan mudah dipakai.
Inilah perjalanan belajarmu di semester pertama. Mulai dari nol! 🌱
Mengenal software engineering & jenis developer (bab ini!).
Membuat struktur halaman web pertamamu.
Memberi warna dan gaya pada halaman web.
Membuat website profil sederhana.
Naik level! Membuat website jadi hidup dan interaktif. ⚡
Membuat website bisa bereaksi terhadap klik & input.
Belajar kondisi (if), perulangan (loop), dan fungsi.
Website rapi di HP, tablet, maupun laptop.
Misal: kalkulator atau galeri foto.
Masuk ke dunia backend & database. Aplikasi mulai "berpikir". 🧠
Membuat server sederhana yang melayani data.
Menyimpan data pengguna dengan SQL.
Menghubungkan frontend dengan backend.
Misal: aplikasi to-do list dengan login.
Tahap akhir — siap jadi developer profesional & punya portofolio! 🏆
Belajar tools profesional untuk membangun lebih cepat.
Bekerja bersama tim menggunakan GitHub.
Menerbitkan aplikasi agar bisa diakses dunia.
Karya nyata untuk modal melamar kerja / magang.
📦 Paket data melaju di "jalan raya" internet
Internet itu seperti jaringan jalan raya raksasa yang menghubungkan seluruh dunia. Data dikirim dalam bentuk "paket" yang melaju di jalan ini, dari satu komputer ke komputer lain.
Internet = jaringan global yang menghubungkan jutaan komputer di seluruh dunia.
Website = kumpulan halaman yang bisa kamu buka lewat internet, seperti YouTube, Google, atau toko online.
✦ Saat kamu mengetik alamat website, browser-mu "mengirim surat" lewat jalan raya internet untuk meminta halaman itu.
DNS menerjemahkan nama domain menjadi alamat server (IP).
Domain = nama unik website yang kamu ketik di browser, contoh google.com. Mudah diingat manusia.
Hosting = tempat menyimpan semua file website agar bisa diakses 24 jam. Ibarat tanah & gedung tempat tokomu berdiri.
✦ Tanpa hosting, website tak punya "tempat tinggal". Tanpa domain, orang sulit menemukan alamatnya.
Analogi pelayan restoran: kamu (browser) memesan, dapur (server) menyiapkan. 🍽️
Aplikasi untuk membuka website (Chrome, Firefox). Tugasnya meminta & menampilkan halaman.
Komputer kuat yang menyala 24 jam, menyimpan & mengirim website saat diminta browser.
VS Code itu seperti buku tulis pintar bagi programmer. Coba klik tombol di bawah untuk melihat kode "diketik" otomatis! ⌨️
VS Code (Visual Studio Code) adalah code editor gratis buatan Microsoft. Fiturnya: pewarnaan kode, auto-complete, dan deteksi kesalahan — membuat menulis kode jadi nyaman dan cepat.
Tiga teman setia developer selain VS Code. Masing-masing punya tugas berbeda! 🧰
Browser untuk membuka & menguji website yang kita buat.
Tempat menyimpan kode online & berkolaborasi dengan tim.
Tool untuk mendesain tampilan aplikasi (dipakai UI/UX Designer).
✦ Rangkuman tools: VS Code untuk menulis kode → Chrome untuk menguji → GitHub untuk menyimpan & berbagi → Figma untuk mendesain. Inilah peralatan harian seorang developer!
Seseorang bertugas membuat tampilan tombol, warna, dan menu yang dilihat pengguna di layar. Termasuk developer apakah dia? Klik jawabanmu! 👇
Klik satu konsep di kiri, lalu klik analogi yang cocok di kanan. Pasangan benar akan berubah hijau! 🟢
Saatnya menerapkan ilmumu! Pilih 1 website favoritmu (misal: YouTube, Tokopedia, atau sekolahmu), lalu jawab pertanyaan berikut di buku tulis / dokumen.
Tuliskan alamat website-nya. Contoh: youtube.com
Perkirakan: server lokal Indonesia atau luar negeri? Mengapa?
Menurutmu dibuat tim frontend, backend, atau fullstack? Beri alasan.
Kumpulkan tugasmu pada pertemuan berikutnya. Sampai jumpa di petualangan koding selanjutnya! 🚀