Ifan Nashanzani Blog

Sabtu, 27 Juni 2015

Website Unfriendly

saya akan mencontohkan website yang unfriendly, atau sangat buruk interfacenya untuk dilihat user.
ini dia skrip nya
<html>
<head>
<title> Tugas </title>
<head>
<body>
<body bgcolor="#ffff00">
<h1> Tutorial Photoshop </h1>
<hr width=100% align=center size=5% color="white">
<h2 style="font:bold 30px Jokerman ;color:white"><b>Lolipop Love Candy Text Efek</b></h2>

<h3 style="font:bold 20px Jokerman ;color:white">1. Buka Photoshop dan buat lembar kerja baru ( file > new ). Buat dengan ukuran :
Widht 100 pixels
dan Height 100 pixels
dengan Resolution 72
dan Background contents Transparent.</h3>
<img src="1.jpg" alt="1" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">2. Klik Rectangle Tool, kemudian warnai Seperti Dibawah, lalu Buat 4 object kotak sehingga hasilnya seperti ini :</h3>
<img src="2.jpg" alt="2" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">kemudian kita pilih semua layer lalu tekan CTRL + E , hal ini fungsinya untuk menggabungkan layer.</h3>
<img src="3.jpg" alt ="3" style ="width:170px;height:190;">
<h3 style="font:bold 20px Jokerman ;color:white">Hasil setelah digabungkan layernya</h3>
<img src="4.jpg" alt ="4" style ="width:170px;height:180;">
<h3 style="font:bold 20px Jokerman ;color:white">Nah sekarang jadikan sebagai pattern, Klik menu utama : edit > define pattern, akhiri dengan menekan tombol OK.</h3>
<img src="5.jpg" alt="5" style="width:400px;height:300px;">
<h5 style="font:bold 20px Jokerman ;color:white">Selamat anda telah membuat pattern lolipop.</h5>
<h2 style="font:bold 20px Jokerman ;color:white"> Membuat Teks Efek Permen Lolipop Love Candy </h2>
<h3 style="font:bold 20px Jokerman ;color:white">1. Setelah mempunyai pattern lolipop maka Siapkan lembar kerja baru </h3>
<img src="6.jpg" alt="6" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">lalu klik text tool dan tulis pada worksheet, kemudian beri warna tulisan pink muda (# fdebe9).</h3>
<img src="7.jpg" alt="7" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">2. Buat layer baru diatas teks dengan menekan (ctrl + shift + alt + n) pada keyboard secara bersamaan. Lalu pilih paint bucket tool (lihat gambar) pada toolbox photoshop dan atur menjadi pattern (lihat gambar) seperti berikut, pilih pattern yang anda buat tadi sebelumnya. lalu klik ke lembar kerja untuk menambahkan patternnya.</h3>
<img src="8.jpg" alt="8" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">3. Klik kanan pada layer 1 pattern, lalu pilih Create Clipping Mask </h3>
<img src="9.jpg" alt ="9" style ="width:170px;height:180;">
<h4 style="font:bold 20px Jokerman ;color:white">Kemudian tekan ctrl + T untuk merotasi (memutar posisi) </h4>
<img src="10.jpg" alt="10" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">4. Ok, langkah terakhir yaitu: Tambahkan Layer style pada layer 1 pattern lolipop
caranya : klik kanan layer 1 lalu pilih Blending Options...</h3>
<img src="11.jpg" alt ="11" style ="width:170px;height:180;">
<h4 style="font:bold 20px Jokerman ;color:white">Atur seperti ini :</h4>
<img src="12.jpg" alt="12" style="width:400px;height:300px;"><br>
<img src="13.jpg" alt="13" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">5. Sekarang atur blending option pada layer textnya.</h3>
<img src="14.jpg" alt="14" style="width:400px;height:300px;"><br>
<img src="15.jpg" alt="15" style="width:400px;height:300px;">
<h3 style="font:bold 20px Jokerman ;color:white">Setelah semua diatur kurang lebih hasilnya akan seperti ini</h3>
<img src="16.jpg" alt="16" style="width:600px;height:400px;">

<p>Contoh Tutorial Teks Edit sederhana di Photoshop semoga dapat membantu anda</p>
</body>

</html>

