Snippet

Struktur HTML 5

Agar lebih jelas mengenai struktur HTML 5, maka saya berikan gambarannya. Gambar struktur HTML 5 seperti dibawah :


Semantic/Structural Elements baru pada HTML5
  • <article> Mendefinisikan sebuah artikel
  • <aside> Mendefinisikan isi selain dari konten halaman
  • <bdi> Isolat bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luar itu
  • <command> Mendefinisikan sebuah tombol perintah bahwa seorang pengguna dapat meminta
  • <details> Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
  • <summary> Mendefinisikan sebuah judul terlihat untuk elemen <details>
  • <figure> Menentukan mandiri konten, seperti ilustrasi, diagram, foto, daftar kode, dll
  • <figcaption> Mendefinisikan sebuah caption untuk elemen
  • <footer> Mendefinisikan footer untuk dokumen atau bagian
  • <header> Mendefinisikan sebuah header untuk dokumen atau bagian
  • <hgroup> Grup seperangkat <h1> untuk elemen <h6> ketika pos memiliki beberapa tingkat
  • <mark> Mendefinisikan teks ditandai / disorot
  • <meter> Mendefinisikan pengukuran skalar dalam kisaran dikenal (gauge)
  • <nav> Mendefinisikan navigasi link
  • <progress> Merupakan kemajuan tugas
  • <ruby> Mendefinisikan sebuah penjelasan ruby (untuk tipografi Asia Timur)
  • <rt> Mendefinisikan sebuah penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
  • <rp> Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby
  • <section> Mendefinisikan sebuah bagian dalam sebuah dokumen
  • <time> Mendefinisikan tanggal / waktu
  • <wbr> Mendefinisikan sebuah kemungkinan garis-break
New Media Elements baru pada HTML5
  • <audio> Mendefinisikan isi suara
  • <video> Mendefinisikan sebuah video atau film
  • <source> Mendefinisikan beberapa sumber daya media untuk <video> dan <audio>
  • <embed> Mendefinisikan sebuah wadah untuk aplikasi luar atau konten interaktif (plug-in)
  • <track> Mendefinisikan trek teks untuk <video> dan <audio>
New Canvas Elements baru pada HTML5
  • <canvas> Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (JavaScript biasanya)
New Form Elements baru pada HTML5
  • <datalist> Menentukan daftar yang telah ditentukan pilihan untuk kontrol input
  • <keygen> Mendefinisikan sebuah field kunci-pasangan generator (untuk bentuk)
  • <output> Mendefinisikan hasil perhitungan

Show 0 Comments
Categories:

Seberapa penting Programmer mengetahui desain

 

Aplikasi tidak menggunakan Desain.


Aplikasi menggunakan Desain.

Menurut teman-teman Pentingkah Programmer belajar Desain?.

Jawabannya adalah Iya, penting menurut saya. Programmer sebelum membuat Aplikasi, pertama kali yang ia harus buat adalah Form. Form ini berguna untuk menampung semua tombol, field dan lain-lainnya. Terus apakah form ini di desain biasa saja (default dari Software)..?. Jawabannya iya klau si Programmernya tidak mengerti desain, padahal saat kita mempresentasikan ke client. Desain adalah hal utama yang dilihat oleh client. Karena disitulah dia mulai merasakan Aplikasi yang dia buat bagus di visualnya, sebelum ia tunjukkan fungsi dari aplikasi didalamnya apa saja. Apalagi klau clientnya melihat segala sesuatu dari visualnnya dulu.

Ya walaupun memang kita bisa meminta orang lain untuk mendesainkan form tersebut, tapi kan setidaknya mengerti desain sedikit lebih baik dari pada tidak sama sekali. Sehingga kita bisa membuat Aplikasi kita berbeda dari yang dibuat oleh Programmer-programmer yang tidak mementingkan dari segi visual pada Aplikasi yang dibuatnya. Ini akan menjadi nilai Plus buat kita sebagai Programmer. Dan yang lebih baiknya lagi adalah Cost atau biaya untuk desain bisa kita simpan ke kantong sendiri, karena kita yang mendesain sendiri form-form dari aplikasi yang dibuat. Asyik kan?. Bisa beli cemilan.. hehe.. :D

Saya lihat masih banyak Programmer-programmer kita yang jika membuat Aplikasi, tidak memperhatikan visualnya. Padahal ini adalah nilai Plus buat si Programmernya. Coba teman-teman perhatikan jika ke Kasir, tempat-tempat penjualan seperti Penyewaan VCD. Itu kebanyakan aplikasi yang dibuat dari segi visualnya standar (warna dan layoutnya default dari softwarenya).

Terus klau Programmer pingin belajar Desain, software seperti apa yang harus dipelajarin?. Saya kembalikan ke teman-teman, teman-teman suka software desain apa ya?. Klau senangnya Photoshop. Ya photoshop dipelajarin terus baik dari segi warna dan lain-lain, karena 1 software desain saja dikuasai. Teman-teman juga Bisa buat kerja lainnya selain dari Programmer seperti Edit foto dan lain-lain.

Show 0 Comments
Categories: ,

Tren Social Network sebagai Media Promosi

Social network atau jejaring sosial kini bukan lagi sebagai media untuk menjalin pertemanan atau berkomunikasi sesama teman. Tetapi sudah menjadi gelombang baru dalam melakukan kegiatan promosi. Baik itu organisasi atau perusahaan profit maupun non profit sekalipun. Karena, media promosi paling efektif dalam hal low budget. Bisa menggunakan Social Network seperti : Faceboook, Twitter, dan lain-lain untuk melakukan promosi produk mereka.

Namun demikian, media lain seperti cetak brosur dan lain sebagainya itu tidak digunakan lagi. Itu salah, tergantung target yang ingin dicapai. Misalnya : Perusahaan A menjual produk alat dapur rumah tangga. Dimana pastinya yang beli Ibu Rumah tangga. Untuk mencapai target perusahaan agar produknya bisa dibeli sama pembeli sebanyak-banyaknya. Media promosi seperti facebook bisa digunakan, tetapi promosi door to door harus digunakan dan brosur perlu dicetak. Agar ibu rumah tangga bisa melihat detail mengenai produk yang dijual. Sehingga, sales pun tidak binggung untuk menjelaskan produk yang dijualnya.

Jadi, kesimpulannya dalam memanfaatkan media Social Network seperti facebook, twitter dan lain-lain bisa digunakan untuk mempromosikan produk-produk yang dijual atau info-info terbaru mengenai organisasinya. Guna untuk minimum budget untuk promosi, selain menggunakan media cetak atau lainnya.

Show 0 Comments
Categories: ,