Archive for September 2014
Tugas TIK : Pemrograman HTML
Assalamualaiku Wr Wb
Hari ini saya akan membahas sekilas tentang pemrograman HTML.
"HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML." (Wikibooks)Secara mudah, HTML adalah bahasa yang digunakan yang berjenis markup untuk membuat sebuah penampilan dalam sebuah situs di internet. Bahasa ini digunakan sebagai standar dalam penampilan di internet yang dikendalikan oleh W3C (World Wide Web Consortium) itu lho badan yang mengatur dan mengembangkan standar-standar Waring Wera Wanua (URL,HTTP,HTML).
Jadi, dulu perusahaan IBM (yang bikin blackberry salah satunya) membuat bahasa yang digabung dengan perintah pemformatan dokumen dengan menggunakan tanda, makanya dinamakan Markup Language. Dari asal mula GML (oleh IBM) SGML untuk aplikasi (oleh ISO) hingga sekarang HTML 4.01 dan sedang dikembangkan menjadi XHTML oleh Word Wide Web.
HTML digunakan untuk menampilkan banyak hal, dengan prinsip pemformatan melalui tanda. Dari mulai tulisan, gambar, saapai file seperti musik bahkan video ditampilkan menggunakan HTML. Mungkin banyak yang mengira HTML adalah bahasa pemrograman, padahal HTML adalah suatu bahasa dalam bentuk text dan tanda, bahasa yang berbeda dengan pemrograman.
Cara membuatnya adalah dengan mengetiknya pada aplikasi pengolah kata kemudian menyimpannya dalam format .htlm (Ex ; pembuka.html) kemudian menyambungkannya dengan ISP (Internet Service Provider). Mungkin tidak akan banyak yang akan saya jelaskan, hanya sekedar informasi rangkuman dari hasil baca-baca.
Struktur dari bahasa HTML :
- Elemen, terdiri dari tag pembuka ( < ) isi dan tag penutup ( > ) (Ex ;< TITLE >)
- Tag ( < ) digunakan dalam setiap bahasa HTML. bila ada di akhir menggunakan {/}
- < HTML >
- < TITLE >
- < HEAD >
Berisi keterangan informasi, seperti title dan jenis dokumen.
- < BODY >
Bagian tag BODY menandai awal dan akhir dari badan dokumen HTML.
Ada begitu banyak rumus dalam bahasa HTML, tapi tidak akan begitu detail saya jelaskan hanya saja saya akan menambah sedikit sebagai pengetahuan.
Tag
– tag untuk memformat tulisan:
Tag
|
Keterangan
|
< B > </ B >
|
Membuat cetak tebal pada tulisan yang berada diantaranya.
|
| < BLINK > </ BLINK > |
Menyebabkan tulisan berada diantaranya berkedip-kedip.
|
| < CITE > </ CITE > |
Digunakan untuk menandai kutipan dari suatu
buku atau artikel majalah. Browser khususnya menampilkan kutipan
dengan cetak miring.
|
| < CODE > </ CODE > |
Menandai suatu daftar source code program. Biasanya ditampilkan
oleh browser dalam suatu monospaced font yang lebih kecil
|
| < DFN > </ DFN > |
Style untuk definisi dari suatu istilah. Browser
menampilkan definisi dengan cetak miring.
|
| < EM > </ EM > |
Text yang berada diantara tags ini dicetak lebih lebar.
Browser umumnya menampilkan cetak
|
< FONT SIZE = #> </ FONT >
|
Menentukan ukuran font (#) yang digunakan untuk menampilkan HTML dalam
tags. Default is 3; ukurannya dari 1 sampai 7.
|
< H# > </ H# >
|
Tag yang menentukan tingkat heading dengan nilai
antara 1 dan 6, dengan sebagai ukuran paling besar dan 6 paling kecil
|
< I > </ I >
|
Text diantaranya ditampilkan dengan cetak miring.
|
< KBD > </ KBD >
|
Keyboard tag digunakan untuk mewakili tombol keyboard seperti Del atau Enter.
Umumnya ditampilkan oleh browser dengan suatu monospaced font yang lebih
kecil.
|
< PRE > </ PRE >
|
Preformatted text adalah menampilkan tulisan tanpa format yang khusus.
Tag ini bagus digunakan bila ana ingin menangani spasi antar baris; dan juga memudahkan
anda untuk meletakan tab dalam dokumen.
|
< MARQUEE > </ MARQUEE >
|
(hanya pada Microsoft Internet Explorer 2.0/3.0). Tag ini
menyebabkan tulisan yang berada diantaranya
Atribut untuk tulisan MARQUEE :
|
ALIGN
|
Menentukan bahwa tulisan dalam marquee harus dirapikan di TOP,
MIDDLE atau BOTTOM darimarquee tersebut
|
BEHAVIOR
|
Setting yang berlaku untuk atribut ini adalah SCROLL, SLIDE, dan ALTERNATE
|
SCROLL
|
Defaultnya, dari sisi yang satu ke yang lain pada
layar secara berulang.
|
SLIDE
|
Gulung text melintasi layar, dan
|
ALTERNATE
|
|
BGCOLOR
|
Yang ini menentukan dari marquee
|
DIRECTION
|
Menentukan arah ke
|
HEIGHT
|
Menentukan tinggi marquee dalam pixel (HEIGHT = n) atau presentasi
dari layar (HEIGHT= n%).
|
WIDTH
|
Sama dengan atribut HEIGHT, tetapi
diaplikasikan untuk lebar marquee.
|
HSPACE
|
Menentukan margin kiri dan kanan untuk bagianluar marquee dalam
pixel.
|
LOOP
|
Menentukan jumlah kali marquee harus berputar. Jika diabaikan, set
ke -1 atau INFINITE, dan marquee bergulung sampai user meninggalkan halaman
tersebut.
|
SCROLLAMOUNT
|
Menentukan antara geseran dari tulisan
marquee.
|
SCROLLDELAY
|
Menentukan dari tulisan marquee
|
VSPACE
|
Menentukan margin top dan bottom untuk bagian luar dari marquee
dalam pixel.
|
< SAMP > </ SAMP >
|
Menampilkan sejumlah karakter literal. Banyak
browser menampilkan dengan monospaced font.
|
< STRIKE > </ STRIKE >
|
Tulisan diantaranya di coret (Example).
|
< STRONG > </ STRONG >
|
Cara lain menggambarkan attention pada suatu bagian dari
text; biasanya ditampilkan dengan cetak tebal oleh browser.
|
< TT > </ TT >
|
Menampilkan bentuk typewriter style (monospaced) font.
|
< U > </ U >
|
Tulisan diantaranya ditampilkan dengan garis bawah.
|
Mungkin itulah yang bisa saya sampaikan, tidak banyak tapi setidaknya ada ilmu yang bisa didapat. Mungkin untuk lebih detail bisa mencari melalui web search engine dengan keyword pemrograman HTML. Ingat, HTML adalah bahasa tersendiri, bukan bahasa pemrograman. HTML adalah dasar penampilan dalam internet. Berhubung sudah malam, tadinya saya sudah mengetik banyak, tapi tiba-tiba error dan terposting hanya sedikit, jadi lupa deh mau ngetik apa lagi -_-" karenanya, dicukupkan saja, sekian dan terima kasih.
Waassalammualaikum Wr Wb
NB : Spasi pada bagian setelah tanda tag {<} dan {>} dihilangkan, spasi digunakan agar kata terbaca sebagai bahasa biasa, bukan bahasa HTML.
Tag :
tugas tik
Tugas TIK : Game Flow
Setelah sekian lama tidak mengunggah postingan baru, akhirnya hari ini saya akan memposting sebuah artikel tentang "Flow" salah satu game berbasis smart phone yang cukup terkenal. Deskripsi game :
Flow Free is a simple yet addictive puzzle game.
Connect matching colors with pipe to create a flow. Pair all colors, and cover the entire board to solve each puzzle in Flow Free. But watch out, pipes will break if they cross or overlap!
Free play through hundreds of levels, or race against the clock in Time Trial mode. Flow Free gameplay ranges from simple and relaxed, to challenging and frenetic, and everywhere in between. How you play is up to you. So, give Flow Free a try, and experience "mind like water"!
Flow Free features:
★ Over 1,000 free puzzles
★ Free Play and Time Trial modes
★ Clean, colorful graphics
★ Fun sound effects
Special thanks to Noodlecake Studios, creators of Super Stickman Golf, for their work on Flow Free!
Seperti yang dijelaskan, Flow merupakan game bertemakan puzzle. Game yang sederhana,
bertujuan menghubungkan setiap dot (titik warna) dengan dot lainnya yang memiliki warna yang
sama dengan cara menekan layar hand phone dari dot yang awal, kemudian menggesernya
sambil terus menekan jari pada layar ke arah dot yang bersesuaian. Skor dihitung dari jumlah
gerakan yang kita buat, semakin sedikit, semakin besar nilai skornya.
bertujuan menghubungkan setiap dot (titik warna) dengan dot lainnya yang memiliki warna yang
sama dengan cara menekan layar hand phone dari dot yang awal, kemudian menggesernya
sambil terus menekan jari pada layar ke arah dot yang bersesuaian. Skor dihitung dari jumlah
gerakan yang kita buat, semakin sedikit, semakin besar nilai skornya.
 |
| Gambar Permainan Flow. Ket : Gambar kiri merupakan awal permainan Gambar kanan merupakan cara memainkan flow yaitu menghubungkan dot yang bersesuaian. |
Tak ada strategi khusus dalam bermain game ini, cukup ketelitian dan semangat untuk
menyelesaikan level demi level dari game berjenis puzzle sederhana ini. Mungkin tingkat
keseruan dari game ini muncul dari rasa penasaran kita untuk menyelesaikan level demi
level dari game tersebut, sedikitnya gerakan yang harus kita lakukan, tidak terlalu
rumitnya permainan, menjadikan game ini sangat seru untuk dimainkan. Setiap level yang
sulit membuat kita terus memutar otak untuk bisa menyelesaikannya. Mungkin saran
mengenai strategi permainan yang saya berikan adalah tetap tenang, selalu amati gambar
dengan baik, hati-hati dan teliti. Bayangkan kita telah menghubungkan masing-masing dot
sehingga terbayang garis-garis penghubung antar dot yang ketika sudah benar, kita tinggal
menghubungkan dot yang satu ke dot yang lain. Tips yang lain adalah, bermain dengan
cepat, langsung hubungkan dot satu dengan yang bersesuaian dan ketika gagal lakukan
restart, kemudian lakukan hal yang sama hingga kita menemukan jawaban yang benar
dan mendapat skor yang tinggi.
menyelesaikan level demi level dari game berjenis puzzle sederhana ini. Mungkin tingkat
keseruan dari game ini muncul dari rasa penasaran kita untuk menyelesaikan level demi
level dari game tersebut, sedikitnya gerakan yang harus kita lakukan, tidak terlalu
rumitnya permainan, menjadikan game ini sangat seru untuk dimainkan. Setiap level yang
sulit membuat kita terus memutar otak untuk bisa menyelesaikannya. Mungkin saran
mengenai strategi permainan yang saya berikan adalah tetap tenang, selalu amati gambar
dengan baik, hati-hati dan teliti. Bayangkan kita telah menghubungkan masing-masing dot
sehingga terbayang garis-garis penghubung antar dot yang ketika sudah benar, kita tinggal
menghubungkan dot yang satu ke dot yang lain. Tips yang lain adalah, bermain dengan
cepat, langsung hubungkan dot satu dengan yang bersesuaian dan ketika gagal lakukan
restart, kemudian lakukan hal yang sama hingga kita menemukan jawaban yang benar
dan mendapat skor yang tinggi.
- Azkadz
Adapun di bawah ini beberapa review tentang game Flow :
 |
| Sumber : Google Play |
 |
| Sumber : CommonSenseMedia |
Itulah beberapa review, penjelasan, serta strategi singkat mengenai game flow.
Mungkin sekian yang bisa saya sampaikan dan terima kasih.
Mungkin sekian yang bisa saya sampaikan dan terima kasih.
Waassalammualaikum...
Sumber : Google play
Common Sense Media
Google Image
Link Play Store Flow : Flow
Postingan