warna sangat amat tajam, dan font atau tulisan pada websitenya tidak jelas.

Minggu, 10 Mei 2015

HTTP

Hypertext Transfer Protocol (HTTP) adalah sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia. Penggunaannya banyak pada pengambilan sumber daya yang saling terhubung dengan tautan, yang disebut dengan dokumen hiperteks, yang kemudian membentuk World Wide Web pada tahun 1990 oleh fisikawan Inggris, Tim Berners-Lee. Hingga kini, ada dua versi mayor dari protokol HTTP, yakni HTTP/1.0 yang menggunakan koneksi terpisah untuk setiap dokumen, dan HTTP/1.1 yang dapat menggunakan koneksi yang sama untuk melakukan transaksi. Dengan demikian, HTTP/1.1 bisa lebih cepat karena memang tidak perlu membuang waktu untuk pembuatan koneksi berulang-ulang.

Pengembangan standar HTTP telah dilaksanakan oleh Konsorsium World Wide Web (World Wide Web Consortium/W3C) dan juga Internet Engineering Task Force (IETF), yang berujung pada publikasi beberapa dokumen Request for Comments (RFC), dan yang paling banyak dirujuk adalah RFC 2616 (yang dipublikasikan pada bulan Juni 1999), yang mendefinisikan HTTP/1.1.

Dukungan untuk HTTP/1.1 yang belum disahkan, yang pada waktu itu RFC 2068, secara cepat diadopsi oleh banyak pengembangpenjelajah Web pada tahun 1996 awal. Hingga Maret 1996, HTTP/1.1 yang belum disahkan itu didukung oleh Netscape 2.0, Netscape Navigator Gold 2.01, Mosaic 2.7, Lynx 2.5, dan dalam Microsoft Internet Explorer 3.0. Adopsi yang dilakukan oleh pengguna akhir penjelajah Web pun juga cepat. Pada bulan Maret 2006, salah satu perusahaan Web hosting melaporkan bahwa lebih dari 40% dari penjelajah Web yang digunakan di Internet adalah penjelajah Web yang mendukung HTTP/1.1. ^[1]Perusahaan yang sama juga melaporkan bahwa hingga Juni 1996, 65% dari semua penjelajah yang mengakses server-server mereka merupakan penjelajah Web yang mendukung HTTP/1.1. Standar HTTP/1.1 yang didefinisikan dalam RFC 2068 secara resmi dirilis pada bulan Januari 1997. Peningkatan dan pembaruan terhadap standar HTTP/1.1 dirilis dengan dokumen RFC 2616 pada bulan Juni 1999.

HTTP adalah sebuah protokol meminta/menjawab antara klien dan server. Sebuah klien HTTP (seperti web browser atau robot dan lain sebagainya), biasanya memulai permintaan dengan membuat hubungan ke port tertentu di sebuah server Webhosting tertentu (biasanya port 80). Klien yang mengirimkan permintaan HTTP juga dikenal dengan user agent. Server yang meresponsnya, yang menyimpan sumber daya seperti berkas HTML dan gambar, dikenal juga sebagai origin server. Di antara user agent dan juga origin server, bisa saja ada penghubung, seperti halnya proxy, gateway, dan juga tunnel.

HTTP tidaklah terbatas untuk penggunaan dengan TCP/IP, meskipun HTTP merupakan salah satu protokol aplikasi TCP/IP paling populer melalui Internet. Memang HTTP dapat diimplementasikan di atas protokol yang lain di atas Internet atau di atas jaringan lainnya. seperti disebutkan dalam "implemented on top of any other protocol on the Internet, or on other networks.", tapi HTTP membutuhkan sebuah protokol lapisan transport yang dapat diandalkan. Protokol lainnya yang menyediakan layanan dan jaminan seperti itu juga dapat digunakan.."^[2]

Sumber daya yang hendak diakses dengan menggunakan HTTP diidentifikasi dengan menggunakan Uniform Resource Identifier (URI), atau lebih khusus melalui Uniform Resource Locator (URL), menggunakan skema URI http: atau https:.

Sesuai dengan perkembangan infrastruktur internet maka pada tahun 1999 dikeluarkan HTTP versi 1.1 untuk mengakomodasi proxy, cache dan koneksi yang persisten.

