Kesimpulan

·         Kesimpulan Fitur-fitur HTML5

Meski pengembangannya HTML5 belum final tetapi HTML5 merupakan sebuah versi ter-muktahir dari versi HTML sebelumnya. Karena HTML5 disini memiliki fitur-fitur yang menakjubkan dari versi sebelumnya yaitu HTML4. Dengan disediakannya elemen canvas yang berguna untuk menggambar grafis 2D. Di sinikita juga bisa memasukkan “Audio Player” dan “Video Player” tanpa perlu adobe flash, apa sebabnya ??? sebab di HTML5 ini adobe flash sudah dihapus dan kini kita hanya menggunakan tag <audio> untuk memasukkan file music dan <video> untuk memasukkan file film

·         Kesimpulan Warna atau Gambar Bukan Faktor Menentu Baik Tidaknya Website

Langsung saja kita ambil contoh seperti situs Facebook. Apa yang membuat si pengunjung begitu tertarik dengan situs ini. Itu dikarenakan  Facebook memiliki  tampilan yang sederhana serta warna yang cukup kontras, hanya dengan warna biru dan putih serta foto kecil di pojok kirinya. Tapi pada saat pada saat kita membuka situs detik rasanya apa yang akan kita lihat berbeda. Masalah kenyamanan kita dalam melihat situs web tersebut itu terhantung berdasarkan penampilan web tersebut. Apakah membuat si pengunjung itu nyaman apa tidak ??

Image dan warna mempengaruhi Website ????

Image dan warna merupakan bagian unsur dari sebuah design. Dalam pembuatan suatu situs website, setiap designer harus memahami  baik mengenai pembuatan website. Disini yang biasa difokuskan dalam pembuatan website adalah kesesuain dan komposisi image serta warna yang sangat menentukan sebuah karya yang bagus atau tidak’y suatu website. Apabila kita tidak menyesuaikan komposisi warna dan image dalam pembuatan website semua script yang kita buat dengan susah payah maka akan terasa sia-sia.

contohnya saja kita lihat website dibawah ini 

 

Bagaimana menurut anda contoh website diatas ? apakah nyaman buat anda setelah melihat isi dari website situs tersebut ? lalu bagaimana cara pengelolaan pembuatan website tersebut ??

lalu kita bandingkan dengan situs ini ???

apakah terlihat rapi dari situs sebelumnya ???

Agar website yang kita buat lebih  enak dilihat seperti halnya contoh website situs facebook, kita harus mengatur balance warna atau keseimbangan. Disini yang kita harus perhatikan dalam pembuatan website adalah

·         Tata layout

Disini pengaturan tata layout sangat penting. Misalkan saja Facebook yang hadir dengan tata letak layout yang sederhana. perpaduan warna yang minim, namun tata letak layoutnya diperhatikan baik dan benar sehingga dapat menahan pengunjung ketika online, menjadikan dia salah satu jejaring sosial yang paling dikunjungi.

·         Warna

Disini komposisi warna sangat berperan penting dan perlu diperhatikan oleh si designer. Ini dimaksudkan agar si pengunjung dapat melihat web yang dikunjungnya dapat membuat dia nyaman dalam melihat web tersebu

·         Image

Dalam pemilihan image kita harus bisa menyeimbangkan dengan warna yang kita pilih dalam pembuatan web agar perpaduan antara warna dan image seimbang

·         Kontras

Pada bagian ini juga sangat penting, karena ini merupakan perpaduan antara gelap terang situs yang kita buat. Apabila kontras pada web yang kita buat terlalu terang akan sangat membuat si pengunjung tidak nyaman untuk dilihat mata dan apabila terlalu gelap akan membuat pengunjung sangat tidak tertarik.

Sumber :

http://newbiescript.blogspot.com/2012/11/image-dan-warna-sebagai-faktor-pengaruh.html#more

http://www.jakartawebhosting.com/blog/internet-marketing/menentukan-desain-web-yang-baik

Fitur - Fitur mengenai HTML 5

Fitur-fitur baru dalam HTML 5

HTML 5 yang saat ini sudah mulai diimplementasikan oleh beberapa browser grade A akan membawa lebih dari sekedar fitur untuk layout dan format halaman. Beberapa di antaranya adalah Canvas dan Video.

