Chakra Media

Senin, 14 September 2015

Hari Programmer Sedunia

Selamat hari Programmer sedunia untuk semua programmer hebat didunia. Ternyata ada hari programmer sedunia loh sobat, tepatnya tanggal 13 september 2015 kemarin. Mengutip dari jurnalweb.com hari programmer ini tidak selalu sama loh tanggalnya, hari programmer jika tahun biasa akan diperingati pada tanggal 13 september seperti sekarang ini, akan tetapi diperingati pada tanggal 12 september di tahun kabisat. Sayangnya hari programmer sedunia ini belum terlalu dikenal oleh masyarakat dunia, padahal untuk jaman yang serba canggih ini, programmer sangat dibutuhkan, masa ngga ada apresiasinya sih hehe.

Tapi menurut wikipedia di Rusia pada tanggal 24 Juli 2009, Mentri Komunikasi Rusia mengeluarkan sebuah naskah tentang hari libur profesional yang baru, yaitu Hari Programmer dan pada tanggal 11 September 2009, Presiden Rusia Dmitry Medvedev menerapkannya sebagai hari libur profesional resmi, wah enak banget yah, berarti disana programmer sangat dihargai. Mengapa pada tanggal 13 atau 12 September ?? karena pemilihan hari ke-256 (2⁸) dari tanggal 1 Januari. Kenapa juga dipilih angka 256 (2⁸) untuk hari programmer ini ?? karena angka 256 (2⁸) ini angka yang paling besar atau yang bisa dijangkau oleh sistem 8bit dan 2⁸ atau 2 pangkat 8 adalah angka yang paling tinggi untuk menjangkau nilai 256 jika 2 pangkat sembilan akan lebih dari semua hari dalam setahun kan ?? mungkin seperti itu, yang pasti 8bit dikenali oleh semua programmer didunia. Selain itu juga angka 256 ini jika dikonversikan ke dalam nilai hexadesimal yaitu 100.

mungkin cukup sekian untuk informasinya tentang hari programmer sedunia ini.

"Life as a programmer, i have no life, but i love my life"

Mohon maaf bila ada kesalahan kata, bisa anda koreksi di kolom komentar ini. Terima kasih dan Semoga bermanfaat sobat...

thank's to www.jurnalweb.com and wikipedia

By Chakra Bernat 15.42

Tutorial HTML Dasar : 4. Mengenal apa itu Elemen dan Atribut pada HTML

Pada kali ini kita akan belajar tentang elemen dan atribut pada HTML. Pada pembahasan sebelumnya kita telah mengenal atau mempelajari tentang tag-tag dasar HTML. nah, sekarang kita akan mempelajari apa itu elemen dan seperti apa elemen itu ?

Elemen adalah segala sesuatu yang ditulis diantara tag pembuka dan tag penutup. Biar ga bingung saya sertakan contohnya :

<p>Ini adalah tag paragraf.</p>

<p> = tag pembuka
ini adalah tag paragraf = elemen
</p> = tag penutup

Oh iya hampir lupa, setiap tag itu mempunyai tag penutup seperti contoh diatas. Akan tetapi ada beberapa tag yang tidak punya penutup, seperti : <br>. Yang lainnya menyusul, saya yakin nanti kalian akan tau sendiri kalau sudah bisa HTML.
Sintak diatas adalah contoh 1 elemen. Sekarang saya akan membuat sintak HTML yang berisi 5 elemen.

<!doctype html>
<html>
<head>
<title>Web Pertamaku</title>
</head>
<body>
<h1>Hello World!, This is my first web</h1>
</body>
</html>

Contoh diatas yaitu sintak yang berisi 5 elemen, yang mana sajakah elemen itu ?? mari kita lihat di TeKaPe hihihi...
Yang ke satu, Tag <html> itu elemennya yang ada dibawah ini :

<head>
<title>Web Pertamaku</title>
</head>
<body>
<h1>Hello World!, This is my first web</h1>
</body>

Yang ke dua, Tag <head> elemennya yang ada di bawah ini :

<title>Web Pertamaku</title>

Yang ke tiga, Tag <body> elemennya yang ada dibawah ini :

<h1>Hello World!, This is my first web</h1>

Yang ke empat, Tag <title> elemennya yang ada dibawah ini :

Web Pertamaku

Yang ke lima, Tag <h1> elemennya yang ada dibawah ini :

Hello World!, This is my first web

Nah itu dia elemen tersebut. Jangan lupa tag penutupnya ya sobat, untuk membiasakan kita rapih dalam coding. Sebenarnya HTML akan memaafkan jika kita lupa menutupnya salah satu, akan tetapi jika kita sudah berurusan dengan web design nanti terhat sekali perbedaannya. Maka dari itu kita biasakan coding dengan rapih. Oke lanjut, sekarang mari kita bahas tentang Atribut.

