Starter Kit

Informatics Developer Clubs

(IDC)

By:

Ariaseta Setia Alam

SMP Negeri 1 Semarang

Jalan Ronggolawe, Semarang 50149
2015
Tok tok tok....

A
pa itu IDC? Hmmmm, susah neranginnya kalo dari awal. Intinya kalo kalian pengen
bisa bikin aplikasi kayak Clash of Clan (COC itu aplikasi lho yang bertema game)
kudu ikut IDC. Kenapa? Karena kalian bakal diajarin nih konsep-konsep dasar
bagaimana cara bikin aplikasi mulai dari bagaimana cara komputer bekerja (termasuk
hp/tablet kamu), gimana sih komputer bisa ngobrol satu sama lainnya, dan akhirnya sampe
kamu bisa bikin program sendiri yang Wow, syukur2 bisa ngasilin duit juga :D kayak aku,
hehe. Jadi kalo kalian emang suka oprek-oprek komputer (oprek = bongkar) baik hardware1
maupun software2 (baca keterangan di footnote di halaman paling bawah tu) yo kudu melu
IDC. Jangan bingun kalo ada istilah aneh2 ya, emang begini ini kalo di dunia komputer,
banyak bahasa2 aliennya, tapi santai ntar lama2 juga mudeng huehehe.

Okeee, sekarang lanjut ke pembahasan materi apa aja yang akan kalian pelajari di IDC.
Materi-materi yang kalian dapat akan mulai dari konsep dasar banget tentang apa itu
komputer. Lho kenapa kok dasar? Well, karena gini, temen aku aja yang udah kuliah di
Komputer kagak mudeng kenapa flashdisk 8Gb kalo dicek ngga 8GB (itu bukan penipuan
kalo kalian tahu, cuman ngga mudeng aja yg beli, hha). Lah ini nih konsep yang harus kalian
kuasai. Konsep ini bakal berguna banget sampe kalian tua, bahkan bisa bantu di liang kubur
(what the?) loh beneran kok, ntar dibahas deh. Lebih jelasnya ini urutan materinya:

1. Konsep Hardware + Belajar ngerakit PC (kudu sampe bisa) :P

2. Konsep Software + Belajar Install Ulang OS (Operating System), OS tuh kyak
Windows, Android, iOS (punya Apple di iPhone), Linux, dll
3. Konsep Data (apa itu biner), gimana sih caranya komputer mikir? Dll *how
computer works lah intinya
4. Komunikasi Komputer, disini dijelasin gimana komputer bisa ngobrol satu sama
yang lainnya. Misal teknologi internet tuh, bluetooth, dll. Lah disini bakal ketemu
sama namanya IP Address, router, switch. + Belajar bikin jaringan Internet
Sederhana (+bikin kabel LAN).
5. Belajar membuat Websiten Ganteng menggunakan HTML5 dan CSS. Disini kalian
akan diajari cara bikin website nih, dari yang cuman nampilin Hello Bos sampe bisa
jadi desain yang gaul deh contoh bikinan kakak kelas kalian: parkiro.com atau
angkota.tk (yang juara dapet medali emas nih).
6. Membuat Web Interaktif dengan Javascript dan Jquery. Ini nih yang seru, web
kalian bakal bisa ngeluarin suara dan kalo ada sesuatu yang diklik bakal ada gambar
yang nari2.

1
Hardware itu perangkat keras kayak mouse, keyboard, dll
2
Software itu perangkat lunak kayak Android, COC, windows, office, dll

2|Halaman
 7. Membuat Aplikasi Android/iOS bebrbasis Apache Cordova + Visual Studio. Lah iki
kie, kalian belajar bikin aplikasi android atau iOS (buat si ipin). Disini bikin aplikasinya
pake apa yang kalian pelajari sebelumnya yaitu: HTML5, CSS, Javascript, dan Jquery.
8. Materinya habis ini belum kepikiran apa, ya ntar lah sambil jalan yah :D, paling
persiapan untuk lomba kayak LPIR, INAICTA, ISPO, Mobile Edukasi, dll

