DESAIN PEMODELAN GRAFIK

DESAIN PEMODELAN GRAFIK

Pada kali ini, saya akan memberikan penjelasan tentang Desain Pemodelan Grafik. kata desain ini sudah tidak asing lagi ditelinga kita. apalagi yang suka menggambar, mendesain, dan sebagainya. dan sekarang saya akan menjelaskan secara singkat apa itu desain pemodelan grafik, unsur-unsurnya, dan sebagainya. berikut penjelasannya:

1. Pengertian

"Desain Pemodelan Grafik" dalam kalimat tersebut terdapat 3 kata, berikut arti-artinya. Yang pertama "Desain" yaitu diterjemahkan sebagai seni terapan, arsitektur, dan berbagai pencapaian kreatif lainnya. dan yang kedua, "Pemodelan" adalah membentuk suatu benda-benda atau obyek. Membuat dan mendesain obyek tersebut sehingga terlihat seperti hidup. Sesuai dengan obyek dan basisnya, proses ini secara keseluruhan dikerjakan di komputer. Melalui konsep dan proses desain, keseluruhan obyek bisa diperlihatkan secara 3 dimensi, sehingga banyak yang menyebut hasil ini sebagai pemodelan 3 dimensi (3D modelling). dan selanjutnya "Grafik" adalah segala cara pengungkapan dan perwujudan dalam bentuk huruf, tanda, dan gambar yang diperbanyak melalui proses percetakan guna disampaikan kepada khalayak. Contohnya adalah foto, gambar/drawing, Line Art, dsb.

Secara keseluruhan dapat disimpulkan bahwa "Desain Pemodelan grafik" adalah suatu ilmu yang mempelajari tentang membuat dan menciptakan obyek baru berupa seni terapan, arsitektur, dan berbagai pencapaian kreatif lainnya yang direkayasa perangkat lunak merupakan suatu hal yang dilakukan di tahapan awal untuk pembuatan, penyimpanan, dan manipulasi model dan citra.

2.  Unsur-Unsur  Desain Grafik

Berikut adalah nsur-unsur Desain pemodelan grafik:

•  Garis (Line)

Sebuah garis adalah unsur desain yang menghubungkan antara satu titik poin dengan titik poin yang lain sehingga bisa berbentuk gambar garis lengkung (curve) atau lurus (straight). Garis adalah unsur dasar untuk membangun bentuk atau konstruksi desain. Di dalam duni a komunikasi visual seringkali kita menggunakan dotted line, solid line, dan garis putus-putus.

•  Bentuk (Shape)

Bentuk adalah segala hal yang memiliki diameter tinggi dan lebar. Bentuk dasar yang dikenal orang adalah kotak (rectangle), lingkaran (circle), dan segitiga (triangle).

•  Tekstur (Texture)

Tekstur adalah tampilan permukaan (corak) dari suatu benda yang dapat dinilai dengan cara dilihat atau diraba. Yang pada prakteknya, tekstur sering dikategorikan sebagai corak dari suatu permukaan benda, misalnya permukaan karpet, baju, kulit kayu, cat dinding, cat canvas, dan lain sebagainya.

• Ruang (Space)

Ruang merupakan jarak antara suatu bentuk dengan bentuk lainnya, pada praktek desain dapat dijadikan unsur untuk memberi efek estetika desain dan dinamika desain grafis. Dalam bentuk fisiknya pengidentifikasian ruang digolongkan menjadi dua unsur, yaitu obyek (figure) dan latar belakang (background).

• Ukuran (Size)

Ukuran adalah unsur lain dalam desain yang mendefinisikan besar kecilnya suatu obyek. Dengan menggunakan unsur ini Anda dapat menciptakan kontras dan penekanan (emphasis) pada obyek desain anda sehingga orang akan tahu mana yang akan dilihat atau dibaca terlebih dahulu.

• Warna (Color)

Warna merupakan unsur penting dalam obyek desain. Karena dengan warna orang bisa menampilkan identitas, menyampaikan pesan atau membedakan sifat dari bentuk-bentuk bentuk visual secara jelas

              3.  Prinsip Desain Grafik

Desain grafis juga memiliki prinsip seperti halnya manusia, seseorang dikenal karena prinsipnya, prinsip utama harus ditampilkan dalam sebuah desain grafis sehingga karya tersebut komunikatif, sedangkan unsur yang lainnya ditampilkan sekedar dan tidak mengalahkan unsur utama. Semuanya itu tergantung selera desainer grafis, klien dan khalayak yang menjadi sasaran pesan.

• Kesederhanaan

Hal ini sangat logis demi kepentingan kemudahan pembaca memahami isi pesan yang disampaikan. Dalam penggunaan huruf sebuah berita misalnya. Huruf judul (headline), subjudul dan tubuh berita (body text) sebaiknya jangan menggunakan jenis font yang ornamental dan njilimet, seperti huruf blackletter yang sulit dibaca. Desainer grafis lazim juga menyebut prinsip ini sebagai KISS (Keep It Simple Stupid). Prinsip ini bisa diterapkan dengan penggunaan elemen ruang kosong (white space) dan tidak menggunakan terlalu banyak unsur-unsur aksesoris. Seperlunya saja.