Atribut adalah suatu informasi tambahan untuk elemen berada didalam tag pembuka atau berada dalam tanda "< >". Setiap atribut mempunyai nilai atau value. saya berikan contoh :

<a href="http://www.chakra-media.tk">Chakra media.tk</a>

href inilah yang disebut atribut dan http://www.chakra-media.tk itu adalah nilainya atau value. Jangan pakai tanda kutip satu atau dua agar terbiasa, sebenarnya tanpa kutip juga bisa, tapi lebih susah ketika dalam satu tag ada beberapa atribut.
Silakan sobat coba HTML ini untuk latihan :

<!doctype html>
<html>
<head>
<title>Web Pertamaku</title>
</head>
<body>
<h1>Hello World!, This is my first web.</h1><br/>
<p>Silakan klik link ini
<a href="http://www.chakra-media.tk">Chakra media.tk</a>
</p>
</body>
</html>

Mungkin cukup sekian tutorial dari saya mengenai elemen dan atribut. Jika ada yang kurang berkenan dihati sahabat silakan berkomentar, untuk koreksiannya.

Terima kasih telah membaca postingan ini, semoga bermanfaat :).

Minggu, 13 September 2015

By Chakra Bernat 11.18

Tutorial HTML Dasar : 3. Mengenal tag-tag dasar dalam HTML

Hey sabahat Chakra Media Blog, kali ini saya akan memposting sebuah awal dari pembelajaran HTML kalian nih, langsung saja saya akan memulainya.

Semua bahasa pemrogramman pasti punya gaya penulisan masing-masing, jika teman-teman pernah belajar tentang bahasa pemrogramman lain pasti akan melihat perbedaannya. Dalam HTML juga kita akan mempelajari tentang tag-tag dasar dan struktur penulisan yang benar.

Tag adalah sebuah kode atau tanda yang ditulis untuk membuat web browser mengerti apa yang ingin kita gambarkan di web browser tersebut. Itu menurut saya yah, nah setelah sahabat membaca pengertian tag, mari kita lihat tag-tag paling dasar dan inti dari sebuah HMTL.

Mari kita buka text editor kita, entah itu notepad++,sublime, atau dreamweaver.

Tag pertama yang paling awal yaitu :

<!DOCTYPE html>

kenapa harus memakai tag diatas ?? karena sampai saat ini HTML sudah mencapai versi 5 disebut HTML5. Mungkin sahabat juga bertanya, kenapa ketika pengenalan HMTL sebelumnya contohnya tidak memakai tag diatas ?? karena agar kalian tertarik dulu dan tidak beranggapan kalau HTML itu susah.
sekarang tag selanjutnya :

<html>
......
</html>

Tag ini menjadi sebuah bungkus untuk semua tag lain, kecuali yang atas tadi yah. Setiap tag harus ditutup, tanda perbedaan penutup dan pembuka tag yaitu dengan tanda backslash (/).
selanjutnya yaitu :

<head>
<title>Web Pertamaku</title>
</head>

Tag <head> ini biasa digunakan untuk menyimpan judul web kita. Tapi, selain judul web kita juga bisa menyimpan sebuah file css ataupun javascript. Tag <title> itulah untuk membuat judul web kita.
selanjutnya :

<body>
<h1>Hello World!, This is my first web.</h1>
</body>

Tag <body> ini biasa dipakai untuk menyimpan semua isi yang ada didalam web sobat. dan tag <h1> ada 6 yaitu dari <h1> sampai <h6>. <h1> ukuran font yang paling besar dan <h6> ukuran font yang paling kecil.

Sekarang mari kita susun bersama di text editor kita :

<!doctype html>
<html>
<head>
<title>Web Pertamaku</title>
</head>
<body>
<h1>Hello World!, This is my first web</h1>
</body>
</html>

Jangan lupa ketika save harus memakai extensi .html,buatlah sebuah folder untuk khusus latihan kita, lalu save dengan nama web_pertamaku.html.

Mari kita lihat apakah berhasil ? buka di web browser kita dengan double klik jika sudah default programnya mozzila/chorme, jika belum tinggal klik kanan open with pilih saja web browser mana yang kita inginkan.. kurang dianjurkan memakai IE(Internet Explorer).

Jika berhasil akan tampil seperti gambar diatas...

cukup sekian untuk pembahasan tentang Mengenal tag-tag dasar HTML, mohon maaf bila ada kesalahan dalam penulisan karena saya juga manusia, yang pasti bila anda menemukan kesalahan tinggal komentar. semoga bermanfaat... jangan lupa kunjungi chakra media lagi sobat...

Sabtu, 12 September 2015

