Oza Komputer - Sharing dan Dokumentasi Pembelajaran

Gang Teratai 4 Dusun 7 Bali Koga, Desa Sidoharjo Kecamatan Way Panji Kabupaten Lampung Selatan

Advertisement

Oza Komputer - 085279218668
Tampilkan postingan dengan label Pemrograman Web. Tampilkan semua postingan
Tampilkan postingan dengan label Pemrograman Web. Tampilkan semua postingan

Rabu, 20 Juli 2016

Rencana Kerja Proyek TKJ


Rencana Kerja Proyek TKJ

1. Membangun Server Utama
2. Membangun Jaringan Layaknya ISP
3. Mengkoneksikan Client dengan Layanan ISP yang terhubung ke Server Utama

1. Membangun Server Utama
Pada Server Utama diinstall layanan-layanan Server seperti : DNS, WEB Server, FTP, NTP, Mail Server, SSH. Pada Server Utama Juga diinstall preview situs-situs ternama seperti facebook, twitter, google dan sebagainya, dengan membuat domain sendiri di Server Utama. Tampilan preview situs-situs ternama diambil dengan mendownload tampilan halaman utama situs tersebut.
Mengkonfigurasi web nama kelompok masing-masing dan masing-masing anggota harus memiliki sub domain pada web kelompoknya. Pada domain kelompok diinstall web kelompok dan pada sub domain kelompok diinstall dengan web masing-masing siswa.

2. Membangun Jaringan Layaknya ISP
Mengkonfigurasi jaringan kabel dan nirkabel dari server utama. Dibagi dengan menggunakan sebuah router mikrotik dan di hubungkan dengan jaringan kabel (komputer) dan sebuah access point untuk menyebarkan layanan pada server utama dengan jaringan nirkabel.

3. Mengkoneksikan Client dengan ISP yang terhubung dengan Server Utama
Di sisi client dipasang sebuah wireless client untuk menangkap signal yang di pancarkan oleh access point pada sisi server utama. Dari wireless client adakan dibagi menjadi jaringan kabel yang nantinya akan disetting sebagai WARNET dan jaringan nirkabel untuk melayani laptop-laptop pada Client.

Guru Mata Pelajaran
Pande Made Kertiyasa dan Efendi

Sabtu, 21 Mei 2016

Menghitung Volume Balok dengan Javascript

Melanjutkan posting sebelumnya yaitu Menghitung Luas Lingkaran dengan Javascript, dan menjawab tugas pemrograman Web kelas X TKJ SMK Negeri dua kalianda tentang pengembangan script luas lingkaran menjadi volume balok berikut ini adalah tampilan dari javascript yang digunakan untuk menghitung volume balok. Posting ini dibuat tanggal 15 mei 2016 tapi sengaja saya atur publikasinya pada tanggal 21 mei 2016 pukul 14:00 WIB menggunakan jadwal pada fasilitas posting blogger.
Jika diketahui :
Nilai Panjang  = 
Nilai Lebar    = 
Nilai Tinggi  = 
Sebuah Kubus maka Volume Kubus tersebut adalah ...

Sabtu, 14 Mei 2016

Menghitung Luas Lingkaran dengan Javascript

Menghitung Luas Lingkaran dengan Javascript, berikut ini adalah script yang digunakan :

<html> 
<head> 
<title>Luas Lingkaran</title> 
</head>
<body>

<script language="javascript"> 
function luaslingkaran() 
{ var jari2 = parseFloat(document.funday.nilai_jari2.value);
 if(isNaN(jari2)){ 
jari2=0.0;} 
var hasil = 3.14*jari2*jari2; 
alert("Jadi, luas lingkaran adalah : "+ hasil); } 
</script>

<form name="funday"> 
<pre> 
Nilai Jari-jari = <input type="text" name="nilai_jari2" /> 
</pre> 
<input type="button" value="Hitung Sekarang" onClick="luaslingkaran()" /> 
<input type="reset" value="Reset" /> 
</form> 

</body>
</html> 

Hasilnya akan menjadi seperti di bawah ini
Nilai Jari-jari  = 

Untuk mengembangkan silakan coba dengan membuat aplikasi Luas Segitiga atau Volume Kubus dengan javascript.
Selamat mencoba.