• Keseimbangan

       Keseimbangan adalah keadaan atau kesamaan antara kekuatan yang saling berhadapan dan menimbulkan adanya kesan seimbang secara visual. Prinsip keseimbangan ada dua, yaitu: keseimbangan formal (simetris) dan keseimbangan informal.

       Keseimbangan formal memberikan kesan sempurna, resmi, kokoh, yakin dan bergengsi. Keseimbangan formal juga menyinggung mengenai konsistensi dalam penggunaan berbagai elemen desain. Semisal wana logo. Dalam desain kartu nama desain dibuat dengan full color (F/C). Tetapi dengan pertimbangan agar desain lebih variatif dan tidak membosankan, maka pada media desain yang berbeda Anda membuat logo tersebut dengan warna duotone.  

        Sedangkan keseimbangan informal bermanfaat menghasilkan kesan visual yang dinamis, bebas, lepas, pop, meninggalkan sikap kaku, dan posmodernis.

• Kesatuan

Kesatuan adalah kohesi, konsistensi, ketunggalan atau keutuhan, yang merupakan isi pokok dari komposisi. Contohnya adalah ilustrasi, garis dan teks diberi raster sehingga memberikan kesan kesatuan terhadap pesan yang dimaksud.

• Penekanan (aksentuasi)

Penekanan dimaksudkan untuk menarik perhatian pembaca, sehingga ia mau melihat dan membaca bagian desain yang dimaksud. Kalau dalam konteks desain surat kabar ini bisa dilakukan dengan memberikan kotak raster atas sebuah berita. Hal ini akan mengesankan pentingnya berita itu untuk dibaca oleh pembaca. Atau juga membesarkan ukuran huruf pada judul berita, sehingga terlihat jauh berbeda dengan berita lainnya. Penekanan juga dilakukan melalui perulangan ukuran, serta kontras antara tekstur, nada warna, garis, ruang, bentuk atau motif.

• Irama (repetisi)

Irama merupakan pengulangan unsur-unsur pendukung karya seni. Irama merupakan selisih antara dua wujud yang terletak pada ruang, serupa dengan interval waktu antara dua nada musik beruntun yang sama. Desain grafis mementingkan interval ruang atau kekosongan atau jarak antar obyek. Misalnya jarak antarkolom. Jarak antar teks dengan tepi kertas, jarak antar 10 foto di dalam satu halaman dan lain sebagainya.

• Proporsi (Proportion)

Proporsi termasuk prinsip dasar tata rupa untuk memperoleh keserasian. Untuk memperoleh keserasian dalam sebuah karya diperlukan perbandingan – perbandingan yang tepat. Pada dasarnya proporsi adalah perbandingan matematis dalam sebuah bidang. Proporsi Agung (The Golden Mean) adalah proporsi yang paling populer dan dipakai hingga saat ini dalam karya seni rupa hingga karya arsitektur. Proporsi ini menggunakan deret bilangan Fibonacci yang mempunyai perbandingan 1:1,618, sering juga dipakai 8 : 13. Konon proporsi ini adalah perbandingan yang ditemukan di benda-benda alam termasuk struktur ukuran tubuh manusia sehingga dianggap proporsi yang diturunkan oleh Tuhan sendiri. Dalam bidang desain proporsi ini dapat kita lihat dalam perbandingan ukuran kertas dan layout halaman.

Referensi:

http://technonide.blogspot.com/2010/11/rangkuman-buku-fundamental-of-graphic.html

http://www.ilmugrafis.com/artikel.php?page=prinsip-prinsip-desain-grafis

http://www.conceptmagz.com/magazine/detail/25

http://www.wikipedia.org

http://adnansocial.blogspot.com/2011/02/interaksi-manusia-dengan-komputer.html

http://radityacracker.blogspot.com/2011/10/desain-pemodelan-grafis-dari-segi.html

http://www.ahlidesain.com/unsur-definisi-prinsip-dan-istilah-dkv.html

Menganalisa Web

Tugas Softskill Pengantar Web Science
Kelas 2IA11
Anggota:
1     Fasti Listia Ningrum
2        Ilham Amirullah
3      Shakti Darikhwan Aziz

Menganalisa Web (Web Pendidikan, Instansi Pemerintah, dan Sosial Media)

          Pada tugas saat ini adalah menganalisa web, yaitu web pendidikan, web instansi pemerintah, dan Sosial media). apa yang dianalisa??

Yang dianalisa pada penganalisaan kali ini adalah: pengukuran, search engine, dan web archiving.

1.     Web Instansi Pemerintahan  (www.perbendaharaan.go.id)

 halaman web perbendaharaan

             Pada analisa web instansi pemerintahan kami menganalisis web instansi pemerintahan yaitu Perbendaharaan.go.id. Perbendaharaan.go.id adalah sebuah website milik Direktorat Jendral Perbendaharaan Kementrian yang paling terupdate, Setiap keputusan/surat edaran baik dari Ditjen Perbendaharaan dan Menteri Keuangan paling lama antara 2-3 hari sesudah ditandatangani file sudah ada di website. Jadi dengan website ini kita dapat dengan mudah mengetahui perkembangan terbaru yang terdapat dipemerintahan. Perbendaharaan.go.id juga menyediakan file-file terupdate yang dapat didownload .

