Battle of Java 2017 Stikom Surabaya

Seorang pemula yang baru belajar pemrograman kadang - kadang menginginkan sebuah keajaiban supaya apa yang kita pelajari bisa begitu cepat dimengerti dengan instan.

Wow !

Sayangnya, hal semacam itu juga sulit untuk terwujud kecuali di film - film dongeng macam "Beauty and The Beast". haha...

Untuk memperdalam skill, ilmu, pengetahuan dan pengalaman, banyak orang berupaya keras untuk mencapai semua itu. Banyak hal mereka lakukan mulai dari membaca, sharing dengan orang lain, praktek melalui study case yang ada, mengikuti seminar atau lomba.

Dengan adanya permasalahan tersebut, Stikom Java Network atau yang sering disebut SJN berusaha memberi solusi dengan mengadakan acara berupa kompetisi bernama Battle of Java yang diadakan khusus bagi para mahasiswa internal SJN Stikom Surabaya.

Ngomong - ngomong masalah lomba di bidang pemrograman, beberapa waktu lalu saya dan team pernah menjadi juara di lomba Internal Programming Stikom 2016. Disitu saya bercerita awal mulai sampai finish jadi juara. Yaaa lumayan, lumayan capeknya hehe....

Yuk, lanjut lagi....

Apa itu Battle of Java ?

Battle of Java atau yang disingkat dengan BOJ adalah kompetisi pemrograman yang menggunakan bahasa Java. Kompetisi ini dibuat khusus untuk anggota SJN baru dengan maksud supaya mereka mengenal Java lebih dalam. 

Selain itu, kompetisi ini dibuat untuk melatih cara berpikir para anggota SJN dalam memecahkan masalah nyata ke dalam suatu program yang dibuat sebagai solusi atas permasalahan tersebut. 

Mengapa Kompetisi Ini Diadakan ?

Well, selain program kerja tahunan dari SJN yang tentu harus terlaksana, kompetisi ini diadakan untuk memperbanyak jam terbang anggotanya dalam hal perlombaan. Ini penting dilakukan untuk memperkuat daya saing dengan para programmer komunitas lain, jurusan lain dan kampus lain.

Dengan adanya kompetisi seperti ini, mereka jadi tahu dimana letak kelemahannya secara teknis sehingga setelah kompetisi berakhir, mereka bisa segera menutup kelemahan tersebut. Mereka juga lebih tahu bagaimana suasana, feel dan proses yang dilakukan ketika mengikuti perlombaan seperti ini.

Tapi,

Ada hal yang lebih penting lagi, mereka jadi mengerti sampai mana kemampuan coding-nya saat ini, sehingga ada pesan tersirat yang ingin disampaikan oleh senior SJN, yaitu JANGAN TERLALU CEPAT BERPUAS DIRI

Dimana Kompetisi Ini Berlangsung ?

Kompetisi ini berlangsung di Institut Bisnis dan Informatika Stikom Surabaya tepat di ruang B406 gedung biru lantai 4. Mungkin Anda bertanya - tanya kenapa kok tidak di ruang lab ? Karena kompetisi ini bermodel kelompok, jadi mereka bisa berpencar kemudian berkumpul dengan kelompoknya masing - masing. Nah untuk masalah fasilitas, mereka diharuskan membawa laptop yang sudah terinstal jdk dan notepad sebagai alat tempurnya.

Intinya, panitia lomba membutuhkan ruangan untuk ruang gerak yang flexibel.

Paham?
Lanjut

Kapan Kompetisi Battle of Java Ini Berlangsung ?

Battle of Java diadakan setiap tahun di semester genap menjelang ujian tengah semester. Nah komunitas Java di Stikom ini menurut saya cukup membantu. Kok bisa? Karena selain memberi pengalaman berkompetisi, panitia juga berusaha untuk memperdalam pengetahuan dari peserta sehingga persiapan menjelang ujian bisa maksimal dan kompetisi bisa diikuti sesuai dengan jadwal tanpa mengganggu ujian tersebut.

