Apa itu Array Multi Dimensi dan Satu Dimensi pada C++

Penjelasan Array (Sumber : Wikipedia)
Dalam ilmu komputer, larik (bahasa Inggris: array) adalah suatu tipe data terstruktur yang dapat menyimpan banyak data dengan suatu nama yang sama dan menempati tempat di memori yang berurutan (kontigu) serta bertipe data sama pula.
Larik dapat diakses berdasarkan indeksnya. Indeks larik umumnya dimulai dari 0 dan ada pula yang dimulai dari angka bukan 0. Pengaksesan larik biasanya dibuat dengan menggunakan perulangan (looping), array adalah suatu tempat untuk menyimpan banyak data sekaligus didalamnya.

Contoh : budi membeli buku A, buku B, buku C dan meletakkannya di lemari X
lemari X sebagai ARRAY adalah tempat menyimpan data yaitu BUKU tersebut.

sekarang mari kita implementasikan kedalam bentuk script menggunakan C++.

 1. Array Satu Dimensi

#include <iostream>
using namespace std;

int main(){
string lemariX[3] = {"A","B","C"};
}

Bagaimana jika budi ingin mengambil buku A?

dibawah line/baris dari string lemariX[3] = {"A","B","C"}; mari kita implementasikan menjadi kode seperti berikut :

cout << lemariX[0];

aduh bingung kenapa lemariX[0]?

sederhana saja, Array dimulai dari 0 , 0 memiliki arti data pertama, data pertamanya sudah jelas buku budi yang A, maka jika ditampilkan akan keluar output A yang berarti jika dimaksud pada dunia nyata budi telah berhasil mendapatkan buku A karena tau lokasi nya di lemari X.

2. Array Multi Dimensi

Bagaimana misalnya kalau budi...... mmh
apaan

misalnya budi pengen punya banyak lemari untuk buku yang berbeda beda.

misalnya lemari X tadi untuk buku apa saja (Semua Kategori)

 nah pengen buat lemari A,lemari B,lemari C untuk masing masing kategori buku dari A,B,C
anggap aja ya buku A,buku B,buku C tadi berbeda kategori... anggap aja ya! :D

nahh mari kita mulaiiiii!

#include <iostream>
using namespace std;

int main(){
string lemariX[3][3] = {{"A1"},{"B1"},{"C1"}};
}

misalnya budi ingin mengambil buku A1(ganti nama ya) dari lemari A, karena lemari A dan letak buku A1 ada di index pertama atau urutan pertama didalam array.

maka dibawah line/baris dari string lemariX[3][3] = {{"A1"},{"B1"},{"C1"}};
mari kita implementasikan menjadikan kode seperti berikut :

cout << lemariX[0][0];

maka akan didapati hasil A1 , ya berarti budi berhasil mengetahui lokasi dimana buku A1 berada pada lemari tersebut dan bisa mengambilnya hehehe.

Membuat Faktorial Menggunakan C++ dengan Fungsi Rekursif

Fungsi rekursif dalam pemrograman merupakan fungsi yang memanggil dirinya sendiri. Fungsi rekursif sering saya bayangkan seperti perulangan. Karena tingkah lakunya yang mengulang-ulang setiap pemanggilan dirinya. -Sumber : Petanikode.com
Iyap faktorial tentu saja berhubungan dengan perulangan, dengan menggunakan fungsi rekursif , kode akan semakin pendek dan program akan lebih efisien langsung saja kita ke kodenya..

#include
using namespace std;
int factorial(int x){
if(x == 0) return 1;
return x * factorial(x-1);
}

int main(){
cout << factorial(5);
}

Lalu hasil yang kita dapatkan adalah sebagai berikut :

Software yang Dibutuhkan Web Programmer Pemula

1. Code editor yang support syntax highlighting dan package pembantu pengembangan software.

1. Sublime Text 
2. Visual Studio Code
3. ATOM

3 Code editor diatas saya yang paling memenuhi syarat UI/UX , dengan tampilan sederhana , 3 code editor tersebut menyediakan bermacam package mulai dari snippets,theme,completions beberapa bahasa pemrograman,plugin,dll.

kalian bisa mengecek pro kontra beberapa code editor di website ini https://mythemeshop.com/blog/code-editors/

2. Browser

 Pilihlah browser yang paling kompatibel dengan bahasa pemrograman , saya sendiri menggunakan Firefox.

3.  Perangkat Lunak yang membantu mengelola data dan menjalankan server

Siapa sih programmer yang gatau xampp, eittss selain xampp juga ada loh.
diantaranya :
1. LAMP
2. SAMP
3. MAMP
4. WAMP
5. Phpserv
6. dll


Sekian terimakasih, semoga tutorial tentang software yang dibutuhkan web programmer pemula ini bisa bermanfaat buat kalian semua :).

 

Membuat Warna Background Menjadi Interaktif dengan Mousemove Javascript

Langsung saja scriptnya

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .kotak{
            height: 500px;
            width: auto;
            background-color: blue;
        }
    </style>
</head>
<body>
    <div id="kotak" class="kotak" onmouseover="over()">
      
    </div>
<script
              src="https://code.jquery.com/jquery-3.4.1.min.js"
              integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
              crossorigin="anonymous"></script>

<script>
    $('.kotak').mousemove(function(event){
        const x = Math.round((window.innerHeight / event.clientX) * 255);
        const y = Math.round((window.innerWidth / event.clientY) * 255);

        $('.kotak').css('background-color','rgb('+x+',0,'+y+')');
    });
</script>
<script>
    $('.kotak').mouseleave(function(){
        $('.kotak').css('background-color','blue');
    });