•  Pengukuran Web

            Pengukuran web digunakan untuk mengukur website dari segi kecepatan akses dan performanya, serta mengukur banyaknya pengunjung suatu website, dan disini saya akan mengukur website Perbendaharaan.go.id. Sebenarnya pada web yang kami analisa sendiri sudah terdapat statistik pengukurannya yang ada langsung di dalam web nya. Tapi kami juga menggunakan Alexa.com sebagai acuan lain nya.
Gambar dibawah ini merupakan pengukuran dari dalam web nya langsung

 Gambar dibawah ini menggunakan pengukuran di  Alexa.com

                     Dari hasil pengamatan diatas baik dari statistik di dalam web , maupun dari bantuan Alexa.com hasil yang didapatkan sudah lumayan tinggi . Itu berarti keingin tahuan dari masyarakat tentang pemerintahaan cukup diminati , walaupun search trafficnya masih jauh dari 100 %.

•  Search Engine

                        Search engine itu sendiri adalah program komputer yang dirancang untuk melakukan pencarian atas berkas-berkas yang tersimpan dalam layanan www, ftp, publikasi milis, ataupun news group dalam sebuah komputer dalam suatu jaringan. Search engine merupakan perangkat pencari informasi dari dokumen-dokumen yang tersedia. Hasil pencarian umumnya ditampilkan dalam bentuk daftar yang seringkali diurutkan menurut tingkat akurasi ataupun rasio pengunjung atas suatu berkas yang disebut sebagai hits. Informasi yang menjadi target pencarian bisa terdapat dalam berbagai macam jenis berkas seperti halaman situs web, gambar, ataupun jenis-jenis berkas lainnya. Dan saya menggunakan Alexa.com untuk mendapatkan top keywords dari web yang akan saya analisa. Dan untuk mengetahui urutan search engine nya kami menggunakan bantuan google.

  Gambar dibawah ini merupakan top keywords web perbendaharaan.go.id yang didapat dari Alexa.com

 Gambar dibawah ini menggunakan bantuan google untuk mendapatkan urutan keberapa web yang sedang kami analisa.

       Dapat dilihat dari gambar diatas bahwa web Pembendaharaan.go.id menempati urutan teratas dengan keyword “ pembendaharaan” . jadi dapat disimpulkan statistik dari Alexa.com diatas benar . Karena pada Alexa.com saat keyword nya “pembendaharaan” maka dia akan ada diurutan teratas. Dan kami telah membuktikannya pada pencarian digoogle.

•  Web Archiving

                        Web archiving adalah proses mengumpulkan bagian dari WWW dan memastikan koleksi tersebut diawetkan dalam suatu arsip, misalnya situs arsip, untuk diakses peneliti, sejarawan, dan masyarakat umum pada masa datang. Besarnya ukuran Web membuat arsiparis web umumnya menggunakan web crawlers untuk pengumpulan secara otomatis.

 Gambar dibawah ini merupakan bagian-bagian arsip yang terdapat di web Perbendaharaan.go.id seperti Berita terkini , Liputan kegiatan , Wawancara , Opini , Artikel , Ulasan , Editorial , Nusantara , Pojok LKPP , Grafik , Transformasi kelembagaan. Jika kita mengklik bagian-bagian ini maka akan keluar arsip dari masing-masing tema.

2. Web Pendidikan (sibejoo.com)

     

halaman web sibejoo

Pada analisa web pendiddikan kami menganalisis web pendidikan yaitu sibejoo.com. Sibejoo.com adalah sebuah website pendidikan yang membantu para pengguna internet belajar matematika, fisika, dsb dengan berbasis video. Jadi dengan website ini kita dapat dengan mudah belajar kurikulum matematika dan sebagainya. Sibejoo.com juga mengadakan system pembuatan akun guna dapat mendownload video dan bersosialisasi. Sibejoo.com juga sangat bagus untuk anak-anak sekolah SMA. Karena sebagian besar materi yang diajarkan merupakan materi sekelas SMA. Anak kuliahan juga bagus karena tidak sedikit juga materi yang ada. 

• Pengukuran