Sayangnya hanya diadakan setahun sekali saja. Kalau diadakan setahun 2 kali mungkin asik juga ya. Sertifikat bertambah, yang menang duitnya bertambah, tingkat kompetisinya juga semakin ketat.

Bagaimana Teknis atau Aturan Perlombaan Ini ?

Ada beberapa teknis acara yang berlaku disini, yaitu :

Berteam

Dari sekian banyak anggota SJN baru, mereka dibagi menjadi 7 team dengan masing - masing team berisi sebanyak 3 anggota.

Live Battle

Setiap team harus membawa laptop untuk mengerjakan soal yang telah diberikan dengan jatah waktu yang sudah ditentukan

Seleksi Team

Dari hasil penjurian Live Battle, hanya diambil 4 team dengan point terbanyak untuk melaju ke babak selanjutnya. 4 team ini harus mengambil undian yang berisi tema program yaitu perpustakaan, sistem penggajian, retail dan bioskop.

Final Battle

Ditahap ini, team yang lolos dibimbing oleh 1 senior SJN untuk membantu atau mengawasi pembuatan program sesuai dengan undian tema yang didapat. Kemudian mempresentasikannya di depan para juri.

Pengumuman pemenang akan diinformasikan hari itu juga setelah juri selesai menyimpulkan hasil peniliaian berdasarkan logika program, fungsi (function) dan desain interface dari masing - masing team.

Siapa Pemenang Battle of Java?

Wah udah penasaran aja nih ya?

Dari hasil penilaian juri, kompetisi Battle of Java yang diadakan oleh komunitas java Stikom ini dimenangkan oleh 3 team terbaik yaitu :

1. Team dari Wahyu
2. Team dari Novia
3. Team dari Qowiyyu

Selamat ya bro sist para programmer yang sudah memenangkan lomba ini. Jangan lupa memperbaiki skill coding yang kurang terutama syntax - syntax dan logika programnya. Anda bisa pinjam buku koleksi tentang Java di perpustakaan Stikom, silakan coba lihat disana. Semoga kalian bisa membantu Stikom untuk terus menjadi Institut Berkualitas, Unggul dan Terkenal

Web Development From Zero to Hero - Meet 2

Workshop Web Development Meet 2

Postingan kali ini membahas hasil dari workshop pertemuan kedua Web Development From Zero to Hero yang diadakan oleh Lug Institut Bisnis dan Informatika Stikom Surabaya. Sebelum fokus ke materi di pertemuan 2 ini, ada baiknya kalau Anda baca postingan di pertemuaan pertama web development from zero to hero.

Kalau minggu lalu di pertemuan pertama kita banyak install - install software untuk persiapan, pertemuan kedua ini kita melakukan konfigurasi Smartgit untuk remote repository dan commit hasil kerja ke repository tersebut. Pertemuan ini juga lebih mengarah ke Git - Git seperti Github, Smartgit, Git-Scm dsb.

Artikel Terkait : Pengenalan Github, Fungsi dan Cara Menggunakannya

Oke kawan - kawan Stikom Surabaya siapkan secangkir kopi dan mari menyimak hasil pembelajaran kemarin.

Remote Repository

Repository adalah lokasi yang bisa digunakan untuk menyimpan file - file dan kita bisa mengaksesnya melalui internet. Anda tahu google drive? ya semacam itu. Tapi repository yang dimaksud disini adalah tempat kita menyimpan hasil pengerjaan project - project pengembangan aplikasi yang kita buat (repository-nya) di GitHub.

Lalu apa maksud remote repository? Jadi kita bisa kelolah file - file yang sudah kita tempatkan di repository melalui software pihak ketiga yaitu Smartgit. Artinya, kita tidak perlu buka GitHub dan mengaksesnya secara langsung.

Perintah Dasar Git

