Rabu, 13 Mei 2015

MENGGUNAKAN TEKS KE DALAM MULTIMEDIA

Membayangkan mendesain sebuah proyek yang tidak menggunakan teks sama sekali. Isinya tidak dapat disebut kompleks, dan Anda perlu menggunakan banyak gambar dan simbol untuk melatih audiens Anda bagaimana menavigasi dalam proyek tersebut. Sebenarnya suara dan bunyi dapat menuntun audiens, namun pengguna akan cepat lelah, diperlukan usaha keras untuk memberi perhatian pada kata lisan daripada melakukan browsing teks dengan mata.

Satu item menu teks yang disertai dengan satu aksi (klik mouse,keystroke, atau jari yang menekan monitor) memerlukan latihan kecil dan sangat perlu. gunakan teks untuk judul dan headline (mengenai apa), untuk menu (ke mana harus pergi), untuk navigasi (bagaimana cara ke sana), dan untuk isi (apa yang Anda lihat saat menuju ke sana).



TIPS. Dalam upaya mendesain system navigasi Anda, bawa pengguna kepada tujuan tertentu dengan sedikit aksi dan waktu tunggu sesedikit mungkin.Jika pengguna tidak pernah memerlukan tombol Help untuk masuk kesana atau mengklik Back saat sudah sampai akhir, maka Anda melakukannya dengan benar !! 


Mendesain dengan teks. Layar komputer menyediakan ruang kerja yang terbatas untuk mengembangkan gagasan secara penuh. Untuk beberapa waktu atau lebih, Anda perlu menyampaikan pesan teks dengan impak tinggi atau padat pada layar komputer dalam bentuk sesingkat mungkin. Dari perspektif desain, pilihan ukuran font dan jumlah headline yang Anda tempatkan dalam layar khusus harus berkaitan dengan kompleksitas pesan Anda dan tempatnya.

Jika pesan Anda merupakan bagian dari proyek interaktif atau situs web di mana Anda mengetahui bahwa pengguna mencari informasi, Anda dapat membuat paket informasi teks pada layar sebelum layar benar-benar terlalu sibuk. Pencari menginginkan material yang singkat, dan sementara merka menjelajah jalur navigasi Anda, mereka akan menggulung pada teks yang relevan dan mempelajari detailnya. Akan tetapi, disinilah Anda harus menyediakan keselasan. Teks yang terlalu kecil di layar memerlukan perpindahan halaman yang tidak perlu dan klik mouse yang tidak diperlukan dan harus menunggu, terlalu banyak teks dapat membuat layar terlalu ramai dan tidak menyenangkan. 

Sebaliknya, saat Anda membuat slide presentasi untuk dukungan  public-speaking, teks akan dikunci untuk presentasi langsung di mana teks akan memberi aksen pada pesan utamanya. Dalam hal ini, gunakan point bullet dengan font yang besar dan beberapa kata dengan banyak spasi putih. Biarkan audiens tetap fokus pada pembicara yang berada di podium, daripada menghabiskan waktu untuk membaca point dan subpoint yang diproyeksikan pada layar.


Memilih Font Memilih. Mengambil font untuk digunakan dalam presentasi multimedia Anda mungkin akan sulit dari sudut pandang desain.  Sekali lagi ia haruslah seorang penyair, seorang psikolog periklanan, dan juga seorang desainers grafis . Cobalah merasakan reaksi potensial pengguna mengenai apa yang ada di layar. Berikut adalah beberapa saran desain yang dapat membantu.

  • Untuk font kecil, gunakan font yang tersedia yang paling dapat dibaca . Font dekoratif yang tidak dapat dibaca, tidak berguna.
  • Gunakan sesedikit mungkin face yang berbeda untuk pekerjaaan yang sama, namun variasikan berat dan ukuran typeface Anda menggunakan  style cetak miring dan cetak tebal di mana mereka akan tampak bagus. Menggunakan terlalu banyak font untuk halaman yang sama disebut tipografi ransom -note.
  • Dalam blok teks, atur leading spasi baris yang sesuai. Baris yang terlalu dekat akan sulit dibaca.
  • Variasikan ukuran font dengan proporsi pentingnya pesan yang akan disampaikan.
  • Dalam headline brukuran beasr, atur spasi antara huruf (kerning) sehingga spasi terasa enak dipandang. Perbedaan yang besar antar huruf yang besar akan membuat judul Anda menjadi anak terlantar tanpa gigi. Anda perlu meng-kerning-nya dengan tangan, menggunakan versi bitmap dari teks Anda.
  • Untuk membuat teks Anda dapat lebih bisa dibaca, ekspor efek dari warna-warna berbeda dan efek penempatan teks pada latar belakang yang bervariasi. Cobalah untuk membalik font pesan putih di atas latar belakang hitam
  • Gunakan teks anti-aliased di mana Anda menginginkan tampilan judul dan headline yang berpadu dengan halus. Ini selanjutnya akan memberikan tampilan yang profesional. Anti-aliasing memadukan warna sepanjang tepian huruf (disebut dithering) untuk membuat transisi yang halus antar huruf dan latar belakangnya.
  • Cobalah untuk men-drop cap dan initial cap untuk memberi aksen pada kata Anda. Kebanyakan pengolah kata dan editor teks akan membiarkan Anda membuat drop cap dan SMALL CAP dalam teks Anda.
     
      



 