Sebuah website tentu mempunyai sebuah ukuran, baik ukuran size, rating, dsb. Sibejoo.com adalah website yang akan kami ukur. Kami disini akan mengukur sibejoo.com dengan Gtmetrix (http://gtmetrix.com) . menurut gtmetrix ini didapat pengukuran sebagai berikut:

Selain dengan GTmetrix, kami juga mengukur tingkat kepopuleran dengan Alexa (http://alexa.com) . setelah diukur didapatkan hasil sebagai berikut:

Hasil diatas meunjukan: Secara global situs sibejoo.com dikunjungi 1.761.927 kali, sementara di indonesia hanya 33.053 kali, dengan hasil tersebut maka situs sibejoo ini sudah lumayan populer.

•       Search engine

Maksud search engine disini adalah seberapa populer situs sibejoo.com ini pada web search engine, seperti pada google. Dengan keyword tertentu akan dicoba pada search engine google sebagai berikut:

             Pada pencarian diatas menggunakan keyword “sibejoo”. Maka sibejoo.com akan menempati urutan teratas. Menggunakan keyord ini tentu tidak aneh jika sibejoo menempati urutan pertama, sebab-sebabnya antara lain: dengan keyword sibejoo yaitu nama ciri khas website ini tentu akan mengarah ke website ini. Sebab juga tidak ada website lain dengan nama sama. Pada urutan kedua dan ketiga juga bisa kita lihat terdapat sibejoo pada youtube dan facebok yang merupakan akun milik pengelola sibejoo.com juga.

                Dengan keyword lain misal:

Pada keyword pertama “belajar matematika” tidak ditemukan website sibejoo.com ini, tetapi pada keyword kedua yaitu “belajar matematika berbasis video” tertampang sibejoo.com urutan pertama, ini juga jelas dengan alasan adalah sibejoo.com ini situs pembelajaran dengan basis vide dan dikenal dengan pembelajaran dengan video jadi di sibejoo.com ini tedak ada berbasis tulisan dalam pembelajarannya. Dan masi banyak website pembelajaran dengan tulisan maka pada keyword pertama akan banyak website selain sibejoo.com.

•       Web Archiving

Pengarsipan web (Web Archiving) adalah proses mengumpulkan bagian dari WWW dan memastikan koleksi tersebut diawetkan dalam suatu arsip, misalnya situs arsip, untuk diakses peneliti, sejarawan, dan masyarakat umum pada masa datang.

Pada situs sibejoo.com masi sedikit arsip yang ada, karena memang situs ini masih Dalam pengembangan update. Dalam situs ini hanya terdapat arsip berupa video-video. Yaitu sebagai berikut:

Demikian dari analisa terhadap website pendidikan (sibejoo.com). kurang lebihnya mohon maaf.

Good Bye... see you later ;)

3. Web Sosial Media (zomato.com)

       Zomato adalah situs pencarian restoran yang menyediakan informasi untuk makan di luar, pesan bawa pulang, kafe, dan nightlife untuk kota-kota di Indonesia, India, Turki, Selandia Baru, Filipina, Afrika Selatan, Sri Lanka, Qatar, Uni Emirat Arab, dan Inggris. Menurut situs Alexa, situs ini memiliki peringkat ke 1.926 di dunia dan 205 di India pada bulan Oktober 2013.

Sejarah

Berawal dengan nama Foodiebay.com, Zomato didirikan oleh Deepinder Goyal dan Pankaj Chaddah yang merupakan sarjana IIT Delhi di New Delhi, India. Ide pendirian hingga menjadi Zomato saat ini dimulai secara tidak sengaja saat Deepinder dan Pankaj ingin membantu rekan – rekan kerjanya memilih pesanan untuk makan siang di antara brosur – brosur menu yang bertebaran di kantor menjadi lebih mudah serta menghindari antrian panjang saat makan siang. Pada tahun 2008 saat mereka bekerja di Bain and Company, sebuah perusahaan konsultan manajemen terkemuka di India, mereka mengumpulkan seluruh brosur menu lalu memindai satu persatu dan mengunggahnya di situs internal perusahaan. Deepinder Goyal, Pankaj Chaddah dan Gunjan Patidar akhirnya memutuskan untuk keluar dari Bain dan membangun basis data Foodiebay secara lebih profesional. Akhirnya Foodiebay resmi berdiri pada Juli 2008 dengan 1.200 daftar restoran di Delhi NCR. Daftar ini berkembang menjadi 2.000 restoran di akhir 2008. Dalam jangka waktu 6 bulan, restoran di Kolkata dan Mumbai juga sudah dimasukan dalam daftar restoran di Foodiebay.

Pada tahun 2010, situs ini terpilih dalam top 25 perusahaan internet paling menjanjikan di India oleh majalah SmartTechie.[7] Saat itulah Infoedge, induk perusahaan dari grup Naukri.com, menginvestasikan INR 4.7 crore (US $ 1 juta) ke dalam bisnis ini.

Pada 14 November 2010, Foodiebay.com berubah menjadi Zomato.com. Perubahaan ini disebabkan oleh adanya kemungkinan untuk mengembangkan bisnis di luar vertikal kuliner dan untuk menghindari konflik yang dapat terjadi dengan eBay, karena nama Foodiebay memiliki kata ‘ebay’ di dalamnya. Pada tahun 2011, Zomato telah mencakup area Chennai, Hyderabad dan Ahmedabad. Selain itu, pada tahun 2011 Zomato meluncurkan aplikasi untuk perangkat iOS, Android, Windows Phone dan BlackBerry. Zomato juga meluncurkan versi cetak yang berisi seluruh konten di situs dan bekerja sama dengan Citibank pada Mei 2012. Panduan cetak ini dipasarkan dan dijual dengan nama “Citibank Zomato Restaurant Guide”. Selama peluncuran, panduan cetak tersedia untuk empat kota di India – Delhi NCR,Mumbai, Bangalore dan Pune. Menurut media, situs Zomato dikunjungi oleh sekitar 2,5 juta pengunjung pada bulan Maret 2012.

Pada September 2012, Zomato ekspansi ke luar India untuk pertama kalinya dan meluncurkan layanannya di Dubai, UEA. Hal ini diikuti oleh ekspansi cepat ke Sri Lanka, Qatar, Inggris Raya, Filipina, Afrika Selatan, Selandia Baru, dan pada November 2013 di Brazil, Turki dan Indonesia.

Zomato sendiri adalah Web berbasis sosial media yang sangat unik, tidak seperti sosial media lainnya, zomato punya kelebihan yaitu Dimana sesama pengguna zomato dapat berbagi pengalamannya di bidang kuliner dengan Me-ngeshare foto atau tempat makan yang sedang dituju dan dapat dijadikan rekomendasi sebelum ke tempat tujuan dengan melihat informasi restoran tersebut yaitu dengan foto tempat, daftar harga, alamat, dan kontak restoran. Semua lengkap dengan zomato. Apalagi sudah ada aplikasi untuk smartphone sehingga kita dapat mencari dan menemukan tempat dengan mudah dengan aplikasi tersebut.

•  Search Engine

Gambar dibawah ini merupakan top keywords web zomato.com yang didapat dari Alexa.com

Dari hasil pengamatan dengan bantuan alexa.com, situs zomato menduduki peringkat 1000 an dunia, berarti situs tersebut sudah termasuk situs yang sangat terkenal dan sudah banyak orang yang tahu. di Indonesia sendiri belum dilakukan percobaan pengamatan ranking dunia, karna terbilang cukup baru.

•  Pengukuran Web

ini merupakan pengukuran dari dalam web nya langsung :

Dari hasil pengamatan diatas dengan menggunakan bantuan situs GTmetrix, situs sosial media berbasis foodie ini memiliki grade B dan grade C yang berarti cukup baik untuk di akses oleh pengguna internet dan memilik konten yang baik pula.

•  Web Archiving

Gambar di bawah ini adalah tempat dimana anda dapat menemukan foodie lain sebutan lain yaitu sebagai teman sesama pengguna situs zomato.

Demikian dari analisa terhadap website instansi pemerintahan (pembendaharaan.go.id), pendidikan (sibejoo.com), dan sosial media (zomato) kurang lebihnya mohon maaf.

Referensi :

http://safemode.web.id/artikel/teknologi/pengertian-web-science

http://id.wikipedia.org/wiki/Situs_web

http://adjie-ehm.blogspot.com/2010/03/sejarah-teknologi-web.html

http://laoderahmatputra.blogspot.com/2014/03/pengertian-sejarah-arsitektur-web.html

http://sibejoo.com
https://id.wikipedia.org/wiki/Zomato

Tugas Softskill Pengantar Web Science
Kelas 2IA11
Anggota:
1. Ilham Amirullah
2. Fasti Listia Ningrum
3. Shakti Darikhwan Aziz

UNIVERSITAS GUNADARMA

volley-gunadarma.esy.es

Berikut tata cara pembuatan websitenya:

1.. Instal XAMPP

Pertama download XAMPP bisa mencarinya di google, stelah didownload install XAMPP. XAMPP ini berfungsi sebagai jaringan lokal dan membantu mempermudah dalam pembuatan website dengan joomla 3 ini, jadi kita tidak perlu menggunakan jaringan internet untuk merancang maupun mengisi konten web. XAMPP juga membantu dalam pembuatan database mysql. Cara menginstal XAMPP seperti biasa dengan mengikuti step by step. Setelah instal XAMPP kita jalankan XAMPP control dan start Apache dan Mysql seperti dibawah ini:

1.       2. Instal Joomla 3

Pada step ini sama seperti XAMPP, kita harus download dulu bisa dicari di google dengan keyword “download joomla 3”, setelah didownload joomla kan didownload dengan format rar maka dari itu kita akan ekstrak, sebelumnya kita buat folder dulu untuk meginstal joomlanya, buatlah folder di instalan joomla XAMPP/htdocs/(disini) buat folder terserah apa saja missal kita buat folder dengan nama volley. Setelah itu ekstrak joomla 3 ke folder yang kita buat tadi.

Berikut adalah langkah-langkah install jooma:

            Pertama ekstract joomla difolder didalam folder htdocs, contoh saya disini didalam folder volley

Selanjutnya buka browser dan pada addressbar kunjungi localhost/volley, maka akan muncul sebagai berikut, isilah sesuai kebutuhan dan klik next

Setelah di next, selanjutnya pada tab database isi juga sesuai kebutuhan seperti berikut:

Langkah ketiga akn muncul seperti berikut pilih none dan instal

Tugguah proses penginstalan joomla

1.       3. Instal Templete

      Pertama downloadlah template untuk joomla 3, bisa dicari di google.

      Kemudian install dengan cara sebagai beikut:

     Masuk ke menu extention-> extention manager -> chose file-> pilih templete yang sudah didownload-> kemudian upload and instal

Setelah diinstal masuklah ke extention-> templete manager-> pilih sebgai default dengan menandai bintangnya

1.       4. Instal module

Maksud instal module adalah menambahkan fitur fitur yang ada diweb bisa secara manual yaitu 

dengan membuka extention-> module manager-> new-> custom html

jika sudah dibuat akan nampak seerti berikut:

5. Isi Konten

isi konten maksudnya mengisi apa yang ada didalam websitenya, seperti berikut:

dengan cara menu content-> artikel manager-> new

pada menu juga sama seperti artikel dan akan menghasilkan:

6. Hosting

Hosting disini adalah untuk membuat website kita bisa diakses lewat internet dan bisa diakses secara public. kami didsini akan menghosting gratis dengan idhostinger. 

pertama bikin akun idhostinger atau bisa dengan g+... kemudian hosting gratis dan pilih domain biasanya kalo gratis menggunakan subdomain. dan kemudian upload database dan juga file joomla yang dibuat

Berikut adalah website yang sudah kami buat, memang belum sempurna, tetapi kami kelompok 7 sudah berusaha dan semoga kedepannya akan lebih baik lagi

www.volley-gunadarma.esy.es

Web Science

1. Definisi Web Science

         Kata Web tentu tidak asing pada zaman sekarang ini, bagaimana tidak... setiap hari setiap jam sebagian orang mengakses web dengan koneksi internet. kemudian kata Science juga tidak asing pada beberapa orang, yang kita kethuai science itu adalah ilmu pengetahua sains, atau lebih rincinya ilmu pengetahuan yang memberikan manfaat bagi kehidupan manusia dan seluruh isinya.

Jadi, Web Science dapat dirtikan sebagai ilmu yang mempelajari tentang efisiensi atau pemanfaatan dari sebuah web, agar dapat dirasakan manfaat dan kegunaannya pada banyak bidang di dalam kehidupan sehari-hari..Contoh-contoh nyata yang sudah diterapkan dapat dilihat pada bidang komersil atau bidang ekonomi, bidang sosial dan bidang pendidikan.

2. Sejarah Web

Web ditemukan oleh Sir Timothy John Tim Berners-Lee, sedangkan situs web yang tersambung dengan jaringan pertama kali muncul pada tahun 1991. Maksud dari Tim ketika merancang situs web adalah untuk memudahkan tukar menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja. Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.

Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu, atau menunjukkan kepemilikan dari suatu organisasi, perusahaan. biasanya pembahasan dalam sebuah situs web merujuk pada sebuah ataupun beberapa topik khusus, atau kepentingan tertentu. Sebuah situs web bisa berisi pranala yang menghubungkan ke situs web lain, demkian pula dengan situs web lainnya. Hal ini terkadang membuat perbedaan antara situs web yang dibuat oleh individu ataupun perseorangan dengan situs web yang dibuat oleh organisasi bisnis menjadi tidak begitu jelas.

Situs web biasanya ditempatkan pada server web. Sebuah server web umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk menangani pengaturan nama ranah, serta menangani layanan atas protokol HTTP yang disebut sebagai Server HTTP (bahasa Inggris: HTTP Server) seperti Apache HTTP Server, atau Internet Information Services (IIS).

a.     Pre Web :

Pre-web adalah era dimana prototype seperti memex, usenet, gopher dan ftp muncul sebelum kemudian berevolusi menjadi internet. Internet sendiri adalah tempat dimana web muncul pertama kalinya ke publik sampai saat ini.

-       The Memex (Memory Index)

The memex (sebuahsingkatan dari "memori" dan "index") adalah nama hipotetis proto-hypertext sistem yang Vannevar Bush jelaskan pada tahun 1945 pada artikel bulanan The Atlantic " As We May Think "(AWMT). Bush membayangkan memex sebagai perangkat di mana individu akan mengkompres dan menyimpan semua buku-buku mereka, catatan, dan komunikasi, "mekanis sehingga dapat berkonsultasi dengan melebihi kecepatan dan fleksibilitas." The memex akan memberikan "suplemen intim yang diperbesar ke memori seseorang". Konsep memex mempengaruhi perkembangan awal hypertext sistem (akhirnya mengarah ke penciptaan World Wide Web ) dan basis pengetahuan personal software.

-       HyperText

Hypertext adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

-       Internet

Internet (kependekan dari interconnection-networking) secara harfiah adalah sistem global dari seluruh jaringan komputer yang saling terhubung menggunakan standar Internet Protocol Suite (TCP/IP) untuk melayani miliaran pengguna di seluruh dunia. Manakala Internet (huruf 'I' besar) ialah sistem komputer umum, yang berhubung secara global dan menggunakan TCP/IP sebagai protokol pertukaran paket (packet switching communication protocol). Rangkaian jaringan internet yang terbesar dinamakan Internet. Cara menghubungkan rangkaian dengan kaedah ini dinamakan Internetworking.

-       Usenet

Singkatan dari user network, merupakan salah satu jaringan tertua yang dilayani oleh internet. Awalnya didesain pada Duke University ditahun 1979 dan dikembangkan  pada Duke University dan North Carolia University setahun kemudian, tujuan utama dari USENET adalah untuk bertukar pesan teks (text message) di antara node (komputer yang terhubung pada jaringan). USENET telah tumbuh untuk mencakup berbagai macam forum dan juga newsgroup, dalam jumlah puluhan ribu node yang terhubung.

-       FTP(File Transfer Protocol)

FTP merupakan salah satu protokol Internet yang paling awal dikembangkan, dan masih digunakan hingga saat ini untuk melakukan pengunduhan (download) dan penggugahan (upload) berkas-berkas komputer antara klien FTP dan server FTP. Sebuah Klien FTP merupakan aplikasi yang dapat mengeluarkan perintah-perintah FTP ke sebuah server FTP, sementara server FTP adalah sebuah Windows Service atau daemon yang berjalan di atas sebuah komputer yang merespons perintah-perintah dari sebuah klien FTP. Perintah-perintah FTP dapat digunakan untuk mengubah direktori, mengubah modus transfer antara biner dan ASCII, menggugah berkas komputer ke server FTP, serta mengunduh berkas dari server FTP.

-       Gopher

Gopher adalah protokol layer aplikasi TCP/IP yang dirancang untuk distribusi, pencarian, dan pengambilan dokumen melalui Internet. Sangat berorientasi pada desain dokumen menu, protokol Gopher disajikan menarik untuk alternatif World Wide Web pada tahap awalnya, tapi akhirnya gagal mencapai popularitas. Gopher adalah, Program berbasis teks yang digunakan untuk mem-browser daftar menu Internetpada berbagai server gopher. Pengertian Gopher dari sumber lain adalah suatu aplikasi perangkat lunak yang tesusun atas beberapa menu sistem pencarian dan penemuan kembali. Situs Gopher adalah komputer yang menampilkan menu-menu yang mewakili data dan informasi yang tersedia. Secara mendasar, menu-menu ini merupakan daftar isi untuk mengolah dan menunjuk ke sebuah informasi tertentu. Pojok Pedia Layanan ini menggunakan FTP untuk pertukaran file dan Telnet untuk koneksi dengan server tertentu. Gopher yang memiliki sistem berbasis menu paling dasar ini menyediakan konektifitas yang saling berhubungan antara file-file pada komputer-komputer Internet. File-file ini nampak seperti direktori berseri di seputar menu Gopher yang sebenarnya file-file tersebut berlokasi di komputer lain. Gopher menyediakan akses ke dokumen teks, Grafik dan suara digital hanya dapat dimasukkan dalam kumpulan sebuah dokumen, yang harus didownload ke komputer lokal, dan baru kemudian dapat dilihat dengan program lain. Gopher juga memungkinkan akses ke beberapa fasilitas lain yang ada diinternet seperti Telnet untuk melakukan hubungan komunikasi jarak jauh. Manfaat Aplikasi Gopher ini adalah user tidak perlu mengetahui alamat yang khusus pada komputer yang akan di akses. Gopher sendiri merupakan sistem yang memungkinkan para pengguna internet dapat mengakses berbagai situs. Selain itu Gopher yang merupakan sistem dengan otomatisasi dimana pemakai dapat mengakses informasi dengan menggunakan hirarki.

b. Versi-versi Web

1.)     Web 1.0

