TUGAS DESAIN WEB PEMBELAJARAN MATEMATIKA

1. Pengenalan Web
Web adalah halaman yang saling berhubungan umumnya terletak di pelayan yang sama
berisi kumpulan informasi yang diberikan oleh individu, kelompok, atau organisasi. Sebuah
situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses
melalui jaringan seperti internet, atau jaringan area lokal (LAN) melalui alamat internet yang
dikenali sebagai URL. Dikombinasikan semua situs yang dapat diakses publik di internet juga
disebut sebagai World Wide Web
Cara membuat website ada beberapa cara yaitu:
a) Instan, misalnya blogspot.com, wordpress.com
b) CMS ( Content Management System), misalnya Joomla, Mambo,
wordpress.org, os-commerce,prestashop,dll
c) Framework, misalnya Code Igniter, Cake PHP
d) Coding Manual, ini harus mempelajari minimal HTML, PHP, dan MySQL

Bahan- bahan yang diperlukan dalam pembuatan website pada umumnya:

a) Web Server :Xampp

b) FTP: FileZilla
c) CMS:Jomla-Prestahop-wordpress

Tidak semua bahan ini akan digunakan sekaligus, melainkan beberapa saja sesuai dengan
kebutuhan. Sebagai contoh: Jika kita membuat website dengan menggunakan mesin Joomla,
maka yang kita butuhkan adalah Xampp, dan Joomla. Jika kita membuat website dengan
menggunakan mesin Prestahop, maka yang kita butuhkan adalah Xampp, dan Prestashop.

Jadi terlihat bahwa hanya Xampp yang akan kita gunakan terus menerus; dan itu jika website
kita masih belum go live; alias website masih berada di komputer kita. Namun jika sudah go
live kita tidak lagi memerlukan Xampp.

a) Xampp
2. F
3. Psikologis warna dan orang pada desain web
Prinsip / pegangan utama sebuah desain adalah kualitas atau karakteristik
bawaan dalam berbagai bentuk seni, seperti keseimbangan, keserasihan, kontras,
konsistensi, variasi, ruang kosong dan gerak. Dengan prinsip - prinsip desain
diharapkan dapat menghasilkan desain yang baik dan efektif, yang kemudian
menghasilkan desain yang mudah dibaca dan cepat dimengerti. Pembahasan prinsip
desain diantaranya adalah :
a) Keseimbangan
1) Keseimbangan simetris
Tata letak simetris ini menghasilkan desain yang statis dan berkesan formal,
sederhana dan mudah dalam pembuatanya, tapi membosankan dan kurang
menarik.
2) Keseimbangan asimetris
 Tata letak desainya menjadi lebih dinamis untuk memakai ruang yang masih
kosong.
b) Kontras
Kontras mudah dipahami yaitu dengan melihat dari dua objek yang berlainan,
sehingga membuat kesan tampilan desain yang menonjol dan menarik perhatian.
Pemberian kontras pada suatu objek haruslah kontras positif, karena jika kontras
yang diberikan negatif, objek tersebut menjadi samar-samar atau tidak terlihat,
terserap oleh background.
c) Konsistensi
Konsistensi dapat membuat pengunjung merasa nyaman, karena mejelajah situs
lebih mudah dan tidak membingungkan. Ketika pengunjung membuka suatu
halaman situs yang konsisten, dia langsung tahu ke mana harus pergi dan dia tahu
berada di mana. Misalnya konsistensi dapat diterapkan pada margin, tata letak,
huruf, warna dan terutama navigasi.
d) Ruang Kosong
Ruang kosong biasanya disebut dengan ruang negatif, suatu istilah yang
menggambarkan suatu ruang terbuka di antara elemen - elemen desain. Ini bisa di
temukan di antara kata, paragraf, huruf dari teks, bisa juga diantara gambar dan
elemen di halaman web. Ini membantu dalam mengarahkan mata pembaca dari
satu titik ke titik lainnya.

Dasar - Dasar Desain Web

a) Warna
Warna merupakan sensitivitas yang berhubungan dengan indra. Warna dapat
merebut perhatian, menarik, menolak, menggemaskan bahkan warna bisa
mempengaruhi emosi. Warna dapat menimbulkan kesan pertama pada
pengunjung ketika menjelajah sebuah situs web. Warna modern biasanya terkesan
bersih dan bercahaya, seperti biru dan kuning. Warna bersahabat biasanya
terkesan ceria dan menyenangkan, seperti orange, kuning, hijau. Warna
perusahaan biasanya bersih, seperti biru, putih dan abu - abu. Warna anak - anak
biasanya terkesan ceria dan menonjol, seperti merah, kuning dan biru (warna
primer).
1. Aspek Psikologi Warna
Warna mempunyai emosi yang melekat, yang bisa ditimbulkan dengan
memperlihatkan keserasian warna dengan cara yang benar.
2. Warna dalam Desain Web
Warna banyak berperan dalam pembuatan situs, beberapa variasinya antra lain :
Warna untuk penekanan, penegasan, penyorotan pada suatu topik tertentu dan
dapat juga menuntun pengunjung untuk menuju pada tema atau link yang
penting.
Warna mengidentifikasi tema (biasanya judul dan subjudul menggunakan
warna yang sama).
Sebaiknya, warna dapat membedakan antara satu objek dengan objek lainnya.
 Misalnya, perbedaan warna pada grafik, baik grafik yang berbentuk balok atau
