Like us on Facebook

Tampilkan postingan dengan label Learn. Tampilkan semua postingan
Tampilkan postingan dengan label Learn. Tampilkan semua postingan

Rabu, 24 Juni 2015

Hadi Yanuar

The history of Web design and Development at last 25th


The history of Web design web design at this time already increasingly sophisticated, the look of the website at the time of this already very good and bad for the eyes, with a point of view on a range of elements, effects, colors, and the ability to adjust to the width of the screen (responsive).

But did you know the website first appeared about 25 years ago with the release of the HTML in 1990 and the first website he made in 1991 by Tim Berners-Lee. At that time the website only as text with a blue link to associate one page with another page, still it looks standard, no columns, text only composed and under only. It was only a year later the known tables to create layouts, with the table layout websites can be made into columns.

Two years after that came the flash and java in 1995-1996, then followed with the development of internet users to reach 74 million and there are 650ribu websites have made at that time, and in that year also introduced the CSS to make the web look more attractive.

Website development increasingly growing rapidly, people start to think to make a dynamic website, not just a static website, then it did not take long, 1998 while Indonesia are the monetary crisis and occuring riots that year born is PHP, version 3. Here the website began to flourish because PHP allows us to create a dynamic website.

The next year, namely one in 1999 was named CSS3 CSS, where there are developed with the additions of new features that allow the display of website look more attractive.

It took 4 years after the introduction of CSS3 to emerging Web 2.0 where the term appears range of increasingly dynamic website where everyone can create a website and a specific profile page only from a website like Blogspot, WordPress, MySpace, Tumblr and don't forget there's Friendster and Facebook, Internet users at that time reached 782 million, and there are 38 million websites on the Internet.

In 2008 starting with the term Open Source, and then the Mobile Web began to be known, for the development of communication technology makes the phone start to have sufficient qualified capabilities, including can be used to access the internet.

In 2010 the internet users increasingly crowded, there are 2 billion Internet users around the world and the number of websites more multiply reach 240 million, nearly equal to the population of Indonesia. At that time people began to recognize that HTML5 is still very popular with a wide range of sophistication, even up to sink the Flash to create web animation.

Now already more advanced web design alone, there are an awful lot of Web builder available on the Internet, creating a website is getting easier, even people who do not have any programming basics can now easily create a website with just a drag and drop website just finished, and ready to use.
 

The History of Web Design


That's roughly the historical development of the website and designs for approximately 25 years. How the website in the future? We wait and follow the course of its development, web design tutorial will always accompany and hopefully can keep up to date.

See you in the writings of other crispy, good fast also for friends who run fast.
Read More

Selasa, 25 Mei 2010

Hadi Yanuar

Cara Memposting Code Html di Blogger

Bagi Blogger pemula kemungkinan menemui kendala jika ingin memasukkan kode HTML/script di postingan blog, karena script HTML tidak akan bisa tampil di postingan dan terkadang muncul pesan “error” .

Saya juga pertama kali kesulitan bila akan memasukkan script HTML tersebut, seperti di tutorial web desaign sebelumnya. Untunglah di dunia maya ini banyak para blogger yang baik hati mempostingkan caranya, setelah di search melalui “ Om Gogel “ tak butuh waktu lama akhirnya ketemu deh caranya, yaitu dengan cara Konversi Online.^.^

Adapun caranya adalah sbb :

1. Kunjungi Encode Decode HTML Converter di sini.

Perhatikan Screenshoot di bawah ini :


2. Delete atau hapus terlebih dahulu tampilan kata-kata yang muncul di layer “Encode” , setelah clear..

3. Masukkan kode html / javascript yang ingin Anda tampilkan di posting di kotak yang tersedia, terus klik menu “Encode” . Selesai

4. Copy dan paste hasil encode yang ada dalam kotak kedalam postingan Anda.

5. Selamat Mencoba

NB : menu “Decode” adalah untuk mengembalikan tampilan HTML sebelum di “Encode”
Read More

Sabtu, 22 Mei 2010

Hadi Yanuar

Belajar Dasar HTML[2]

Hi teman. Maaf, edisi kali kemarin terpotong. Tapi jangan terlalu berputus asa dalam belajar^^. (gw sok imut y?) Ok, dalam edisi kali ini. Kita akan membahas tentang penggunaan Format Tampilan pada Web.
Format tampilan biasanya digunakan aga pengunjung bisa membaca dengan nyaman. Bayangkan coba kalau kita asal nulis. Tanpa diberi apa-apa. Basi tau!! Nah, di bawah ini beberapa Format Tampilan yang biasanya digunakan pada pembuatan website.


Format Tampilan :
Bold (Huruf Tebal) <b></b>
Italic (Huruf Miring) <i></i>
Underline (Garis Bawah) <u></u>
Strike (Huruf Coret) <strike></strike>
Subscript (Huruf Geser Bawah) <sub></sub>
Superscript (Huruf Geser Atas) <sup></sup>
Font Align Left (Rata Kiri) <p align="left">
Font Align Center (Rata Tengah) <p align="center">
Font Align Right (Rata Kanan) <p align="right">
Font Size (Ukuran Huruf) <font size=�?�>
Font Color (Warna Huruf) <font color=�?�>
Paragraf <p></p>