Web 1.0 adalah web yang hanya bisa ‘read-only’. Maksudnya adalah pada web 1.0 ini kebanyakan  hanya bisa melakukan pencarian atau browsing informasi yang ingin dicari.  Beberapa ciri khas dari situs Web 1.0:

1. Halaman statis, bukan dinamis pengguna-konten yang dihasilkan.

2. Penggunaan framesets.

3. Milik HTML ekstensi seperti dan tag diperkenalkan pada awal perang browser.

4. Online guestbook.

5. GIF tombol, biasanya 88×31 piksel dalam ukuran web browser dan mempromosikan produk lain.

6. Pengguna akan mengisi formulir, dan setelah mereka mengklik mengirimkan email klien akan    mencoba untuk mengirim email yang berisi formulir rincian.

2.)     Web 2.0

Web 2.0 adalah web yang mengarah pada ‘read and write’. Pada web 2.0 ini adalah web yang lebih mempunyai keunggulan daripada web 1.0. web 2.0 ini mempunyai inovasi dan fitur – fitur yang terbaru yang menyebabkan munculnya suatu pandangan tentang bagaimana isi dari web 2.0 ini.

Keuntungan atau kelebihan dari web 2.0 ini berbanding terbalik dengan web 1.0 yaitu pengguna (pengunjung web) berkemungkinan dapat melhat suatu konten website tanpa harus mengunjungi situs tersebut dan harus melihat semua konten yang ada satu per satu.

