Vue.js Guide

Cara mudah mencoba Vue.js adalah dengan menambahkan salah satu dari script berikut pada index.html yang akan digunakan.

<script src="https://unpkg.com/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

1. Berikut contoh dari penggunaan Vue.js untuk menampilkan
“Hello Vue” pada page

{{ message }}
var app= new Vue({
el: '#app', 
data: {message: 'Hello Vue!'}
})

2. Selain itu terdapat penggunaan conditional (v-if) dan loops (v-for) juga dalam vue.js dengan contoh sebagai berikut:

conditional

Now you see me
var app3= new Vue({
el: '#app3', 
data: {seen: true}
})

loops

  1. {{todo.text}}
var app4= new Vue({
el: '#app4', 
data: {todos:[
       {text: 'Learn javascript'},
       {text: 'Learn vue'},
       {text: 'Build something awesome'}
      ]}
})

Pengguna juga dapat menambahkan todos list diatas dengan

app4.todos.push({text: "New item"})

3. Vue juga menyediakan metode binding (v-model) antara input dengan app state/display agar pengguna dapat mengubahnya langsung melalui input

{{ message }}

var app6= new Vue({
el: '#app-6', 
data: {message: 'Hello Vue!'}
})

Vue.js Introduction

Vue.js adalah sebuah front end framework yang dilengkapi dengan berbagai library dan tools untuk membangun user interface dan single-page applications. Bagaimana dengan framework lain seperti AngularJs atau React? Apa kelebihan dari vue.js?

1.Performance
Vue memiliki virtual DOM implementation yang lebih ringan sehingga lebih baik performanya dalam beberapa situasi.
2.Complexity
Vue bisa dikatakan mudah dipelajari dalam segi API dan design. Pengguna baru dapat membuat aplikasi sederhana dalam waktu kurang dari sehari menggunakan vue.
3.Data-binding
Vue menggunakan one way data flow antar komponen sehingga menciptakan flow data yang lebih mudah dipahami dalam aplikasi sederhana.
4.Learnability
Memulai penggunaan Vue cukup mudah dengan dasar HTML dan ES5 Javascript, pengguna baru dapat segera membuat aplikasi sederhana dengan mengikuti petunjuk.
5.Flexibility
Vue dikenal cukup fleksibel dibandingkan framework seperti Angular yang lebih mendukung satu macam struktur atau cara yang menimbulkan batasan-batasan.

Inagurasi, Academic Orientation dan HTTP

Selesai general orientation diadakan inaugurasi (3/9) di Jakarta Convention Center untuk penyambutan BINUSIAN 2019 dalam menjalani masa perkuliahan. Perjalanan kesana kelas kami memutuskan untuk memakai metro mini, para mahasiswa diharuskan membawa almamater BINUS untuk dipakai selama acara berlangsung.

1441518239284

DBN08 di JCC

Kemudian kami mengikuti AO (Academic Orientation) selama 2 minggu (7/09 – 17/09) untuk diperkenalkan dengan suasana perkuliahan di BINUS.

Pada saat AO hari pertama (7/9), kelas kami dibimbing oleh Pak Hantze dalam sesi introduction to algorithm dimana kami dijelaskan mengenai pseudocode, algoritma dan coding. Pak Hantze juga memberi kami tugas coding yang menurut saya sangat susah pada pertemuan kedua (10/9). Selama AO kelas saya juga dibimbing oleh Pak M.Subekti mengenai mind mapping, presentation, dan reading skill (8/9) dan Bu Kanya dalam introduction to algorithm pertemuan ketiga (14/9).

Pada hari terakhir AO (17/9) diadakan idea competition dimana kami mengerjakan ujian berupa 5 soal coding (cukup susah) dan 1 storyboard program yang agak membingungkan bagi saya. Tujuan idea competition ini adalah agar menguji pemahaman kita selama academic orientation.

Pada pertengahan academic orientation para mahasiswa fakultas SoCS diperkenankan untuk mengikuti HTTP (HIMTI Togetherness and Top Performance) yang bertema SHINE (Strengthening Harmony and Inspiring New Experiences) ditujukan sebagai acara penyambutan mahasiswa baru SoCS 2019. Acara ini diadakan tanggal 12 September 2015 kemarin di gedung Badan Pengkajian dan Penerapan Teknologi (BPPT) II, Auditorium Lantai 3, Jalan M. H. Thamrin No. 8, Jakarta Pusat. Pada acara ini diadakan berbagai macam pementasan seperti band, talkshow, guest star dan lain-lain.

