Latest Updates
Home » Archive for Maret 2015

Membuat Typography di CorelDrawX4

Membuat Typography


Di postingan saya kali ini, kita akan belajar mengenai typography. Apasih typography itu ?

Tipografi bisa juga dapat dikatakan sebagai “visual language” atau dapat berarti “Bahasa yang dapat dilihat”.

Tipografi dibagi kedalam 2 macam jenis, yaitu :
“Typography” (Tipografi) merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.

Seni tipografi, yaitu karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama.

Tipografi atau typography menurut Roy Brewer (1971) dapat memiliki pengertian luas yang meliputi penataan dan pola halaman, atau setiap barang cetak. Atau dalam pengertian lebih sempit hanya meliputi pemilihan, penataan dan berbagai hal bertalian pengaturan baris-baris susun huruf (typeset), tidak termasuk ilustrasi dan unsur-unsur lain bukan susun huruf pada pada halaman cetak.


Kali ini saya akan tutorial pemnuatan typography, di sini saya menggunakan Software CorelDraw x4

1.       1.Buka CorelDraw anda kemudian tentukan ukuran lembar kerja yang anda gnakan , di sini saya menggunakan A4 dan saya atur menjadi Landscape.Tapi ini tergantung dari keinginan anda sendiri.
2.       2.Kemudian Butlah Backgroun Untuk Typography anda di sini saya membuat balok balok terlebih dahulu dengan memilih tombol rectangle tool seperti pada gambar . jika sudah ketikkan tulisan yang anda inginkan. Sebagai contoh saya akan membuat tulisan Segudan Ilmu



Jangan lupa memisahkan huruf huruf tersebut agar mudah di olah dengan cara menekan Ctrl + K pada keyboard dan Ctrl + Q untuk mengconvertnya.

3.       3.Gunakan Font yang simple dalam pembuatan Typography dan juga permainan warna yang menarik, usahakan maximal 3 warna saja dalam satu karya typography di sini saya menggunakan font GoboldUplow background  hanya menggunakan 2 warna

4.       4.Untuk mengubah warna sebagian pada font seperti pada huruf g yang saya buat itu sangan mudah anda hanya perlu menyeleksi bangian bawah huruf tersebut tengan menggunakan Beizer tool atau Pen too kemudian klik bagian yang anda seleksi keudian tekan shift pada heyboard kemudian klik pada huruf g tersebut dan pilih intersect pada tool yang berada di atas .setelah selesai anda bisa menghapus bekas selksi yang tadi dan merubah warna hasil seleksian tdi

5.      5. Setelah selesai anda bisa mengembangkan font font tersebut tetapi anda harus mengconvert vont tersebut agar bisa di kmbangkan dengan cara tekan sotcut Ctrl + Q pada keyboard
6.       6.Jika sudah doubleklik pada font yang akan di kembangkan ketika telah mncul titik mera maka itu sudah bisa di kembangkan berikut contohnya saya akan emngembangkan hufu U

7.       Dan seterusnya anda kreasikan sesuai keinginan anda
Hingga akan jadi seperi ini

Kemudian jika anda ingin menyimpannya dalam bentuk jpg anda bisa klik file lalu pilih menu export pilih format jpg .


Mungkin sekian dulu di postingan ini semoga silahkan mencoba semoga bermanfaat 
terimakasih...
Posted by Unknown at 10.44, Add Comment
Read more

Membuat Tombol Home ( Back To Top ) pada HTML

Back To Top pada HTML



Kali ini kita akan mempelajari  kode HTML yang berfungsi untuk kembali pada halaman atas sebuah blog / website yang akan memudahkan pengunjung untuk lebih cepat kembali ke halaman atas ketimbang repot meng-scroll menggunakan mouse. cekidot gaes!

Untuk hal ini sangat sederhana karena Anda hanya memerlukan copy dan paste kode ini untuk dimasukkan ke dalam daerah footer tanpa mengubah apa-apa. Tidak perlu untuk menempatkan url kustom.
<a href="/">HOME</a> link yang mengarahkan pada halaman teratas.

<a href="#">TOP</a> tidak didefinisikan untuk mengarahkan ke bagian atas halaman.

Untuk Full Code-nya ada dibawah ini:

<a href="/" title="Back to the Home page"><b>HOME</b></a> | <a href="#" title="To the top of this page"><b>BACK TO TOP</b></a>
Hal ini memudah kan anda jika ingin kembali ke bagian atas beranda anda apa bila anda sudah terlalu jau menscrool halaman web anda begitu juga pengunjung web anda . Jika pengunjung mencapai bagian bawah dari halaman web anda itu berarti mereka tertarik untuk membaca seluruh artikel Anda. Mungkin mereka akan lebih memilih untuk melihat link ke beberapa konten yang terkait tepat setelah akhir teks artikel Anda. Keadaan yang memungkinkan Anda untuk memasang tombol Home yang akan membawa mereka ke bagian atas halaman Anda. Selamat mencoba
sumber : http://chris-fixed.blogspot.com/
Posted by Unknown at 08.32, 2 Comments
Read more

Memansang Image dan Link pada HTML


HTML Image & Link


Pada postingan saya sebelumnya saya telah membahas sedikit tentang HTML dan di postingan kali ini kita akan membahas sedikit lebih jauh tentang HTML dan menambahkan beberapa atribut pada HTML guna untuk mempercantik  Wbsait yang akan kita buat. Kali ini kita akan coba memasang Image dan Link.
  •         Image
