SESI16 PBO& & Interaksi User

ASSALAMUALIKUM WR.WB
Hai Semuanya bertemu lagi sama saya diMy Blog dan kali ini rekan-rekan saya akan menjelaskan PBO(Pemograman Berorientasi Objek dan Interaksi User pada javascript.Nah jadi menurut saya ini agak sedikit susah namun saya percaya pada kalian dan khusunya pada saya sendiri bahwa kita bisa dalam segala hal asalkan bisa berusaha. KEEP SPIRIT GUYS👊👊👊

Dan tentunya anda perlu tau Objek terlebih dahulu,terus apa sih yang disebut dengan objek itu???
Jadi gini gengs dalam ilmu komputer ,objek merupakan adalah lokasi dimemori yang memiliki nilai dan direfenrensikan oleh pengidentifikasi.Sebuah objek dapat menjadi variable,fungsi,atau struktur data(dengan diperkenalkannya kemudian pemograman berorientasi objek kata yang sama,"objek",mengacu pada contoh tertentu dari kelas).

dan pemograman berorientasi objek adalah sebuah paradigma dalam pemograman yang megelompokkan fungsi,prosedur,variable ataupun konstanta terkait dalam satu kesatuan(kelas) seperti objek dalam dunia nyata.
Objek sendiri merupakan wujud dari kelas,secara umum dikenal dengan nama instan.Teknik-teknik dalam pemograman ini merupakan pengembangan dari teknik sebelumnya seperti modularitas,polimorfisme,dan enkapsulasi.

Nah jadi diPBO ini ada 2 jenis obyek:
1.Objek Utaama : Javascript memiliki banyak objek bawaan seperti Math,Array,String,danObjek.
2.Objek Buatan :Javascript merupakan bahasa pbo yang menggunakkan kata kunci function untuk mendifinisikan suatu kelas sama dengan pembutan fungsi dalam javascript. berikut ini merupakan format yang dapat digunakkan untuk mendifinisikan kelas pada javascript.

Interaksi User

- adanaya interaksi dalam aplikasi akan membantu menarik pengguna untuk menggunakkan aplikasi yang dikembangkan.
- dibanyak bahasa pemograman pengolahan interaksi ini dikenal sebagai teknik penanganan event.
- event dalam javascript adalah sebuah kejadian interaksi antara user dengan halaman web.

Berikut ini merupakan daftar attribute yanga dapat digunakkan untuk mengolah interaksi user.

Format penerapan kode Javascript pada atribut event diatas sebagai berikut :
<tag atribut-event=”kode javascript;” … > … </tag>
atau untuk tag tanpa penutup.
<tag atribut-event=”kode javascript;” … />
Contoh program penerapan event pada halaman web.
<a href=”http://kompas.com” onclick=”alert(‘Link ini akan
membuka halaman Kompas.com’);”>Link 1</a>

Nah ini gengs yang saya dapatkan attribute dan disini kita bis amenggunakkan akses ini ketika kita sedang membuat pengkodean/pengkodingan.dan saya akan memberikan hasil screenshoot dari hasil pembuatan saya.

1.BuatInterfaceBoxtoAlert.html

HASILNYA

2. Buat Fungsi PBO.html

Hasilnya

3.Buat Fungsi PBO.html

Hasilnya

4.Buat Interface TextBox and button to Alert.html

Hasilnya

5. .Buat Interface TextBox and button to Alert2.html

Hasilnya

6. .Buat Interface TextBox and button to Alert to Array.html

 

 Hasilnya

7. Buat Interface get Element ByTagName.html

Hasilnya

Kesimpulan

      Dari kegiatan belajar diatas dapat dibuat kesimpulan bahwa :
Event merupakan konsep penting dalam pemrograman, karena dari konsep ini aplikasi dapat berinteraksi dengan user melalui berbagai input yang ada.Event pada javascript dapat diterapkan pada semua elemen yang ada.
Jenis interaksi yang diberikan oleh user adalah melalui perangkat input berupa mouse dan juga keyboard.

       Dalam Javascript sudah disediakan sejumlah fungsi untuk mengakses data yang diberikan oleh user melalui elemen HTML, diantaranya adalah getElementById(), getElementsByName() dan getElementsByTagName(), yang kesemuanya merupakan bagian dari obyek document. Selanjutnya dapat diolah sesuai hasil yang diharapkan.

 Cukup Sekian dari saya guys Bila ada kesalahan dari saya,saya juga masih belajar yang kurangnya jadikan pembelajaran dan baiknya jadikan motivasi.