Oh iya ini materi khusus IDC lho, untuk materi umum FIROLAB beda lagi. Harusnya kalian
udah dapet modulnya. Untuk materi FIROLAB, materinya akan sama semua untuk semua
divisi mulai dari bikin makalah & proposal, latihan presentasi yang WOW, bikin brosur, dan
bikin film.

3|Halaman
Kebutuhan awal... ^^
1. KEBUTUHAN DASAR KAMU:

Kemauan (NIAT) yang KUAT!!!

Ini nih kunci dari segala keberhasilan yang ada di muka bumi ini. Tekad kuat dengan niat
yang baik serta tulus. Dengan ini kalian ga bakal cepet bosen. Dan enaknya apa sih di bidang
komputer, Selalu ada yang baru. Yup, ono wae sing anyar. Kalian ga bakal bosen deh kalo
belajar komputer, tiap hari selalu ada yang baru. Dengan niat yang bagus serta tulus, kalian
akan dibantu Tuhan deh. Misal pengen ngebahagiain ortu serta bisa membantu orang lain.
Tahu ngga kalo sebenernya jadi programmer (orang yang bikin program/aplikasi) pahalanya
banyak banget. Kenapa? Karena mereka biasanya bisa membuat sesuatu yang tadinya mahal
jadi murah dan bisa dipake banyak orang, serta memudahkan pula bahkan sampe digratisin
juga. Jadi pertahankan niatmu yang bagus, jgn cuman pengen lomba dapet medali dan
uang. Walaupun kalo kalian tulus, 2 hal tadi juga bakal ngejar kalian sih. Hhe :D

Buat yang muslim, biasaain solat 5 waktu berjamaah di masjid. Kalo bisa sering2 standby
sambil ngoding atau browsing di masjid. Syukur2 pas waktu solat kalian yang adzan, kan
maknyus tuh. Apalagi ditambah solat sunah dan tadarus habis solat, joss tenan. Aku punya
pengalaman dulu pas SMA, aku ngerjain soal komputer dan belajar buat lomba di masjid
mulu. Eh ngga tau pas lomba, keluar semua tuh. Alhasil pas lomba juara 1 dan bawa uang
7jt, wkwkwk. Padahal aku menang lomba 2 tahun berturut-turut, kebayangkan kayanya
apalagi itu pas SMA, hueehehe, belajar di masjid emang berkah bro.

Kemampuan Logika yang Lumayan *kalo bisa ya yg bagus

Yup, logika berpengaruh karena emang nanrti dalam bikin aplikasi/program kita bakal
banyak bertumpu dengan logika kita. Dengan logika yang tinggi, kita bisa mudah menyerap
materi serta selalu ingin belajar dan belajar terus. Ada lho anak kelas 9 yang dia tadinya
OSNnya fisika sih, terus nyoba2 bikin program, eh ketagihan *emang dasarnya logikanya
kuat. Dia jadi bisa desain brosur, bikin film, bikin web, bikin apliaksi android, dll cuman dalam
waktu ga sampe 1-2 bulan. Keren kan? Makanya logika dipake banget di sini. Lah terus kalo
logika kalian ngga kuat gmn? Ya sebenernya bisa dilatih sih, asal ada niat aja.

Bahasa Inggris yang Bagus

Mau ga mau nih jadi patokan, karena hampir tutorial di Internet dan forum yang bahas-
bahas kalo kode program kamu error isinya bahasa Inggris semua. Selain logika, bahasa
berpengaruh banget terhadap seberapa cepat kamu menyerap materi. Why? Karena
materinya kan disajikan dalam bentuk tulisan/omongan yang intinya bahasa. Kalo
kemampuan bahasa kamu rendah susah dong buat mahaminnya. Lha kalo ngga mudeng
bahasa inggris gmn dong? Ya belajar, belajar, dan belajar. Banyak-banyak baca dan nonton