Untuk memasukan gambar kita mamerlukan tag <img> yaitu tg untuk mendeskripsikan gambar, contoh:
<img src=gambar.jpg>
Dan kita bisa memasukan tipe file lainnya: gif, maupun png.
<img> : adalah tag untuk deskrpisi gambar, sedangkan
“src”    : adalah atribut untuk mencari alamat dari gambar.
Contoh:

Kemudian, kita juga mengatur besar sebuah gambar nya dengan format deskripsi:

“width” dan “height” contoh:
<img src=“pic_mountain.jpg” width=300 height=250>
  •         HTML Link
HTML link adalah hyperlink, yaitu jikan kita mengklik sebuah gambar atau text kita akan melompat ke halaman lain.
HTML Link menggunakan tag <a href> untuk mendeskripsikan nya.
Contoh:

<a href=”http://www.amikom.ac.id”>visit amikom</a>

-href : adalah atribut untuk menuju halaman web.
“visit amikom” adalah text judul yang muncul dan jika kita mengklik text tersebut kita akan masuk ke dalam alamt tujuan.
Nah, jika kita sudah mengetahui tag dari HTML Link, apabila kita ingin mendeskripsikan nya di dalam sebuah gambar maka kita tinggal kombin dengan tag dari “image”.
  •         Link Gambar
Tag nya adalah <a href> terlebih dahulu kemudian masukan tag <img>
Contoh:

<a href=”http://www.amikom.ac.id”><img src=amikom.jpg weight=”200” height=”250”></a>
  •       Target atribut
Target atribut menentukan di mana untuk membuka dokumen terkait.

Contoh ini akan membuka dokumen terkait dalam jendela browser baru atau tab baru:         

 <a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

Format tag sama seperti “hyperlink” akan tetapi di <target=”_blank”> kita akan membuka jendela baru secara otomatis.

mungkin sekian postingan kali ini semoga bermanfaat :)


Posted by Unknown at 02.49, 2 Comments
Read more

Apa Yang di Maksud dengan Client Server


Apa itu Client Server



Client-Server adalah sebuah arsitektur jaringan yang memisahkan client(biasanya aplikasi yang menggunakan GUI ) dengan server. Masing-masing client dapat meminta data atau informasi dari server.
Sistem client server didefinisikan sebagai sistem terdistribusi, tetapi ada beberapa perbedaan karakteristik yaitu :
   1.Servis (layanan)
                        * Hubungan antara proses yang berjalan pada mesin yang berbeda
                        * Pemisahan fungsi berdasarkan ide layanannya.
                        * Server sebagai provider, client sebagai konsumen

 2.Sharing resources (sumber daya)
                        * Server bisa melayani beberapa client pada waktu yang sama, dan
                        meregulasi akses bersama untuk share sumber daya dalam menjamin
                        konsistensinya.

  3.Asymmetrical protocol (protokol yang tidak simetris )
                            Many-to-one relationship antara client dan server. Client selalumenginisiasikan dialog melalui layanan permintaan, dan server menunggu secara pasif request dari client.
                         
4.Transparansi lokasi
                        Proses yang dilakukan server boleh terletak pada mesin yang sama atau pada  mesin yang berbeda melalui jaringan.Lokasi server harus mudah diakses dari client.

5.Mix-and-Match
Perbedaan server client platforms
                         
6.Pesan berbasiskan komunikasi
                        Interaksi server dan client melalui pengiriman pesan yang menyertakan
                        permintaan dan jawaban.
                         
7.Pemisahan interface dan implementasi
                        Server bisa diupgrade tanpa mempengaruhi client selama interface pesan
                        yang diterbitkan tidak berubah.

Perbedaan Tipe Client-Server
 1.File Servers
                        * File server vendors mengklaim bahwa mereka pertama menemukan istilah
                        client-server. 
 2.Database Servers
    * Client mengirimkan SQL requests sebagai pesan pada databaseserver,selanjutnya hasil perintah SQL dikembalikan.

3.Transaction Servers (Transaksi Server)
                        * Client meminta remote procedures yang terletak pada server dengan
                        sebuah SQL database engine.
                        * Remote procedures ini mengeksekusi sebuah grup dari SQL statement
                        * Hanya satu permintaan / jawaban yang dibutuhkan untuk melakukan transaksi

  4.Groupsware Servers
                        * Dikenal sebagai Computer-supported cooperative working
                        * Manajemen semi-struktur informasi seperti teks, image, , bulletin boards
                        dan aliaran kerja
                        * Data diatur sebagai dokumen

 5.Object Application Servers
                        * Aplikasi client/server ditulis sebagai satu set objek komunikasi
                        * Client objects berkomunikasi dengan server objects melalui Object
                        Request Broker (ORB)
                        * Client meminta sebuah method pada remote object

6.Web Application Servers (Aplikasi Web Servers)
                        * World Wide Web adalah aplikasi client server yang pertama yang digunakan untuk web.
                        *Client dan servers berkomunikasi menggunakan RPC seperti protokol yang disebut HTTP.


sumber : http://slaluudgnmuh.blogspot.com/
Posted by Unknown at 19.12, Add Comment
Read more
Langganan: Komentar (Atom)