3.)     Web 3.0

Web 3.0 adalah sekumpulan teknologi yang menawarkan cara baru yang efisien dalam membantu komputer mengorganisasi dan menarik kesimpulan dari data online. Konsep ini dapat diandaikan sebuah website sebagai sebuah intelektualitas buatan (AI/Artificial Intelegence).Jadi di konsep ini, diibaratkan tidak hanya manusia saja yang mampu berinteraksi (web 2.0) tetapi aplikasi-aplikasi online pun (website) kini dapat saling ‘berbicara’.

3. Arsitektur Web

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.

a.      HTTP, HTML, Web Server, browser  dan Transaction

·        HTTP (Hypertext Transfer Protocol)

sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia.

·         HTML (Hyper Text Markup Language)

bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web Browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.

·          Internet

sebuah jaringan komputer yang terdiri dari berbagai macam ukuran jaringan komputer di seluruh dunia mulai dari sebuah PC, jaringan-jaringan lokal berskala kecil, jaringan-jaringan kelas menegah, hingga jaringan-jaringan utama yang menjadi tulang punggung internet seperti NSFnet, NEARnet, SURAnet, dan lain-lain.

·         Web browser

sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.

·         web server

Software yang menyediakan layanan akses kepada pengguna melalui protokol komunikasi HTTP atau HTTPS atas berkas-berkas yang terdapat pada suatu situs web dalam layanan ke pengguna dengan menggunakan aplikasi tertentu seperti peramban web.