4|Halaman
video yang bahasa inggris aja, sama kalian ngga boleh malu buat latihan bahasa inggris di
depan temen kalian. Ngapain juga malu, toh kalo kalian ntar kalian jadi pinter mereka juga
yang malu sama kalian gara-gara ga bisa bahasa inggris, wkwkwkw.

Pengetahuan Dasar Komputer/HP

Lah ini nih yang kalo bisa kalian semua punya, udah minimal mudeng ngoperasiin komputer.
Toh kita bakal belajar bikin program, bukan ngoperasiin komputer dan lainnya. Walaupun
misal kalian tekad kalian ada, tetep kami ajarin kok. Hhe, santai aja, yang penting tuh yang
no 1 itu, no 2,3,4 cuman pelengkap. Kalo no 1 udah WOW, mau ada 100 syarat, dilibas
semua deh. Ingat, NIAT YANG KUAT. Jangan lupa ibadah dan doa ortu juga berpengaruh
banget.

Suka Baca/Rasa Ingin Tahu Tinggi/Tidak Mudah Menyerah

Sepertinya hal ini ga perlu aku kasih tahu lagi ya. Soalnya ya tahulah, semua orang sukses ya
syaratnya emang suka baca, rasa ingin tahu tinggi, dan tidak mudah menyerah. Suka baca di
sini ngga cuman baca buku lho. Tapi juga harus pinter baca suasana, membaca peluang,
mencari masalah disekitar kita, istilahnya peka lah sama lingkungan. Tahu ga kalo
sebernernya banyak sekali masalah yang bisa kalian selesaiin di sekitar kita ini, cuman kalian
ga peka aja. Contoh nih si Rozaq (yg dapet medali emas tadi). Dia bikin aplikasi yang bisa
bantu kalian buat mantau apakah BRTnya masih jauh atau ngga. Kan guna banget tuh, misal
kalian kebelet boker, eh tapi kayaknya BRT ini yg terakhir, wah bingung antara mau boker
sama nunggu BRT di halte, lah dengan aplikasinya dia bisa bantu kalian. Sungguh mulia kan,
kalian bisa boker dengan tenang sambil mantengin hp buat nyari tahu posisi BRT sekarang
dimana.

Trus rasa ingin tahu, ya iyalah. Toh bakal nemuin hal-hal yang asing buat kalian di sini.
Hampir semuanya hal yang baru, kalo kalian ngga punya rasa ingin tahu yang tinggi,
kayaknya bakal susah berkembang di sini. Masak diem mulu, lama2 kalo diajak ngobrol sama
temennya ngga nyambung gara2 saat yang lainnya pada nyari tahu apa yang mereka ga
mudeng (misal: si Jony denger kata IP, eh dia nggga mudeng, langsung cus cari di google,
km malah diem aja). Nanti pas temen2 lagi ngobrol tentang IP, domain, dan vps mesti kalian
bengong *lho wong ra mudeng, wkwkwkw.

Orang itu gagal saat menyerah bener ga tuh? Emang kadang kita ngerasa down atau
ngerasa susah dan ga mungkin. Ngga cuman loe kali, semua orang juga gitu, saya juga
pernah gitu *sering malah. Gapapa sih, asal jangan tiap hari -_-. Karena namanya manusia
pasti ada capeknya. Makanya kumpul sama temen2 yang joss, terutama kakak2 kelas yang
udah sukses tuh. Kalo pas down, dengerin cerita mereka saat susah sampe bisa menang
juara, kan pasti semangat lagi. Dan jangan lupa deket sama Tuhan, curhat dan curcol
langsung aja. Solat istikaroh biar dijawab permintaanmu, *dulu pas nemu soal begini nih,
Alhamdulillah dijawab. Pokoknya ngga ada yang ngga mungkin, dulu orang katanya ke

5|Halaman
bulan ngga mungkin, eh malah sampe mars dan mau lebih jauh lagi. Apalagi mimpi kalian
yang orang lain aja pernah ngelakuin, artinya kalian juga bisa.