Ada beberapa beberapa istilah yang harus kita tahu untuk mengelolah file - file pada repository. Berikut penjelasannya :

• Git Init : untuk membuat repository lokal
• Git Status : untuk mengetahui status dari repository lokal
• Git Add : menambah file baru pada repository yang dipilih
• Git Commit : untuk menyimpan perubahan yang dilakukan, tapi tidak ada perubahan pada remote repository
• Git Push : untuk mengirim perubahan file setelah di commit ke remote repository
• Git Branch : melihat seluruh branch yang ada pada repository
• Git Checkout : menukar branch yang aktif dengan branch yang dipilih
• Git Merge : menggabungkan branch yang aktif dengan branch yang dipilih
• Git Clone : membuat salinan repository cloud ke repository lokal

Cek SSH Key

Hal pertama yang harus dilakukan adalah cek apakah kita sudah punya SSH key untuk remote repository. Baca dan ikuti pelan - pelan, meskipun nanti ada yang error tetap ada tuntunan ke jalan yang benar kok wehehehe... 😆

1. Buka Git Bash (Windows) atau Terminal (Linux / Mac)
2. ketik perintah : ls -al ~/.ssh
3. Jika Anda sudah punya SSH Key, maka hasilnya seperti ini

Jika hasil eksekusi perintah seperti gambar diatas, itu artinya Anda sudah pernah membuat SSH key dengan kata lain, Anda sudah punya SSH Key. Jika hasil eksekusi perintah seperti ini

Itu artinya Anda belum punya SSH Key. Hmmm kasian....

Membuat SSH Key

Ayo buat dulu SSH Key nya ya, ikuti langkah ini :

1. Buka Git Bash 
2. Ketik perintah : ssh-keygen -t rsa -b 4096 -C "emailmu@example.com"
3. Ganti email itu menggunakan email Anda ya.
4. Akan muncul informasi seperti ini : Generating public/private rsa key pair
5. Saat ditanya dimana akan menyimpan key, tekan ENTER untuk menyimpan di lokasi penyimpanan defaultnya - Enter a file in which to save the key (/Users/you/.ssh/id_rsa) : [Anda tekan ENTER]
6. Saat ditanya untuk memasukkan passphrase, isi dan ingat baik - baik passwordnya lho. Enter passphrase (kosongi saja jika Anda tidak masukkan password) tapi Anda ingin memberi password, maka ketik password dan enter.
7. Jalankan perintah : ls -al ~/.ssh  dan pastikan ada tulisan id_rsa ya

Masukkan SSH Key ke Github

Setelah membuat SSH Key, sekarang masukkan SSH Key tersebut ke Github Anda.

1.Login Github Anda dan pilih menu Settings

2. Lihat bagian sidemenu di sebelah kiri. Klik SSH and GPS keys

3. Klik New SSH Key

4. Isi Title-nya, saya kemarin isi : ganfahdil

5. Isi Key-nya dengan isi dari key (file **.pub*) yang tadi sudah digenerate dilangkah sebelumnya. Jika Anda meletakkan secara default (lihat tutorial sebelumnya), maka cari isi key-nya di local disk C, lihat gambar di bawah ini

6. Klik kanan file id_rsa.pub dan buka dengan notepad. Kemudian copas isinya ke kolom key pada Github.

7. Setelah copas ssh-rsa ke Github, klik Add SSH Key dan masukkan username plus password Github jika diminta yaa.

8. Berikut hasil konfigurasi jika berhasil

Membuat Git Repository Baru

1. Buat file baru di folder htdocs dan beri nama training-web

2. Buka Smartgit, klik menu Repository kemudian pilih add or create

3. Cari folder training-web yang tadi sudah Anda buat sebelumnya.

4. klik initialize.

5. Jika sukses akan muncul repository baru di sidebar sebelah kiri Smartgit Anda.

Menyambungkan Git dengan Smartgit

1. Buka Smartgit

2. Pilih menu Remote klik Add