BY Emir

 

 

WASSALAMUALAIKUM WR.WB

Menampilkan Biodata Diri

ASSALAMUALAIKUM WR.WB
Selamat jumpa lagi teman-teman,nah teman-teman kali ini saya akan menampilkan hasil kerja saya dari pembuatan php,mungkin disini saya hanay menampilkan sekilas hasil project saya dari codingan php.berikut Scrpitnya dan hasil codingannya.
1. Biodataku
Adapun Hasilnya Seperti ini

Jadi untuk table itu bisa dimasukkan kedalam PHP,Namun syntax ada yang dibedakan sedikit karena syntax yang ada dihtml dan diphp itu sedikit berbeda,oleh karena itu syntaxnya harus disesuaikan,seperti codingan diatas tadi.
cukup dari saya bila ada kesalahan saya mohon maaf sebesar-besarnya.

WASSALMUALAIKUM WR.WB

Sesi 18 E-Learning

Jumat,6 oktober 2018

Assalamualaikum wr.wb
 Hai Teman-teman semuanya.......gimana kabarnya,dan saya harap kalian sehat semuanya,Nah teman-teman kali ini Saya akan memposting lagi hasil kerja saya dan ini bertentangan website yang kalian pakai teman-teman,kalian yang sudah pernah mencoba ataupun belum pernah mencoba website e-learning,nah kali ini saya akan menjelaskan salah satu website berbasis e-learning ini.dan saya akan menjelaskan beberapa topik diantaranya:
1. E-Learning
2. Site Map
3. Fungsi dan fitur
4. User Experience
5. Saran

Oke guys sebelum kita membahas tentang e-learning,nah saya mau menjelskan sedikit tentang web atau kita meriview kembali tentang tekonolgo web di zaman sekarang.

INTRODUCE
- WORLD WIDE WEB adalh layanan interenet yang paling populer saat ini.
- Intenet mulai dikenal dan digunakkan secara luas setelah ada layanan WWW.
- WWW adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya(hyperlink) yang membentuk samudra belantara pasifik.

Kategori Web
 Berdasarkan keterupdatean isi web:
1. Web Statis : Website yang isi tampilannya selalu sama dan tidak akan pernah berubah kapan pun kita melihatnya (jika tidak di-update).
2.Web Dinamis : Website yang isi tampilannya tidak statis.
 CONTOH :
1. Web  Statis→HTML (ONLY)
2. Web Dinamis
➤HTML plus-plus
➤+ pemograman web (Scripting)
➤+ Animasi Interkatif (Mis: flash,java Applet).

CARA KERJA WEB

Nah Sekarang saya akan menjelskan E-Leraning,sebelum kita membahasnya tentunya kita perlu tau dong apa itu E-Learning?????

1. E-Learning
E-learning merupakan suatu sistem atu konsep pendidikan yang memanfaaatkan teknologi informasi dalam proses belajar mengajar. Berikut pengertian E-leraning dari beberpa sumber:
➧ Pembelajaran yang disusun dengan tujuan menggunakkan sistem elektronik atau komputer sehingga mampu mendukung proses pembelajaran (Micheal,2013:27)
➧ Proses Pembelajaran jarak jauh dengan menghubungkan prinsip-prinsip dalam proses pembelahjaran dengan teknolokgi.(Chandrawati,2010)
➧ Sistem Pembelajaran yamg digunakkan sebagai sarana untuk proses belajar mengajar yang dilaksanakana tanpa harus bertatap muka secara langsung antara guru dengan siswa.(Ardiansyah,2013)

Nah kali ini gengs saya memilih website untuk E-learning yaitu "KHAN ACADEMY" dan saya akan menganalisis sebuah website ini,dengan info yang saya ketahui...
jadi guys website ini merupakan website e-leraning yang membahas semua mata pelajaran yang ingin kalian ketahui.dan merupakan sumber pribadi untuk semua umur yang menawaarkan pelatihan praktis,video,instruksional,dan pembelajaran pribadi yang memperbolehkan untuk belajar dengan langkah /kecepatannya sendiri dan diluar kelas.Menyelesaikan sebuah permasalahan mengenai matematika,sains,program komputer,sejarah,seni,dll.misinya adalah mengajak pembelajaran dari tk hingga mahasiswa untuk menyesuaikan diri dengan teknologi yang mengidentifikasi kekuatan dan kesenjangan pembelajaran.bekerja sama juga dengan institusi seperti: NASA,The California Academy of Science,dan MIT untuk menawarkan konten Special.

