Website

Situs web (bahasa Inggris: website) adalah suatu halaman web yang saling berhubungan yang umumnya berada pada peladen yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi.[1] Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti Internet, ataupun jaringan wilayah lokal (LAN) melalui alamat Internet yang dikenali sebagai URL. Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada prakteknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersil tertentu.

Deskripsi

Supaya bisa berkomunikasi dengan semua komputer yang tersambung ke Internet, digunakan sebuah protokol komunikasi yang menggunakan TCP/IP (Transmission control protocol/Internet Protocol). Setiap komputer yang terhubung ke Internet mempunyai sebuah alamat, misalnya 192.168.14.96. Untuk memperoleh informasi atau data di Internet, kita dapat mengaksesnya dengan mengetikkan suatu alamat web pada address bar. Alamat suatu situs di Internet disebut nama domain. Jadi nama domain adalah alamat permanen situs didunia Internet yang digunakan untuk mengidentifikasikan sebuah situs. Dengan kata lain Domain Name adalah alamat yang digunakan untuk menemukan suatu situs pada Internet.

Domain

Domain adalah adalah alamat sebuah situs web, sebenarnya alamat dari situs-situs yang eksis di Internet ini bentuk dasarnya berupa angka-angka, contohnya 17.125.135.147 bila angka ini diketik di addres bar di penejelajah web maka akan terbuka situs web Google, contoh lain 72.30.38.140 kalau ini yang diketik maka akan terbuka Yahoo. Penggunaan angka-angka ini sering disebut dengan alamat IP padahal itu sebenarnya adalah alamat domain.
Domain menggunakan kata-kata bertujuan supaya penggunaannya lebih mudah diingat daripada harus menghafal urutan angka-angka yang panjang. Oleh sebab itu, para ahli Internet membuat sistem penamaan domain dalam bentuk kata untuk pengganti urutan angka-angka tersebut.
Bagian-bagian dari domain.

• nama domain
• extension (ekstensi) yang digunakan

Contohnya: wikipedia.org yang menjadi nama domain adalah google dan ekstensi yang digunakan adalah .org. Pada awalnya, ekstensi domain tidak begitu banyak, sekarang ekstensi domain sudah sangat banyak di antaranya (.com, .edu, .co.id, .gov, .org dan sebagainya). Pemberian extensi terhadap sebuah domain tidak boleh sembarangan terutama untuk .edu, .gov, .go.id dan berbagai ekstensi yang hanya disediakan bagi lembaga pendidikan dan pemerintah saja.

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).

    Bahasa Mark-up (seperti HTML, XHTML dan XML)
    Gaya lembar bahasa (seperti CSS dan XSL)
    Client-side scripting (seperti JavaScript dan VBScript)
    Server-side scripting (seperti PHP dan ASP)
    Teknologi database (seperti MySQL dan PostgreSQL)
    Teknologi multimedia (seperti Flash dan Silverlight)

Read More

Prototyping

Pengertian

Proses pengembangan sistem seringkali menggunakan pendekatan prototipe (prototyping). Metode ini sangat baik digunakan untuk menyelesesaikan masalah kesalahpahaman antara user dan analis yang timbul akibat user tidak mampu mendefinisikan secara jelas kebutuhannya (Mulyanto, 2009).