2. KEBUTUHAN ALAT-ALAT:

Punya Laptop (kalo bisa)

Oh iya, kalian di sini kan belajar komputer jadi ya kalo bisa harus punya komputer. Syukur2
punya laptop sendiri deh. Kenapa? Karena hal ini bakal bantu kalian banget. Kalo belum, beli
laptopnya jangan yang segede gaban yah, yang ringan aja, biar enak dibawa kemana-mana.
Kalo bingung milih yang mana yang bagus, tanya aja kakak kelas atau pelatih IDC (saya). Tapi
semisal ngga punya, ya gpp. Di lab ada banyak komputer kok yang bisa kalian pake setelah
pulang sekolah. Tapi terbatas, jadi jangan rebutan.

Punya Modem + Koneksi Internet (WAJIB) *kalo punya komputer

Kenapa? Karena update2 materi dan tugas online semua. Dan ketika kalian udpate tugas ke
server kan harus ada internet. Trus kalo konsultasi-konsultasi kan juga online. Dan semisal ga
punya, bakal agak menghambat kalian kerja. Pake yang murah aja kayak Three AON yang
8GB 80rb (ngga promosi lho) yang bisa dipake setahun, kalo di konter hp deket rumah kalian
maha, titip beli ke kakak kelas aja. Kan ngirit tuh, asal ngga dipake streaming youtube atau
nonton anime aja, huehehe :D. Kalo modem kayaknya ngga mahal2 banget, 300rb bisa
dipake bertahun-tahun.

Punya Smartphone + Line + WA + dan spesiesnya *opsional (kagak wajib)

Hmmm, buat kalian yang pengen bisa bikin aplikasi android masak ngga punya hp android
kan ya aneh. Ntar nguji cobanya dimana jal? Tapi ini opsional sih, ngga harus. Tapi misal
punya bakal ngebantu banget. Oh iya, kalo beli kagak usah yang mahal2 kayak iPhone -_-
(hpku aja bukan iPhone) atau Samsung Galaxy S6 (overkill kuwi -___-, intinya berlebihan). Beli
aja Xiaomi Redmi S2 yang harga 1,5jtan. Itu udah cukup banget buat bantu kalian. Dan tau
ga, temenku hpnya 1,5jtan tapi dari hp itu ngasilin 1,5jtan lagi per bulan padahal masih
sekolah anaknya, dia dapet uang dari bikin aplikasi gitu. Milih mana hayo? Jangan beli
smartfen kalo bisa, eman2, hhe. Trus Install Line dan WA yah + Evernote. Ini bakal ngebantu
buat chat sesama tim kalian, dapetin info dari grup, dll. Kalo mau irit pulsa caranya begini.
Kan hp kayak xiaomi dual sim tuh. Yang satu diisi Three AON 8GB 1thn buat paketan
datanya, satunya terserah kamu, mungkin yg buat smsan dan telpon. Dengan begini kalian
ga perlu paketan data di Indosat dan kawan-kawannya yang sampe 30rb/bln. Itu
PEMBOROSAN!!!. Dengan begini pulsa 10rb/bln aja kalian udah cukup buat SMS, Internet,
dan Telpon.

Punya Akun FB, Evernote, dan Email @smpn1smg.sch.id

Yah apaan ini? Iya beneran kok kalo bisa punya akun-akun ini. Kalo ngga punya ya bikin, hhe.
Bisa tanya kakak kelas cara bikinnya yah. FB disini buat nerima udpate-update info terbaru,

6|Halaman
semua dipost di sini. Evernote tuh buat ngebantu kalian bikin todo list. Kalo email
@smpn1smg.sch.id buat gampangin aja kalo buat konsultasi sama nyari gratisan di internet,
soalnya kalo pake email @gmail yah dikira bukan siswa atau pelajar. Santai, ini tampilannya
kayak gmail kok, cuman punya smpn 1 semarang, *ya mesti lah tampilannya sama, lha wong
servernya google.

