Bring Me The Horizon Kembali Hadirkan Warna Baru dalam Drown

Setelah minggu lalu kasih bocoran tentang lagu baru berjudul Drown , Bring Me The Horizon akhirnya merilis lagu baru tersebut Selasa (21/10) malam, lewat akun Youtube mereka.

Lagu baru Olivers Sykes dan kawan-kawan ini lagi-lagi menghadirkan warna baru buat unit Deathcore/Metalcore asal Sheffield, Inggris. Pasalnya dalam Drown , kalau diperhatikan, scream keras Oli hampir nggak ada, layaknya Sleepwalking  di albumSempiternal . 

Apalagi bridge mereka tiba-tiba menghadirkan sebuah gimmick  baru yang mungkin nggak kita sangka sebelumnya, yaitu unsur swing pop seperti di lagu-lagu pop lawas era 1960-an.

Seperti yang sebelumnya diberitakan, memang Bring Me The Horizon bakal memberikan banyak kejutan di lagu baru ini yang akan dirilis secara resmi 7 Desember mendatang. Nggak musiknya aja yang terdengar lebih soft dan mungkin bisa dibilang pop, tapi dandanan mereka di video klip tersebut mengingatkan kembali akan The Beatles.

Band yang berdiri sejak 2004 lalu telah merilis empat buah album studio,  Count Your Blessings (2006), Suicide Season (2008), There Is a Hell, Believe Me I've Seen It. There Is a Heaven, Let's Keep It a Secret. (2010  ), dan yang teranyar Sempiternal (2013).

Melihat perjalanan karir bermusik Bring Me The Horizon di dunia musik metal dan kini mereka yang terdengar lebih "halus", bukan nggak mungkin di album selanjutnya, baik album penuh atau EP nantinya, kita bakal mendengar kejutan-kejutan lainnya yang bakal disuguhkan Oli dan kawan-kawan.

Sumber : Bring Me The Horizon Kembali Hadirkan Warna Baru dalam Drown - Hai Online

Read More

Hello HTML 5!

Assalamualaikum wr.wb. kawan-kawan semua, apa kabar kalian para pejuang toga? Hehe. KIYEPEDIA mau upload tugas dari dosen favorit ane nih, Pak Barka Satya. Tugasnya suruh upload  materi tentang HTML 5 ke blog kesayangan. Langsung aja gausah panjang-panjang, check this out gan!

Pengertian HTML 5

HTML 5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari internet. HTML 5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML 5 adalah untuk meperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML 5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML 5 merupakan jawaban atas pengembangan 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak.

Tag Baru yang dimiliki HTML 5

Tag Baru seperti header, footer, nav, section, aside, dll memungkinkan browser untuk mengakses konten dengan mudah. Sebelumnya, kita hanya menentukan hal tersebut dengan tag dan menggunakan atribut id ataupun class.

Kelebihan HTML 5

1. Fitur kanvas untuk menggambar menggunakan script code
2. Fitur video dan audio untuk media pemutar file multimedia
3. integrasi yang lebih baik dnegan aplikasi situs dan pemrosesannya
4. Integrasi ('inline') dengan doctype yang lebih sederhana
5. Penulisan kode yang lebih efisien
6. Penanganan kesalahan yang lebih baik
7. Mengurangi kebutuhan untuk plugin eksternal
8. Lebih markup untuk menggantikan scripting

Kelemahan HTML 5

