Web Design

      Pengertian

                  Perancangan web (web design) adalah istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, (biasanya berupa hypertext atau hypermedia) yang dikirimkan ke pengguna akhir melalui World Wide Web, dengan menggunakan sebuah browser web atau perangkat lunak berbasis web. Tujuan dari web design adalah untuk membuat website—sekumpulan konten online termasuk dokumen dan aplikasi yang berada pada server web / server. Sebuah website dapat berupa sekumpulan teks, gambar, suara dan konten lainnya, serta dapat bersifat interaktif ataupun statis.

Konten

       Elemen-elemen seperti teks, forms, images (GIFs, JPEGs, Portable Network Graphics) dan video dapat diletakkan di dalam halaman menggunakan tag-tag HTML/XHTML/XML.Browser terkadang juga memerlukan Plug-ins seperti Adobe Flash, QuickTime, Java, dan sebagainya untuk menampilkan beberapa media yang diletakkan di dalam halaman web menggunakan tag-tag HTML/XHTML.

      Halaman web dan situs web dapat berupa halaman statis, atau dapat diprogram secara dinamis sehingga menghasilkan halaman web dengan konten atau tampilan visual yang diinginkan, tergantung pada berbagai faktor, seperti masukan dari pengguna akhir, masukan dari Webmaster, atau perubahan dalam lingkungan komputasi (seperti situs yang terkait dengan database yang telah diubah).

Perancang Web

          Perancang web atau desainer web (web designer) adalah orang yang memiliki keahlian menciptakan konten presentasi (biasanya hypertext atau hypermedia) yang dikirimkan ke pengguna-akhir melalui World Wide Web, menggunakan Web browser atau perangkat lunak Web-enabled lain seperti televisi internet, Microblogging, RSS, dan sebagainya.

        Dengan berkembangnya spesialisasi dalam desain komunikasi dan bidang teknologi informasi, ada kecenderungan kuat untuk menarik garis yang jelas antara web design khusus untuk halaman web dan pengembangan web secara keseluruhan dari semua layanan berbasis web.

Menu-Menu website lengkap :

• Header
• Footer
• Main menu /  Menu bar / Horizontal Menu
• Block
• Content

      HTML adalah singkatan dari Hypertext Markup Language yang merupakan bahasa untuk membuat tampilan halaman website dengan format tertentu .

       Pemahaman dasar untuk membuat halaman website dengan menggunakan HTML adalah memahami bagaimana kode-kode tersebut bekerja .

Persiapan yang perlu  dilakukan :

1. Membuat file dengan notepad pengolah text seperti notepad++ dsb.
2. Kemudian menganti ekstensi +x+ menjadi html.
3. Beri nama file yang kamu buat tadi denagn nama pilihan masing-masing.Contoh : Index,HTML

ELEMENT TABLE

    Berfungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris.

Element ini mempunyai attribute seperti align,bgcolor,border,cellpadding (Jarak antar tepi sel dengan isi sel), Cellspacing (Jarak antar sel) , Width (Lebar tabel) , Height (Tinggi tabel).

Read more ...

Teknik Animasi

Teknik Animasi " Animation "

Berasal dari kata " To Animate "
Berarti menggerakkan , menghidupkan .
Pengertian Animasi adalah teknik menmpilkan gambar berurutan sedemikian rupa sehingga penonton merasakan adanya ilusi gerakan (Motion) pada gambar yang akan di tampilkan .

Software-software Animasi : 

• Adobe Director (2D , mengedit Vidio )
• Adobe Image Ready ( Program 2D sederhana)
• Adobe Flash (Versi 8) terbaru = CS6
• Adobe After Effect (Menampilkan sesuatu yang kilat , dll)
• Autodesk 3D studio max (3D)
• Ulead cool 3D studio (3D)
• Autodesk Maya (3D)
• Swish max (2D)
• Blender (3D)

Rasio adalah jumlah yang dijalankan per detik (berapa gambar per detiknya)

FPS aalah satuan untuk menggerakan gambar (25 standart) 28 gambar secara berurutan yang akan ditampilkan per detiknya.

Beberapa teknik animasi :

• Teknik Flipbook
• Teknik Celluloid (4 plastik) 1.kanan , kiri , background 
• Teknik digital komputer

=> Menggunakan saiper : direkam berdasarkan pergerakan.

Langkah-langkah :

1. Pra Produksi
   => Ide , konsep , Tujuan , musik/sound, storyboard
2. Produksi (masuk ke program )
   => Lay out (Tata letak ) , Key motion (Menentukan titik" sendi dari animasi), In between (Menghubungkan antara gambar A ke B ), Background (Latar belakang ), scanning , Coloring.
3. Pasca Produksi
   => Composite , Editing , Rendering .

Contoh Animasi :

Read more ...

XAMPP

Pengertian XAMPP

      XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.

Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQLdatabase, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman webyang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya.

Sejarah dan Pengembang

XAMPP dikembangkan dari sebuah tim proyek bernama Apache Friends, yang terdiri dari Tim Inti (Core Team), Tim Pengembang (Development Team) & Tim Dukungan (Support Team)

Asal kata dari XAMPP

XAMPP adalah singkatan yang masing-masing hurufnya adalah:

X

X: Program ini dapat dijalankan dibanyak sistem operasi, seperti Windows, Linux, Mac OS, dan Solaris.

A

A: Apache, merupakan aplikasi web server. Tugas utama Apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. jika diperlukan juga berdasarkan kode PHP yang dituliskan,maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan.

M

M: MySQL, merupakan aplikasi database server.Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah database. MySQL dapat digunakan untuk membuat dan mengelola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah, dan menghapus data yang berada dalam database.

P

P: PHP, bahasa pemrograman web. Bahasa pemrograman PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. Sistem manajemen basis data yang sering digunakan bersama PHP adalah MySQl. namun PHP juga mendukung sistem manajement database Oracle, Microsoft Access, Interbase, d-base, PostgreSQL, dan sebagainya.

P

P: Perl, bahasa pemrograman.

Bagian Penting XAMPP

Mengenal bagian XAMPP yang biasa digunakan pada umumnya.

·         htdoc adalah folder tempat meletakkan berkas-berkas yang akan dijalankan, seperti berkas PHP, HTML dan skrip lain.

·         phpMyAdmin merupakan bagian untuk mengelola basis data MySQL yang ada dikomputer. Untuk membukanya, buka browser lalu ketikkan alamathttp://localhost/phpMyAdmin, maka akan muncul halaman phpMyAdmin.

·         Kontrol Panel yang berfungsi untuk mengelola layanan (service) XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai (start).

Sumber : Wikipedia

Read more ...