3. KEBUTUHAN SOFTWARE ATAU PROGRAM

semua file bisa didownload di http://idc.smpn1smg.sch.id/sajen/

(saran, gunakan internet sekolah + IDM biar downloadnya kenceng)

Windows 7 64 bit

Kami saranin sih pake windows 7 aja, karena kita mau develop aplikasi-aplikasi yang emang
masih banyak belum support windows 8. Tapi gpp sih sebenernya windows 8 atau bahkan
windows 10, tapi karena lebih stabil windows 7 kami saranin pake ini aja. Trus misal kalian
pengen install ulang dkk, minta tolong aja ke kakak kelas kalian buat diinstall ulang. Mereka
jago2 kok, apalagi cuman nginstall ulang, gaada 1 jam jadi dan GRATISS!!! Trus apa bedanya
32 bit sama 64 bit, sebenernya itu beda tipe sistemnya aja sih. Cuman intinya begini, yg 64
bit lebih bagus titik. Ntar kita bahas saat belajar materi biner.

Microsoft Office 2010 atau 2013

Office 2010 atau 2013 bakal jadi defacto kebutuhan kalian. Ga mudeng defacto? (googling
lah), hehe. Soalnya ini dipake buat ngedit makalah, ngisi formulir pendaftaran, dan urusan
dokumen atau surat menyurat lainnya. Lah kok 2010 atau 2013, kan 2007 ada? Yo gen keren
wae, masak mau pake software lama mulu.

Notepad++ atau Sublime

Yah dua software ini alat wajib untuk perang nih disamping browser kayak mozilla dan
chrome. Gunanya adalah untuk bikin kode. Bentuknya ga beda jauh sih sama notepad yang
ada di windows kalian, cuman ada plus plus nya (tuh ada tanda ++). Kayak bakal ada warna-
warni pelangi di kode kalian. Bingung? Ntar bakal ngerasain deh apa manfaat code editor
dua ini ketika kaliang ngoding3.

Browser Mozilla dan Chrome

Ini mah mesti dong, mosok kita bikin web tapi ngga bisa bukanya. Browser ini gunanya
untuk membuka dan mengakses web yang telah kita bikin nih. Kenapa harus mozilla dan
chrome? Ya kan kita ngga tahu pengguna kita pake chrome atau mozilla, makanya harus
dicek di kedua browser itu, apakah web kita lancar di dua-duanya. Dan di chrome fasilitas
mobile viewnya lebih keren, kita ngga perlu capek2 ambil hp kita buat lihat gmn tanpilan
web kita kalo dibuka lewat hp, di chrome ada fasilitasnya kok.

3
Ngoding artinya membuat kode. Dari kata bahasa inggris Coding.

7|Halaman
Filezilla Client

Ini digunakan untuk koneksi ke server SFTP smp 1 semarang di alamat IP 103.23.20.160, wah
apa itu IP? opo kuwi SFTIP? Ntar bakal kita pelajarin kok. Intinya ini software yang kita
gunakan untuk upload atau naruh file web kita ke server biar bisa diakses orang banyak. Oh
iya server kita ada di Jakarta dengan kecepatn Internet 600Mbps. Coba kalo webnya pake
internet kalian yang cuman 1Mbps, bisa kesel yang mau akses web kita gara2 lama
loadingnya. Makane kita taruh di server jakarta, bukan di komputer kita, plus dia hidup terus
komputernya, jadi bisa diakses kapan saja, oleh siapa saja, dan berapapun juga.

Plugins Adblock Plus, Firebug, dan Anonymoux buat browser kalian.

Adblock, seperti dari katanya yaitu dari ad (artinya iklan) dan block (artinya memblokir). Yup,
ini buat mblokir iklan-iklan ga bener di browser kita. Males kan kalo pas browsing isinya
pop-up dan iklan mulu. Trus ntar bikin internet lemot juga.

