Membuat Website Pemutar Musik Soundcloud dengan React JS


Kesempatan kali ini saya mencoba yang namanya ReactJS, untuk membuat tampilan website pemutar musik dari Soundcloud menjadi interaktif. Seperti yang terlihat dari gambar dibawah ini.
reactjs-music-soundcloud-api

github | demo

Seputar bagaimana membuat dan penjelasannya nanti akan dijelaskan pada artikel selanjutnya, jadi subscribe / berlangganan ya dengan cara klik tombol di sebelah kanan 😀

Mengenal OOP (Object Oriented Programming) Javascript


Javascript adalah salah satu bahasa Object Oriented Programming. Sebuah bahasa pemrograman bisa digunakan secara object-oriented jika developer dapat menguasai kemampuan berikut ini

  1. Encapsulation : Kemampuan untuk menyimpan terkait informasi, apakah data atau method secara bersama-sama dalam sebuah objek. Pemahaman lainnya adalah sebuah mekanisme untuk membungkus sebuah data maupun function sehingga menyembunyikan alur secara lengkapnya dan hanya menampilkan property tertentu yang dapat digunakan. Berikut contoh sederhana encapsulation.
    var manusia = function () { //mulai membuat suatu object manusia
     
      var namaLengkap = "Joni Esmon"; 
      var reg = new RegExp(/\d+/);
      //definisi lokal variabel dan pemberian nilai
    
      return {
        "setNamaLengkap" : function (newValue) {
          if( reg.test(newValue) ) {
            alert("Nilainya salah");
          }
          else {
            namaLengkap = newValue;
          }
        }, //function ini digunakan untuk memberikan nilai pada lokal variabel namalengkap
    
        "getNamaLengkap" : function () {
         return namaLengkap;
        } //function ini digunakan untuk menampilkan atau memanggil nilai pada lokal variabel namalengkap
      }; 
    }(); 
     
    alert(manusia.getNamaLengkap());   // Joni Esmon
    manusia.setNamaLengkap( "Jim Backlin" );
    alert(manusia.getNamaLengkap());  // Jim Backlin
    manusia.setNamaLengkap( 42 ); // Nilainya salah; nama tidak berubah.
    manusia.namaLengkap = 42;     // tidak ada efek apapun karena tidak dapat merubah lokal variabel.
    alert(manusia.geNamaLengkap());  // Jim Backlin muncul kembali.
    
  2. Aggregation : Kemampuan menyimpan suatu objek di dalam objek lain
    Lanjutkan membaca “Mengenal OOP (Object Oriented Programming) Javascript”

Contoh Program Double Linked List Pascal


Dalam beberapa bahasa pemrograman itu dikenal yang namanya pointer, pointer hampir mirip dengan array bedanya pointer lebih fleksibel dalam membuat space memory salah satu teknik pemanfaatan pointer untuk penyimpanan data yang lebih dari 1 digunakan linked list, pada linked list penggunaan penanda untuk membaca alamat data hanya 1 sedangnya pada double linked list penandanya ada 2 yaitu setiap node menyimpan alamat data selanjutnya dan yang satunya menyimpan alamat dari data sebelumnya bisa dibilang alamatnya sendiri.  Biar lebih jelas ini ada contoh programnya :

program parkir;
uses crt;

type
pointerMotor=^recordmotor;
    recordmotor=record
    lokasiparkir,noparkir:real;
    tarif:integer;
    noplat,status,jenis:string;
	prev:pointermotor;
	next:pointerMotor;
end;

var
	last,belakang:pointermotor;
	parkire:real;
	jawab,t,i,pilih2,pilih,tarifmotor,roda4,total:integer;
	const
	garis='========================================';
	ente='TEKAN ENTER...';

procedure inisialisasi(var head:pointermotor);//untuk inisialisasi
begin
new(head);
head^.prev:=head;
head^.next:=head;
end;

procedure setting;//untuk setting harga
begin
	write('Tentukan tarif parkir untuk motor :');
	readln(tarifmotor);
	write('Tentukan tarif parkir untuk mobil :');
	readln(roda4);
end;
lanjut.... filenya di dowload aja karena terlalu panjang.

sourcecode disini
Silahkan di copas dan semoga bermanfaat.

Contoh client-server dengan stream socket pada Java


Assalamu’alaikum wr. wb.

Sudah lama sekali saya vakum tidak mengurusi blog ini, karena disibukan beberapa aktivitas dari kuliah sampai yang lain-lain, oke mumpung lagi tidak ada kerjaan mending saya buka kembali blog ini dan kebetulan saya baru aja seleai mengerjakan tugas tentang socket pada java nah sekalian buat arsip buat saya pribadi dan untuk berbagi buat temen-temen yang membutuhkan yaitu tentang seperti judul di atas.

Alur program : program tersebut terdiri dari SERVER dan CLIENT dengan ketentukan sebagai berikut :

SERVER : Dapat menerima sebuah tulisan yang di kirim melalui client kemudian server mengirim kembali tulisan yang di terima tadi kepada client

CLIENT : Client dapat mengirim tulisan yang di inputkan kepada server, kemudian klient juga dapat menampung apa yang di terima dari server dan kemudian menampilkannya. Kemudian jika client mengisikan tulisan quit maka secara otomatis client dan server akan close.

Tampilan server yang di jalankan

Tampilan client dan berhenti setelah tulisan quit

Untuk menjalankannya pertama jalankan dulu servernya kemudian baru jalankan clientnya untuk yang ingin mempelajarinya ini source codenya download

Sekian tulisan dari saya semoga bermanfaat bagi teman semua dan jangan bosan-bosan berkunjung ke sini.

Wassalamu’alaikum. Wr. Wb

Ketika array, perulangan dan percabangan ngumpul bareng di pascal


Sugeng rawuh

Ya sekarang saya ingin posting mengenai pascal, yang berjudul Ketika array, perulangan dan percabangan ngumpul bareng di pascal, meski agak nyeleneh…
langsung aja ya array itu seperti apa?
array adalah sebuah variabel deretan yang dapat menampung data dengan tipe data yang sama.
cara deklarasinya seperti ini :

(nama_array):array[(index_awal)..(index_akhir)] of (tipe_data);

contoh : nama:array[1..10] of string;

terus kalo perulangan kayak apa?

yang aku tahu baru cuma 3 yaitu, for…do, while..do, dan repeat…until, cara penggunaannya :

for (variabel_penampung_nilai):=(nilai_mulai) to (nilai_akhir) do

begin

statement;

statement;

end;

contoh :

for i:=1 to 10 do writeln(‘mulai hitung’,i);

untuk while…do

while (variabel_penampung_nilai)(tanda dapat =, <=, <>, >=, kemudian syarat nilainya) do

begin

statement;

statement;

end;

contoh :

while i<=10 do

begin

writeln(‘mulai hitung’,i);

i:=i+1;

end;

untuk repeat

repeat

begin

statement;

statement;

end

until(nilai_syarat terpenuhi)

contoh :

repeat

write(‘tekan y/n :’);

readln(msk);

until msk=’n’;

nah perlu diketahui penggunaan begin-end itu bergantung dari banyaknya statement kita, apabila statement lebih dari 1 statement harus di apit oleh begin dan end;

terus kalo percabangan ?

percabangan ada dua yaitu if dan case;

terus mending pake yang mana?

tergantung kasus apabila nilai persyaratannya sudah pasti mending pake case, namun apabila masih dalam bentuk kira-kira atau antara mending pake if. Lanjutkan membaca “Ketika array, perulangan dan percabangan ngumpul bareng di pascal”