1.      Canvas

Dulu, untuk bisa memberikan interaksi menggambar di halaman web kita harus memakai applet Java atau Flash. HTML 5 akan memberikan satu opsi tambahan: canvas. Seperti namanya, canvas adalah media yang bisa dicorat-coret langsung. Tidak lagi perlu memuat plugin khusus. Cukup tambahkan <canvas> dan javascript maka kita sudah bisa menggambar langsung di halaman web. Sekarang Anda bisa berimajinasi sendiri, kira-kira apa saja yang orang lakukan dengan <canvas>. Apa yang sebelumnya jadi monopoli Flash dan aplet Java akan di-take-over oleh <canvas>. Kita ingin menggambar sebuah kotak pada HTML5 dengan memanfaatkan fitur tag <canvas>, maka code lengkapnya adalah :

<html>
<head>
<title> Menggambar Kotak dengan HTML5</title>
</head>
<script>
window.onload = function() {
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

context.beginPath(); // memanggil fungsi penggambaran
context.rect(188, 50, 200, 100);

// menggambar kotak di koordinat 188,50 dengan lebar 200, tinggi 100.
context.fillStyle = '#8ED6FF'; // menentukan warna kotak
context.fill();

// memberikan warna kotak dgn warna yg sudah ditentukan (baris ke-3)
context.lineWidth = 5; //menentukan lebar garis pinggiran kotak
context.strokeStyle = 'black';

Berikut dibawah ini merupakan screenshoot demo fitur <canvas> :

2.      Video dan Audio

Akan ada tag <audio> dan <video> di HTML 5. Jadi tidak perlu lagi menempelkan flash untuk sekedar memutar audio. Format video yang didukung akan bervariasi terhadap browser, kemungkinan besar codecnya adalah Ogg Theora (patent free) dan H.264.

3.      Elemen yang lebih spesifik untuk content

·         Tag <section>

Tag <section> digunakan untuk mengelompokkan elemen yang sejenis. Misalnya : kita ingin menampilkan beberapa artikel dalam satu halaman, maka kita dapat menggunakan tag <section>.

·         Tag <article>

Ini digunakan untuk menampilkan satu artikel penuh dalam suatu halaman html. Untuk mempermudah pemahaman, bayangkan saja pengertian dari artikel. Artikel biasanya terdiri dari judul, sub judul (jika ada), catatan dan deskripsi.  Berikut ini adalah contoh penerapan code <section> dan <article> untuk menambah pemahaman anda.

·         Tag  <footer>

digunakan dibagian bawah sebuah halaman website. Isi dari tag <footer> biasanya berupa info konten seperti copyright, author website atau navigasi. Berikut ini merupakan penerapan dari tag <footer>.

·         Tag <dialog>

Digunakan dalam menuliskan format dialog atau percakapan.

·         Tag  <figure>

Untuk mengasosiasikan dokumen dengan fitur embed video atau konten multimedia.

·         Tag  <nav>

Digunakan untuk membuat navigasi dokumen.

Sumber :

file:///D:/GUNADARMA/Tugas%20Kuliah/Semester%205/Web%20Multimedia%20dengan%20HTML5,%20CSS3,%20dan%20JQuery%20%C2%AB%20sekaragengpratiwi.htm

http://www.mrspeaker.net/dev/parcycle/

file:///D:/GUNADARMA/Tugas%20Kuliah/Semester%205/Berkenalan%20Dengan%20HTML%205%20-%20C%20%20Blog%20Raymond.htm

HTML 5 + CSS 3

                                     

Latar belakang lain diciptakan HTML5 dalah karena keinginan pengguna untuk mendapatkan website yang lebih dinamis dan interaktif untuk memanjakan pengguna karena berinteraksi dengannya, alih-alih sekedar menikmati keindahan desainnya. Maka para developer HTML5 membuat sebuah tag  bernama <canvas> yang memungkinkan kita untuk melakukan interaksi dan animasi gerakan yang jauh lebih variatif daripada menggunakan platform RIA sebelumnya, misalnya Flash.

Perbedaan dengan HTML 4 :

·         Aturan baru saat melakukan parsing berorientasi pada towards dan kompatibilitas; tidak berbasis pada SGML

·         Kemampuan untuk mendukung format SVG dan MathML pada text/html

·         Elemen baru: article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video, wbr

·         Tipe baru pada kontrol form : dates and times, email, url, search, color

·         Atribut baru: ping (pada elemen a and area), charset (pada meta), async (pada script)

·         Atribut global (atribut berikut dapat diterapkan pada setiap elemen html) : id, tabindex, hidden, data (atribut data kustom)

·         Selain dapat bernilai GET atau POST, elemen attribut <form> kini telah mendukung nilai PUT dan DELETE. (Sebagai contoh kasus lihat Representational State Transfer)

·         Elemen yang telah deprecated secara bersamaan akan dihapus : acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u

Latar belakang munculnya CSS3 ini  adalah sebagai pemutakhiran bahasa CSS sebelumnya dimana masih terdaoat beberapa kekurangan serta dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni media query. 

Selain itu penggunaan CSS3 sebagai pendamping HTML memiliki beberapa keuntungan diantaranya :

• Animasi, sehingga pembuatan animasi tidak memerlukan program sejenis Adobe Flash dan Microsoft Silverlight
• Jenis huruf eksternal, sehingga dapat menggunakan huruf yang tidak termasuk "web-safe fonts".
• Beberapa efek pada kotak, seperti kotak yang ukurannya dapat diubah-ubah, transformasi 2 dimensi dan 3 dimensi, sudut-sudut yang tumpul dan bayangan.
• Multiple background, border-radius, drop-shadow, border-image, CSS Math, dan CSS Object Model.
• Load file lebih cepat
• Dapat berkolaborasi dengan JavaScript
• Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS.
• Mudah mengganti-ganti tampilan dengan hanya merubah file CSS nya saja.

sumber :

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

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

Perbedaan Desain dengan Grafis

Desain Grafis berasal dari 2 buah kata yaitu Desain dan Grafis. Desain diartikan sebagai proses untuk mengatur segala sesuatu sebelum bertindak atau merancang. Untuk grafis sendiri adalah titik atau garis yang berhubungan dengan cetak mencetak. Jadi demikian Desain Grafis adalah sebuah kombinasi antara kata-kata, angka, ilustrasi dan gambar yang membutuhkan pemikiran khusus dari seorang individu yang biasa menggabungkan elemen-elemen ini. Sehingga kita dapat  menghasilkan hasil gesain grafis tersebut dalam bidang gambar

Desain Grafis adalah cabang ilmu dari seni Desain yang dalam perkembangannya Desain Grafis dibantu oleh komputer dalam mendesain sebuah object.

Dari segi proses,  desain disini pada umumnya memperhitungkan segala aspek fungsi, estetik dan berbagai macam aspek lainnya, yang biasanya datanya didapatkan dari riset, pemikiran, maupun dari desain yang sudah ada sebelumnya.

Grafika adalah segala cara untuk mengungkapkan dan mewujudkan hasil dalam bentuk huruf, tanda, dan gambar yang diperbanyak melalui proses percetakan. Contohnya adalah: foto, gambar/drawing, Line Art, grafik, diagram, tipografi, angka, simbol, desain geometris, peta, gambar teknik, dan lain-lain. Seringkali dalam bentuk kombinasi teks, ilustrasi, dan warna.

Kata “grafis” dalam bahasa Indonesia, dikaitkan dengan seni grafis (printmarking) dan desain komunikasi visual.

Dalam bahasa Indonesia, kata “grafis” sering dikaitkan dengan seni grafis (printmaking) dan desain grafis atau desain komunikasi visual. Maksud dari komunikasi visual disini adalah komunikasi yang disampaikan berupa gambar untuk menyampaikan sebuah informasi atau pesan. Dalam desain grafis tekas juga merupakan gambar. Kenapa ???? karena teks merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan.

Jadi kesimpulannya, desain diartikan sebagai proses, rancangan atau sebuah rencana untuk membuat sebuah objek. Sedangkan grafis sudah masuk kedalam bagian proses seperti bagian pembutan karyanya. Pembuatan karyanya disini sudah langsung kedalam pencetakan.

Sumber :

http://www.ahlidesain.com/pengertian-desain-grafis.html

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

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

Pengaruh Teknologi terhadap Kebudayaan

                                   

Kehadiran globalisasi sudah mulai membawa pengaruh bagi kehidupan suatu bangsa. Ini sudah mulai terasa di berbagai bidang kehidupan kita sekarang seperti dunia politik, ekonomi, sosia budaya, pertahanan keamanan dan lain-lain.

Globalisasi berlangsung melalui dua dimensi, yaitu dimensi ruang dan dimensi waktu. Maksud dari dimensi ruang diartikan sebagai jarak yang semakin dekat sedangkan dimensi waktu adalah waktu yang relative singkat dalam melakukan interaksi. Hal ini karena kita tidak pernah lepas dari kemajuan teknologi yang semakin cepat dan semakin canggih. Khususnya di bagian informasi dan komunikasi.

Teknologi informasi dan komunikasi saat ini merupakan pendukung bagi terselenggaranya era globalisasi sekarang. Berkat adanya dukungan teknologi segala informasi dalam bentuk apapun bisa dapat disebarluaskan dengan mudah dan praktis. Ini juga cepat mempengaruhi cara pandang dan gaya hidup hingga budaya suatu bangsa. Makin canggih teknologi yang kita rasakan maka makin besar pula manfaat arus informasi yang dapat kita sebarluaskan.

Namun perlu diingat, pengaruh globalisasi dengan dukungan teknologi informasi dan komunikasi (TIK) meliputi dua sisi yaitu pengaruh positif dan pengaruh negatif. Pengaruh positif yang dapat dirasakan dengan adanya TIK adalah peningkatan kecepatan, ketepatan, akurasi dan kemudahan yang memberikan efisiensi dalam berbagai bidang khususnya dalam masalah waktu, tenaga dan biaya. Sebagai contoh manifestasi TIK yang mudah dilihat di sekitar kita adalah pengiriman surat hanya memerlukan waktu singkat, karena kehadiran surat elektronis (email), ketelitian hasil perhitungan dapat ditingkatkan dengan adanya komputasi numeris, pengelolaan data dalam jumlah besar juga bisa dilakukan dengan mudah yaitu dengan basis data (database), dan masih banyak lagi.

Sedangkan pengaruh negatif dari teknologi dan informasi, misalnya dari globalisasi aspek ekonomi, terbukanya pasar bebas memungkinkan produk luar negeri masuk dengan mudahnya. Dengan banyaknya produk luar negeri dan ditambahnya harga yang relatif lebih murah dapat mengurangi rasa kecintaan masyarakat terhadap produk dalam negeri. Dengan hilangnya rasa cinta terhadap produk dalam negeri menunjukan gejala berkurangnya rasa nasionalisme masyarakat kita terhadap bangsa Indonesia.

Pada umumnya teknologi ini diciptakan untuk membantu dan memberikan kemudahan dalam berbagai aspek kehidupan baik pada saat kita bekerja, berkomunikasi, bahkan pula untuk mengatasi persoalan yang timbul. TIK tidak hanya membantu dan mempermudah manusia tetapi juga menawarkan cara-cara baru di dalam melakukan aktivitas-aktivitas tersebut sehingga dapat mempengaruhi budaya masyarakat yang sudah tertanam sebelumnya.

Budaya atau kebudayaan adalah kerangka acuan perilaku bagi masyarakat pendukungnya yang berupa nilai-nilai (kebenaran, keindahan, keadilan, kemanusiaan, kebijaksanaan, dll ) yang berpengaruh sebagai kerangka untuk membentuk pandangan hidup manusia yang relatif menetap dan dapat dilihat dari pilihan warga budaya itu untuk menentukan sikapnya terhadap berbagai gejala dan peristiwa kehidupan. Jadi bagaimana TIK dapat mempengaruhi nilai-nilai yang telah tumbuh di masyarakat dalam suatu bangsa itu sangat tergantung dari sikap masyarakat tersebut. Seyogyanya, masyarakat harus selektif dan bersikap kritis terhadap TIK yang berkembang sangat pesat, sehingga semua manfaat positif yang terkandung di dalam TIK mampu dimanifestasikan agar mampu membantu dan mempermudah kehidupan masyarakat, dan efek negatif dapat lebih diminimalkan.

Sumber :

http://dhniarks.blogspot.com/2011/03/pengaruh-hubungan-teknologi-informasi.html?m=1