Kalo firebug buat bantu kita nyari errornya web kita di mana saat kita lihat web kita lewat
browser deh. Bahkan kita bisa ngedit-ngedit tampilan webnya orang lain lho (inget tampilan
aja, hehe).

Kalo anonymoux itu proxy atau nama gampangnya biar kita saat ngakses dari internet ngga
kelihatan dari Indonesia, kita bisa nyamar dari negara apapun (selama tersedia). Ini berguna
banget untuk para pengguna internet three. Bisa bikin cepet internet :D.

Corel Draw X4 atau yang lebih baru

Corel draw ini gunanya untuk bikin browsur, bikin gambar, tracing, dll. Pokoknya yang
hubungannya dengan grafis atau gambar deh. Kepake banget ntar, dengan corel draw kalian
bisa desain baju, desain stiker yang mungkin bisa kalian jual. Lumayan lho untungnya, hhe.

Sony Vegas Pro

Sony Vegas Pro ini untuk ngedit film. Walaupun sebenernya ada yg lebih wow kayak Adobe
After Effect dan Adobe Premiere. Tapi kedua program itu berat banget di komputer.
Kebanyakan anak-anak di lab pada ngedit pake iMovie di iPad sih. Soalnya lebih gampang,
tapi kalo kalian ngga punya iPad atau Mac. Pake ini aja udah lebih dari cukup. Ntar videonya
bisa kalian ambil pake kamera digital atau hp kalian.

Balsamic Mockups

Ini program untuk bikin desain UI (user interface). Yaitu tampilan yang kalian lihat di
hp/browser kalian. Kayaknya simpel yah kalo dilihat aplikasinya, tapi kode2nya kadang
buanyak lho, cuman kita ngga tahu. Soalnya yang kita lihat cuman Uinya aja atau depannya
aja. Lah Balsamic Mockups ini digunakan untuk bantu kita bikin mockups atau angan2
desain. Jadi istilahnya masih oret2an desain aplikasi kita gitu. Hasilnya kayak aplikasi kita

8|Halaman
cuman masih gambar, belum aplikasi beneran. Ini ngebantu banget saat mau bikin aplikasi
beneran.

Udah ah sekian dulu kebutuhan buat IDC. Tiga poin dari mulai kalian, perangkat/alat, dan
software itu menurutku ngga terlalu ribet dan mahal. Dan inget, yang terpenting adalah niat.
Ada kok anak yang ngga punya hp smartphone, ngga punya laptop, tapi jago banget bikin
aplikasi dan menang lomba kesana kemari. Satu karena dia niat, alhasil dia tiap pulang
sekolah ke lab dulu buat latihan sama ngobrol2 dengan kakak kelas yang udah veteran
menang kalah lomba. Akhirnya dia mudeng seluk beluk apa yang harus dilakuin biar
menang/sukses dan apa yang harus dihindari biar ga kalah atau gagal. Kami sebisa mungkin
nyedian fasilitas buat ngebantu kalian. Di lab ada hp android, ipad, kamera slr, mesin
fotokopi printer, komputer, wacom, dll yang bisa kalian pake kapan aja. Jadi ngga ada
alesan lagi buat kalian ngga bisa sukses karena ga ada alat atau duit. Materi atau video
tutorial juga banyak di Internet, internet sekolah juga kenceng. Kakak kelas yang udah jago
sama pelatih juga banyak, tinggal tanya. So, sekarang tinggal kalian, mau memanfaatkannya
atau ngga. Mau sukses atau gagal? Semua ada di tangan anda. Semangat, Insha Allah kalo
udah tekad kuat bakal berhasil dan sukses deh. Amin..

9|Halaman
Jadwal Kegiatan

10 | H a l a m a n
Aturan-aturan
1.

11 | H a l a m a n
Apa yang Harus Kalian Lakukan?

12 | H a l a m a n
The First Step to be a Programmer

13 | H a l a m a n
Daftar Kosakata Programming
1. Ngoding
2.

14 | H a l a m a n