hendra_esra

Rabu, 19 Desember 2012

Cara mengidentifikasi HTML5

Bagaimana cara mengidentifikasi HTML5?

Seperti halnya aplikasi atau script yang baru untuk mengembangkan versi yang lebih lama, HTML5 memiliki karakteristik baru, seperti dibawah ini:

1. HTML5 lebih bersih dan sederhana. Dibanding cara penulisan XHTML, cara penulisan HTML5 lebih sederhana dan simpel. Contoh, untuk penulisan script HTML5 saja, yang kita butuhkan hanyalah tag <!DOCTYPE HTML>. Bandingkan dengan membuat script XHTML.

2. Tag-tag baru yang ada di HTML5 lebih bersifat semantik. Oleh karena itu, satu browser dengan lainnya memiliki cara menampilkan tag yang agak berbeda. Sebagai contoh, jika kita menulis tag <h1> maka yang akan terlihat adalah teks berukuran besar tanpa menyuruh kita menspesifikasikan berapa ukuran font yang digunakan dan jenis font yang dipakai.

3. HTML5 tetep terikat oleh CSS (cascading Style Sheet). Dalam dunia website saat ini, script HTML5 saja kurang cukup mumpuni karena tag – tag didalamnya tidak didesain secara penuh untuk mempercantuk desain, digunakanlah CSS. Jadi dapat diibaratkan, tag HTML5 berfungsi untuk menentukan pengaturan – pengaturan bagian dan fungsi tiap-tiap elemen di dalam sebuah website. Sedangkan CSS mengatur bagaimana bagian-bagian dan fungsi itu akan terlihat di dalam website.

4. HTML5 sering berinteraksi dengan Javascript. Ada beberapa tag yang tak bisa bekerja dengan optimal jika tidak dilengkapi dengan Javascript. Misalnya tag <canvas>.

5. Untuk mengetahui apakah browser yang anda pakai mendukung seluruh tag beserta atribut HTML5 atau tidak, serta untuk “ mengintip” tag-tag apa saja yang belum di support, kunjungilah situs www.html5test.com .

6. Sampai saat ini, Google chrome merupakan browser yang paling banyak mendukung HTML5. Untuk menguji score tiap browser, silahkan klik tab Other Browser.

Sumber : Enterprise, Jubilee. 2012 . Buku Pintar HTML5 + CSS3 + DreamWeaver CS6. Jakarta: PT Elex Media komputindo .

HTML5 DAN HTML4

Dalam Tugas kali ini saya akan membahas tentang apa itu HTML5 beserta dengan fitur - fitur nya dan apa yang membedakan antara HTML5 dengan HTML 4.

HTML5 akan diprediksi menjadi standar desain website baru di saat ini atau akan datang. HTML5 ini berbeda dengan HTML versi – versi yang lama, dimana kita bisa membuat video, animasi, modifikasi gambar bitmap, dan game langsung memakai HTML5 (didukung dengan script lainya seperti Javascript dan CSS). HTML5 dikembangkan pertama kali pada tahun 2004, teteapi HTLM5 versi perdana diperkenalkan pada tahun 2008. Ditulis pertama kali oleh Ian Hickson. Secara umum, Editor HTML5 dapat dibagi menjadi 2 jenis, yaitu WYSIWYG Editor antara lain Dreamweaver CS6 dan non- WYSIWYG Editor antara lain notepad.

Fitur – Fitur yang terdapat pada HTML5 :

Kita mengenal beragam elemen atau komponen form seperti textbox, radiobutton, text area, dan tombol submit, maka pada HTML5 kita akan mengenal elemen-elemen baru yaitu seperti dibawah ini walaupun belum semua elemen bisa ditampilkan dengan baik di setiap browser.

1. Datalist : berfungsi untuk membantu kita menciptakan daftar saran ke dalam text box.

2. Fieldset : memberikan border dan label.

3. Keygen : Jika ingin mengirim data dengan dengan aman.

4. Meter : menampilkan angka diantara range tertentu.

5. Output : berfungsi untuk menampilkan teks yang sudah dimodifikasi menggunakan script tertentu. Bisa menampilkan teks interaktif yang bisa berubah setelah kita menekan tombol submit.

6. Progress : Untuk menentukan berapa banyak tugas telah diselesaikan dan biasanya disajikan dalam satuan presentase.