3. Akan ada dialog baru, Anda klik panah kecil berwarna hitam, kemudian pilih Add Hosting Provider.

4. Setelah Anda klik Add Hosting Provider tadi, akan muncul dialog baru, Anda pilih Github. Kenapa pilih Github? karena kita menggunakan Github sebagai tempat penyimpanan repository yang akan kita remote.

5. Jangan lupa centang Use SSh instead of HTTPS to access repositories. Setelah itu klik Generate API Token.

6. Setujui (Authorize) permintaan yang muncul.

7. Copy token yang diberikan oleh Github dan paste token tersebut di Smartgit Anda.

8. Klik Add.

Membuat Repository di Github

1. Login Github

2. Klik simbol + di sebelah kiri foto profil Anda.

3. Klik New Repository

4. Isi nama repository-nya sama dengan nama repo dilokal (training-web yang Anda buat di htdocs)

5. Pilih Public dan klik Create repository

6. Jika sukses, tampilannya seperti ini.

Menjalankan Github Sebagai Remote Repository

1. Buka Smartgit

2. Pastikan repository yang Anda pilih adalah training-web

3. Pilih menu Remote dan klik Add.

4. Klik simbol segitiga, pilih Github.

5. Akan ada dialog muncul, pilih training-web tadi.

6. Selanjutnya Anda bisa mengganti name origin menjad Github.

7. klik Add.

8. Jika suskes maka akan muncul seperti ini di Smartgit.

Template

1. Di dalam folder trainig-web (yang Anda buat di htdocs). Buat file baru dengan nama template.html

2. Isi kode berikut, lalu paste di dalam file template.html dan simpan.
Kode bisa dilihat disini

Commit ke Git via Smartgit

1. Buka Smartgit, pilih repository-nya yaitu training-web.

2. Lakukan commit.

3. Beri pesan : pertemuan 02-1 pada commit messages pada dialog yang muncul

4. Jika suskes, hasilnya seperti ini

Oke cukup itu dulu ya dipertemuan kali ini, tunggu hasil workshop di pertemuan berikutnya supaya Anda yang tidak sempat hadir masih tetap bisa melanjutkan materi ini. Mudah - mudah kita semua bisa mendukung Stikom menjadi Institut Berkualitas, Unggul dan Terkenal dengan selalu mengembangkan skill coding. Amin

Web Development From Zero to Hero - Meet 1

Workshop Web Development - Meet 1

Kemarin saya sudah share artikel berisi informasi tentang workshop gratis yang diadakan oleh Linux User Group Institut Bisnis dan Informatika Stikom Surabaya. Di dalam artikel tersebut saya sudah jelaskan mengapa Anda yang berkuliah di Stikom Surabaya HARUS mengikuti workshop ini. 

Kemudian saya juga sudah jelaskan siapa pemateri dalam workshop dan apa yang akan Anda dapatkan ketika Anda bergabung ke dalam workshop tersebut. Saya sarankan Anda baca artikel ini terlebih dahulu agar Anda tahu apa saja keuntungan yang didapat dengan mengikuti workshop tersebut.

Kali ini saya akan share apa yang saya sudah lakukan di workshop pada pertemuan pertama.

Prerequisites

Sebelum memulai workshop ini, kita harus pastikan beberapa hal sudah kita siapkan supaya workshop berjalan sesuai dengan rencana dan selesai tepat waktu. Ciee... ^_^

Koneksi Internet

Untungnya di ruang OSCC lantai 8 gedung biru Stiom Surabaya sudah tersedia. Kita bisa connect ke Acces Point bernama ppti-ap.

Editor

Pada workshop Web Development From Zero to Hero ini, kita dianjurkan untuk menggunakan Atom yang bisa Anda download di https://atom.io/

Code editor ini dibuat oleh Github. Lisensinya Open Source dan Free.