·         Transaction

Browser Transaction adalah program yang digunakan untuk menjelajah internet dan untuk transaksi bisnis rutin seperti daftar gaji dan inventarisasi.

    B.   User generated content, blogs, wikis, folsonomies, social network

·         User Generated Content.

User Generated Content (UCG) adalah berbagai jenis content yang tersedia secara publik dan diproduksi oleh para end-user.

Kunci utama dalam User Generated Content adalah sebuah participatory  atau partisipasi. Para foundersitus-situs di atas pasti berfikir, bagaimana agar jutaan pengguna internet tertarik untuk masuk dan berpartisipasi. Manfaat aplikasi web yang menarik, kemudahan penggunaan, interface yang nyaman, layanan terjamin, knowledge sharing mungkin bisa membuat pengguna tertarik untuk mencoba dan berpartisipasi di dalamnya.Sebagian kalangan mengatakan User Generated Content ini sebagai Perbudakan 2.0.

Mereka (para Founder) tidak perlu susah-susah untuk mengupdate konten situsnya sendiri, cukup membuat aplikasi web kemudian mempekerjakan jutaan pengguna internet untuk mengisi konten utamanya. Mereka (jutaan pengguna intenet) tidak dibayar dari menulis konten tapi founder mendapatkan banyak benefit dengan situs yang mereka tawarkan.