Beberapa Atribut –atribut baru :

1. Autofocus

2. Pattern

3. Placeholder

4. Required

Contoh – contoh tag dan elemen semantik yang baru ada di dunia HTML5 adalah :

1. Address : Digunakan untuk membuat informasi tentang alamat seseorang di dalam salah satu bagian situs.

2. Article : biasanya dipakai untuk menulis teks-teks, yang dalam tulisan ilmiah disebut dengan istilah kutipan.

3. Aside : Digunakan untuk menentukan bagian kecil didalam halaman atau dokumen website yang terkait dengan bagian utama dalam sebuah situs.

4. Footer

5. Header

6. Hgroup : Digunakan untuk membuat daftar isi sebuah halaman.

7. Menu

8. Nav : digunakan untuk membuat navigasi.

9. Section : memecah halaman kedalam beberapa bagian.

10. Command

11. Figure and Figcaption :Memberi informasi pada sebuah gambar.

12. Audio : Berfungsi untuk meng-embed(menempelkan) file suara langsung kedalam sebuah situs dan suara itu dimainkan tanpa menggunakan proses download terlebih dahulu.

13. Video : untuk memainkan file video langsung dari situs tanpa melibatkan plugin apapun termasuk flash.

14. Canvas : berfungsi untuk menciptakan ruang didalam halaman situs yang nanti dipakai untuk menggambar atau mengedit sebuah objek.

15. Embed : berfungsi untuk “menempelkan” berbagai jenis media ke dalam sebuah halaman situs, seperti flash.

Perbedaan HTML5 dan HTML 4, HTML4 dan versi lama didesain untuk membuat website dan bagaimana website itu tampak didalam jendela browser. Sedangkan HTML5 dikembalikan ke fungsi awalnya dimana untuk mengatur bagaimana sebuah dokumen(website) ditata bagian per bagian. Tag-tag HTML5 lebih ditekankan pada fungsi untuk pembagian struktur dokumen(website).

Firefox 3 memgumumkan kalau browser ini menjadi browser yang pertama men-support HTML5. Lalu disusul dengan chrome, Safari, internet explorer dan Youtube. Lalu ada Scribd. Pada bulan September 2011, Alexa mencatat ada 34% 100 situs popular dunia sudah mengadopsi HTML5.

Sumber : Enterprise, Jubilee. 2012 . Buku Pintar HTML5 + CSS3 + DreamWeaver CS6. Jakarta: PT Elex Media komputindo.

Senin, 19 November 2012

PENGARUH KEBUDAYAAN TERHADAP GRAFIK

Komputer Grafik adalah bagian dari ilmu komputer yang berkaitan dengan pembuatan dan manipulasi gambar (visual) secara digital. Bentuk sederhana dari grafika komputer adalah grafika komputer 2D yang kemudian berkembang menjadi grafika komputer 3D, pemrosesan citra (image processing), dan pengenalan pola (pattern recognition).

Grafika komputer sering dikenal juga dengan istilah visualisasi data. Grafika komputer dapat digunakan di berbagai bidang kehidupan, mulai dari bidang seni, sains, bisnis, pendidikan dan juga hiburan.

Bagian dari grafika komputer meliputi:

Geometri : mempelajari cara menggambarkan permukaan bidang

Animasi : mempelajari cara menggambarkan dan memanipulasi gerakan

Rendering : mempelajari algoritma untuk menampilkan efek cahaya

Citra (Imaging) : mempelajari cara pengambilan dan penyuntingan gambar.

Sedangkan Budaya adalah suatu cara hidup yang berkembang dan dimiliki bersama oleh sebuah kelompok orang dan diwariskan dari generasi ke generasi. Budaya terbentuk dari banyak unsur yang rumit, termasuk sistem agama dan politik, adat istiadat, bahasa, perkakas, pakaian, bangunan, dan karya seni.