SUMBER

Web Science

Apakah yang dimaksud dengan Web Science? Menurut struktur katanya, Web Science terdiri atas kata “Web” dan kata “Science”, dimana kedua kata tersebut memiliki arti yang berbeda. Berikut merupakan penjelasan dari definisi kedua kata tersebut sehingga dapat membentuk suatu istilah baru yang disebut dengan “Web Science”.

Web atau Website merupakan suatu halaman informasi yang disediakan melalui jalur Internet, sehingga web dapat diakses di mana saja selama web tersebut terhubung atau terkoneksi dengan jaringan internet. Web merupakan alat komunikasi online yang menggunakan media internet dalam pendistribusian atau penyebarannya. Web merupakan kumpulan halaman yang menampilkan informasi dengan berbagai macam jenis. Diantaranya berupa data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik web tersbut bersifat statis maupun bersifat dinamis yang akan membentuk suatu rangkaian yang saling terkait dimana masing-masing rangkaian tersebut dihubungkan dengan jaringan-jaringan halaman yang disebut dengan hyperlink.

Berikutnya pengertian tentang Science. Science atau sains sangat erat hubungannya denga Ilmu Pengetahuan, banyak yang mendefinisikan bahwa sains itu sama dengan Ilmu Pengetahuan. Namun menurut bahasa, sains adalah aktivitas pemecahan masalah yang dilakukan oleh manusia yang dimotivasi oleh rasa ingin tahu tentang dunia sekitar mereka dan keinginan untuk memahami suatu hal atau kejadian tersebut.

Sedangkan yang dimaksud dengan Web Science adalah ilmu yang mempelajari tentang efisiensi atau pemanfaatan dari sebuah web, agar dapat dirasakan manfaat dan kegunaannya pada banyak bidang di dalam kehidupan sehari-hari. Di dalam web science kita belajar bagaimana memberdayakan suatu sumber daya virtual sebagai media komunikasi praktis. Dengan tampilan web yang menarik dan abtraktik agar memunculkan minat orang banyak untuk membaca web tersebut.Contoh-contoh nyata yang sudah diterapkan dapat dilihat pada bidang komersil atau bidang ekonomi, bidang sosial dan bidang pendidikan.

sumber

Minggu, 11 Januari 2015

Hasil Tutorial CorelDraw

Ini dia hasilnya, kalian bisa mengganti2 warna backgroundnya sesuai dengan keinginan kalian . dan bisa mengkreasikan sendiri

SUMBER

Membuat Logo Windows 8 Part 2

4. Sekarang klik kiri Kotak pemisah horisontal lalu tahan tombol shift pada keyboard kemudian klik kotak windows 8
Setelah itu klik Trim untuk memotong

Dan akhirnya kotak windows 8 terbelah menjadi 2 bagian. Lanjut kakak...!!! oke makin seru kan...

5. Ok sekarang tinggal kita potong Kotak Windows 8 secara vertikal (atas - bawah). Caranya kakak? hehe..
Klik 2x kotak pemisah windows sehingga keluar tanda putaran dan putar 90 derajat

ulangi seperti pemotongan sebelumnya yaitu klik kiri Kotak pemisah horisontal lalu tahan tombol shift pada keyboard kemudian klik kotak windows 8
Setelah itu klik Trim untuk memotong secara vertikal dan Yahoo kita mempunyai logo Widows 8. Klik kotak pemotong dan tekan Del (untuk menghapus) - "habis manis sepah dibuang nih ceritanya... malang benar nasibnya kotak pemotong", oke lanjut ya

6. warnai sesuka kalian, Caranya klik logo windows lalu klik kiri warna yang disuka pada pallete color kemudian klik kanan pallete color silang (tanpa warna) untuk menghilangkan outline pada logo windows 8, Hasilnya:

Beri background yang menarik, misal gradasi antara warna biru dan putih. dan hasilnya ada di postingan selanjutnyaa~

Minggu, 23 November 2014

Membuat Logo Windows 8 Part 1

Publish: 24 Desember 2012 | Author & Copyright: Johan | Status: FREE Belajar Coreldraw

Cara Membuat Logo Windows 8

Ok bagaimana cara membuatnya? mari kita membuat logo Windows 8 dengan Corel