By Chakra Bernat 15.22

Tutorial HTML Dasar : 2. Mengenal Software Text Editor Yang Bisa Digunakan Untuk Programming

Selamat datang kembali sahabat chakra media blog, senang sekali saya bisa menulis postingan untuk blog ini lagi.Melanjutkan postingan kemarin Tutorial HTML Dasar : 1. Mengenal apa itu HTML dan fungsinya, Sesuai yang di tulis kemarin, saya sekarang akan membahas tentang Mengenal Software Text Editor Yang Bisa Digunakan Untuk Programming khususnya HTML. Oke langsung saja ke pembahasan.

setiap programmer pasti membutuhkan software untuk pembuatan aplikasinya, maka dari itu sebelum saya membahas HTML, saya akan mengenalkan software yang bisa digunakan untuk pembuatan HTML. Sebenarnya software untuk membuat file HTML sering sekali kita temui di PC atau laptop kita, akan tetapi karena kita belum mengetahuinya jadi software itu terabaikan.

Mari kita lihat software apa saja yang bisa kita gunakan untuk programming HTML yang akan kita pelajari nantinya, softwarenya yaitu :

1. Notepad

Software pertama yang bisa kita gunakan yaitu Notepad. hah Notepad ?? mungkin yang belum tau akan bilang seperti itu karena software atau text editor ini adalah software bawaan windows. Tapi, jangan sangka software ini berguna atau bisa digunakan untuk programming. karena bahasa pemrogramman seperti HTML, PHP, dan teman-temannya itu berbasis text(padahal semua programming juga gitu sih hehehe), tapi kalo pemrogramman yang tidak disebutkan tadi, biasanya harus pakai software tersendiri. Menurut pengalaman saya Notepad ini kurang cocok dipakai untuk dipakai untuk programming, karena tampilannya sendiri sangat simpel, tidak ada penandaan warna di setiap tag-tagnya. Tapi, jika sahabat mahir pakai software ini, saya yakin sahabat sudah hebat dalam pemrogramman. Karena, programmer pun biasanya memakai software khusus text editor untuk programming.

2. Notepad++

Nah, kalau software ini banyak di gunakan untuk percodingan atau programming (bahasa kerennya). Notepad++ ini memiliki fitur yang plus-plus dari notepad windows. Jika sahabat mengunakan ini, sahabat akan merasakan kenyamanan dalam programming. Kalau sahabat liat di notepad semua fontnya hitam, beda cerita ketika membuka aplikasi ini, karena sahabat akan melihat warna-warna untuk setiap tag HTML kita. Jadi, tidak membuat bosan dan ketika error pun tidak terlalu susah untuk menemukan error tersebut(asalkan sobat tau asal error tersebut pastinya =D hehe). Baik jika sahabat ingin tau lebih banyak tentang software ini bisa download dengan klik Notepad++ .

3. Sublime : Text Editor

Kalo berbicara tentang software ini saya semangat, soalnya ini text editor favorit saya nih. Namanya Sublime : Text Editor, oh iya kalo Notepad++ dan Notepad itu backgroundnya putih, tapi sublime ini kebalikannya, yaitu warna item, tapi ga terlalu item gitu, jadi adem banget dimata. Itulah mengapa saya suka sekali dengan software ini. Dan fiturnya ga beda jauh, pastinya setiap tag coding kita mempunai warna tersendiri gan, dan masih banyak fiturnya yang ga bisa disebutkan saya satu per satu. jika sahabat minat download dan elihat fitur lainnya langsng sa ke web resminya Sublime : Text Editor

4. Adobe Dreamweaver

Salah satu perusahaan software raksasa di dunia ini juga tidak mau kalah, karena, mungkin menjanjikan juga sebuah text editor. Adobe membuat sebuah text editor bernama Adobe Dreamweaver. jika masih pemula akan sangat terbantu karena anda dipermudah apabila anda masih baru mengenal bahasa pemrograman. fitur yang di tawarkan yaitu anda bisa melihat langsung layout atau rancagan HTML yang kita buat. Akan tetapi software ini berbayar(taulah orang indo mah gimana caranya =D). Akan tetapi menurut saya dreamweaver ini kurang diajurkan karena si pemula menjadi kurang berfikir sobat, kalau menurut saya mending notepad++ atau Sublime : text editor, jika agan nekat boleh juga pakai notepad saja hehehe. Jika ingin mendownload agan bisa cari di google saja.

yah mungkin cukup sekian dari saya, oh iya, sebenarnya software atau text editor yang saya cantumkan diatas itu hanya sebagian dan yang pernah saya coba. Sebenarnya masih banyak sobat, bisa cari saja digoogle untuk yag lainnya yah...