</script>


</body>
</html> 

Saya menggunakan jQuery untuk event handlingnya , kalian bisa saja menggunakan Vanilla Javascript (Native Javascript). 

CSS saya menggunakan rgb (Contoh: rgb(200,0,200))

jadi saya menggunakan hasil dari gabungan event window innerheight/width dan event client height/width.

logikanya ketika kursor bergerak (mousemove) akan otomatis mengganti hasil dari perhitungan dalam variabel x dan y lalu variabel x dan y akan digunakan untuk rgb pada background color yang mana akan terus berganti jika kursor bergerak valuenya.

Tips Menjadi Programmer Pro Dan Produktif

Tips Menjadi Programmer Pro Dan Produktif.

1. Kalian harus fokus kemana tujuan anda belajar programming.

Programmer tidak hanya fokus belajar dasar saja tapi harus punya tujuan kenapa harus belajar dasar tersebut,
Saya belajar OOP di C++ agar bisa mengetahui banyak ilmu dan teknik OOP,  karena C++ saya jadi lancar pada OOP PHP,  lalu saat belajar PHP OOP saya mengenal banyak built In function yang berguna untuk tujuan baru saya sebagai fullstack web developer.  Dan tentu saja belajar native php dapat membuat saya lancar belajar Framework PHP yaitu Laravel.

2. Bertanya kepada orang yang mengerti namun tidak menganggunya.

Kalian harus bertanya pada orang yang lebih mengerti (Bukan lebih jago,  karena semuanya sama sama belajar).

Kalian bisa tanya saran framework yang tercepat,  kenapa harus pake bahasa pemrograman ini.. kalian harus tanya buat program face recognition pake apa (misalnya opencv) tapi jangan tanya bagaimana Proses pembuatannya. 

Dan untuk bertanya error kalian lebih baik di google saja karena setiap orang belum tentu paham alasan program anda dibuat dan bagaimana struktur programnya walaupun anda menunjukkan Apa errornya tapi tetap saja sulit mengerti error orang lain..
apalagi jika yang nanya errornya tidak benar , kan kita ikutan pusing hehe :( .
Kalian bisa memanfaatkan stackoverflow dan quora juga sebagai forum diskusi tentang error pada program kalian.

3. Pahami algoritma dari program kalian.

Kalian tidak boleh hanya berhasil ngoding doang.  Tapi harus paham kenapa program itu berjalan,  contoh saja perulangan dibawah ini menggunakan bahasa C++

int main( ){

for(x = 0; x < 10; x++){

 cout << x << endl; 

}

}

x adalah 0 sebagai start

x dibawah dari 10 sebagai end

x++ sebagai increment 

lalu cout sebagai yang menampilkan hasil penambahan dari increment pada variabel x. 

Logikanya seperti ini :

0-9 ++

increment akan berjalan 9x

0+1

1+1

2+1

..

8+1

9

4. Kalian harus sabar ketika ada error.

Kalian harus pahami jalannya program namun tidak harus melihat kodingannya dari line 0 ya :D.. 

Dan skill analisis kalian akan di uji pada error program kalian.  Atau disebut jg error handling.  Error handling adalah yang paling penting menurut saya karena ini menyangkut pemecahan masalah.  Programmer sangat erat dalam pemecahan masalah, bukan? 

Ok sekian tipsnya semoga bermanfaat buat kalian semua

Wassalamualaikum warahmatullahi wabaraktuh untuk yang muslim ya. 

Membuat Teks dan Element HTML Berada di Tengah Dengan HTML CSS

1. MEMBUAT TEKS BERADA DI TENGAH PADA HTML DAN CSS

Buatlah file bernama textcenter.html lalu copy paste skrip dibawah ini :

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>test</title>

    <style>

        p{

            text-align: center;

        }

        ul li{

            text-align: center;

        }

        div{

            background-color: blue;

            float: left;

            text-align: center;

        }

    </style>

</head>

<body>

    <center><h1>Hello World</h1></center>   

   

    <p>Hello World.</p>

   

    <ul>

        <li>Hello World.</li>

        <li>Hello World</li>

    </ul>

    <div>

        Hello WORLD

    </div>

</body>

</html>

 Setelah itu coba buka filenya, nanti akan diarahkan ke browser default kalian, dan bisa lihat hasilnya, teks sudah berhasil berada di tengah.. loh kenapa yang div nggak? karena yang dipentingkan adalah posisi float dari elementnya terlebih dahulu disamping teks yang berada didalamnya..

coba hapus
            background-color: blue;
            float: left;

otomatis teks akan berada ditengah karena tidak ada yang mencegah (prevent).


2. MEMBUAT ELEMEN BERADA DI TENGAH PADA HTML DAN CSS

Buatlah file bernama element.html lalu copy paste skrip dibawah ini :

<!DOCTYPE html>

    <html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>test</title>

        <style>

           .block{
               height:50px;
               max-width: 50px;
               background-color:blue;
               margin: 10px auto;
           }

        </style>

    </head>

    <body>

        <div class="block">
      
        </div>

    </body>

    </html>

Elemen divnya berhasil dibuat ditengah dengan menggunakan perantara atribut 'class' lalu 

menggunakan margin: 0px auto; untuk membuat elemen tersebut berada ditengah. 

jika kalian ganti margin nya dengan text-align:center; tidak akan berjalan dengan baik dan malah membuat teks berada di kiri.

Jadi sekian saja tutorialnya ... lain kali saya share juga apa itu class pada html , width height, dan margin.

Wasalammualaikum warahmatullahi wabarakatuh.. See you on next post!