·         Blogs

singkatan dari Web Log, Blog itu sendiri adalah sebuah situs yang asal mulaya merupakan catatan harian online yang dibuat oleh siapa pun, kapan pun, dan di manapun. Jenis Blog / penyedia Blog local maupun internasional : Blogger.com, wordpress.com, Typepad.com, livejournal.com, blogdrive.com.

·         Wikis

kumpulan halaman-halaman web yang dapat diubah oleh semua orang setiap saat. Konsep dan peranti lunak wiki diciptakan oleh Ward Cunningham.

·         Folksonomies

Folksonomies adalah sebuah metode untuk menciptakan dan mengatur tag yangmenjelaskan dan mengategorikan content. Tag tersebut umumnya merupakanhyperlink yang akan mengarahkan Anda pada sekumpulan item yangberhubungan dengan tag tersebut. Bentuk tag tidak selalu harus berupa teks,tetapi dapat juga berupa image. Sekumpulan tag yang saling terkait denganpersamaan bentuk sering juga disebut tag cloud, umunya tag cloud memiliki 30hingga 150 tag.

·          Social Network

Social Networking adalah kegiatan menjalin hubungan dengan orang lain melalui social media sites / situs jejaring sosial yang ada di internet. Bisa diakses di mana saja, kapan saja dan oleh siapa saja. Dan tidak jarang juga, orang-orang yang “maenan” situs semacam ini dibilang melakukan kegiatan yang ngga mutu. Padahal status update pun memiliki potensi dengan dampak yang luas. Sayangnya, terlalu sering sebuah buku dinilai hanya dari sampulnya.

     C.    Semantic Web summary: XML, RDF, OWL, microformats, microdata

Semantic web merupakan perkembangan dari World Wide Web, dimana informasi semantik dan layanan web didefinisikan, sehingga memungkinkan bagi web untuk memahami dan memenuhi permintaan orang dan mesin untuk menggunakan konten web.

·         XML

XML (Extensible Markup Language) adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar untuk melacak Internet.

·         RDF

Resource Description Framework (RDF) adalah suatu kerangka kerja umum untuk bagaimana menggambarkan setiap sumber daya Internet seperti situs web dan isinya.

·         Microformats

Microformats adalah salah satu cara menambahkan penandaan sederhana agar tiap data mudah terbaca oleh manusia seperti peristiwa, rincian kontak atau lokasi pada halaman web sehingga informasi di dalamnya dapat diekstraksi oleh perangkat lunak dan diindeks, dicari, disimpan, bertukaran-referensi, atau dikombinasi.

·         Microdata

Microdata merupakan mekanisme Anotasi berupa pasangan variabel dan nilai yang diberikan pada sebuah dokumen HTML. Anotasi itu sendiri bisa Anda artikan sebagai catatan yang dibuat oleh pengarang untuk menjelaskan suatu kode.

Sumber:

http://flawless9angels.blogspot.sg/2014/03/tugas-web-science-1.html

http://irvanniz.blogspot.com/2014/03/definisi-web-science.html

http://id.wikipedia.org/wiki/Situs_web

http://www.w3.org/History.html

http://www.w3.org/2004/Talks/w3c10-HowItAllStarted/?toc=true

http://andrew-jonathan.blogspot.com/2013/04/definisi-web-science-dan-sejarah.html

http://adianlangge.blogspot.com/2014/04/definisi-web-science-dan-sejarah-web.html