Prototyping adalah pengembangan yang cepat dan pengujian terhadap model kerja (prototipe) dari aplikasi baru melalui proses interaksi dan berulang-ulang yang biasa digunakan ahli sistem informasi dan ahli bisnis. Prototyping disebut juga desain aplikasi cepat (rapid application design/RAD) karena menyederhanakan dan mempercepatdesain sistem (O'Brien, 2005).

 Dimensi Prototyping
1. Representasi
Dari sebuah prototyping dapat dipertanyakan apakah hasilnya nanti akan dipresentasikan dalam sebuah konteks tekstual (kata-kata berbentuk narasi) atau dilengkapi dengan tampilan visual setra diagram yang mendukung alur proses dari sebuah aplikasi.

2. Jangkauan
Prototyping dapat berupa tampilan antar muka secara umum dan juga bisa dilengkapi dengan tampilan yang telah dilengkapi dengan contoh perhitungan ataupun tampilan data.

3. Eksekutabilitas
Dalam dimensi ini, prototyping dengan kategori kompleks dapat berupa sebuah contoh program “setengah jadi” yang benar-benar dapat dieksekusi atau dijalankan, sehingga terbentuk sebuah simulasi yang seakan-akan nyata bagi para pengguna.

4. Pematangan
Prototyping dapat melalui tahap-tahap tertentu hingga mencapai sebuah tahap yang dianggap “matang” sebelum memulai sebuah proses pembuatan.

Read More

Desain

Desain biasa diterjemahkan sebagai seni terapan, arsitektur, dan berbagai pencapaian kreatif lainnya. Dalam sebuah kalimat, kata "desain" bisa digunakan, baik sebagai kata benda maupun kata kerja. Sebagai kata kerja, "desain" memiliki arti "proses untuk membuat dan menciptakan obyek baru". Sebagai kata benda, "desain" digunakan untuk menyebut hasil akhir dari sebuah proses kreatif, baik itu berwujud sebuah rencana, proposal, atau berbentuk benda nyata.

Proses desain pada umumnya memperhitungkan aspek fungsi, estetika, dan berbagai macam aspek lainnya dengan sumber data yang didapatkan dari riset, pemikiran, brainstorming, maupun dari desain yang sudah ada sebelumnya. Akhir-akhir ini, proses (secara umum) juga dianggap sebagai produk dari desain, sehingga muncul istilah "perancangan proses". Salah satu contoh dari perancangan proses adalah perancangan proses dalam industri kimia.

Berikut ini diuraikan mengenai prinsip-prinsip desain :

A. Keselarasan (Harmoni)
Keselarasan merupakan prinsip desain yang diartikan sebagai keteraturan tatanan diantara bagian-bagian suatu karya. Keselarasan dalam desain merupakan pembentukan unsur-unsur keseimbangan, keteraturan, kesatuan, dan perpaduan yang masing-masing saling mengisi dan menimbang. Keselarasan (harmoni) bertindak sebagai faktor pengaman untuk mencapai keserasian seluruh rancangan penyajian.

B. Kesebandingan (Proporsi)
Kesebandingan (proporsi) merupakan hubungan perbandingan antara bagian dengan bagian lain atau bagian dengan elemen keseluruhan.

Kesebandingan dapat dijangkau dengan menunjukkan hubungan antara:
1. Suatu elemen dengan elemen yang lain,
2. Elemen bidang/ ruang dengan dimensi bidang/ruangnya,
3. Dimensi bidang/ruang itu sendiri.
Dalam grafis komunikasi, semua unsur berperan menentukan proporsi, seperti hadirnya warna cerah yang diletakkan pada bidang/ruang sempit atau kecil.

C. Irama (Ritme)
Irama (ritme) dapat kita rasakan. Ritme terjadi karena adanya pengulangan pada bidang/ruang yang menyebabkan kita dapat merasakan adanya perakan, getaran, atau perpindahan dari unsur satu ke unsur lain. Gerak dan pengulangan tersebut mengajak mata mengikuti arah gerakan yang terjadi pada sebuah karya.

D. Keseimbangan (Balance)
Tujuan utama sebuah karya diskomvis adalah menarik dilihat. Disain komunikasi visual  sebagai media komunikasi yang bertujuan untuk mentransfer informasi secara jelas sekaligus estetis memerlukan keadaan keseimbangan pada unsur-unsur yang ada di dalamnya.

Bentuk keseimbangan yang sederhana adalah keseimbangan simetris yang terkesan resmi atau formal, sedangkan keseimbangan asimetris terkesan informal dan lebih dinamis.

Keseimbangan dipengaruhi berbagai faktor, antara lain faktor tempat posisi suatu elemen, perpaduan antar elemen, besar kecilnya elemen, dan kehadiran lemen pada luasnya bidang.

Keseimbangan akan terjadi bila elemen-elemen ditempatkan dan disusun dengan rasa serasi atau sepadan. Dengan kata lain bila bobot elemen-elemen itu setelah disusun memberi kesan mantap dan tepat pada tempatnya.

E. Penekanan (Emphasis)
Dalam setiap bentuk komunikasi ada beberapa bahan atau gagasan yang lebih perlu ditampilkan dari pada yang lain. Tujuan utama dalam pemberian penekanan (emphasis) adalah untuk mengarahkan pandangan pembaca pada suatu yang ditonjolkan. Emphasis dapat dicapai misalnya mengganti ukuran, bentuk, irama dan arah dari unsur-unsur karya desain.

Dalam penciptaan desain tidak seharusnya elemen yang ada menonjol semuanya, dalam artian sama kuatnya, sehingga terlihat ramai dan informasi atau apa yang akan disampaikan/dikomunikasikan akan menjadi tidak jelas. Tampilnya emphasis merupakan strategi komunikasi.

Demikian uraian singkat mengenai prinsip-prinsip desain dalam perancangan Desain Komunikasi Visual khususnya. Tulisan ini saya sarikan dari buku sekolah elektronik Teknik Grafis Komunikasi untuk SMK karangan Pujiyanto. Semoga bermanfaat.



Desain Dalam Kehidupan

Advertising (Periklanan)
Periklanan merupakan salah satu penggunaan yang paling menguntungkan grafis, seniman sering melakukan  pekerjaan  iklan atau  mengambil iklan potensial ke account saat membuat seni, untuk meningkatkan peluang penjualan karya seni. Sebagai contoh : Membuat kartu nama, Desain Kaos (T-Shirt)

Business (Bisnis)
Grafis yang umum digunakan dalam  bisnis dan ekonomi untuk membuat diagram keuangan dan tabel. Istilah Usaha Graphics mulai dipakai pada akhir tahun 1970, ketika komputer pribadi menjadi mampu menggambar grafik dibandingkan menggunakan format tabel. Bisnis Grafik dapat digunakan untuk menyoroti perubahan selama jangka waktu tertentu.

Political (Politik)
Penggunaan grafis untuk terang-terangan politik (kartun, grafiti, seni poster, desain bendera,dll) adalah praktek berabad-abad lama yang berlangsung hingga hari ini di setiap bagian dunia.  “The mural Irlandia Utara” adalah salah satu contohnya. Seni melukis di dinding atau tembok yang menceritakan konflik sejarah selama 35 tahun terakhir di Irlandia Utara.

Education (Pendidikan)
Grafis yang banyak digunakan adalah dalam buku teks , terutama yang menyangkut mata pelajaran seperti geografi, sains, dan matematika untuk menggambarkan teori dan konsep, seperti anatomi manusia . Diagram juga digunakan untuk label foto dan gambar. Dalam rangka edukasi, grafis berfungsi secara efektif sebagai bantuan pendidikan dan pelajar harus mampu menafsirkannya dengan baik.

Film and animation (Film dan animasi)
Komputer grafis sering digunakan dalam sebagian besar film ber-fitur baru, terutama bagi Film dengan anggaran yang besar. Film-film yang banyak menggunakan komputer grafis diantaranya ada  Doraemon, Upin -Ipin , Harry Potter, Spider Man dan masih banyak lagi lainnya.. 

Read More

GUI (Graphical User Interface)

Pengertian GUI adalah Graphical User Interface dalam dunia komputer. Pada komputer terdapat GUI atau antarmuka pengguna secara grafis. Istilah ini bukan hal yang lumrah pada saat awal kemunculan komputer. Namun setelah komputer generasi keempat mulai diciptakan, munculnya televisi berwarna (yang mendorong pada penciptaan layar monitor berwarna) serta evolusi pada perangkat penampil gambar (graphic adapter atau graphic card atau video card) membuat komputer mulai mendapatkan suatu sistem baru.

Adapun kekurangan dan kelebihan GUI, antara lain:
Kelebihan GUI :
1. Desain Grafis lebih menarik.
2. GUI memungkinkan user untuk berinteraksi dengan komputer secara lebih baik.
3. Memudahkan pengguna.
4. Menarik minat pengguna.
5. Resolusi gambar yang tinggi.

Kekurangan GUI :
1. Memakan memory yang sangat besar.
2. Bergantung pada perangkat keras.
3. Membutuhkan banyak tempat pada layar komputer.
4. Tidak fleksibel.

Pengembangan Aplikasi Dengan GUI
Data statistik menunjukkan bahwasanya tidak kurang dari 40% aplikasi web dibangun dengan menggunakan bahasa pemrograman PHP. Hal tersebut memperlihatkan dominasi PHP pada dunia pengembangan aplikasi web. Pada kenyataannya, PHP adalah bahasa pemrograman yang sangat handal yang dapat melakukan banyak hal selain mengolah halaman-halaman web.

Read More

Interface (antar muka)

Pengertian Interface

Antarmuka (Interface) merupakan mekanisme komunikasi antara pengguna (user) dengan sistem. Antarmuka (Interface) dapat menerima informasi dari pengguna (user) dan memberikan informasi kepada pengguna (user) untuk membantu mengarahkan alur penelusuran masalah sampai ditemukan suatu solusi.

Interface ada dua jenis, yaitu :
1.- Graphical User Interface (GUI) : Menggunakan unsur-unsur multimedia (seperti gambar, suara, video) untuk berinteraksi dengan pengguna.
2.- Text-Based : Menggunakan syntax/rumus yang sudah ditentukan untuk memberikan perintah.

Tujuan Antar Muka (interface) Pengguna

•         Menyesuaikan antar muka pengguna dengan tugas
•         Membuat antar muka pengguna menjadi efisien.
•         Memberikan arus balik yang tepat kepada pengguna.
•         Memunculkan pertanyaan-pertanyaan yang dapat dimanfaatkan.
•         Memperbaiki produktivitas dari pengetahuan pegawai

Ada 5 tipe utama interaksi untuk user interaction:

    Direct manipulation – pengoperasian secara langsung : interaksi langsung dengan objek pada layar. Misalnya delete file dengan memasukkannya ke trash. Contoh: Video games. Kelebihan :  Waktu pembelajaran user sangat singkat, feedback langsung diberikan pada tiap aksi sehingga kesalahan terdeteksi dan diperbaiki dengan cepat. Kekurangan :  Interface tipe ini rumit dan memerlukan banyak fasilitas pada sistem komputer, cocok untuk penggambaran secara visual untuk satu operasi atau objek.
    Menu selection – pilihan berbentuk menu :  Memilih perintah dari daftar yang disediakan. Misalnya saat click kanan dan memilih aksi yang dikehendaki. Kelebihan : User tidak perlu ingat nama perintah. Pengetikan minimal. Kesalahan rendah. Kekurangan : Tidak ada logika AND atau OR. Perlu ada struktur menu jika banyak pilihan. Menu dianggap lambat oleh expert user dibanding command language.
    Form fill-in – pengisian form : Mengisi area-area pada form. Contoh : Stock control. Kelebihan : Masukan data yang sederhana. Mudah dipelajari Kekurangan : Memerlukan banyak tempat di layar. Harus menyesuaikan dengan form manual dan kebiasaan user.
    Command language – perintah tertulis : Menuliskan perintah yang sudah ditentukan pada program. Contoh: operating system. Kelebihan : Perintah diketikan langsung pada system. Misal UNIX, DOS command. Bisa diterapkan pada terminal yang murah.Kombinasi perintah bisa dilakukan. Misal copy file dan rename nama file. Kekurangan : Perintah harus dipelajari dan diingat cara penggunaannya, tidak cocok untuk user biasa. Kesalahan pakai perintah sering terjadi. Perlu ada sistem pemulihan kesalahan.Kemampuan mengetik perlu.
    Natural language – perintah dengan bahasa alami : Menggunakan bahasa alami untuk mendapatkan hasil. Contoh: search engine di Internet. Kelebihan: Perintah dalam bentuk bahasa alami, dengan kosa kata yang terbatas (singkat), misalnya kata kunci yang kita tentukan untuk dicari oleh search engine. Ada kebebasan menggunakan kata-kata. Kekurangan: Tidak semua sistem cocok gunakan ini. Jika digunakan maka akan memerlukan banyak pengetikan

Read More

Prinsip Usability

Prinsip Usability adalah salah satu SAP dari mata kuliah Interaksi Manusia dan Komputer. Pada tugas softskill kali ini, saya akan membahas tentang Prinsip Usability.

Prinsip Usability adalah salah satu hal terpenting jika kita ingin merancang sebuah sistem yang baik. Contoh sederhana adalah dalam pengembangan website. Saya mempunya sebuah web dengan custom domain, Setelah domain online dan dapat terbuka, ada satu masalah, yaitu web yang sangat lama terbuka. Ternyata ada masalah di foto - foto web yang harus di unduh ketika di buka, size dari foto itu sangat besar, dari pc pun lama, apalagi dari  mobile. Solusi dari masalah tersebut adalah dengan mengecilkan ukuran dari masing masing foto, maka web akan terbuka kurang dari dua detik.

Sementara kemampuan manusia di babagi menjadi dua, seperti di bawah ini, baik dan buruk.

HUMAN ABILITIES BAIK

- Kapasitas Long Term Memory (LTM) tidak terbatas
- Durasi LTM tidak terbatas dan komplex
- Kemampuan memahami tinggi
- Mekanisme konsentrasi powerful
- Pengenalan pola pikir powerful

HUMAN ABILITIES BURUK

- Kapasitas Short Term Memory (STM) terbatas
- Durasi STM terbatas
- Akses yang tidak dapat diandalkan pada STM
- Proses yang cenderung salah
- Proses yang lambat


Seseorang sudah bisa di mahir dalam Usabiluty jika sudah memenuhi persyaratan seperti di bawah:

1.) Learnability, dimana seorang pengguna pemula dapat mempelajari sistem dan bisa memanfaatkan sistem secara optimal, agar para pengguna bisa memakai sistem secara keseluruhan.

