1. Konsep Dasar Website
Website atau situs dapat
diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data
gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari
semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu
rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan
jaringan-jaringan halaman (hyperlink).
Bersifat statis apabila isi informasi websitetetap,
jarang berubah, dan isi informasinya searah hanya dari pemilikwebsite.
Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi
informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil
perusahaan, sedangkan website dinamis adalah seperti Friendster, Multiply. Dalam perkembangannya, website statis hanya bisa di-update oleh pemiliknya
saja, sedangkan website dinamis bisa di
update oleh pengguna maupun
pemilik.
5 Konsep Design Website :
1. DAPAT DIGUNAKAN (USABILITY)
Pernah gak masuk ke sebuah website terus bingung mau ngapain? Nah, hal
tersebut adalah user experience dari web usability.Usability adalah sebagai
suatu pengalaman pengguna dalam berinteraksi dengan aplikasi atau situs web
sampai pengguna dapat mengoperasikannya dengan mudah dan cepat. Memperhatikan
usability sangatlah penting agar sebuah situs dapat bertahan. Situs yang
memiliki usability tinggi memiliki peluang yang sangat besar untuk sering
dikunjungi oleh para pengguna internet. Jadi, jangan mengorbankan aspek
usability ketika mendesain website kamu loh ya.
2. NAVIGASI (NAVIGATION)
Di dalam dunia web, navigasi dianggap penting agar user dapat menuju ke
halaman-halaman lain dalam website kamu. Sebuah web yang akan di bangun harus
memiliki konsep, yaitu garis besar navigasi dari sebuah website yang akan
dibuat. Nama Menu navigasi harus jelas dan singkat dan harus mampu memberikan
petunjuk yang jelas dan singkat. Nama menu mewakili isi konten. Gunakan
istilah-istilah yang umum, singkat, dan mudah dipahami seperti Home, About Us,
Services, Products, News, Articles, Contact Us. Untuk kamu yang masih beginner,
pekku.com sudah punya template yg siap dengan nama menu, jadi kamu gak usah
ribet desain website dari nol. Keren kan?
3. Grafik
Grafik atau image merupakan elemen yang dapat membantu menjelaskan
informasi agar pengunjung dapat memahami tujuan/bidang fokus website anda.
Grafik/gambar dalam sebuah website dapat memberikan efek visual yang luar biasa
terhadap website, tapi bisa menambah waktu koneksi karena banyaknya gambar yang
ditampilkan. Jadi, Tambahkan grafik seperlunya karena bisa menambah waktu
ketika pengguna mendownload artikel yang diinginkan. Lagian, sekarang kan lagi
ngetrend yang simple-simple nih karena tampilan yang simpel memberikan kesan
profesional. Jadi, yang perlu kamu perhatikan adalah ukuran image & pesan
yang ingin kamu sampaikan lewat foto.
4. Kesedehanaan
Ada yang sudah tau apa itu flat design? Flat design adalah gambar yang
didesain ala kadarnya. Didalam flat design sudah tidak menggunakan lagi
efek-efek 3 dimensi, bevel, emboss, shadow, dan efek-efek gradasi lainnya.
Gambar dibuat sesimple mungkin tanpa adanya efek-efek lain karena yang diutamakan
di dalam flat design adalah typography. Contohnya Google, baru-baru ini logo
baru Google yang telah berubah total desainnya. Logo baru Google tampil sangat
sederhana tanpa menggunakan efek-efek gradasi lagi seperti bevel dan emboss.
Logo baru Google sudah menggunakan desain flat sehingga tampilannya sangat
simple dan jika diload sangat ringan. Nah, ngomong soal flat design, Pekku.com
juga sudah mendukung fitur flat design loh. Bahkan dalam membuat gambar flat
design, Anda bisa mencoba mempraktekkannya langsung di pekku.com
5. Konsep Penulisan
Website harus mudah dibaca dan dikunjungi. Tidak semua yang ditulis akan
dibaca oleh pengunjung dan tidak semua pengunjung akan membaca semuanya. Pada
kenyataannya pengunjung hanya membaca sesuatu yang menarik untuk mereka.
Kesederhanaan merupakan hal penting dalam men-design web agar kelihatan
profesional. Sederhana bukan dalam arti tampilan website kamu, namun lebih
mengarah ke teknik penulisan. Ada beberapa hal yang perlu diperhatikan agar
konsep kesederhanaan tetap dipertahankan, yaitu:
i) Gunakan Heading dan Sub Heading untuk memisahkan bagian teks.
ii) Gunakan ruang kosong dengan warna putih secara bijaksana.
iii) Pastikan kamu memiliki tidak lebih 12 kata dalam setiap barisnya.
iv) Tulislah isi secara singkat, bukan karangan.
v) Sorot (highlight) kata-kata yang penting.
vi) Gunakan warna latar belakang pucat (terang) jika menggunakan teks utama
dengan warna gelap.
Proses mendesain website bukanlah suatu hal yang
mudah, apalagi
jika harus mendesainnya dari awal. kebanyakan orang sudah mengetahui apa yang mereka inginkan dalam website mereka, tapi mereka masih
membutuhkan web developer untuk proses pembuatan website sedangkan sudah banyak
orang lain yang bisa membuat website mereka sendiri. Nah, dengan pekku.com, kami
memudahkan segalanya untuk semua orang bahkan untuk kamu yang gak tau apa-apa
soal pembuatan website
2. Arsitektur Website
Arsitektur Website adalah suatu pendekatan terhadap desain
dan
perencanaan situs yang, seperti arsitektur itu sendiri, melibatkan
teknis,
kriteria estetis dan fungsional. Seperti dalam arsitektur
tradisional, fokusnya
adalah benar pada pengguna dan kebutuhan pengguna. Hal ini memerlukan perhatian
khusus pada konten web, rencana bisnis, kegunaan, desain interaksi, informasi
dan desain arsitektur web. Untuk optimasi mesin pencari yang efektif perlu
memiliki apresiasi tentang bagaimana sebuah situs Web terkait dengan World Wide
Web.
Bagian – bagian arsitektur web :
a. HTTP (HYPERTEXT
TRANSFER PROTOCOL)
b. WWW (WORLD WIDE WEB)
c. URL (UNIVERSAL
RESOURCE LOCATOR)
d. XML (EXTENSIBLE
MARKUP LANGUAGE)
e. JAVA SCRIPT
f. AJAX
3. HTTP
Istilah http merupakan singkatan yang diambil dari
kepanjangannya yaitu hyper text transfer protocol. Http adalah sebuah protokol
yang diciptakan untuk menyediakan perintah - perintah dalam aktifitas
komunikasi antar jaringan, yakni komunikasi
antara jaringan client / browser computer dengan server computer. Secara garis
besarnya, proses aktifitas komunikasi tersebut berjalan dengan pola; komputer
browser atau klien melakukan permintaan kepada komputer server dengan cara
mengirimkan alamat situs atau url melalui kolom url pada browser komputer, yang
kemudian komputer server melakukan pengolahan terhadap permintaan browser /
klien tersebut berdasarkan protocol code yang diterima oleh komputer server.
Protokol tersebut dilakukan menggunakan jaringan yang terhubung dengan jaringan
world wide web (www). Apabila web server atau komputer server telah memberikan
respon sesuai permintaan browser maka secara
otomatis komunikasi antara komputer browser atau klien dengan komputer server
terputus pada saat itu, hal ini biasa disebut dengan stateless protocol.
Ketika kita menggunakan protokol http dalam mencari data,
maka kita akan melakukan koneksifitas melalui TCP/IP yang pada umumnya
menggunakan port 80. Permintaan yang kita tuliskan pada browser terdiri dari
berbagai informasi data, yaitu kode http, world wide web (www), dan alamat
situs atau url yang diminta ke komputer server. Kemudian komputer server akan
memberikan respon dengan mengirimkan kembali kepada browser computer yang
merupakan tanggapan atau jawaban dari permintaan yang browser minta. Data -
data yang dikirimkan meliputi waktu saat komunikasi (tanggal dan jam), versi
http yang digunakan, nama server, jenis file yang diminta, dan kapasitas file dalam ukuran byte.
4. Client Side Programming
Karakteristik
client side programming :
1.
Kode program dapat dilihat oleh user
2.
Dapat langsung diterjemahkan oleh browser
3.
Model eksekusinya simple dan skrip dapat dijadikan satu
dengan
HTML
Berikut cara
kerja Client Side:
Pengunjung web
memilih salah satu link dari web dan browser langsung membaca perintah
tersebut untuk memanggil alamat web yang dituju. Setelah itu browser akan
mengalihkan ke halaman yang dituju oleh pengunjung web.
Contoh aplikasi Client Side :
Css
Jquery
Javascript,dll
Kelebihan dan kekurangan dari client side programming adalah :
Kelebihan
Client Side programming
Tidak perlu server
khusus untuk menjalankannya
Eksekusi script lebih cepat
Tidak membebani kinerja web server.
Kekurangan Client Side programming
Harus di support oleh
browser dari pihak client
Script dapat ditiru
Dari segi keamanan kurang dapat diandalkan
5. Server Side Programming
Karakteristik
server side programming :
1.
Ada client yang meminta request
2.
Eksekusi program dilakukan di server
3.
Mengirimkan hasil ke client
Cara kerja
Server side :
Jika kita melakukan
interaksi dengan halaman web maka browser akan mengirimkan perintah ke server,
kemudian server akan merespon dan melaukan perintah yang diberi kemudian server
akan mengirimkan kembali data/ perintah dari browser, dan browser akan
menampilkan data/ perintah tersebut.
Aplikasi yang
sering digunakan oleh server side programming
Search engines
Database access
Chat & bulletin board service
Dalam pembuatan web teknologi server side dibutuhkan server seperti xampp, wam,
iis dan lain sebagainya. Contoh teknologi server side :
PHP: sifatnya open source dan banyak digunakan luas
Active Server Pages (ASP) dan ASP.Net, teknologi yang dikembangkan oleh Microsoft
ColdFusion, dikembangkan oleh Macromedia
Java Server Pages dan Servlet dikembangkan oleh Sun Microsystem
Common Gateway Interface (CGI), yang dibuat dengan bahasa pemrograman C++ atau
Perl
Server Side Include (SSI), seperti misalnya Frontpage Server Extension
Kelebihan dan kekurangan dari Server side programming adalah :
Kelebihan
Server-Side-programming
Data lebih aman
Susah untuk ditiru karena script di jalankan di server
Dari segi keamanan lebih menjamin dibandingkan dengan Client-Side-programming
Kekurangan Server-Side-programming
Memerlukan Server
khusus untuk menjalankannya
Menambah beban kerja server
Agak lambat jika dibandingkan dengan Client-Side-programming karena script di
terjemahkan di server kemudian tampilan di load di client
XAMPP adalah program aplikasi pengembang yang berguna untuk
pengembangan website berbasis PHP dan MySQL. Versi terbaru program ini adalah
XAMPP 1.7.7, yang dirilis pada tanggal 20 September 2011. Software XAMPP dibuat
dan dikembangkan oleh Apache Friends. Perangkat lunak komputer
ini memiliki
kelebihan untuk bisa berperan sebagai server web Apache untuk simulasi
pengembangan website. Tool
pengembangan web ini mendukung teknologi web populer
seperti
PHP, MySQL, dan Perl. Melalui program ini, programmer web
dapat menguji
aplikasi web yang dikembangkan dan mempresentasikannya ke pihak lain secara
langsung dari komputer, tanpa perlu terkoneksi ke internet. XAMPP juga
dilengkapi fitur manajemen database PHPMyAdmin seperti pada server hosting
sungguhan, sehingga pengembang web dapat mengembangkan aplikasi web berbasis
database secara mudah. Program XAMPP banyak diaplikasikan dan digunakan oleh
kalangan pengguna komputer di bidang pemrograman web. XAMPP merupakan software
gratis. XAMPP dapat dijalankan di sistem operasi Windows 2000/XP/Vista/7 dan
sistem operasi lain. Untuk menginstall versi terbaru program ini, Anda cukup
menginstal file installer XAMPP ke komputer Windows Anda. Penjelasan dan fungsi
xampp Berikut ini Penjelasan dari
bagian-bagian XAMPP: X , Kenapa disebut dengan system operasi? karena XAMPP
bisa dijalankan di 4 OS besar yang sering digunakan oleh pengguna komputer saat
ini. Dan 4 OS tersebut tidak lain dan tidak bukan adalah Windows, Linux, Mac OS
dan Solaris. A(Apacahe) merupakan aplikasi web server. Apache ini bersifat
opensource yang berarti gratis dan bisa diedit oleh penggunanya. 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 ( 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 (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 (Perl), bahasa pemrograman, pertama kali dikembangkan oleh
Larry Wall di mesin Unix. Perl pertama kali dirilis pada tanggal 18 Desember
1987 ditandai dengan keluarnya Perl 1. Dua diantara karakteristik utama perl
adalah penanganan teks dan berbagai jalan pintas untuk meyelesaikan
persoalan-persoalan umum.Perl sangat populer di gunakan dalam program-rogram
CGI (Common Gateway Interface) dan protokol internet lainnya. Fungsinya adalah
sebagai server yang berdiri sendiri (localhost), yang terdiri atas program
Apache HTTP Server, MySQL database, 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 web yang dinamis.
7. KONSEP HTML
Hypertext Markup Language (HTML) dibuat oleh Tim Beners-Lee
ketika masih beker’a untuk CERN dan dipopulerkan pertama kali oleh browser
Mosaica
HTML adalah bahasa yang digunakan untuk menulis halaman web.
HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu
Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen
ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem
operasi tertentu.
Secara sederhana HTML terdiri dari dua bagian yaitu Header
dan Body. Struktur HTML diapit oleh tag <HTML> dan tag akhir
</HTML>. Standar penulisannya adalah:
<HTML>
<HEAD>
Deskrisi dokumen
</HEAD>
<BODY>
Isi dokumen
</BODY>
</HTML>
Contoh:
Contoh:
<HTML>
<HEAD>
<TITLE>Selamat. datang di Homepage Saya</TITLE>
</HEAD>
<BODY>
Halo, apakabar?.
Homepage ini merupakan hasil karya saya yang pertama. </BODY>
</HTML>
Tidak ada komentar:
Posting Komentar