Exsample penggunaan :

<html>
<head>
<title>Latihan Keduaku</title>
</head>
<body>

<p>Bold <b>(Huruf Tebal)</b>
<p>Italic <i>(Huruf Miring)</i>
<p>Underline <u>(Garis Bawah)</u>
<p>Strike <strike>(Huruf Coret)</strike>
<p>Subscript <sub>(Huruf Geser Bawah)</sub>
<p>Superscript <sup>(Huruf Geser Atas)</sup>
<p align="left">Align Left (Rata Kiri)
<p align="center">Align Center (Rata Tengah)
<p align="right">Align Right (Rata Kanan)
<p><font size="24">Font Size (Ukuran Huruf)</font>
<P><font color="red">Font Color (Warna Huruf)</font>

</body>
</html>


Hasilnya adalah sebagai berikut :



Mungkin hanya tu yang dapat saya sampaikan untuk kali ini. Sampai berjumpa di tutorial lain di lain waktu.
Bila ada kekurangan mohon diberi komentar.
Read More

Selasa, 18 Mei 2010

Hadi Yanuar

Cara Membuat Readmore pada Blogger

Sebenernya ini cuman berbagi saja, soalnya biasanya kan kalau di sebuah website or blogger itu ada kata Readmore... Nah, itu dia yang ingin aku kasih ke My Blog, soalnya postingan aku panjang kebawah. kaya ular dech ^^.

Ok sudah cukup basa-basi nya.
Sedikit penjelasan tentang Read more!(Sok tahu): Biasanya postingan terbaru di blogger akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat halaman utama menjadi penuh . Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka. sekarang mari kita bahas step by step ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"

3. Cari kode berikut ini
<div class='post-body entry-content'>

kalo sudah ketemu maka dibawahnya ada kode ini :
<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode yang ini <p><data:post.body/></p>
menjadi seperti ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More</a>
</b:if>

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">

</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan yang "Compose" dan "Edit Html", kamu pilih Yang "Edit HTML", Maka secara otomatis akan terlihat kode seperti berikut ini :
<span class="fullpost">

</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama
utama diatas kode ini :
<span class="fullpost">
sementara sisanya yaitu keseluruhan posting letakkan di atas kode
</span>
11. selesai deh..... selamat mencoba........


Peace Man ^.^







Read More

Senin, 17 Mei 2010

Hadi Yanuar

Pengenalan Flash (Animation)

Sejak diperkenalkan pada tahun 1996, Flash atau Macromedia Flash menjadi sangat populer dan langsung mendapat tempat di hati masyarakat dunia web karena dapat membuat menampilkan animasi dan interaksi di web. Tetapi sejak bulan Desember 2005, perusahaan Macromedia dibeli oleh Adobe dan kini berganti nama menjadi Adobe Flash sejak versi 9 atau CS3.

Demo Karya Flash

Di mana kita bisa mendapatkan hasil karya yang dibuat dengan Flash? Kita bisa menemukannya di Babaflash.com banyak hasil karya orang Indonesia yang dibuat dengan Flash seperti:

* Ecards atau Kartu Ucapan Elektronik
* Coolsites atau Situs Bagus
* Game atau Permainan
* Animasi Kartun

Kelebihan dan Kemampuan Flash

* Merupakan teknologi animasi web yang paling populer saat ini sehingga banyak didukung oleh berbagai pihak.
* Ukuran file yang kecil dengan kualitas yang baik
* Kebutuhan Hardware yang tidak tinggi
* Dapat membuat website, cd-interaktif, animasi web, animasi kartun, kartu elektronik, iklan TV, banner di web, presentasi cantik, membuat permainan (game), aplikasi web dan handphone.
* Dapat ditampilkan di banyak media seperti Web, CD-ROM, VCD, DVD, Televisi, Handphone dan PDA.

Teknologi Flash

Flash sekarang bukan hanya sebagai software saja dengan nama Adobe Flash, tetapi juga merupakan suatu teknologi animasi di web. Jadi untuk membuat animasi web dengan format Flash (SWF) kita tidak harus menggunakan software Adobe Flash, tetapi bisa menggunakan software lain seperti SwishMax, Vecta 3D, Swift 3D, Amara, Kool Moves dan masih banyak lagi.

Versi Macromedia atau Adobe Flash

* Macromedia Flash 2 (1997)
* Macromedia Flash 3 (1998)
* Macromedia Flash 4 (1999)
* Macromedia Flash 5 (2000)
* Macromedia Flash 6 (2002) atau Macromedia Flash MX
* Macromedia Flash 7 (2003) atau Macromedia Flash MX 2004
* Macromedia Flash 8 (2005)
* Adobe Flash 9 (2007) atau Adobe Flash CS3