Kemudian, setelah selesai instal Atom, kita lanjut install Packages. Packages disini merupakan fitur tambahan yang bisa kita tambah ke Atom. Di workshop ini, kita dianjurkan untuk menginstal beberapa packages sebagai berikut :

1. docblock by nikhilkalige
2. emmet by emeetio
3. file-icons by file-icons
4. language-blade by jawee
5. language-vue by hedefalk
6. linter by steelbrain

Jika Anda sukses menginstall, maka di halaman setting / preferences > packages akan muncul packages yang sudah terinstal seperti ini.

Apache-PHP-MySQL

1. Untuk Linux, Anda bisa gunakan LAMP
2. Untuk Windows, Anda bisa gunakan WAMP
3. Untuk Mac, Anda bisa gunakan MAMP

ketiga software tersebut, bisa Anda dapatkan free dengan mengunjungi https://www.apachefriends.org/download.html

Anda tidak harus menginstal software yang sama persis seperti yang saya jelaskan diatas. Anda bisa menggunakan software lain, tetapi yang jelas hasilnya harus sama yaitu terinstallnya Apache, PHP dan MySQL.

! Versi PHP yang direkomendasikan yaitu PHP 5.6, 7.0 atau 7.1

! Versi MySQL yang direkomendasikan yaitu MySQL versi 5.5 atau 5.6

Untuk memastikan versi yang Anda instal sudah benar. Lakukan ini :

1. Buka control panel dari software diatas
2. Start Apache dan MySQL
3. Buka web browser
4. Kunjungi alamat http://localhost
5. Buka PhpMyAdmin untuk masuk ke dalam MySQL-nya

Alternatif cara lain :

1. Buka CMD (Windows) / Terminal (Linux / Mac)
2. Ketik perintah : php -v maka akan muncul versi dari PHP
3. Ketik perintah : mysql --version maka akan muncul versi dari MySQL

Lalu bagaimana jika version yang Anda install tidak sesuai dengan yang sudah saya sebutkan? 

Jelas Anda harus uninstall dan install sesuai dengan yang saya sebutkan. Hal ini penting karena semakin tinggi versinya, maka fitur - fitur yang ada didalamnya sudah baik dan up to date dan support dengan materi yang diajarkan pada workshop ini.

Version Control System

Ini merupakan tool yang sering digunakan oleh para developer software untuk memanajemen software supaya memilik progres history dan mempermudah pengerjaan.

Git

Merupakan salah satu VCS (Version Control System) yang sangat populer. Dalam workshop kali ini, VCS yang digunakan adalah Git.

Instalasi

1. Kunjungi https://git-scm.com/
2. Download dan install versi terbarunya

Git Clients

Git memilik tampilan GUI berupa Command Line, karena dirasa sulit maka banyak pihak ketiga yang membuat Git Clients berbentuk GUI (Ghrapic User Interface).

Anda bisa download Smartgit yang berlisensi gratis untuk non-commercial. Untuk mendownloadnya, Anda bisa kunjungi http://www.syntevo.com/smartgit/. Jangan lupa di install juga ya.

GitHub

Merupakan layanan berbasis web yang populer untuk pengembangan software dengan menggunakan version control system yang sudah saya jelaskan sebelumnya yaitu Git.

Artikel Terkait : Pengenalan Github, Fungsi dan Cara Menggunakannya

Registrasi GitHub

Dalam workshop ini kita diharuskan untuk daftar akun GitHub. Lakukan langkah ini :

1. Kunjungi https://github.com/
2. Isi data dan klik Sign-up

Dependency and Package Manager

Pertemuan pertama ini juga diharuskan untuk install software - software berikut ini :

1. Composer > https://getcomposer.org/
2. NodeJS > https://nodejs.org/en/
3. NPM (akan muncul setelah usai instal NodeJS)

Untuk memastikan instalasi benar. Lakukan pengecekan dengan cara ini :