Sabtu, 30 April 2016

On/Off lampu dengan javascript

Klik gambar untuk menghidupkan atau mematikan lampu

Javascript untuk On/Off lampu dengan javascript

<img id="Balonku" onclick="GantiGambar()" src="pic_bulboff.gif" width="100" height="180"> <p>Klik gambar untuk menghidupkan dan mematikan lampu</p> <script> function GantiGambar() { var image = document.getElementById('Balonku'); if (image.src.match("bulbon")) { image.src = "pic_bulboff.gif"; } else { image.src = "pic_bulbon.gif"; } } </script>

Sabtu, 23 April 2016

Menampilkan script HTML di posting blog

Menampilkan script HTML di posting blog mungkin penting ketika kita ingin mendokumentasikan script html yang kita pelajaran. Pada blogger script html yang kita buat pada postingan blog biasanya akan langsung ditampikan menjadi halaman web bukan berupa script lagi. Jika kita ingin menampilkan script html, css ataupun javascript pada postingan kita, kita bisa menggunakan fasilitas dari parse html dari blogcrowds.
Selamat mencoba.

Script sederhana javascript

Contoh script javascript sederhana berikut akan menampilkan "Selamat Datang di www.madefunday.web.id". Javascript yang digunakan untuk menampilkan "Selamat Datang di www.madefunday.web.id" pada posting ini adalah :

<script language="javascript">
alert("Selamat Datang... Javascript ALERT hanya pada posting ini saja!"); 
</script>

Pengenalan Javascript

Javascript adalah bahasa yang berbentuk kumpulan skrip yang berjalan pada suatu dokumen HTML. Sepanjang sejarah internet bahasa ini adalah bahasa skrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah perintah di sisi user, yang artinya di sisi browser bukan di sisi server web.

Javascript diperkenalkan pertama kali oleh Brendan Eich yang bekerja di Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan “LiveScript” yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2. Pada masa itu bahasa ini banyak di kritik karena kurang aman, pengembangannya yang terkesan buru buru dan tidak ada pesan kesalahan yang di tampilkan setiap kali kita membuat kesalahan pada saat menyusun suatu program. Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman “Java” ) pada masa itu, maka Netscape memberikan nama “Javascript” kepada bahasa tersebut pada tanggal 4 desember 1995. Pada saat yang bersamaan Microsoft sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka sebut sebagai “Jscript” di browser Internet Explorer 3. Versi terakhir dari bahasa ini adalah versi 1.8.5 yang dirilis tanggal 22 Maret 2011.

Oleh karena ada banyak perusahaan yang mengembangan, bahasa ini kemudian distandarkan dengan nama ECMAScript oleh Netscape melalui Organisasi Internasional ECMA. Standar ini dipublikasikan pertama kali pada bulan  Juni  1997  dengan  nama  dokumen  Spesifikasi  ECMA-262.  Melalui publikasi tersebut, semua implementasi Javascript pada tiap browser akan memiliki standar penerapan (pengkodean) yang sama. Saat ini standar ini telah mencapai rilis Edisi ke-5.1, yang dipublikasikan pada bulan Juni 2011. Setiap browser saat ini memiliki implementasi sendiri-sendiri untuk ECMAScript ini, diantaranya Internet Explorer dengan JScript, Opera dengan ECMAScript, dan Mozilla Firefox, Google Chrome termasuk juga Safari dengan nama Javascript.

Selain di browser, sekarang Javascript juga sudah diterapkan pada banyak aplikasi lainnya seperti Windows 8 Apps (.Net Framework), Adobe Flash ActionScript, KDE Desktop Environment, Node.js, Qt QML, JQuery Mobile, Firefox OS, Ubuntu Touch dan masih banyak lagi kemungkinan implementasi lainnya. Javascript bergantung kepada browser (navigator) yang memanggil dan menampilkan halaman web yang tidak hanya berisi HTML tapi juga dapat berisi skrip-skrip  Javascript.  Javascript  juga tidakmemerlukan  penterjemah  khusus untuk menjalankannya, karena sudah disediakan sendiri oleh browser yang digunakan. Lain halnya dengan bahasa“Java” yang memerlukan penterjemah khusus untuk menjalankannya di sisi user/klien.