Posted in FEP

General Orientation

Saya adalah mahasiswa baru teknik informatika di BINUS atau Bina Nusantara. Sebelum memasuki masa perkuliahan para mahasiswa baru diharuskan mengikuti FEP (Freshmen Enrichment Program) dimana mahasiswa baru akan dibimbing untuk mengenal kampus BINUS. Kali ini saya akan menceritakan pengalaman FEP batch ke-4 saya bersama dengan kelas DBN08.

Selasa 18 Agustus 2015, para mahasiswa baru berkumpul di kelas K3D untuk diperkenalkan dengan kakak-kakak BC atau Buddy Coordinator yang akan membimbing selama FEP berlangsung. Kelas saya dibimbing oleh 8 kakak BC yaitu Herman, Olivia, Linda, Pribadi, NIcho, Reinard, Yufendy dan Reinaldy.

1442814156239

Hari pertama FEP DBN08

Pada hari itu kami disuruh untuk memperkenalkan diri masing-masing dengan mengatakan nama, alasan memilih jurusan teknik informatika dan berasal dari kota mana. Kami juga diingatkan bahwa akan ada pementasan yel-yel kelas pada saat kebersamaan (22/08) dan dianjurkan untuk mempersiapkan yel-yel mulai dari sekarang.

Rabu 19 Agustus 2015, kami diharuskan mengenakan pakaian kemeja putih dengan celana kain hitam dan sepatu dominan hitam. Hari ini kami diantar menuju ke Auditorium untuk diperkenalkan dengan Binus Way. Selama di auditorium kami tidak diperkenankan untuk tidur, makan minum dan memainkan HP. Pak Chang memimpin perkenalan ini dengan menjelaskan berbagai macam hal mengenai Binus mulai dari tujuan, motto hingga proses perkuliahan di BINUS.

1442814218548Selesai dar1442814198539i audtorium kelas kami dibawa menuju ruang 727/729 untuk mengakses Binusmaya. Kami dijelaskan mengenai kegunaan binusmaya selama perkuliahan di BINUS seperti melihat jadwal, nilai ujian, mendownload KMK, mengikuti forum GSLC.

Kamis 20 Agustus 2015, kami diajak menuju auditorium untuk penjelasan bunga rampai. Bunga rampai adalah UKM atau unit kegiatan mahasiswa yang dapat diikuti selama masa perkuliahan. UKM-UKM BINUS memperkenalkan diri dan menjelaskan kegiatan-kegiatan yang dilakukan oleh masing-masing UKM. Para mahasiswa diperbolehkan mendaftar UKM pada expo (22/08) mendatang dengan membayar membership fee yang telah ditetapkan.

Jumat 21 Agustus 2015, berkumpul di kelas 403 untuk penjelasan binusian journey. Penjelasan dilakukan oleh kak Reinard yang menjelaskan bagaimana kita harus mengumpulkan point SAT, 30 jam kerja sosial dan nilai IPK > 2.00 untuk dapat lulus. Kami juga mengikuti kegiatan kerohanian sesuai agama masing-masing dengan bimbingan UKM kerohanian BINUS.

Pada hari terakhir general orientation kami berkumpul di kampus shaydan untuk mengikuti expo UKM dimana para mahasiswa dapat mendaftar. Pada sesi terakhirpara mahasiswa berkumpul untuk acara kebersamaan.

1440154272402

Kelas FEP DBN08

Selama seminggu mengikuti FEP ini kami diperkenalkan dalam berbagai macam fasilitas BINUS yang dapat kita gunakan dan juga dapat lebih mengenal teman-teman sekelas. Terima kasih BINUS!

Posted in FEP

Soal-soal coding 2

Capture7 Capture8

Coding dimulai dengan #include<stdio.h>, int main, variabel i dan j. scanf untuk input. for looping (i) untuk baris diawali dengan 1, i<=angka sebagai batas dan increment. for kedua (j) diawali dengan 1, j<=angka sebagai batas dan increment. if sebagai kondisi tambahan dengan i==1 || i== angka || j==1 || j==angka agar posisi itu saja yang terprintf (“*”) dan sisanya dengan else printf (” “) sehingga kotak menjadi kosong pada tengahnya. Diakhiri dengan return 0;

Capture5 Capture6