1. Buka CMD (Windows) / Terminal (Linux / Mac)
2. Ketik perintah : composer -V  (pastikan V nya huruf besar) maka akan muncul versi dari Composer
3. Ketik perintah : node -v maka akan muncul versi dari NodeJS 
4. Ketik perintah : npm -v maka akan muncuk versi dari NPM

Berikut hasil dari eksekusi 3 perintah tersebut :

Di pertemuan pertama ini memang masih persiapan dimana software - software diatas sudah harus terinstal untuk digunakan dalam pengembangan.

Artikel Terkait : Web Development From Zero to Hero - Meet 2

Sekian dari apa yang saya pelajari di pertemuan pertama workshop Web Development From Zero to Hero - Meet 1 yang diadakan oleh Lug Stikom Surabaya sebagai Institut Berkualitas, Unggul dan Terkenal. Tunggu postingan saya berikutnya tentang workshop ini yang pastinya lebih seru. Nuhun

Workshop Web Development by Lug Stikom

Workshop Web Development by LUG Stikom

Apa Itu Web Development ?

Web development itu pengembangan yang dilakukan oleh seorang programmer pada website. Apa yang dikembangkan? tentu program yang berdasar pada kebutuhan pada sebuah kantor, perusahaan atau lebih gampangnya warung atau toko.

Karena judulnya web development, maka bahasa pemrograman yang digunakan adalah HTML 5, CSS 3, JavaScript, jQuery, PHP, MySQL dsb.

Di Institut Bisnis dan Informatika Stikom Surabaya, web development dibutuhkan agar para mahasiswa mampu membuat program berbasis website milik mereka sendiri untuk bersaing dengan orang lain ketika nanti telah lulus kuliah dan berhadapan dengan dunia kerja.

From Zero to Hero

Untuk membagi ilmi - ilmu tentang web development, maka LUG Stikom mengadakan acara workshop berjudul Web Development From Zero to Hero yang dipandu oleh salah satu dosen Stikom yaitu Rachmat Kukuh Rahadiansyah. 

Sesuai dengan judulnya yaitu From Zero to Hero, maka workshop ini tidak akan selesai jika hanya dilaksanakan 1 kali pertemuan saja. Karena kita akan dapat ilmu mulai dari dasar sampai advance.

Lalu apa yang akan kita dapat jika kita bergabung ke dalam workshop ini?

1. Anda akan diajari tentang Text Editor dan IDE (Integrated Development Environtment)

2. VCS (Version Control System) menggunakan Git

3. Bahasa pemrograman web meliputi HTML, CSS, Bootstrap, Javascript, jQuery, PHP, MySQL dll.

4. Anda akan diajarkan bagaimana mengembangkan website yang benar sesuai dengan standar W3C

5. Anda akan mendapatkan informasi - informasi yang tidak didapat di kelas pada perkuliahan

Workshop ini dilaksanakan setiap hari jumat pukul 16.00 - 18.00 WIB di ruang OSCC Lug B805

Baca Juga : Web Development from Zero to Hero - Meet 1

Kabar Baik

Workshop ini bisa Anda dapatkan secara gratis tanpa dipungut biaya apapun. Coba Anda bandingkan dengan kursus website di babastudio.com, untuk mengikuti kursus Pro Plus (paling murah) Anda harus mengeluarkan biaya sebesar Rp 10.500.000 (Sepuluh Juta Lima Ratus Ribu)

Tetapi dengan mengikuti workshop yang diadakan oleh Lug Stikom Surabaya, Anda tidak perlu mengeluarkan biaya sepeserpun alias gratis dan saya termasuk salah satu peserta dalam workshop tersebut ! wehehe....

Jadi tunggu apa lagi, tidak perlu banyak mikir, langsung datang saja tiap hari Jumat pukul 16.00 - 18.00 WIB dan jangan lupa bawa laptop. Diharapkan dengan adanya workshop ini Stikom menjadi Institut Berkualitas, Unggul dan Terkenal dengan mahasiswanya yang handal