Sumber : Modul Pemrograman Web X 2

Sabtu, 16 April 2016

Cascading Style Sheet (CSS)

Cascading Style Sheet atau lebih sering disebut dengan istilah CSS merupakan salah satu dokumen website yang bertujuan untuk mengatur gaya (style) tampilan website.CSS bukanlah sebuah bahasa pemrograman, melainkan sebuah aturan untuk mengendalikan beberapa komponen pada web sehingga akan lebih terstruktur, seragam dan mudah dalam pengaturan saat pendesain sebuah halaman web. CSS merupakan sekitar pembuatan dan pengaturan style font, warna, jarak, bentuk, dan lain-lain yang tidak dapat dilakukan dengan elemen - elemen HTML. Dapat dikatakan bahwa CSS merupakan pengembangan dari HTML dalam hal format dokumen web. CSS merupakan sebuah teknologi internet yang di rekomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS di standarisasikan, internet explorer dan Netscape merilis browser terbaru yang mendukung standar CSS. Terdapat tiga versi CSS, CSS1, CSS2, dan CSS3. Yaitu :



Versi CSS              Fitur CSS
CSS 1                     Fokus mengatur pemformatan dokumen HTML, seperti

-        Font (Jenis ketebalan).

-Warna, teks, background dan elemen lainnya.
- Text attributes, misalnya spasi antar baris, kata dan huruf.
-        Posisi teks, gambar, table dan elemen lainnya.

-         Margin, border dan padiing.
CSS 2                     -        Mengatur format dokumen untuk kebutuhan di cetak

dengan printer

-         Posisi konten

-         Downloadable

-         Font huruf

-         Table layout

-         Media tipe yang
CSS 3                     -Sangat mendukung tampilan desain website

-         Animasi warna bahkan sampai animasi 3D

-         Menunjang kompabilitas website dengan smartphone

-         CSS math

-         CSS obyek model

-         Mendukung fungsi multimedia pada website

-         Beberapa efek teks, seperti teks berbayang, kolom koran, dan "word-wrap"
-Jenis huruf eksternal, sehingga dapat menggunakan huruf yang tidak termasuk "web-safe fonts".
-Beberapa efek pada kotak, seperti
 
CSS 3 merupakan versi CSS terbaru yang masih dikembangkan oleh W3C. Namun beberapa web browser sudah mendukung CSS 3. CSS 2 didukung seutuhnya oleh CSS 3 dan tidak ada perubahan, hanya ada beberapa penambahan. Ketika sebuah web yang semula menggunakan CSS 2 bermigrasi CSS 3, tidak perlu mengubah apapun.

Sabtu, 09 April 2016

Link dengan html

Cara membuat link dengan html bisa menggunakan script dibawah ini.

<a href="http://elearning-madefunday.blogspot.co.id" title="Pande Made Kertiyasa" target="_blank">Pande Made Kertiyasa</a>

  1. href="http://elearning-madefunday.blogspot.co.id" adalah alamat web yang dituju saat kita klik link.
  2. title="Pande Made Kertiyasa" adalah judul yang muncul saat link kita tunjuk dengan mouse.
  3. target="_blank" maksudnya ketika kita klik link maka browser akan membuka tab baru untuk menampilkan web yang ada di link.

Hasil dari script html di atas ....
Pande Made Kertiyasa

Tabel dengan html

Contoh kode html untuk membuat tabel

<table width="200" border="1">
<tr>
<td width="30">No</td>
<td width="154">Nama Buah</td>
</tr>
<tr>
<td>1</td>
<td>Anggur</td>
</tr>
<tr>
<td>2</td>
<td>Apel</td>
</tr>
<tr>
<td>3</td>
<td>Jeruk</td>
</tr>
<tr>
<td>4</td>
<td>Semangka</td>
</tr>
</table>

Hasil dari kode html tabel di atas tampil seperti dibawah ini.
No Nama Buah
1 Anggur
2 Apel
3 Jeruk
4 Semangka

Alamat Blog Kelas X TKJ 2 SMK Negeri 2 Kalianda