program dimulai dengan #include<stdio.h> dan <stdlib.h>, int main, variabel i dan j. stdlib.h digunakan untuk memungkinkan penggunaan abs. scanf untuk input dan angka dibagi 2. for looping (i) diawali dengan -angka dan dibatasi dengan angka, increment. lebar dinyatakan 79 for kedua (j) diawali dengan -angka dan dibatasi juga dengan angka, increment. if sebagai persyaratan agar abs(i) == abs(j) diprintf (“x”) sedangkan yang lain (” “) dan lebar decrement. if juga dinyatakan apabila j==angka maka j=-angka kembali. Diakhiri dengan return 0;

Capture3 Capture4

program dimulai dengan #include<stdio.h>, int main, variabel angka, a, i, j, jumlah=2 dan array fibo[100], fibo[0]=fibo[1]=1. scanf untuk menginput data. for looping (i) diawali dengan 0, dibatasi dengan i<angka dan increment. for kedua (j) dimulai dari 0, diabtasi dengan j<=i dan increment. printf dengan data fibo[j] dan a=j. if sebagai persyaratan apabila i>=1 maka fibo[jumlah]= fibo[a]+fibo[a-1] dan jumlah bertambah. Diakhiri dengan return 0;

Capture Capture2

program dimulai dengan #include<stdio.h>, int main, variabel angka b, i, j, k, l dan array prima[100], prima[0]=2 dan b=3. scanf untuk menginput, dan for looping (i) mulai dari 2, i<=angka tanpa pertambahan. for kedua (j) dimulai dengan 2 batas j<=b-1 dan increment. if dengan syarat bila b dibagi j tidak ada sisa akan berhenti. if kedua dengan syarat bila j==b maka prima[i-1]=b dan (i) dan (b) bertambah.

for ketiga (i) dimulai dengan 1 sebagai baris, dibatasi dengan i<=angka dan increment. for keempat (j) diawali dengan (i), dibatasi dengan j<angka dan increment. printf (” “) merupakan hasil looping  for ketiga dan keempat. for kelima (j) diawali dengan (i), dibatasi dengan j>0 dan decrement. printf (“%d”, prima[j-1]) merupakan output bilangan prima. diakhiri dengan return 0;

#SoCS Binus # Joshua Ivan Andjaya

Soal-soal coding

Capture15Capture16

Program diawali dengan #include dengan library stdio.h. int main sebagai dasar dari pembentukan program dan angka, i, dan j adalah variabel data dengan tipe data int (integer).scanf untuk memasukkan input dalam program. Pada program ini digunakan looping for (i) dengan awal 1 yang menandakan baris pertama, syarat kurang dari sama dengan angka input dan increment. for kedua (j) menandakan kolom pertama dengan syarat kurang dari sama dengan jumlah baris, sehingga jumlah kolom mengikuti jumlah baris. printf untuk mengelarkan output pada program berupa angka (%d).  (“\n”) untuk membuat line baru dan program diakhiri dengan return 0;

 

Capture13 Capture14

Sama seperti di atas program diawali dengan #include dan library stdio.h. int main sebagai dasar program dan angka, i, j, dan k sebagai variabel data. scanf untuk memasukkan input dan looping for (i) diawali dengan 1 sebagai baris, looping berulang hingga i<=angka dan increment. for kedua (j) diawali oleh (i), j<angka sebagai batas dan increment. printf awal (” “) untuk mengisi bagian yang ditentukan. for ketiga (k) untuk mengisi angka dimulai dari (i) yaitu sama dengan baris jadi bila baris pertama dimulai 1 baris kedua 2, batas k>0 agar berakhir di 1, decrement karena angka akan berkurang. printf untuk mengeluarkan output berupa angka(%d) dan diakhiri return 0;

Capture11 Capture12

Diawali #include<stdio.h>, int main, angka, i, j, k sebagai variabel data. scanf untuk menginput angka. for looping dimulai dengan i =1, i<=angka; i++ sama seperti sebelumnya. for kedua (j) dimulai dari 1 karena mengikuti (i), j< i agar tidak muncul pada saat i==j, increment karena (” “) akan bertambah seiring penambahan baris. for ketiga (k) dimulai dari 1, k<=angka-i+1 agar batas berubah seiring (i) berubah. printf untuk output dan diakhiri return 0;

Capture9 Capture10

Coding diawali dengan #include<stdio.h>, int main, variabel i, j, k. scanf untuk input data. for looping (i) diawali dengan 1, i<=angka sebagai batas dan increment. for kedua (j) dengan awal (i) agar sama dengan baris, j<angka agar (” “) terisi tidak pada bagian output, increment. for ketiga (k) diawali 1, k<=i agar pembatas sampai dengan jumlah baris (i). printf untuk output dan diakhiri return 0;