Dalam hal ini saya ingin membandingkan antara komputer grafis dengan kebudayaan, saya ambil contoh adalah batik Indonesia. Batik Indonesia merupakan kebudayaan asli dari Indonesia dimana baru-baru ini Negara tetangga mengakui kalau batik berasal dari Negara dia. Tetapi untung pemerintah telah men-sah kan diseluruh dunia bahwa batik adalah warisan kebudayaan dari Indonesia. Keberadaan komputer grafis mempengaruhi kebudayaan. Kita tau bahwa batik biasanya dilukis atau digambar langsung pada kain yang disebut dengan Nglengreng. Tapi Saat ini banyak juga batik yang motif nya digunakan dengan komputer grafis. Menurut pandangan saya,hal ini mengurangi nilai kebudayaan pada batik tersebut, memang komputer grafis sendiri bisa dibilang dapat membantu atau mengurangi pekerjaan manusia dalam membuat motif pada kain batik, tetapi nilai kebudayaan nya berkurang. Peminat batik yang menggunakan komputer grafis sendiri lumayan banyak juga, karena harga nya yang relative murah dari batik yang dibuat alami dengan tangan. Jadi komputer Grafis mempengaruhi nilai dari kebudayaan tersebut.

SUMBER : http://id.wikipedia.org/wiki/Grafika_komputer

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

Minggu, 18 November 2012

PERKEMBANGAN SIMULASI DAN TEKNOLOGI DI BIDANG PEMADAM KEBAKARAN

Dewasa ini perkembangan teknologi semakin maju dan berkembang pesat, ditandai dengan semakin banyaknya teknologi-teknologi yang diciptakan untuk membantu dan mempermudah pekerjaan. Kemajuan teknologi juga ditandai dengan berubah nya sistem kontrol dari teknologi tersebut dimana penggunaan secara analog kini berubah menjadi digital, hingga hanya melakukan pengontrolan dengan mikrokontroller. Perkembangan teknologi juga harus tepat sasaran dan menyeluruh pada semua bidang, salah satu contohnya adalah pemadaman api otomatis menggunakan sebuah robot, dimana robot mendeteksi keberadaan sumber atau titik api kemudian memadamkannya. Dewasa ini dalam pemadaman api masih sangat bergantung pada manusia. Tetapi seiiring berkembang nya teknologi di dalam simulasinya digunakan Robot cerdas pemadam api ini mensimulasikan kerja dari robot dalam pendeteksian sumber atau titik api pada suatu ruangan. Robot akan menyisir seluruh ruangan untuk mencari sumber api dan kemudian memadamkannya. Dengan kata lain suatu saat nanti bisa saja bukan manusia lagi yang akan menjadi pemadam kebakaran bisa saja menjadi robot yg akan menggantikan tugas tersebut yang tentu saja robot dibuat untuk membantu pekerjaan manusia.

SUMBER : http://www.slideshare.net/ianmarch/presentation-seminar-proposal-ta

VISUAL TEKNOLOGI MENGGUNAKAN MEDIA ONLINE

Pengertian Media Online :

- Media Online (online media) adalah media massa yang tersaji secara online disitus web (website) internet.

- Media online adalah media massa “generasi tiga” setelah media cetak (printed media) contoh : koran, tabloid, majalah, buku, dan media elektronik (electronic media) contoh : radio, televisi. Dan film/video.

- Secara teknis atau “fisik”, media online adalah media berbasis telekomunikasi dan multimedia (komputer dan internet). Termasuk kategori media online adalah portal, website (situs web, termasuk web), radio online, tv online, dan email.

- Isi media online terdiri dari : teks, visual/gambar, audio, dan audio-visual(video).

Pengertian Visual Teknologi : visual teknologi adalah suatu teknologi yang digunakan untuk menyampaikan informasi dengan cara melihat dan mendengar menggunakan suatu media yang lebih canggih atau modern .

Dalam pengimplementasiannya visual teknologi menggunakan media online sangat lah bermanfaat, menjadikan media online lebih menarik tampilannya. Misalnya kita bandingkan saja media online dengan media cetak. Dimana media online dapat kita beri video atau foto-foto yg lebih hidup dan menarik dan warna-warna yg lebih hidup dan menarik untuk dibaca itu dikarena karena ada nya visual teknologi. Sedangkan media cetak pada umumnya sulit menggunakan visual teknologi, sehingga biasa orang-orang lebih banyak sekarang mendapatkan berita itu melalui media online dari pada media cetak. Media online juga sering diakses oleh orang-orang karena dimana saja dan kapan saja kita dapat mengakses web web yg kita mau jika kita terhubung ke internet. Contoh nya adalah youtube, detik.com, dll.