2. Site Map
3.Fungsi dan Fitur
    Nah kali ini saya akan membahas tentang website yang tadi saya sudah pilih,berikut penjelasannya.
ini dia hasil screenshoot untuk tampilan awalnya

Nahjadi situ kita bisa sign in dan login,ataupun kita langsung mau belajar bisa juga untuk para pemula dan untuk jalur gurupun ada dan begitu juga dengan orangtua. dan kalau menurut saya dari tampilan ini bagus dan terlihat indah karena yang dipakai adalah perpaduan  warna biru dan biru tua dan kalau dilihat dari beberapa attribute yang ada ditampilan ini lumayan terkesan,karena telah disediakan navbar search,Donate,sign in,login,dan ada juga khusus orang mau belajar,guru,maupun orang tua.
Nah disini bahkan ada fitur untuk siswa yang baru belajar dasar-dasar dan disediakan berbagai mata pelajaran.contoh

 jadi disini tempat ketika kalian menuju mata pelajaran yang kalian inginkan,contoh disini mata pelajaran matematika,disini ada tingkatan-tingkatannya ada yang disitu Explore,Practice,Mission,dan disediakan berbagai soal-soal.
Nah ada lagi gengs yang lebih menarik untuk kalian pelajari,disini disediakan belajar program computer/computing,nah bagi kalian penasaran bisa dicoba aja diweb ini.

 Nah dari gambar tersebut banyak materi-materi yang kita inginkan kalian bisa belajar bahasa program dari sini,karena disni disediakan untuk semua kalangan dan terlebih-terlebih bagi seorang pemula yang kepingin banget untuk belajar bahasa program.

Nah ini content-content yang telah disediakan,berbagai banyak materi yang kalian inginkan,nah banyak fitur-fitur yang ada diweb ini.

 Nah kalau ini ada video untuk basic HTML,nah kalian bisa bisa ngeplay saja,tapi disini menggunakkan bahasa inggris,walaupun begitu seorang programmer nantinya harus bisa berbahasa inggris😀😁😁
Nah ada juga fitur quiz yang disediakan disini.

 disediakan berbagai level disini,setelah anda sudah menyelesaikan level pertama maka level berikunya akan semakin susah.

4. User Experience
Nah saya akan menjelaskan beberapa kemudahan didalam web khan academy ini,baik dari segi desaignnya maupun fitur-fitur yanga ada diweb ini
➡ Segi Desaignnya
dalam desaign disini menurut saya sangat simple dan menarik perhatian,karena hanya banyak menggunakkan warna putih dan warna biru,nah kalau saya ngasih niain ini sekitar 7-8,tapi bagi saya pun dari segi tampilan-tampilan yang ada cukup membingungkan,mungkin kalau anak-anak mungkin cukup bingung tapi mungkin yang kalagan remaja,dewasa mungkin mereka sudah mengerti.
➡ Kemudahan
kalau dalam kemudahannya saya cukup tertarik sekali,karena disini disediakan banyak mata pelajaran.,tapi bagi saya pun dari segi tampilan-tampilan yang ada cukup membingungkan,mungkin kalau anak-anak mungkin cukup bingung tapi mungkin yang kalagan remaja,dewasa mungkin mereka sudah mengerti.

5. Saran
Kalau saran saya,untuk tampilannya diusakan lebih praktis lagi dan tidak membingunkan,tapi menurut saya ini sudah bagus,karena semua sudah disediakan disini video dan audio pun sudah disediakan apalagi dalam segi mata pelajarannya ini mungkin rajanya.pokoknya mantaplah web ini kalian harus coba nih.

Nah munkin itu saja penjelasan dari saya banyak kesalahan saya mohon maaf sebesar-besarnya.

Wassalmualaikum Wr.Wb

SESI 15 Pengulangan

Hallo,semuanya apa kabar hari ini,saya harap kalian semuanya baik-baik saja.nah teman-teman pertemuan kali ini kita akan membahas masih seputar javascript,kalo kemarin mimin jelasin percabangan atau kondisi sekarang mimin mau jelasin tentang pengulangan.nah kalian yang sudah tau pasti sangat beruntung sekali dan pastinya kalau kita masih ingin belajar dan kita yakin bisa,saya yakin kalian pun bisa.oke langsung saja ketopiknya ya...