bundaran.

WARNA MAKNA POSITIF MAKNA NEGATIF

Kekuatan, energi, tenaga, hasrat , cinta.
Bahaya, perang, kekejaman,
Dengan sedikit memberikan warna
kekerasan, api, darah. Terlalu banyak
Merah merah bisa menimbulkan gairah,
warna merah bisa disangka terlalu
membangkitkan semangat, mendorong
agresif.
keinginan.
Kewanitaan (feminim), keremajaan
Merah Muda Naif, kelemahan, kekurangan.
(masa muda).

Kehangatan, bersemangat, ceria,

Orange keseimbangan, musim gugur, Meminta dan mencari perhatian
menimbulkan getaran.

Tidak jujur, pengecut, cemburu, iri

Sinar matahari, emas, kekayaan, hati, penghianatan, penipuan,
Kuning
keberuntungan, kehidupan.
kebohongan, resiko, sakit

Alam, lingkungan, hidup,

Kecemburuan, nasib buruk, iri hati,
Hijau pertumbuhan, stabil, santai
dengki.
kesuburan, harapan.
Kepercayaan, kesetiaan, ketenangan,
kedamaian, ketulusan, kesejukan, air,
awan, harmoni, kebersihan, Kesedihan,kedinginan,depresi,
Biru
konservatif,percayadiri, penyembuhan. penurunan vitalitas.
Merupakan warna yang aman dipakai
untuk desain.
Kesombongan, keangkuhan, kejam,
Ungu Kebangsawanan, perubahan, spiritual.
kasar, duka cita.

Tanah, bumi, netral, hangat, keamanan,

Coklat Tumpul, kotor, membosankan.
perlindungan.

Modern, cerdas, bersih, kokoh, masa

Abu - abu Umur tua, kesedihan, bosan.
depan, intelektual.

Kesucian, kebersihan, kemurnian,

kesederhanaan, damai, kebaikan, Kematian ( budaya timur ), dingin,
Putih
disiplin,perawan,perkawinan,musim mandul, steril, klinik, hampa.
dingin, musim salju.
 Kekuatan,keanggunan, kemewahan,
Kematian ( budaya barat ), takut,
misteri, kecanggihan, kemakmuran,
Hitam setan, kesedihan, duka cita, marah,
kepuasan, pengalaman, keras,
anonim, penyesalan.
kokoh, sangat kuat.

b) Tipografi
Tipografi adalah seni dalam huruf yang meliputi pemilihan huruf, penentuan
ukuran yang tepat, dimana teks dapat diputus, spasi jarak, dan bagaimana teks
dapat dengan mudah dibaca.

c) Bentuk
Penggunaan bentuk yang efektif akan memberikan motivasi, inspirasi dan
tantangan kepada pengunjung. Bentuk dasar meliputi lingkaran, persegi/kotak dan
segitiga. Berikut arti dari bentuk dasar :
Lingkaran memiliki arti koneksi, komunikasi, keseluruhan, ketahanan,
pergerakan, keamanan, kehangatan, kenyamanan, sensual dan cinta, yang lebih
cenderung feminim.
Kotak memiliki arti keteraturan, logis, keamanan, kepadtan, berat.
Segitiga memiliki arti energi, kekuatan, keseimbangan, hukum, ilmu pasti, agama,
kekuatan, agresi, dan pergerakan yang dinamis , yang lebih cenderung maskulin

d) Layout (Tata Letak)

Layout adalah proses penataan dan pengaturan teks atau grafik pada
halaman. Layout meliputi penyusunan, pembagian tempat dalam suatu halaman
pengaturan jarak spasi, pengelompokan teks dan grafik, dan penekanan pada
suatu bagian tertentu. Secara umum, halaman web memaki lima jenis layout dan
pemilihan layout yang disesuaikan jenis informasi yang ditampilkan.

e) D

4. PHP (Hypertext Preprocessor), merupakan bahasa pemrograman web bersifat

serverside, artinya bahasa berbentuk script yang disimpan dan dijalankan di komputer
server (WebServer) sedang hasilnya yang dikirimkan ke komputer client
(WebBrowser) dalam bentuk script HTML (Hypertext Mark up Language).
Dengan PHP ini Anda dapat membuat beragam aplikasi berbasis web, mulai dari
halaman web yang sederhana sampai aplikasi komplek yang membutuhkan koneksi
ke database.
5. Database
Database adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik
untuk memperoleh informasi dari basis data tersebut.Ketika mengembangkan sebuah
aplikasi web, tak jarang kita akan berhubungan dengan basis data . Basis data digunakan
dalam dunia web untuk menyimpan berbagai data, mulai dari data pengguna (username,
password, dst) maupun data aplikasi. Misalkan untuk membangun sebuah aplikasi portal
 berita, basis data dapat digunakan untuk menyimpan daftar berita yang pernah
dipublikasikan oleh aplikasi.
6.