Anda tidak usah bingung untuk menggunakan versi yang mana, kalau hanya untuk keperluan menggambar atau animasi, Flash versi 4 atau 5 pun lebih dari cukup kalau komputer Anda Pentium 4. Jadi silahkan menggunakan versi yang tidak memberatkan komputer Anda, tidak usah memaksa harus menggunakan versi terbaru.

Kini adalah suatu kebutuhan atau keharusan (seperti menulis) untuk belajar suatu software perkantoran. Minimal bisa mengoperasikan produk Microsoft seperti Windows, Microsoft Word, Excel dan Power Point. Atau produk Open Source seperti Linux, Star Office.

Jadi setelah itu, silahkan memilih Flash untuk pilihan selanjutnya :)Lebih lengkapnya di http://en.wikipedia.org/wiki/Adobe_Flash


Peace^_^
Read More

Sabtu, 15 Mei 2010

Hadi Yanuar

Mengenal jenis ukuran file dalam Komputer

Data yang tersimpan dalam komputer tersebut sebenarnya merupakan kumpulan dari angka 0 dan 1. Kumpulan angka 1 dan 0 inilah yang sering diterjemahkan sebagai ‘bit’ dari data biner.

Jika didalam kehidupan sehari-hari kita dapat menentukan kecepatan sebuah kendaraan entah itu motor ataupun mobil, begitu pula dengan ketika terjadinya transfer data dalam jaringan komputer.

Beberapa satuan standar transfer data yang sering dipergunakan dalam jaringan komputer adalah :

bit:
bit adalah ukuran terkecil data dalam sebuah komputer. bit biasanya hanyalah merupakan pilihan antara 0 dan 1. Dimana 0 biasanya berarti ‘Off’ dan 1 berarti ‘On’. Pada akhirnya komputer akan mengkombinasikan kedua pilihan tersebut menjadi format digital yang lebih kompleks untuk merepresentasikan data. Istilah bit mulai diperkenalkan oleh seorang statistik terkenal John Tukey pada tahun 1946 (http://www.danbbs.dk/~erikoest/bb_terms.htm).

bps:
bit per second. Jumlah bit yang ditransfer dalam satu detik.

kbps:
kilo bits per second. Jumlah kilobits yang ditransfer dalam satu detik.
1 kbps = 1 x 10^3 bit/second = 1000 bit/second.

Byte:
Byte adalah merupakan kumpulan beberapa bit (1 Byte = 8 bit ). Byte biasanya merepresentasikan sebuah karakter (Misalkan seperti A, ?, -, dll). Karakter ini bisa berupa huruf, angka ataupun simbol tertentu.

Bps:
Byte per second. Jumlah byte yang ditransfer dalam satu detik.

KBps:
Kilo Byte per second. Jumlah KiloByte yang ditransfer dalam satu detik.
1 KBps = 1 x 2^10 byte/second = 1,024 byte/second

bit mempergunakan satuan desimal oleh sebab itu :

1 kilobit = 1 x 10^3 bit = 1000 bit

sedangkan byte mempergunakan satuan biner, oleh sebab itu :

1 KiloByte = 1 x 2^10 = 1024 Byte.

Berikut ini satuan Byte lainnya:

1 byte = 8 bits
1 kilobyte (K / KB) = 2^10 bytes = 1,024 bytes
1 megabyte (M / MB) = 2^20 bytes = 1,048,576 bytes
1 gigabyte (G / GB) = 2^30 bytes = 1,073,741,824 bytes
1 terabyte (T / TB) = 2^40 bytes = 1,099,511,627,776 bytes
1 petabyte (P / PB) = 2^50 bytes = 1,125,899,906,842,624 bytes
1 exabyte (E / EB) = 2^60 bytes = 1,152,921,504,606,846,976 bytes

Huruf “K” (huruf k besar) dipergunakan untuk satuan KiloByte, sedangkan
huruf “k” (huruf k kecil) untuk satuan kilobit.
Read More

Jumat, 14 Mei 2010

Hadi Yanuar

Belajar Dasar HTML [1]

HTML [1]

Hi teman. Untuk awal dari tutorial pembuatan website, kita harus mengenal dahulu elemen dasar dan beberapa elemen tambahan sebuah bahasa pemrogaman yang biasa dan selalu digunakan setiap kali kita akan membuat web. Bahasa pemprograman tersebut dinamakan HTML.
HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan.HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.


Elemen Dasar HTML

<html></html> (terdapat pada awal dan akhir dari file HTML)
<title></title> (harus selalu terdapat pada mukadimah)
<head></head> (keterangan umum, seperti judul dsb.)
<body></body> (isi dari halaman HTML)

Exsample :

<html>
<head>
<title>Latihan Pertamaku</title>
</head>
<body>
Teks pertamaku di html
</body>
</html>

Setelah menuliskan contoh di atas (biasanya memakai notepad atau software pendukung lainnya). Save dengan nama terserah anda seperti : pertama.html

Untuk melihat hasilnya, buka file hasil karya tersebut dan hasilnya seperti ini :


Ok. Untuk sementara hanya sampai disini. Kita bahas bagian yang lainnya dalam episode mendatang.^^
Read More