Terima Kasih telah mengunjungi blog saya, Semoga bermanfaat....

Jangan lupa berkunjng kembali, soalnya saya akan memulai pembahan dasar HTML...

Jumat, 11 September 2015

By Chakra Bernat 20.09

Tutorial HTML Dasar : 1. Mengenal apa itu HTML dan fungsinya

Halo guys =D ketemu lagi dengan saya di chakra media blog, setelah membuat posting pembukaan pada kali ini saya akan membahas tentang HTML. Apa itu HTML ?? dan apa fungsi dari HTML ??.
baik sebelum saya menjelaskan apa itu HTML, alangkah baiknya kita mengenal dulu siapa orang yang berjasa menemukan HTML ini hingga sekarang menjadi salah satu bahasa dalam komputer yang bisa dikatakan terbaik hingga saat ini, singkatnya penemu HTML ini yaitu Tim Berners Lee beserta timnya sekaligus penemu world wide web atau biasa disingkat www, yang saat ini menjadi ketua w3c(World Wide Web Consortium).

Nah setelah mengetahui orang yang menemukan bahasanya, mari kita lanjut ke pembahasan inti.
apa itu HTML ?? HTML itu singkatan dari HyperText Markup Language, HTML bisa di sebut Markup Language atau Bahasa Markup, disebut Markup karena HTML berasal dari sekumpulan tag Markup. jadi HTML adalah bahasa markup yang mengandung tag-tag atau kode didalamnya dan dideskripsikan melalui browser. Dan fungsi HTML yaitu membuat suatu arsip atau data atau dokumen yang bisa dibuka di web browser kita dan bisa berpindah dokumen dengan cepat dengan klik ke sebuah link yang inginkan. Orang-orang yang sudah mengerti di bidang pemrograman sebenarnya menyebutkan bahwa HTML bukan bahasa pemrograman karena HTML tidak memiliki fungsi seperti if, loop, dan lain-lain, nah bahasa pemrograman PHP inilah yang disebut bahasa pemrogramannya. Jika diibaratkan HTML & PHP ini bagai seorang manusia, HTML sebagai raganya atau hanya seluruh badannya. dan PHP ini adalah jiwanya atau nyawanya. Mengapa saya bilang seperti itu ? karena dalam tag HTML terdapat tag seperti <head>,<body>. jika kalian sudah mengenal HTML dan PHP akan paham sendiri deh kenapa saya ibaratkannya seperti itu =D. HTML sampai saat ini sudah mencapai versi 5 atau HTML5.

contoh sintak atau kode dasar dari HTML agar teman-teman lebih semangat mempelajarinya :

<html>
<head>
<title> web pertamaku</title>
</head>
<body>
<h1>hello, World</h1>
</body>
</html>

Mungkin cukup sekian dulu untuk pengenalan HTML, di tutorial selanjutnya kita akan membahas tentang text editornya bisa digunakan untuk membuat file HTML dkk.

semoga bermanfaat.... jangan lupa kunjungi blog ini lagi yaa....

By Chakra Bernat 18.34

Selamat datang di blog Chakra Media

Selamat datang di blog baruku Chakra media....

Saya selaku pemilik blog baru ngelauching blog baru nih, sebelumnya pernah membuat blog juga bisa diliat linknya : www.chakra-cheaters.blogspot.com & www.dari-chakra.blogspot.com .

Mungkin pernah ada yang mempir ke blog saya sebelumnya, mungkin ada yang bertanya (pd banget :v) mengapa saya buat lagi blog baru ?? jawabannya yaitu saya ingin membuat blog yang lebih rapih dari sebelumnya karena yang kemaren itu.. semuanya ada dimulai dari games, cheat games, chord gitar, info-info menarik, nyampe jadwal piala dunia pun ada disana =D. Maka dari itu saya membuat blog baru yang menjurus ke dunia komputer saja. Di blog ini saya akan lebih dominan ke dunia pemrograman sob.. (sok akrab :v), seperti html & php karena itu favorit saya :D hehe, tapi jangan khawatir saya juga akan membahas tentang pemrogramman lain seperti java, pacal, dan lain-lain. Bukan hanya programming saja disini yang saya bahas yaa inget tuh.. seperti yang udah saya tulis diatas saya akan banyak membahas dunia perkomputer atau teknologi, jadi enjoy di web baru gue yoowww.... saya akan usahakan lebih rajin update postingan, dan jangan sungkan kalo ada yang mau di requesin postingan atau nanya tentang postingan yang udah saya buat, nanya ke hp lebih bagus, so.. Welcome to my blog hihihi....

Mungkin cukup sekian pembukaan dari saya kurang lebihnya mohon maaf, terima kasih telah berkunjung ke blog chakra media, semoga yang saya posting bermanfaat...