1. Buka aplikasi corel, kali ini penulis memakai Corel X5 namun tutorial ini bisa diaplikasikan ke semua jenis program coreldraw.
Klik File >> New (Ctrl + N) , klik Ok. maka akan muncul lembar kerja untuk pembuatan logo Windows 8

2. Buat kotak dengan Rectangle Tool (F6)

Setelah itu tekan CTRL + Q untuk mengubah kotak yang kita buat menjadi Garis Kurva (Convert To Curves), yaitu bangun yang terdiri dari titik - titik curva sehingga bisa kita modifikasi point - point kurvanya. Gunakan Shape Tool (F10) lalu klik kiri pada kurva kemudia tahan dan geser kurva untuk menDrag (Memindahkan posisi Kurva)

dan kita akan namai ini kotak windows 8

3. Setelah itu kita buat lagi kotak persegi panjang yang memotong secara horisontal tepat di tengah tengah logo Windows 8

dan akan kita namai kotak tersebut kotak pemisah horisontal.
LANGKAH SELANJUTNYA ADA DIPOSTINGAN SELANJUTNYA :)

SUMBER

Minggu, 26 Oktober 2014

CorelDraw

CorelDraw sejak awal dikembangkan untuk Windows dan saat ini dapat berjalan pada Windows 2000 dan versi selanjutnya. Versi untuk Mac OS dan Mac OS X ada awalnya juga tersedia, namun dihentikan karena minimnya penjualan. Versi Mac OS hanya berlanjut sampai versi 5.0. Versi terakhir untuk Linux terakhir dibuat tahun 2000. Corel pada Linux tidak berjalan langdsung di atas platform, namun harus menggunakan Wine, semacam crossover seperti yang digunakan untuk meng-install Photoshop pada Linux.
Pada 1985, Dr. Michael Cowpland mendirikan Corel untuk menjual sistem desktop-publishing berbasis Intel.
Pada 1987, Corel merekrut beberapa pengembang software (programmer) untuk membangun sebuah software grafis berbasis vektor untuk dijadikan satu dengan paket desktop-publishing Corel. Program itu, yang akhirnya diberi nama CorelDraw, pertama kali diluncurkan ada 1989. Programitu diterima luas oleh masyarakat dan pada akhirnya corel hanya focus pada pengambangan software.
CorelDraw dibuat utk Windows bersamaan dengan diluncurkanya Windows 3.1. dengan dimasukkannya TrueType ke dalam Windows 3.1 menjadikan Corel sebagai program ilustrasi yang mampu menggunakan fonts yang ada tanpa membutuhkan software tambahan seperti Adobe TypeWriter.
Beberapa inovasi untuk ilustrasi berbasis vektor pada CorelDraw : Note-edit tool, stroke before fill, mesh fill dan sebagainya.
CorelDraw memiliki perbedaan mencolok dibandingkan kompetitornya. Yang pertama bahwa CorelDraw adalah suatu paket software grafis, bukan hanya sebuah editor gambar berbasis vektor. Peralatan – peralatan yang ada memungkinkan penggunanya untuk mengatur kontras, keseimbangn warna bahkanmengubah dari mode RGB (Red Green Blue) menjadi CMYK (Cyan Magenta Yellow). Khusus untuk gambar bitmap dapat diubah dengan Corel PhotoPaint.
Pesaing utama CorelDraw adalah Adobe Illustrator dan Xara Extreme. Meskipun mereka semua juga program editor gambar berbasis vector, namun pengalaman pengunanya dapat menghasilkan perbedaan yang mencolok.

SPESIFIKASI PERANGKAT KERAS UNTUK COREL DRAW
Syarat utama yang umum untuk aplikasi grafis adalah kesediaan RAM atau memori yang mencukupi untuk menjalankan aplikasi tersebut. Untuk program CorelDraw, spesifikasi standar yang harus dipenuhi adalah sebagai berikut :
> Processor minimal Pentium II 233 MMX
> RAM minimal 128 MB
> Monitor Minimal SVGA
> VGA minimal 16 MB
> Ruang kosong Harddisk minimal 2GB
Tentunya semakin dikembangkan versi barunya spesifikasinya pasti akan bertambah,

Referensi