Saat ini HTML5 masih dalam pengembangan, sehingga hanya beberapa browser yang sudah mendukung HTML5, seperti fitur-fitur pada HTML5 tidak semuanya bisa berfungsi dengan baik [ada beberapa browser. Beberapa browser yang sudah mendukung HTML 5 seperti Saffari, Chrome, Firefox, dan Opera. Namun kabarnya IE9 (Internet Explorer) akan mendukung beberapa fitur dari HTML5.

Nah, selain bacaan diatas KIYEPEDIA juga mencoba untuk membahas kembali apa yang Pak Barka berikan pada pertemuan kemarin. Yaitu tentang cara memasukan video menggunakan extensi .webdm dan iFrame.

sumber :

https://gandha23.wordpress.com/2013/10/14/kelebihan-dan-kekurangan-html-5/

http://id.wikipedia.org/wiki/HTML5

Read More

Cara Membuat Website dengan Dreamweaver Cs6

Cara Membuat Website dengan Dreamweaver CS6 – Membuat website dengan Dreamweaver dapat dikatakan cukup mudah. Sobat tidak perlu menghafal script-script HTML yang cukup merepotkan. Nah berikut ane berikan cara membuat website dengan Dreamweaver. Monggo diikuti ya sob..

Pada latihan kali ini kita akan belajar membuat website sederhana menggunakan Adobe Dreamweaver CS6. Langkah awal dalam membuat website adalah menetukan tema website kita. Untuk latihan kali ini kita akan menggunakan tema website pribadi.
Kita tentukan dahulu menu yang akan kita sajikan pada website kita. Sebagai contoh:
Menu utama terdiri dari: HOME, PROFIL, BERITA, GALERI, KONTAK
Layout kita buat sbb:

atau

Atau silahkan gunakan imajinasi anda untuk membuat layout website yang akan anda buat.
Keterangan:
Home adalah halaman awal website
Profil dapat diisi mengenai profil anda
Berita dapat diisi dengan berita pada hari ini
Galeri dapat diisi gambar-gambar atau foto-foto kegiatan
Kontak dapat diisi alamat dan nomor telepon yang dapat dihubungi

Untuk membuat website tsb berikut langkah yang dapat dilakukan:
Buka dahulu program Adobe Dreamweaver
Lembar Kerja Adobe Dreamweaver

Untuk manajemen dalam membuat website, lakukan langkah berikut Klik Site -> New Site

Akan masuk jendela baru sbb:

pada kolom site name silahkan isikan nama situs anda, misal Latihan, untuk local site folder adalah letak menyimpan seluruh dokumen (file-file) website anda.

Klik tombol pada sebelah kanan, maka akan muncul lokasi untuk menyimpan seluruh file anda sbb

Sebagai contoh, lokasi di F:/Websiteku

Lihat pada sidebar kanan Adobe Dreamweaver anda maka akan muncul folder tempat anda menyimpan dokumen website anda

Sampai di sini anda sudah berhasil melakukan seting root dokumen untuk website anda

Next step, adalah membuat dokumen HTML untuk website kita

Klik pada menu File->New, lalu pilih Blank Page->HTML lalu klik Create

Langkah selanjutnya, kita akan membuat halaman utama, simpan file ini dengan nama index.html. Buat Layout utama (layout contoh 1) sebagai berikut:
Buat tabel dengan cara klik Insert->table, gunakan parameter sbb:

klik OK maka akan muncul tampilan sbb:

Untuk menyesuaikan dengan layout 1, maka pada baris paling atas (untuk header) lakukan merge cell, dengan cara:

Maka akan menjadi:

Karena kita akan menggunakan banyak gambar, alangkah baiknya jika kita membuat folder khusus untuk lokasi penyimpanan gambar, dengan cara sbb:

Pilih New Folder, beri nama folder baru dengan nama gambar

Selanjutnya adalah buka direktori di F:/websiteku/gambar, copykan semua gambar ke folder tsb, contoh:

Setelah kita masukkan gambar ke folder gambar, kita cek pada dreamweaver pada area kerja seperti di bawah, lalu klik F5 (refresh) maka gambar yang sudah dikopi akan diload oleh dreamweaver sbb:

Pada contoh hanya ada 1 file gambar yaitu header.jpg karena sebelumnya hanya mengkopi 1 file gambar.
Selanjutnya, kita simpan dahulu file ini dengan nama index.html dengan cara pilih menu File->Save

Selanjutnya kita masukkan gambar sebagai header dengan cara pada baris 1, kita sorot lalu pilih menu Insert->image sbb

Buka folder gambar

pilih file header.jpg, lalu klik OK, maka akan menjadi sbb:

Selanjutnya kita akan membuat menu utama di kolom 1 baris ke 2

Sesuaikan parameter seperti di atas (Horz: default, Vert:Top)
Selanjutnya kita buat tabel pada cell tsb dengan cara pilih menu insert->table dengan parameter

Lanjutkan dengan membuat menu utama seperti berikut:

Selanjutnya kita akan membuat kode menggunakan tag . Tag ini untuk menentukan lokasi halaman yang muncul

Kita kembali ke split view, tuliskan tag berikut pada posisi lokasi iframe

Sampai di sini halaman utama sudah kita buat. Langkah selanjutnya adalah membuat konten sesuai dengan menu yang sudah kita tentukan.
Nah, sebelumnya kita telah membuat sebuah tag iframe dengan atribut src=”welcome.html”, artinya ketika halaman index.html pertama kali diload/dibuka, maka iframe seharusnya berisi file welcome.html, jika kita lihat melalui browser (tekan F12) sbb:

muncul keterangan File not found, mengapa? karena kita belum membuat file dengan nama welcome.html. Lalu apa yang harus kita lakukan? yap, benar sekali kita harus membuat sebuah file baru lagi dengan nama welcome.html. Caranya, silahkan buat kembali dokumen HTML baru lalu simpan dengan nama welcome.html

setelah kita buat file welcome.html, kita buka kembali file index.html melalui browser:

Sekarang kita buat file selanjutnya, profil.html dimana file ini merupakan file yang akan dituju ketika tombol Profil pada Menu Utama diklik

Sekarang kita kembali ke halaman index.html, kita akan menautkan (link) tombol Profil ke file profil.html sbb:

Pada kolom Link, isikan: profil.html (artinya ketika tombol Profil diklik, maka halaman profil.html akan dibuka)
Pada kolom Target, isikan: isiwebsite, mengapa? coba kita lihat kembali ke atas pada tag:
lihat pada tag artinya file profil.html akan ditampilkan pada iframe isiwebsite, sehingga jika kita buka file index.html pada browser dan kita klik pada tombol Profil, maka:

nah sudah terlihat bukan halaman website kita? eit ada yang kelupaan, kita belum menautkan tombol Home…hmmm kira-kira ke mana ya menautkan tombol Home ini?? ya benar, tombol Home ini kita tautkan ke file index.html

Sekarang coba klik tombol Home atau Profil, maka halaman website kita akan berubah bukan?
Tugas anda sekarang adalah membuat halaman yang lain, yaitu halaman Berita, Galeri dan Kontak. Lakukan langkah sama seperti di atas. Untuk konten silahkan gunakan imajinasi anda. Selamat belajar.

Nah mudah bukan cara membuat website dengan Dreamweaver CS6

sumber : https://ferianto29.wordpress.com/tutorial/cara-membuat-website-dengan-dreamweaver-cs6/

Read More

My family and hometown

               Hello my friends, my name is Khanif Maulana Azhar. My presence here is to tell you about my family. Let's begin from my parents. I have parents named (Harmanto) and (Laela). My dad is a BUMN employee. He is kind, hard-worker and diligent. He is responsible for all the discipline in our house. He teaches me many things. My mom is a housewife. She is so gentle and kind. She is like any other mom. Loving, caring, and concerned yet when she is angry you will definitely know. I have two sibling, from my younger sister, her name is Annisa. She is 2 years younger than me. And Utami is my older sister, she is 2 years older then me. Although I only son alone at home, but I am not a bad boy. I still have to keep both of my siblings. That’s my little family. A family which I love the most, we always support and love each other. I wish we could stay together in joy and sorrow.

                I want to tell you about my hometown too. Cilacap is largest district in Central Java, covers 86.6% of the total area of Central Java. Cilacap have a tourism  place that is Benteng Pendem. Cilacap Pendem fort built in 1861, is a Dutch forts on the coast of the Turtle Bay district of Cilacap, Central Java. This building is the former headquarters of the Dutch East Indies Army defense built on an area of 6.5 hectares in phases over 18 years, from 1861 until 1879. Fortress Pendem coast was covered with soil and not neglected. The fort was later found and excavated Cilacap government began in 1986.

                                                                   

That's all I really want to tell you, thanks for your attention and have a nice day!

Khanif Maulana Azhar

Read More

Materi Pemrograman Web Pertemuan Ke 2

             Pada kesempatan kali ini saya akan mem-posting tugas yang diberikan oleh Pak Barka Satya pada pertemuan pertama-kedua mata kuliah Pemrograman Web, yaitu aplikasi Adobe Dreamweaver. Dari awal pertemuan yaitu membuat halaman web sederhana hingga membuat halaman dengan menggunakan design yang beragam menggunakan HTML.

Tentang HTML

·         HTML : format standar untuk membuat dokumen web

·         HTML versiterakhir: HTML 4.01

·         Spesifikasi HTML standar: http://www.w3.org/TR/html4

·         HTML merupakan bahasa bertanda,menggunakan rangkaian teks tertentu(tag) untuk menandai teks yang mempunyai interpretasi khusus

·         File HTML berupafile teks(plain text file), bukan binary file

            Awal dari membuat halaman web dengan menggunakan <html>...</html> ,Untuk bagian atas disebut <head> dan diakhiri </head> , untuk menulis judul menggunakan <title> dan diakhiri </title>. Setelah mendesign  bagian kepala atau atas web kita lalu membuat bagian isi dengan menggukan <body> diakhiri </body> . berikut tags-tags dalam html yang sudah di ajarkan:

<h1> <h2> <h3> <h4>..         =untuk menentukan ukuran huruf
<p>      ...</p>=untuk membuat paragraf baru

<br>    =untuk mengenter atau membuat baris baru
<marquee>...<//marquee>

             Di pertemuan kedua Pak Barka Satya memberikan materi tentang bagaimana memasukan gambar dan link pada web kita . kita masih mengggunakan aplikasi yang sama yaitu dreamweaver.

Untuk memasukan link ke dalam web menggunakan:

<a href="http://www.amikom.ac.id">Kampus ku</a>

Untuk memasukan gambar pada web yaitu menggunakan:

<img src=”latihan1.jpg” width=”300” height=”300”> usahakan gambar yang dipilih adalah gambar yang mempunyai resolusi yang bagus agar tidak pecah. Jika ingin menggerakkan gambar pada tampilan web kita bisa menggunakan tags html yaitu <marguee>...</marquee>

Jika kita ingin memasukkan gambar delang lebih rapi dan teratur kita bisa menggunakan option “table” kita bisa menentukan berapa jumlah kolom dan barisnya. Setelah itu kita bisa memasukan gambar disetiap kolomnya. Dengan begitu foto yang kita tampilkan akan lebih rapi dan teratur. Ini adalah contoh blog sederhana yang sudah diajarkan 

<html>

<head>

<title>Distro Baju Pantas Dipakai</title>

</head>
<body>

<p> Toko ini menjual berbagai  merk Baju</p>
<table width="300" border="2">
  <tr>
    <td><img src="polo1.jpg"width="200" height="200"></td>
    <td><img src="polo2.jpg"width="200" height="200"></td>
    <td><img src="polo3.jpg"width="200" height="200"></td>
  </tr>
  <tr>
    <td><img src="psd1.jpg"width="200" height="200"></td>
    <td><img src="psd2.jpg"></td>
    <td><img src="psd3.jpg"></td>
  </tr>
  <tr>
    <td><img src="joger1.jpg"width="200" height="200"></td>
    <td><img src="joger2.jpg"width="200" height="200"></td>
    <td><img src="joger3.jpg"width="200" height="200"></td>
  </tr>
</table> 

</body>

</html>

        Kita juga diajarkan membuat Animasi dalam HTML:

Animasi dalam HTML

Teks Berkedip

<blink>TEXT</blink>

                                          TEXT

Menggerakan Teks dari kanan ke kiri

<marquee>TEXT</marquee>

Menggerkan Teks dari kiri ke kanan

 <marquee direction="right">TEXT</marquee>

The href Attribute

HTML link dilambangkan dengan <a>
Example
<a href="http://www.w3schools.com">Ini adalah linknnya</a>

Font size
<font size="n"> kalimat </font>
<font size="m"> kalimat </font> 

"n"=1,2,3,4,5,6,7(ukuran huruf)

"m"=-1,-2,-3,-4,-5,-6,-7(ukuran huruf)

Font face
<font face="nama font"> kalimat </font>

nama font = Times new roman, Arial, dll


Font color
<font color="#RRGGBB"> kalimat </font>

g

ssumber : http://bernadusrossizakaria.blogspot.com/2014/10/tugas-merangkum-materi-pak-barka.html

               http://febrpamungkas.blogspot.com/2014/03/materi-pemrograman-web.html

Read More