Kamis, 07 Mei 2015

Sosial Media Zaman Sekarang

  1. Facebook 
  • Manfaat Facebook
  • Menjalin silaturahmi, Islam menganjurkan kita untuk saling manjaga tali silaturahmi antar sesama umat islam.
  • Tempat belajar, banyak game pembelajaran disini.
  • Refreshing, facebook bisa digunakan untuk sedikit refreshing ditengah kepenatan misalnya, seperti bermain game di facebook. 
  • Bisnis, bagi sebagian orang yang bermata bisnis, facebook merupakan salah satu ladang bisnis yang cukup menggiurkan,Tempat curhat, facebook bisa menjadi sarana curhat, kita tinggal menuliskan sepenggal kalimat yang menggirukan di kolom keadaan anda.
  • Praktis, facebook mempunyai banyak fasilitas.
  • Di dalam Facebook itu kita bisa melihat gambar foto,video.
  • Bisa berkomentar tentang orang lain begitu sebaliknya orang bisa berkomentar tentang diri kita sendiri.
  • Memposting status.
  • Ngeinbox. 



    2. Twitter
  • Manfaat Twitter
  • Menjalin silaturahmi, Islam menganjurkan kita untuk saling manjaga tali silaturahmi antar sesama umat islam. Kita dapat menjalin tali silaturahmi dengan cara bermain twitter.
  • Refreshing, Twitter bisa digunakan untuk sedikit refreshing ditengah kepenatan anda.
  • Bisnis, bagi sebagian orang yang bermata bisnis, Twitter merupakan salah satu ladang bisnis yang cukup menggiurkan. Jika anda sudah mempunyai banyak folowers anda dapat berbisnis dengan sangat mudah di twitter.
  • Tempat curhat, Twitter bisa menjadi sarana curhat, kita tinggal menuliskan sepenggal kalimat yang menggirukan di kolom keadaan anda.
  • Di dalam Twitter itu kita bisa melihat gambar foto,video.
  • Bisa berkomentar tentang orang lain begitu sebaliknya orang bisa berkomentar tentang diri kita sendiri.
  • Memposting status.





    3. BBM (BlackBerry Messenger)
  • Manfaat BBM (BlackBerry Messenger)
  • Anda bisa mengirim pesan sebanyak yang Anda inginkan.
  • Anda bisa menggunakan BBM untuk mengobrol dan membagikan file secara langsung dengan orang lain.
  • Bisa melihat saat orang lain sudah membaca pesan Anda, dan Anda bisa melanjutkan percakapan Anda lewat obrolan BBM Voice.
  • Di dalam BBM (BlackBerry Messenger) itu kita bisa melihat gambar foto.
  • Bisa berkomentar tentang orang lain begitu sebaliknya orang bisa berkomentar tentang diri kita sendiri.
  • Memposting status.
  • Ngeinbox.
  • Mendengar suara.


    4. Instagram
  • Manfaat Instagram
  • Bisa membuka bisnis online.
  • Di dalam Instagram itu kita bisa melihat gambar foto dan video.
  • Memposting Komentar tentang gambar atau video tersebut. 
  
 
    5. Edmodo 
  • Keunggulan dari Edmodo
  • User Interface.Mengadaptasi tampilan seperti facebook, secara sederhana edmodo relatif mudah untuk digunakan bahkan untuk pemula sekalipun.
  • Compatibility. Edmodo mendukung preview berbagai jenis format file seperti: pdf, pptx, html, swf dan sebagainyaAplikasi.
  • Edmodo tidak hanya dapat diakses dengan menggunakan PC (laptop / desktop) tetapi juga bisa diakses dengan menggunakan gadget berbasis Android OS.   
  •  Di dalam edmodo kita bisa berkomentar . 




    6. Blogger 
  • Manfaat Blogger 
  • Bisa menulis
  • Rajin Membaca
  • Selalu up -to date
  • Mengetahui ilmu marketing
  • Memiliki koneksi yang luas
  • Berjiwa peneliti
  • Berkreasi
  • Bisa memposting apa yang kita tulis
  • Berkomentar tentang apa yang ditulis orang lain.













Rabu, 25 Maret 2015