Sumber: http://www.google.co.id/url?sa=t&rct=j&q=artikel+visual+teknologi+menggunakan+media+online&source=web&cd=20&cad=rja&ved=0CFAQFjAJOAo&url=http%3A%2F%2Fsulut.kemenag.go.id%2Ffile%2Ffile%2Fhumas%2Fzuvw1339679719.ppsx&ei=UY2oUMmsBcryrQeCpICwBA&usg=AFQjCNHka2YMXBkrs0aKNendpCjzNnH5iQ

Jumat, 19 Oktober 2012

Apakah seorang IT dalam membuat sebuah software wajib menggunakan simulasi saat membuat program?

Menurut saya simulasi sangatlah penting bagi seorang IT dalam membuat suatu program,karena seorang IT tidak bisa langsung membuat program lansung begitu saja,agar program yang dia buat sukses dan dapat mengetahui negative dan positif dari program yang dia buat.

CONTOH FAILED SIMULATION

Failed Simulation atau Kegagalan Simulasi merupakan hasil dari suatu peragaan suatu model yang mungkin kurang baik yang mengakibatkan terjadinya kegagalan.

Untuk masalah kegagalan dalam simulasi banyak contoh yang dapat kita lihat disekitar kita, seperti halnya mensimulasikan pembuatan suatu bangunan dengan menggunakan AutoCAD. Disini kita dapat mensimulasikan bagaimana membuat bangunan yang efektif serta efisien agar tidak terjadi kesalahan yang fatal.

Namun walaupun demikian tidak semua simulasi tersebut berjalan lancar pada kenyataanya mengalami kegagalan.

Contohnya pada rubuhnya proyek hambalang yang terjadi pada pertengahan tahun 2012. Pembangunan gedung dengan tinggi 7 lantai ini pasti telah dimodelkan dan disimulasikan terlebih dahulu tetapi pada penerapannya mengalami kegagalan dan mungkin dalam simulasi kurang detail. Nah, menurut saya ini merupakan failed simulation atau kegagalan simulasi yang berakibat kerugian dalam proses realnya.

Jakarta - Menteri Badan Usaha Milik Negara (BUMN) Dahlan Iskan mengatakan amblesnya proyek Hambalang di luar perhitungan PT Adhi Karya Tbk (ADHI) dan PT Wijaya Karya Tbk (WIKA) sebagai pemborong proyek tersebut.

Dahlan menuturkan, amblesnya tanah Hambalang itu jauh di bawah batas tanah yang telah diperkirakan oleh Adhi Karya dan Wika. "Itu di luar teknis pemborongan. Sebelum membangun itu ada tes tanah baru dilakukan konstruksi. Semua sudah dilakukan, dan yang ambles itu jauh di bawah tes tanah, itu di luar jangkauan," ungkap Dahlan kepada detikFinance, Jumat (1/6/12).

Lebih lanjut ia mengungkapkan, ADHI dan WIKA sudah melakukan tugasnya dengan seharusnya. Kembali ia menegaskan, peristiwa ini bukan sepenuhnya kesalahan kedua BUMN tersebut. "Saya nggak tahu kontraknya seperti apa, tapi pemborong itu sudah melakukan pekerjaan sesuai spec-nya (spesifikasi). Kan dia memborong sesuai berkas tender," tegas Dahlan. "Intinya itu di luar perhitungan mereka, di luar jangkauan," imbuhnya.

Sebelumnya, proyek Hambalang diberitakan ambles beberapa hari lalu, namun Kementerian Pekerjaan Umum (PU) mengklaim ini adalah proyek yang ambles bulan Januari lalu.

Jadi, kegagalan dalam simulasi atau failed simulation dapat terjadi karena faktor-faktor tertentu dan untuk meminimalisir kegagalan maka harus banyak faktor juga yang dipertimbangkan.

SUMBER :

http://thomrev.blogspot.com/2012/10/contoh-failed-simulation.html
http://finance.detik.com/read/2012/06/01/143839/1930451/6/proyek-hambalang-rubuh-dahlan-iskan-bela-wika-dan-adhi-karya
http://www.tempo.co/read/news/2012/05/28/063406541/5-Penyebab-Proyek-Hambalang-Rawan-Ambruk
http://www.lensaindonesia.com/2012/05/30/gedung-hambalang-bukan-rubuh-karena-alam-tapi-miring.html