2.) Flexibility, bisa dikatakan sistem yang dianggap memenuhi usability, dan bisa diharapkan dapat dioperasikan dengan prosedur yang tidak biasa.

3.) Robustness yaitu kehandalan sebuah sistem dalam mencapai tujuan khususnya dari sudut pandang pengguna.

Read More

Interaksi Manusia dan Komputer

Hai, selamat siang semua di semester baru ini.. :D Ini adalah tugas softskill pertama saya, setelah liburan. Disini saya mendapat tugas untuk menjelaskan tentang Interaksi Manuia dan Komputer. Langsung aja ya.

Interaksi Manusia dan Komputer atau bila di singkat IMK adalah sebuah pelajaran tentang cara manusia untuk berintaksi dengan komputer yang meliputi banyak hal agar manusia dapat dengan mudah mengerti komputer yang sudah di desain agar mudah di mengerti dengan antar muka nya. Untuk memulai mengerti komputer, tentunya manusia harus mengerti apa yang dapat menjalankan komouter, seperti keyboard, mouse, dll. Selanjutnya manusia akan di hadapkan dengan Sistem Operasi (OS) yang berfungsi untuk penghubung antara perangkat kesar komputer dan manusia itu sendiri. Di dalam OS itu sendiri masih banyak yang dapat di jalankan, dari berbagai aplikasi pihak ketiga sampai aplikasi bawaan OS itu sendiri.

Agar interaksi atau hubungan manusia dengan komputer dapat berjalan dengan baik dan cepat, di perlukan OS yang baik, yang mudah di mengerti dan sangat simple. Jika tampilan yang mudah biasa di sebut dengan Grafic User Interface. Namun ada juga yang sulit di mengerti atau harus punya keahlian khusus untuk menjalankan OS, di sebut berbasis Text.

Tujuan:

1. Membuat manusia dapat menyelesaikan masalah dengan cepat dengan bantuan komputer.

2. Pemanfaatan komputer untuk kehidupan manusia.

3. Manusia mampu membangun sistem untuk pekerjaan manusia.

Refrensi:
Wikipedia.org

Read More