Cara Mengenal Pemrograman (HTML)



  HTML merupakan singkatan dari Hypertext Markup Language. HTML digunakan untuk membangun halaman web. HTML digunakan untuk melakukan mark-up (penandaan) terhadap sebuah dokumen teks. Tanda tersebut digunakan untukmenentukan format atau style dari teks yang ditandai halaman web dibangun oleh kode-kode HTML.
HTML adalah bahasa markup yang umum digunakan. Kepopuleran HTML disebakan karena HTML ini mudah digunakan. Pembuatan dokumen web dengan HTML dapat dilakukan dengan mudah dan cepat. Dokumen web dapat tersaji dengan cepat ke banyak pembaca di seluruh dunia sekaligus. HTML mudah melakukan kontrol terhadap tampilan halaman web baik berupa teks, gambar, suara, animasi maupun video.
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan web browser seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

a. Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.

b. Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada Word Wide Web.

c. Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen. Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih pada format dokumen yang berorientasi pada aplikasi.

Fungsi HTML
Hypertext Markup Language merupakan standar bahasa yang di gunakan untuk menampilkan dokumen web, yang bisa dilakukan dengan HTML yaitu:
– Menentukan format suatu teks
– Membuat list tentang sekelompok hal
– Membuat link ke dokumen lain atau bagian lain dari dokumen yang sama.
– Menyisipkan citra atau gambar.
– Menampilkan informasi dalam bentuk tabel
– Memodifikasi.Mengontrol tampilan dari web page dan contentnya.
– Mempublikasikan dokumen secara online sehingga bisa di akses dari seluruh dunia.
– Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.
– Menambahkan object-object seperti image, audi, video dan juga java applet dalam dokumen HTML.

 Struktur HTML
1. Elemen
Elemen terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.Contonya untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: ini adalah tag pembuka judul dokumen HTML
2. Tag
Adalah teks khusus (markup) berupa dua karakter “”, sebagai contoh adalah tag dengan nama body. Tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter “/” setelah karakter “<"), sebagai contoh ini adalah tag pembuka isi dokumen HTML, dan ini adalah tag penutup isi dokumen HTML. Yang merupakan tag-tag dasar dalam HTML adalah:

a. Tag dan digunakan untuk menandai awal dan akhir dari suatu file HTML.
b. Tulisan yang berada diantara tag dan akan ditampilkan oleh browser pada      bagian title yang mana merupakan title dari jendela browser.
c.  Berisi keterangan informasi, seperti title dan jenis dokumen, ditulis diantara   head tags.
d .Bagian tag BODY menandai awal dan akhir dari badan dokumen HTML. Tag ini memiliki sejumlah  attribut dapat ditentukan.

3. Atribut
Atribut mendefinisikan properti dari suatu elemen/tag dari HTML, yang
terdiri atas nama dan nilai
Pengaturan Halaman HTML
Menformat Tulisan Pada halaman HTML
Untuk membuat halaman web yang rapi dan menarik, tentu saja perlu melakukan pemformatan tulisan-tulisan, baik tata cara pencetakannya, serta jenis tulisan yang dipergunakan.
Tag – tag untuk memformat tulisan:
Tag
Keterangan
Membuat cetak tebal pada tulisan yang berada diantaranya.
Menyebabkan tulisan berada diantaranya berkedip-kedip.
Digunakan untuk menandai kutipan dari suatu
buku atau artikel majalah. Browser khususnya menampilkan kutipan dengan cetak miring.
Menandai suatu daftar source code program. Biasanya ditampilkan oleh browser dalam suatu monospaced font yang lebih kecil
Style untuk definisi dari suatu istilah. Browser
menampilkan definisi dengan cetak miring.
Text yang berada diantara tags ini dicetak lebih lebar. Browser umumnya menampilkan cetak
Menentukan ukuran font (#) yang digunakan untuk menampilkan HTML dalam tags. Default is 3; ukurannya dari 1 sampai 7.
Tag yang menentukan tingkat heading dengan nilai antara 1 dan 6, dengan sebagai ukuran paling besar dan 6 paling kecil
Text diantaranya ditampilkan dengan cetak miring.
Keyboard tag digunakan untuk mewakili tombol keyboard seperti Del atau Enter. Umumnya ditampilkan oleh browser dengan suatu monospaced font yang lebih kecil.
 
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.
(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 marquee.

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.
Menampilkan sejumlah karakter literal. Banyak
browser menampilkan dengan monospaced font.
Tulisan diantaranya di coret (Example).

Cara lain menggambarkan attention pada suatu bagian dari text; biasanya ditampilkan dengan cetak tebal oleh browser.
Menampilkan bentuk typewriter style (monospaced) font.

Tulisan diantaranya ditampilkan dengan garis bawah.

 https://ono67.wordpress.com/2013/12/12/makalah-dasar-pemrograman-web-dengan-html/