SUSAH GAK YA.?????

Jadi Perulangan merupakan Struktur yang memungkinkan untuk menjalankan kode program yang sama beberapa kali dengan menggunakkan suatu kondisi tertentu.
Perulangan dalam javascript memiliki 3 bentuk:
1.For
2. While
3. Do-While

untuk contoh perulanga for bisa dilihat.
for(inisialisasi;kondisi;   ){
baris program 1;
baris program 2;
......
}
untuik while seperti ini gambarannya.
while(kondisi){
kode program yang ingin dijalankan berkali-kali;
}
nah untuk Perulangan do-while bisa dilihat juga.
do{
kode program yang ingin dijalankan berkali-kali;
}while(kondisi);

KESIMPULAN

Nah gengs biar lebih jelas lagi saya akan memberi hasil screenshoot dari diagram pengulangan.

Untuk setiap kasusnperulangan dapat diterapkan dengan menggunakkan ketiga beriukut ini.kita dapat membuat perulangan untuk dapat menampilkan pesan"Halo javascript"hingga 3X dengan menggunakkan ketiga perulangan itu.

FUNGSI

APA ITU FUNGSI????

•Fungsi dalam proses pemanggilannya (eksekusi) ada yang membutuhkan data tertentu agar dapat berjalan.

•Data tertentu Fungsi dalam pemrograman merupakan suatu mekanisme yang digunakan untuk mengelompokkan program dalam menyelesaikan suatu kasus, proses atau rumus aritmatika tertentu.

•yang perlu diberikan saat pemanggilan
fungsi ini dikenal dengan nama parameter. Setiap fungsi dapat tidak memiliki atau memiliki lebih dari satu parameter.

Aturan penamaan fungsi mengikuti aturan penamaan variabel. Bentuk dari blok fungsi adalah sebagai berikut.

 BENTUK UMUM FUNGSI

function nama_fungsi ( parameter1, parameter2, ...,
parameterN )
{
kode program sebagai definisi fungsi
return nama_nilai_balik_jika_ada;
}

 

PEMANGGILAN FUNGSI

•varHasil = nama_fungsi ( nilai_parameter1, nilai_parameter2,
..., nilai_parameterN ) ;

Keterangan :
varHasil: variabel yang dapat digunakan untuk menampung nilai balik dari fungsi
yang dipanggil bila ada.

kesimpulan

•Dilihat dari hasil akhirnya fungsi dalam javascript dibedakan jadi 2,

• yaitu fungsi yang memiliki nilai balik dan fungsi yang tidak memiliki nilai balik.

 

APA ITU NILAI BALIK????

•Nilai balik adalah nilai hasil operasi yang dijalankan didalam fungsi diberikan ke bagian program lainnya untuk diproses lebih lanjut.

•Nilai balik dalam javascript dinyatakan dengan menggunakan kata kunci return.

•Contoh kasusnya dalam program penghitung luas dan volume limas. Dimana dalam perhitungan volume juga terdapat menyertakan perhitungan luas didalamnya.

Dengan kata lain untuk menghitung volume limas kita harus menghitung luas alasnya terlebih dahulu. Dalam program, proses ini diterjemahkan sebagai berikut.

CONTOH FUNGSI

var panjang = 5;

var lebar = 3;

var tinggi = 4;

var luasAlas;

var volume;

luasAlas = panjang * lebar;

volume = luasAlas * tinggi / 2;

Nah sekarang kita menuju Codinganya sekaligus hasil dari codescriptnya

1. FOR1.HTML

HASILNYA

2. FOR2.HTML

hasilnya

3.WHILE1.HTML

hasilnya

4. .Do-While.HTML

hasilnya

5. BuatPengulangan.HTML

hasilnya

6. BuatFungsi.HTML

hasilnya

7. BuatFungsi2tanpaReturn.HTML

hasilnya

8.  BuatFungsiCharAt.HTML

hasilnya

9. BuatFungsiIndex.HTML

hasilnya

Nah itu saja gengs info yang saya dapat dan pengetahuan yang saya berikan,bila banyak salah dan penulisan atau penjelasan yang kurang dimengerti saya mohon maaf sebenar-benarnya.

 

Minggu,23 September 2018

WASSALAMUALAIKUM WR.WB