Tugas Softskill "Konsep Pemodelan Grafik Google Chart (Sankey Chart, Scatter Chart , Stepped Chart) - Bab 1 Pendahuluan"

Nama : Muhammad Azis Aulia

NPM : 57414118

Kelas : 3IA17

Bab 1 Pendahuluan

            Desain Permodelan Grafik terdiri dari tiga kata, yaitu Desain, Permodelan dan Grafik. 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.

            Pemodelan berasal dari kata Model. Model adalah rencana, representasi, atau deskripsi yang menjelaskan suatu objek, sistem, atau konsep, yang seringkali berupa penyederhanaan atau idealisasi. Bentuknya dapat berupa model fisik (maket, bentuk prototipe), model citra (gambar rancangan, citra komputer), atau rumusan matematis. Maka pemodelan adalah tahap dimana akan dibentuk suatu obyek. Obyek yang dibuat akan dibentuk seolah-olah menjadi nyata. Dengan proses desain, obyek tersebut akan dibuat menjadi 2D maupun 3D. Proses pemodelan ini memerlukan perancangan dengan beberapa langkah saat pembuatannya. Misalnya menentukan obyek apa yang akan dibuat, metode apa yang akan digunakan, serta animasi apa yang sesuai dengan tujuan pembuatan obyek tersebut.

            Grafik (Grafis) Grafik atau Grafis identik dengan suatu garis, titik, tanda, dan bentuk huruf. Grafik merupakan cara membentuk bentuk huruf, tanda serta gambar menggunakan proses pencetakan. Grafik juga didefinisikan sebagai suatu pembuatan, penyimpanan serta manipulasi model dan citra.

            Jadi, Desain dan Pemodelan Grafik adalah suatu proses menciptakan objek berupa citra (gambar rancangan, citra komputer) yang dibuat untuk informasi, ilustrasi, atau hiburan yang dibuat melalui aplikasi komputer.

            Pelacakan perjalanan sejarah desain grafis dapat ditelusuri dari jejak peninggalan manusia dalam bentuk lambang-lambang grafis (sign & simbol) yang berwujud gambar (pictograf) atau tulisan (ideograf).

            Tulisan atau aksara merupakan hasil konversi gambar, bentuk dan tata aturan komunikasinya lebih kompleks dibandingkan gambar. Belum ada yang tahu pasti sejak kapan manusia memulai menggunakan gambar sebagai media komunikasi. Manusia primitif sudah menggunakan coretan gambar di dinding gua untuk kegiatan berburu binatang.

Contohnya : seperti yang ditemukan di dinding gua Lascaux, Perancis.

            Pada tahun 1447, Johannes Gutenberg (1398-1468) menemukan teknologi mesin cetak yang bisa digerakkan dengan model tekanan menyerupai disain yang digunakan di Rhineland, Jerman, untuk menghasilkan anggur.

            Tahun 1450 Guterberg bekerjasama dengan pedagang dan pemodal Johannes Fust, dibantu oleh Peter Schoffer ia mencetak “Latin Bible” atau disebut “Guterberg Bible”, “Mararin Bible” atau “42 line Bible” yang diselesaikanya pada tahun 1456. Temuan Gutenberg tersebut telah mendukung perkembangan seni ilustrasi di Jerman terutama untuk hiasan buku. Pada masa itu juga berkembang corak huruf (tipografi).

            Aloys Senefelder (1771-1834) menemukan teknik cetak Lithografi. Berbeda dengan mesin cetak Guterberg yang memanfaatkan teknik cetak tinggi, teknik cetak lithografi menggunakan teknik cetak datar yang memanfaatkan prinsip saling tolak antara air dengan minyak. Nama lithografi tersebut dari master cetak yang menggunakan media batu litho. Teknik ini memungkinkan untuk melakukan penggambaran secara lebih leluasa dalam bentuk blok-blok serta ukuran besar, juga memungkinkan dilakukannya pemisahan warna.

            Tokoh-tokoh seni poster tehnik lithogafi (1836-1893) antara lain Jules Cheret dengan karya besarnya “Eldorado: Penari Riang” (1898), “La Loie Fuller: Penari Fuller” (1897), “Quinquina Dubonnet” (1896), “Enu des Sirenes” (1899). Tokoh-tokoh lainya antara lain Henri de Toulouse Lautrec dan Eugene Grasset.

            Desain grafis mengalami perkembangan pesat setelah ditemukannya tulisan dan mesin cetak. Kejayaan kerajaan Romawi di abad pertama telah membawa peradaban baru dalam sejarah peradaban Barat dengan diadaptasikannya kesusasteraan, kesenian, agama, serta alfabet latin yang dibawa dari Yunani.

            Pada saat ini adanya mesin cetak dan komputer juga merupakan dua hal yang secara signifikan mempercepat perkembangan penggunaan seni desain grafis hingga akhirnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain. Koran, majalah, tabloid, website yang sehari-hari kita lihat adalah produk desain grafis.

Desain Pemodelan Grafis juga berkaitan erat dengan grafik komputer. Berikut kegiatan yang terkait dengan grafik komputer :

·         Pemodelan geometris yaitu menciptakan model matematika dari objek- objek 2D dan 3D.

·         Rendering yaitu memproduksi citra yang lebih solid dari model yang telah dibentuk.

·         Animasi yaitu menetapkan/menampilkan kembali tingkah laku/behavior objek bergantung waktu.

·         Kerangka Grafik Komputer.

·         Graphic library/package (contoh:Open GL) adalah perantara aplikasi dan display hardware (Graphic System.

·         Application program memetakan objek aplikasi ke tampilan/citra dengan memanggil graphics library.

·         Hasil dari interaksi user menghasilkan/modifikasi citra.

·         Citra merupakan hasilakhir dari sintesa, desain, manufaktur, visualisasi dll.

1.1 Prinsip dan Unsur Desain

1.1.1 Prinsip

·         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. Nah, pada kondisi ini, gagasan variasi desain sebaiknya tidak diperlukan. Apa jadinya kalau logo tersebut adalah logo sebuah produk barang. Konsistensi juga sangat diperlukan sebagai kesan identitas yang melekat pada sebuah merek produk. Kita tidak mau konsumen sampai lupa pada produk yang dijual. Sedangkan keseimbangan informal bermanfaat menghasilkan kesan visual yang dinamis, bebas, lepas, pop, meninggalkan sikap kaku, dan posmodernis.

Untuk menciptakan keseimbangan :

1.       Ulangi bentuk tertentu secara berkala, baik secara vertikal maupun horizontal.

2.       Pusat elemen pada halaman.

3.       Menempatkan beberapa visuals kecil di satu daerah untuk menyeimbangkan satu blok besar gambar atau teks.

4.       Gunakan satu atau dua bentuk aneh dan membuat bentuk biasa.

5.       Keringanan teks potong-berat dengan terang, berwarna-warni visual.

6.       Meninggalkan banyak spasi besar sekitar blok teks atau foto gelap.

7.       Offset besar, gelap foto atau ilustrasi dengan beberapa lembar teks kecil, masing-masing dikelilingi oleh banyak spasi.

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

Untuk membuat persatuan :

1.       Gunakan hanya satu atau dua typestyles dan berbeda ukuran atau berat untuk kontras seluruh publikasi, presentasi, atau situs web.

2.       Konsisten dengan jenis font, ukuran, dan gaya untuk judul, subheads, keterangan, headers, footers, dll di seluruh publikasi, presentasi, atau situs web.

3.       Menggunakan palet warna yang sama di seluruh.

4.       Mengulang warna, bentuk, atau tekstur yang berbeda di seluruh wilayah.

5.       Pilih visuals yang berbagi serupa warna, tema, atau bentuk.

6.       Memperderetkan foto dan teks yang sama dengan grid baris.

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

Untuk membuat penekanan :

1.       Gunakan rangkaian merata spaced, persegi di samping foto yang digariskan foto dengan bentuk yang tidak biasa.

2.       Letakkan bagian yang penting dari teks pada sudut melengkung atau sekaligus menjaga semua jenis yang lainnya di kolom lurus.

3.       Gunakan huruf tebal, hitam untuk judul dan jenis subheads ringan teks dan banyak lainnya untuk semua teks.

4.       Tempat yang besar di sebelah gambar kecil sedikit teks.

5.       Reverse (gunakan jenis putih) yang utama dari sebuah kotak hitam atau berwarna.

6.       Gunakan warna yang tidak biasa atau jenis font yang paling penting untuk informasi.

7.       Letakkan daftar yang ingin Anda sorot di sidebar dalam kotak berbayang.

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

Untuk membuat rhythm :

1.       Ulangi sejumlah elemen berbentuk mirip, bahkan dengan spasi putih di antara masing-masing, untuk menciptakan sebuah ritme biasa.

2.       Ulangi rangkaian semakin besar elemen yang lebih besar dengan spasi putih di antara setiap ritme yang progresif.

3.       Alternatif gelap, huruf tebal dan ringan, tipis jenis.

4.       Alternatif gelap halaman (dengan banyak jenis grafik atau gelap) dengan cahaya halaman (dengan jenis lebih sedikit dan berwarna muda grafis).

5.       Mengulang bentuk yang sama di berbagai bidang sebuah layout.

6.       Ulangi elemen yang sama pada posisi yang sama pada setiap halaman yang dicetak penerbitan seperti newsletter.

·         Proporsi

      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.

1.1.1 Unsur

1.      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 dunia komunikasi visual seringkali kita menggunakan dotted line, solid line, dan garis putus-putus.

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

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

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

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

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

1.1 Pengaruh Kebudayaan dan Teknologi dalam Membuat Desain Pemodelan Grafis

·         Kebudayaan

      Desainer menggunakan berbagai cara untuk menyampaikan artinya, dan sering kali memanfaatkan norma-norma budaya bersama, nilai-nilai, sejarah dan bahasa. Penggunaan simbol atau tokoh heroik dari masa lalu untuk mendukung atau mewakili sudut pandang atau kualitas tertentu. Selain itu, kebudayaan yang digunakan dalam desain pemodelan grafis secara tidak sengaja telah memberitahukan jati diri desainernya.

·         Teknologi

      Desain grafis, seperti disiplin ilmu lainnya, terkait dengan teknologi di berbagai tingkatan. Teknologi mempengaruhi bagaimana desain yang diproduksi dan juga mempengaruhi perkembangan dalam gaya, seni dan masyarakat secara keseluruhan, yang pada gilirannya tercermin dalam bentuk desain. Teknologi juga menawarkan desainer berbagai media untuk proyek-proyek mereka.

1.1.1 Desain Pemodelan Grafis dari Segi Interaksi Manusia dan Komputer

            Interaksi manusia dan komputer (bahasa Inggris: human–computer interaction, HCI) adalah disiplin ilmu yang mempelajari hubungan antara manusia dan komputer yang meliputi perancangan, evaluasi, dan implementasi antarmuka pengguna komputer agar mudah digunakan oleh manusia. Ilmu ini berusaha menemukan cara yang paling efisien untuk merancang pesan elektronik. Sedangkan interaksi manusia dan komputer sendiri adalah serangkaian proses, dialog dan kegiatan yang dilakukan oleh manusia untuk berinteraksi dengan komputer yang keduanya saling memberikan masukan dan umpan balik melalui sebuah antarmuka untuk memperoleh hasil akhir yang diharapkan. Sistem harus sesuai dengan kebutuhan manusia dan dirancang berorientasi kepada manusia sebagai pemakai.

1.1.2 Tujuan utama disusunnya berbagai cara interaksi manusia & komputer

            Untuk mempermudah manusia dalam mengoperasikan komputer dan mendapatkan berbagai umpan balik yang ia perlukan selama ia bekerja pada sebuah sistem komputer. Para perancang antarmuka manusia dan komputer berharap agar sistem komputer yang dirancangnya dapat bersifat akrab dan ramah dengan penggunanya (user friendly).

            Kita butuh Interaksi manusia komputer agar kita lebih cepat dalam menyelesaikan suatu pekerjaan. serta dapat membuat waktu pengerjaannya lebih cepat dan tidak membutuhkan banyak biaya dalam membuat suatu pekerjaan.

            Disiplin ilmu yang terlibat dengan Interaksi manusia dan komputer sangatlah banyak. Dan salah satunya adalah Desain Pemodelan Grafis.

1.2 Bidang Studi yang Relevan dengan Desain Pemodelan Grafis

·         Teknik Elektronika

      Ilmu ini menyediakan teknologi kerangka kerja untuk desain sistem manusia komputer. Karena berbicara mengenai komputer, khususnya dari sisi perangkat keras tidak terlepas dari pembicaraan mengenai Teknik Elektronika. Selain dari sisi perangkat keras, juga harus mengerti perangkat lunak berkaitan dengan sistem aplikasi yang akan dikembangkan. Bidang teknik elektronika merupakan bidang utama dalam kerangka perancangan suatu sistem interaksi mausia-komputer.

·         Psikologi

      Psikologi perilaku dan kognitif dikonsentransikan dengan pemahaman perilaku manusia, persepsi, proses kognitif dan keahlian mengontrol motorik, dan mengajukan model proses tersebut yang dapat memberikan pengetahuan yang bermanfaat ke dalam metode pencocokan mesin terhadap pengguna manusia. Pengalaman psikologi menyediakan teknik evaluasi formal untuk mengukur kinerja objektif dan opini subjektif dari sistem manusia-komputer.

·         Ergonomi

      Ergonomi dikonsentrasikan lebih pada aspek fisik dari pencocokan mesin ke manusia, dan didukung suatu data antropometrik yang menyediakan pedoman dalam desain tempat kerja dan lingkungannya, papan ketik komputer, dan layar monitor dan aspek fisik dari alat-alat antarmuka antara manusia dan mesin.

·         Ilmu Bahasa

      Komunikasi manusia-komputer secara definisi melibatkan penggunaan dari berbagai jenis bahasa, apakah bahasa itu merupakan ‘bahasa natural’, suatu bahasa barbasis perintah tunggal, berbasis menu, pengisian formulir, atau suatu bahasa grafis. Ilmu Bahasa adalah pelajaran mengenai bahasa dan aspek seperti halnya bahasa komputasi dan bahasa teori formal menimpa formalitas ilmu komputer, dan digunakan secara luas dalam spesifikasi formal dari dialog-dialog manusia-komputer. Teori komunikasi matematis, seperti halnya Usaha (Shannon, 1948) dan ‘Prinsip Usaha Manusia Terakhir’ (Zipf, 1949), juga menjadi jembatan antara ilmu bahasa, ilmu komputer dan teknik elektronika.

·         Sosiologi

      Sosiologi dalam konteks ini dikonsentrasikan dengan studi dari pengaruh sistem manusia-komputer pada struktur lingkungannya.

·         Antropologi

Antropologi (Ilmu Manusia) dikonsentrasikan dengan studi dari interaksi manusia – komputer. Dimana interaksi ini dipengaruhi oleh teknologi yang ada (sebagai contoh di kantor), antropologi dapat menyediakan pengetahuan yang bernilai ke dalam aktifitas seperti, interaksi tim dengan sistem komputer, sebagai contoh tim kerja desain, kelompok penulis, dan lain-lain.

1.3 Desain grafis dan tipografi

            Kemampuan estetika dari desain grafis dan tipografi adalah peningkatan yang penting terhadap desain sistem manusia-komputer sebagai pengguna antarmuka menjadi lebih fleksibel dan powerfull. Bagaimanapun, hal ini belum dapat diklaim untuk menjadi media baru yang tekstual dan penampilan grafik yang diunggulkan.

            Jelasnya, tidak ada individu dapat diharapkan mempunyai pelatihan formal di semua bidang tersebut, walaupun permintaan cukup tinggi untuk orang dengan latar belakang multidisipliner, gabungan kemampuan sistem komputer dengan beberapa keahlian ilmu manusia. Suatu alternatif yang lebih realistis adalah untuk menuju ke suatu kesadaran akan tingkat pemahaman menyeluruh dari subjek bidang-bidang yang relevan, mungkin dikombinasikan dengan ilmu yang khusus dalam satu bidang atau lebih. Tingkat kesadaran dari ilmu pengetahuan adalah esensi khusus untuk insinyur dan ilmuwan komputer, yang secara mendasar diharapkan mendesain antarmuka pengguna-sistem sebagai bagian dari sistem proses desain secara menyeluruh.

            Desain pemodelan grafis adalah ilmu yang sangat penting dalam hubungan interaksi. karena dengan menggunakan visual interaksi manusia dengan komputer dapat berjalan lancar. dan bagi orang yang awam lebih mudah mengerti dibandingkan dengan menggunakan text command yang harus dihafal untuk berinteraksi dengan komputer.

Web Science

Pengertian Web Science 

     Web science secara secara bahasa tediri dari Web dan Science. Dimana kedua kata tersebut mempunyai arti yang berbeda. Web atau Website merupakan suatu halaman informasi yang disediakan melalui jalur Internet, sehingga web dapat diakses di mana saja selama web tersebut terhubung atau terkoneksi dengan jaringan internet. Web merupakan alat komunikasi online yang menggunakan media internet dalam pendistribusian atau penyebarannya. Web merupakan kumpulan halaman yang menampilkan informasi dengan berbagai macam jenis. Diantaranya berupa data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik web tersbut bersifat statis maupun bersifat dinamis yang akan membentuk suatu rangkaian yang saling terkait dimana masing-masing rangkaian tersebut dihubungkan dengan jaringan-jaringan halaman yang disebut dengan hyperlink.

    Berikutnya pengertian tentang Science. Science atau sains sangat erat hubungannya denga Ilmu Pengetahuan, banyak yang mendefinisikan bahwa sains itu sama dengan Ilmu Pengetahuan. Namun menurut bahasa, sains adalah aktivitas pemecahan masalah yang dilakukan oleh manusia yang dimotivasi oleh rasa ingin tahu tentang dunia sekitar mereka dan keinginan untuk memahami suatu hal atau kejadian tersebut.

    Sedangkan yang dimaksud dengan Web Science adalah ilmu yang mempelajari tentang efisiensi atau pemanfaatan dari sebuah web, agar dapat dirasakan manfaat dan kegunaannya pada banyak bidang di dalam kehidupan sehari-hari. Di dalam web science kita belajar bagaimana memberdayakan suatu sumber daya virtual sebagai media komunikasi praktis. Dengan tampilan web yang menarik dan abtraktik agar memunculkan minat orang banyak untuk membaca web tersebut.Contoh-contoh nyata yang sudah diterapkan dapat dilihat pada bidang komersil atau bidang ekonomi, bidang sosial dan bidang pendidikan.

   Web Science merupakan sebuah ilmu desentralisasi sistem informasi. Web Science membutuhkan pemahaman akan Web dan juga fokus pada pengembangan terhadap kebutuhan komunikasi dan representasi.

   Web Science merupakan inovasi baru yang diciptakan oleh seorang bernama Tim Berners-Lee yang mensupport dari berdirinya cabang ilmu ini. Tim Berners-Lee juga seorang penemu World Wide Web. Web Science yang dalam bahasa Indonesia berarti jaringan pengetahuan atau dapat diartikan bahwa suatu web yang menyediakan berbagai ilmu pengetahuan didalamnya dan menjadikan wadah / tempat terdapatnya ilmu pengetahuan tersebut. Web science juga dapat melakukan penelitian lintas disiplin dan menjelajah ke berbagai bidang yang sangat khusus di dalam disiplin ilmu.Dalam definisi di jelasakan bahwa web science dapat menyediakan berbagai ilmu pengetahuan, tentunya dalam ilmu pengetahuan terdapat berbagai macam kegunaan diantaranya adalah sebagai berikut :

Web science memiliki berbagai macam kegunaan, seperti halnya :

1. Dapat mencari artikel yang berdampak tinggi dan prosiding konferensi.

2. Dapat menemukan hasil yang relevan dalam bidang-bidang terkait.

3. Dapat mengidentifikasi potensi kolaborator dengan catatan rujukan signifikan.

4. Dapat mengintegrasikan, mencari, menulis, dan bibliografi penciptaan menjadi satu proses yang efisien.

Sejarah Web Science

    Web sekarang ini telah berkembang dari ide dan konsep yang dicetuskan oleh Tim Berners-Lee, seorang peneliti pada CERN Particle Physics Lab di Jenewa, Swiss. Pada tahun 1989 Berners-Lee merumuskan suatu proposal tentang sebuah system hypertext yang memiliki tiga komponen sebagai berikut:

1. Antarmuka yang menyediakan akses terhadap berbagai jenis dokumen dan protokol.
2. Akses informasi yang universal. Setiap pengguna harus dapat mengakses setiap informasi yang tersedia.
3. Antarmuka yang konsisten untuk semua platform. Antarmuka ini harus menyediakan akses yang dapat digunakan oleh berbagai jenis komputer.

    Perkembangan selanjutnya dari konsep Berners-Lee ini melahirkan Mosaic, sebuah web browser grafis yang pertama. Web memiliki banyak kemungkinan hubungan antar dokumen tanpa awal dan akhir.

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

Pre-Web: Memex, Hypertext, Internet, usenet, ftp, gopher

Memory Extender (MEMEX)

    Vannevar Bush (11 Maret, 8190 – 30 Juni, 1974 adalah seorang insinyur dan ilmuwan berkebangsaan Amerika yang dikenal karena pencapaiannya pada bidang kompetisi analog, peran politiknya pada pengembangan bom atom, dan idenya tentang Memex, yang dipandang sebagai konsep awal yang mendasari munculnya teknologi World Wide Web. Memex (singkatan dari “memory extender”) , adalah nama yang diberikan oleh Vannevar Bush untuk sebuah mesin teoretis yang ia usulkan dalam artikelnya As We May Think, yang dimuat pada tahun 1945 pada The Atlantic Monthly. Memex disebut-sebut sebagai pionir dari teknologi hiperteks yang saat ini telah ada.

    Vanner Bush memang tidak terlibat langsung dalam pengembangan internet, namun banyak yang mempertimbangkan kalau beliau disebut dengan God Father World Wide Web. Beliau membuat sebuah referensi esai hingga tahun 1945 dengan judul AS WE MY THINK, dalam artikelnya Bush menggambarkan sebuah mesin teoritis yang disebut MEMEX, untuk meningkatkan memori manusia dengan memungkinkan pengguna dapat mengambil dan menyimpan dokumen dalam sebuah Asosiasi. Asosiatif tersebut sangat berhubungan dan mirip dengan yang dikenal saat ini ysitu hypertext.

    Memex ini akan memiliki fitur selain menghubungkan. Pengguna dapat merekam informasi baru mengenai mikrofilm, dengan mengambil foto dari kertas atau dari layar sentuh yang sensitif tembus. Seorang pengguna bisa menyisipkan komentar sendiri, baik menghubungkan ke jalur utama atau bergabung dengan jejak sisi ke item tertentu. Jadi ia membangun jejak minatnya melalui labirin bahan yang tersedia kepadanya. Seorang pengguna juga bisa membuat copy dari jejak yang menarik dan menyebarkannya kepada temannya untuk dimasukkan dalam memex sendiri, ada juga untuk dihubungkan ke jejak yang lebih umum.Mengingat memex, sarjana bisa menciptakan alat sendiri pengetahuan sebagai koneksi dalam berlembar-lembar informasi, berbagi alat-alat, dan menggunakan kompleks alat untuk menciptakan pengetahuan namun lebih canggih yang pada gilirannya dapat digunakan terhadap pekerjaan ini The memex telah dibayangkan. sebagai sarana mengubah ledakan informasi menjadi ledakan pengetahuan. Ini tetap menjadi salah satu impian mendefinisikan media baru. Memperluas, menyimpan, dan konsultasi catatan.

    Antara tahun 1990 dan 1994, Paul Flaherty, seorang mahasiswa Stanford yang sedang mencari proyek, diperkenalkan oleh istrinya kepada atasannya. Supervisor baru saja melihat demonstrasi dari World Wide Web dan menyarankan dapat ditingkatkan dan lebih baik serupa dengan memex dijelaskan oleh Vannevar Bush jika link tidak harus secara manual dimasukkan dan bukan satu bisa mengikuti link hanya dengan menggunakan kata-kata sendiri. Flaherty melanjutkan untuk menciptakan AltaVista, yang dicari pertama, full-text database dari sebagian besar dari Web.

HyperText

    Hypertext adalah suatu paradigma ( cara atau pola ) antarmuka untuk menampilkan dokemen, yaitu dapat bercabang ke dokumen lain, menurut definisi awal hypertext berarti “ branch or perform on request” yang artinya bercabang atau melaksanakan saat diminta. Yang paling banyak digunakan dalam dunia komputer adalah penelusuran antar dokumen yang disebut hyperlink.

    Markup language merupakan kombinasi antara text dan informasi tambahan mengenai text. Informasi tambahan tersebut, misalnya struktur teks atau bentuk tampilan yangt diekspresikan dalam bentuk markup (tanda) yang menyatu dengan text utama. Markup language paling modern yang digunakan saat ini adalah HTML ( hypertext markup language ) yang merupakan salah satu basis dari World Wide Web. Hypertext Markup Language adalah markup language yang dirancang untuk pembuatan halaman web yang mengandung hypertext dan informasi lain yang akan ditayangkan oleh browser. HTML digunakan untuk membuat informasi terstruktur, mudah dipahami. Pada prinsipnya HTML merupakan standart bahasa yang digunakan untuk mengatur format tampilan document web, menambahkan object-object seperti image, audio, video dan juga java applet dalam dokumen HTML, mendukung hyperlink antar dokumen. Dokumen HTML dapat diakses oleh browser berdasarkan urlnya, yaitu sebuah spesifikasi standar untuk menunjukan lokasi suatu resource diinternet yang disebutkan pada browser.

Internet 

    Merupakan (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 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

    Protokol pengiriman berkas (Bahasa inggris: File Transfer Protocol) adalah sebuah protokol Internet yang berjalan di dalam lapisan aplikasi yang merupakan standar untuk pengiriman berkas (file) komputer antar mesin-mesin dalam sebuah Antarjaringan.

    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 pengiriman antara biner dan ASCII, menggugah berkas komputer ke server FTP, serta mengunduh berkas dari server FTP.

Gopher

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

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.

    Sejak web perencanaan isi, desain dan manajemen datang dalam lingkup metode desain, Vitruvian tradisional tujuan komoditas, keteguhan dan kesenangan dapat memandu arsitektur situs, seperti yang mereka lakukan arsitektur fisik dan disiplin desain lainnya. Website arsitektur akan datang dalam ruang lingkup estetika dan teori kritis dan kecenderungan ini dapat mempercepat dengan munculnya web semantik dan web 2.0. Kedua ide menekankan aspek struktur informasi. Strukturalisme adalah sebuah pendekatan untuk pengetahuan yang telah dipengaruhi sejumlah disiplin akademis termasuk estetika, teori kritis dan postmodernisme. Web 2.0, karena melibatkan user-generated content, mengarahkan perhatian arsitek website untuk aspek-aspek struktur informasi.

    Suatu pendekatan terhadap desain dan perencanaan situs yang, seperti arsitektur itu sendiri, melibatkan teknis, kriteria estetika 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.

    “Website arsitektur” memiliki potensi untuk menjadi istilah yang digunakan untuk disiplin intelektual mengatur konten website. ”Web desain”, dengan cara kontras, menggambarkan tugas-tugas praktis, bagian-bagian-grafis dan teknis, dari merancang dan menerbitkan sebuah situs web. Perbedaan tersebut dibandingkan dengan yang antara tugas mengedit sebuah koran atau majalah dan desain grafis dan pencetakan. Tetapi hubungan antara editorial dan kegiatan produksi adalah lebih dekat untuk publikasi web daripada untuk penerbitan cetak. Tiga standar utama untuk penerapan web services. Standar-standar ini mendukung pertukaran data berbasis XML. Tiga standar tersebut meliputi SOAP, WSDL, dan UDDI. Berikut bakal tak jelaskan secara singkat mengenai standar tersebut. SOAP ( Simple Object Access Protocol )

    Protokol ini mendukung proses pengkodean data (biasanya XML) dan transfernya melalui HTTP (Hyper Text Transfer Language). Dalam konteks web services, SOAP adalah suatu bahasa versi bebas dari protokol RPC (Remote Procedure Caoll) yang berguna untuk proses transaksi melalui HTTP standar. SOAP membuat klien web service dapat memilih beberapa parameter mengenai permintaannya dan memberikannya kpd si penyedia. Ketika penyedia menganggapi permintaan tersebut, maka terjadilah web services.WSDL ( Web Services Description Language ) Merupakan bahasa berbasis XML yang menjelaskan fungsi-fungsi dalam web services. WSDL menyediakan cara untuk memanfaatkan kapabilitas web services. WSDL memberi tahu mesin lain bagaimana memformat/ menterjemahkan permintaan yang diterima berikut respon mereka agar proses web service bisa berjalan. Singkatnya, WSDL adalah bahasa yang memungkinkan berbagai dokumen yang dibuat dalam aplikasi yang berbeda dapat berkomunikasi.

    UDDI (Universal Description Discovery and Integration ) Adalah semacam direktori global untuk mengelola web services. Fungsinya mirip dengan Yellow Pages untuk versi web services. UDDI berisi informasi tentang penawaran atau layanan apa yang ditawarkan perusahaan berikut dengan detil teknis bagaimana cara mengaksesnya. Inforamsi tersebut ditulis dalam bentuk file-file WSDL.

    Hal lain yang harus Anda ingat adalah setiap halaman website hendaknya tidak lebih dari 2 (dua) level kedalaman atau 2 (dua) kali klik dari halaman depan (home). Bila tidak, spider tidak akan membuat indeks semua halaman website. Halaman depan (home page) website harus memiliki tautan ke halaman-halaman utama, baik melalui isi halaman depan maupun melalui menu website. Masing-masing halaman utama juga harus memiliki tautan ke subhalaman. Satu halaman utama bisa terhubung ke lebih dari satu subhalaman. Sebaliknya setiap subhalaman juga harus memiliki tautan untuk kembali ke halaman utama dan setiap halaman utama harus memiliki tautan untuk kembali ke halaman depan. Spider atau web crawler hanya bisa mengikuti tautan dari satu halaman ke halaman yang lain dan dari satu website ke website yang lain. Oleh karena itu semakin banyak tautan dari website lain yang mengarah ke website Anda maka website Anda akan semakin dikenal oleh mesin pencari.

    Selanjutnya, setiap halaman baik itu halaman depan, halaman utama dan subhalaman harus menggunakan kata kunci yang telah Anda pilih. Halaman depan dan halaman-halaman utama harus menggunakan kata-kata kunci yang paling banyak dicari.

    Struktur 3 (tiga) lapisan ini menghasilkan sebuah website yang mudah ditelusuri bagi pengunjung dan spider. Selain mengikuti tautan-tautan untuk menemukan website, Anda juga bisa memberikan alamat website Anda kepada spider. Misalnya melalui Googlebot, spidernya Google. Cukup ketikkan alamat website Anda, kemudian spider atau web crawler akan menelusuri semua halaman website dan membuat indeksnya. Sekarang, mari kita bahas halaman-halaman yang ada pada sebuah website.

1. Halaman Depan (Home Page)

     Setiap website memiliki halaman depan. Pada umumnya, halaman depan merupakan halaman pertama yang dilihat oleh pengunjung dan juga merupakan halaman yang paling penting dalam mendapatkan urutan pencarian yang tinggi dari mesin pencari, karena mesin pencari memberikan lebih banyak bobot kepada halaman depan darimana halaman lainnya. Halaman depan harus memberikan informasi yang jelas dan singkat kepada pengunjung mengenai apa website Anda, produk dan/atau jasa apa yang tersedia. Halaman depan harus memiliki tautan ke semua halaman website dan setiap halaman harus memiliki tautan untuk kembali ke halaman depan.

2. Halaman Produk/Jasa

     Bagian utama dari website berisi penawaran produk dan/atau jasa. Apapun kategori website Anda, yang penting Anda harus menggambarkan secara singkat dan tepat apa yang Anda tawarkan, bantu pengunjung untuk menentukan pilihan dan melakukan transaksi dengan cara yang semudah mungkin. Jumlah halaman produk/jasa hendaknya disesuaikan dengan jumlah produk/jasa yang ditawarkan. Apabila jumlah produk/jasa yang ditawarkan banyak, maka halaman utama produk/jasa bisa berisi ringkasan dari keseluruhan produk/jasa kemudian Anda buat lagi beberapa subhalaman yang berisi detil dari masing-masing produk/jasa.

3. Halaman Informasi

o Profil: berisi sejarah mengenai bisnis atau perusahaan, visi dan misi, siapa saja pengurus inti website atau perusahaan, dan hal-hal penting lainnya mengenai bisnis atau perusahaan.

o FAQ (Frequently Asked Question): berisi pertanyaan-pertayaan umum mengenai produk, jasa, maupun perusahaan.

o Testimoni: berisi kesaksian pelanggan mengenai penggunaan produk dan/atau jasa yang ditawarkan. Halaman ini digunakan untuk membangun reputasi.

o Surat kabar elektronik: berisi berita-berita mengenai produk dan/atau jasa baru, tips-tips, promo-promo yang diadakan, serta pengumuman-pengumuman lain yang mau disampaikan kepada pelanggan.

4. Halaman Keanggotaan

    Halaman keanggotaan merupakan bagian yang penting sekali untuk pengembangan website di masa mendatang. Dengan mengetahui siapa saja pengunjung dan perkembangan jumlah pengunjung aktif Anda bisa menganalisa hal-hal yang perlu diperbaiki, memenuhi kebutuhan-kebutuhan pengunjung dengan lebih tepat, sehingga pada akhirnya website Anda bisa terus berkembang. Ada beberapa hal yang sangat penting apabila Anda hendak meminta data pribadi pengunjung website yaitu Anda harus bisa menjaga kerahasiaan data tersebut dan privasi pengunjung, mereka juga harus bisa menghentikan keanggotaannya kapan saja.

5. Halaman Kontak

    Halaman kontak berisi cara-cara untuk menghubungi pengurus website, bisa melalui email, telepon, fax, chatting, surat, ataupun dengan cara mengisi formulir pertanyaan atau komentar secara online. Hal ini akan memberikan rasa nyaman kepada pengunjung karena mereka bisa berhubungan dengan pemilik website, mengetahui alamat kantornya, berbicara dengan pengurus website baik untuk bertanya atau untuk menyampaikan keluhan.

  

Bagian dari Arsitektur Website :

Hypertext Transfer Protocol (HTTP)

    HTTP adalah sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia. Penggunaannya banyak pada pengambilan sumber daya yang saling terhubung dengan tautan, yang disebut dengan dokumen hiperteks, yang kemudian membentuk World Wide Web pada tahun 1990 oleh fisikawan Inggris, Tim Berners-Lee. Hingga kini, ada dua versi mayor dari protokol HTTP, yakni HTTP/1.0 yang menggunakan koneksi terpisah untuk setiap dokumen, dan HTTP/1.1 yang dapat menggunakan koneksi yang sama untuk melakukan transaksi. Dengan demikian, HTTP/1.1 bisa lebih cepat karena memang tidak usah membuang waktu untuk pembuatan koneksi berulang-ulang.Pengembangan standar HTTP telah dilaksanakan oleh Konsorsium World Wide Web (World Wide Web Consortium/W3C) dan juga Internet Engineering Task Force (IETF), yang berujung pada publikasi beberapa dokumen Request for Comments (RFC), dan yang paling banyak dirujuk adalah RFC 2616 (yang dipublikasikan pada bulan Juni 1999), yang mendefinisikan HTTP/1.1.

WWW (World Wide Web)

    WWW (World Wide Web) merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk dapat digunakan bersama.WWW atau biasa disebut web adalah bagian yang paling menarik dari Internet. Melalui web, dapat mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara, video dan animasi. Fasilitas ini tergolong masih baru dibandingkan surel (email), sebenarnya WWW merupakan kumpulan dokumen-dokumen yang sangat banyak yang berada pada komputer server (web server), di mana server-server ini tersebar di lima benua termasuk Indonesia, dan terhubung menjadi satu melalui jaringan Internet. Dokumen-dokumen informasi ini disimpan atau dibuat dengan format HTML (Hypertext Markup Language). Suatu halaman dokumen informasi dapat terdiri atas teks yang saling terkait dengan teks lainnya atau bahkan dengan dokumen lain. Keterkaitan halaman lewat teks ini disebut hypertext. Dokumen infomasi ini tidak hanya terdiri dari teks tetapi dapat juga berupa gambar, mengandung suara bahkan klip video. Kaitan antar-dokumen yang seperti itu biasa disebut hypermedia. Jadi dapat disimpulkan bahwa WWW adalah sekelompok dokumen multimedia yang saling terkoneksi menggunakan hyperteks link. Dengan mengklik hyperlink, maka bisa berpindah dari satu dokumen ke dokumen lainnya.

URL( universal resource locator) 

    URL( universal resource locator) merupakan suatu konsep penamaan lokasi standar dari suatu file,direktori,computer, dan lokasi komputernya sesuai dengan metode yang digunakan. URL tidak hanya dapat menunjuk ke suatu file tapi dapat juga menunjuk suatu query, dokumen dalam suatu database atau hasil dari perintah finger atau perintah archie . secara umum dapat digambarkan penulisan url : metode://nama_file[:nomor_port]. Jenis metode yang digunakan pada url adalah file,http,news,gopher,telnet.

XML (Extensible Markup Language) 

    XML (Extensible Markup Language) merupakan bahasa web turunan dari SGML (Standart Generalized Markup Language) yang ada sebelumnya. XML hampir sama dengan HTML, dimana keduanya sama-sama turunan dari SGML. Teknologi XML dikembangkan mulai tahun 1966 dan mendapatkan pengakuan dari Worl Wide Web Consortium (W3C) pada bulan Februari 1998. Sedangkan SGML sendiri telah dikembangkan pada awal tahun 1980-an. Pada saat HTML dikembangkan pada tahun 1990, para penggagas XML mengadopsi bagian paling penting SGML dan dengan berpedoman pada pengembangan HTML menghasilkan bahasa markup yang tidak kalah hebatnya dengan SGML.XML tidak mempunyai definisi secara tepat karena ada yang berpendapat bahwa XML bukanlah suatu bahasa pemrograman,melainkan XML merupakan sintaks yang digunakan untuk menjelaskan bahasa markup lain (Dournaee,2002), sehingga dinamakan meta-language. Meskipun demikian pendapat yang XML bukan merupakan bahasa markup, didasarkan bahwa XML merupakan bahasa markup terpisah untuk tujuan terpisah. Selain itu XML bukanlah solusi semua hal untuk tujuan semua user.

JavaScript

    JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan di browser. Javascript dipanggil untuk memberikan fungsi pada halaman web dengan meletakannya secara internal pada halaman html diantara tag atau dibuat pada file terpisah ( eksternal ) dan lalu di link menggunakan pada bagian , seperti CSS. Fungsi Javascript adalah Secara fungsional, Javascript digunakan untuk menyediakan akses script pada objek yang dibenamkan ( embedded ). Contoh sederhana dari penggunaan javascript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain.

AJAX

    AJAX disini adalah singkatan dari Asynchronous JavaScript and XML. Pada intinya ajax itu merupakan gabungan beberapa teknologi yang bertujuan untuk menghindari page reload. Dengan menghindari page reload, kita dapat menghindari paradigma click-and-wait serta memberikan sebuah fitur yang cukup kompleks pada website seperti validasi data secara realtime, drag n drop dan fitur-fitur lain yang belum dimiliki web biasa. Dengan AJAX, suatu aplikasi web dapat mengambil data kemudian diolah di client melalui request asynchronous HTTP yang diinisiasi oleh Javascript, sehingga dapat mengupdate bagian-bagian tertentu dari web tanpa harus memanggil keseluruhan halaman web. Request ini dapat dieksekusi dalam beberapa cara dan beberapa format transmisi data. Dikombinasikannya cara pengambilan data remote dengan interaktivitas dari Document Object Model (DOM) telah menghasilkan generasi terbaru dari aplikasi web yang mengebrak aturan-aturan tradisional tentang apa yang dapat terjadi di dalam web.

Web 1.0, Web 2.0, Web 3.0

– Web 1.0

    Merupakan teknologi Web generasi pertama yang merupakan revolusi baru di dunia Internet karena telah mengubah cara kerja dunia industri dan media. Pada dasarnya, Website yang dibangun pada generasi pertama ini secara umum dikembangkan untuk pengaksesan informasi dan memiliki sifat yang sedikit interaktif. Berbagai Website seperti situs berita “cnn.com” atau situs belanja “Bhinneka.com” dapat dikategorikan ke dalam jenis ini.

– Web 2.0

   Web 2.0 pertama kali diperkenalkan oleh O’Reilly Media pada tahun 2004 sebagai teknologi Web generasi kedua yang mengedepankan kolaborasi dan sharing informasi secara online. Menurut Tim O’Reilly, Web 2.0 dapat didefinisikan sebagai berikut: “Web 2.0 adalah revolusi bisnis di industri komputer yang disebabkan oleh penggunaan internet sebagai platform, dan merupakan suatu percobaan untuk memahami berbagai aturan untuk mencapai keberhasilan pada platform baru tersebut. Salah satu aturan terutama adalah: Membangun aplikasi yang mengeksploitasi efek jaringan untuk mendapatkan lebih banyak lagi pengguna aplikasi tersebut” Berbagai layanan berbasis web seperti jejaring sosial, wiki dan folksonomies (misalnya: “flickr.com”, “del.icio.us”) merupakan teknologi Web 2.0 yang menambah interaktifitas di antara para pengguna Web.

– Web 3.0 / Semantic Web

    Walaupun masih dalam perdebatan di kalangan analis dan peneliti, istilah Web 3.0 tetap berpotensi menjadi generasi teknologi di dunia Internet. Saat ini, definisi untuk Web 3.0 sangat beragam mulai dari pengaksesan broadband secara mobile sampai kepada layanan Web berisikan perangkat lunak bersifat on-demand [Joh07]. Namun, menurut John Markoff, Web 3.0 adalah sekumpulan teknologi yang menawarkan cara baru yang efisien dalam membantu komputer mengorganisasi dan menarik kesimpulan dari data online. Berdasarkan definisi yang dikemukakan tersebut, maka pada dasarnya Semantic Web memiliki tujuan yang sama karena Semantic Web memiliki isi Web yang tidak dapat hanya diekpresikan di dalam bahasa alami yang dimengerti manusia, tetapi juga di dalam bentuk yang dapat dimengerti, diinterpretasi dan digunakan oleh perangkat lunak (software agents). 

   Melalui Semantic Web inilah, berbagai perangkat lunak akan mampu mencari, membagi, dan mengintegrasikan informasi dengan cara yang lebih mudah [Tim01]. Pembuatan Semantic Web dimungkinkan dengan adanya sekumpulan standar yang dikoordinasi oleh World Wide Web Consortium (W3C). Standar yang paling penting dalam membangun Semantic Web adalah XML, XML Schema, RDF, OWL, dan SPARQL.

– WEB 4.0 The Ultra Intelligence Electronic Agent

Konsep Web 4.0/4.x adalah private secretary dalam bentuk organisme buatan. Setiap hari seseorang pasti mempunyai sebuah rutinitas. Apapun bentuk rutinitasnya , seluruh rutinitas tersebut bisa diketahui oleh aplikasi komputer/program/tools/device yang kita miliki yang dijalankan secara online. Jadi kemanapun seseorang pergi, dan apapun yang dilakukan semuanya direcord oleh alat-alat tersebut yang nantinya akan digunakan jika ingin mengetahui informasi apa yang dibutuhkan, bahkan teknologi ini bisa mengingatkan, menginterupsi dan memberikan informasi manakala ada perubahan dari sebuah sechedule/rutinitas, membantu melakukan pencarian. Inti dari Web 4.0. dapat mengetahui apa saja yang kita lakukan, dan dia juga bisa membantu dalam melakukan pencarian informasi, menyimpan histori pencarian, bahkan mempertemukan orang-orang yang mencari informasi yang sama.
Menurut Seth Godin dalam blognya, syarat utama teknologi Web 4.0 :

1. Ubiquity
Syarat ini dibutuhkan karena domain dari teknologi Web 4.0 adalah aktivitas bukan hanya sekedar data, dan sebagian besar aktivitas manusia berjalan offline.

2. Identity
Karena distribusi informasi spesifik ditujukan dan didedikasikan untuk seseorang/pribadi sehingga diperlukan informasi mengenai identitas pribadi yang bersangkutan, rutinitasnya dan apa yang dibutuhkan oleh pribadi tersebut.

3. Connection
Tanpa relasi/hubungan seseorang tidak ada artinya dalam teknologi Web 4.0 karena teknologi ini dikembangkan untuk kepentingan ini (making connection).

Menurut Burrus, Web 4.0 mengenai "the ultra-intelligent electronic agent."

This agent will "recognize you when you get in front of it because all of your devices are getting a little camera. And with facial recognition, they’ll know it’s you." Burrus says you will be able to give your agent a personality. It will say to you things like this:

    "Good morning. You're flying to Boston today. Take a raincoat, it's raining. By the way, that fight you were taking, it’s already been canceled. Don't worry about it. There was a mechanical. I've already booked you on a new one. I'll tell you about on the way to the airport. But remember you’re going to exercise every day and I’m here to remind you that you’re going to exercise."  And you might say, “I don't know if I want to exercise today,” and It'll show you a nude profile of yourself.  And you’ll say, “You know what, I think I'm going to exercise today.”

Another ultra-intelligent agent that Burrus says is coming to us fast is the screen-less smartphone. What would that look like? It hasn't been designed yet. But let's suppose it might look like jewelry and you can wear it. Whatever it looks like and whoever makes it, Burrus says one thing is for certain: it will be game-changing and it will be big.

Web Science dan Metodologi Web Science

    Web Science itu terdiri atas dua kata yaitu web dan science yang maksudnya adalah :

Web yang berarti jaringan atau suatu sistem di internet yang memungkinkan siapapun agar bisa menyediakan atau 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). Dengan menggunakan teknologi tersebut, informasi dapat diakses selama 24 jam dalam satu hari dan dikelola oleh mesin.

    Sedangkan Science berarti ilmu pengetahuan atau kumpulan pengetahuan yang benar, mempunyai obyek dan tujuan, disusun secara sistematik, berkembang dengan metode ilmiah,dan berlaku universal dan dapat diuji kebenarannya (diverifikasi).

Metodologi Web Science

    Web Science merupakan kajian sains dari Web. Ketika Web telah bergerak ke ranah ilmu, maka pertanyaan mendasar adalah bagaimana keilmuan ini melakukan metodologi. Bagaimana peneliti atau engineer melakukan pendekatan terhadap Web untuk pemahaman dan relasinya dengan domain sosial secara luas dan inovasi apa yang dapat dilakukan.

    Berbagai penelitian yang berlangsung saat ini melakukan pengembangan pada metodologi pemetaan (mapping) dan graph pada struktur Web dengan sampling sebagai kunci utamanya [Leung, 2001]. Sebagai contoh laporan riset [Fetterly, 2004] menyatakan bahwa 27% dari web di Jerman (.de) melakukan perubahan setiap minggu. Model lain adalah metodologi model analisis yang mengkombinasikan data empiris yang digunakan untuk melakukan determinasi probabilitas. Metodologi pada Web Science akan dipengaruhi oleh perekayasaan yang berlatar belakang industri maupun peneliti akademisi.

Pengaruh Web Science

Pertumbuhan Sosial dan Ekonomi Web Science

    Dewasa ini pertumbuhan sosial dan ekonomi web science tumbuh semakin cepat dan juga sangat mempengaruhi keadaan sosial dan ekonomi dari penggunaan web science. Dalam pertumbuhan sosial dan ekonomi dari web science mungkin sedikit banyak mempengaruhi dan dapat berdampak positif maupun negatif. Berikut ini akan saya paparkan sedikit mengenai dampak dari pertumbuhan sosial dan ekonomi web science:

•  Dampak positif teknologi di bidang sosial

<> Perbedaan kepribadian pria dan wanita. Banyak pakar yang berpendapat bahwa kini semakin    besar porsi wanita yang memegang posisi sebagai pemimpin, baik dalam dunia pemerintahan maupun dalam dunia bisnis. Bahkan perubahan perilaku ke arah perilaku yang sebelumnya merupakan pekerjaan pria semakin menonjol.

<> Meningkatnya rasa percaya diri. Kemajuan ekonomi di negara-negara Asia melahirkan fenomena yang menarik. Perkembangan dan kemajuan ekonomi telah meningkatkan rasa percaya diri dan ketahanan diri sebagai suatu bangsa akan semakin kokoh. Bangsa-bangsa Barat tidak lagi dapat melecehkan bangsa-bangsa Asia.

<> Tekanan, kompetisi yang tajam di berbagai aspek kehidupan sebagai konsekuensi globalisasi, akan melahirkan generasi yang disiplin, tekun dan pekerja keras.

Sementara dampak negatif yang diberikan terhadap dibidang sosial adalah :

1. Kemerosotan moral di kalangan warga masyarakat, khususnya di kalangan remaja   dan pelajar.Kemajuan kehidupan ekonomi yang terlalu menekankan pada upaya pemenuhan berbagai keinginan material, telah menyebabkan sebagian warga masyarakat menjadi “kaya dalam materitetapi miskin dalam rohani”

2. Kenakalan dan tindak menyimpang di kalangan remaja semakin meningkat semakin lemahnyakewibawaan tradisi-tradisi yang ada di masyarakat, seperti gotong royong dan tolong-menolong telah melemahkan kekuatan-kekuatan sentripetal yang berperan penting dalam menciptakankesatuan sosial. Akibatnya bisa dilihat bersama, kenakalan dan tindak menyimpang di kalangan remaja dan pelajar semakin meningkat dalam berbagai bentuknya, seperti perkelahian, corat-coret,pelanggaran lalu lintas sampai tindak kejahatan.

3. Pola interaksi antar manusia yang berubah kehadiran komputer pada kebanyakan rumah tanggagolongan menengah ke atas telah merubah pola interaksi keluarga. Komputer yang disambungkandengan telpon telah membuka peluang bagi siapa saja untuk berhubungan dengan dunia luar.Program internet relay chatting (IRC) internet dan e-mail telah membuat orang asyik dengan kehidupannya sendiri. Selain itu tersedianya berbagai warnet memberipeluang kepada banyak orang yang tidak memiliki komputer dan saluran internet. Kini semakin banyak orang yang menghabiskan waktunya sendirian dengan komputer.  Melalui  program internet relay chatting (IRC) anak-anakbisa asyik mengobrol dengan teman dan orang asing kapan saja.

• Dampak teknologi komputer di bidang ekonomi

    Dalam bidang ekonomi teknologi berkembang sangat pesat. Dari kemajuan teknologi dapat kita rasakan manfaat positifnya antara lain:

1.Pertumbuhan ekonomi  yang semakin tinggi.

2.Terjadinya industrialisasi.

3.Produktifitas dunia industri semakin meningkat.

4.Persaingan dalam dunia kerja sehingga menuntut pekerja untuk selalu menambah skill dan pengetahuan yang dimiliki.Kecenderungan perkembangan teknologi dan ekonomi, akan berdampak pada penyerapan tenaga kerja dan kualifikasi tenaga kerja yang diperlukan. Kualifikasi tenaga kerja dan jumlah tenaga kerja yang dibutuhkan akan mengalami perubahan yang cepat. Akibatnya, pendidikan yang diperlukan adalah pendidikan yang menghasilkan tenaga kerja yang mampu mentransformasikan pengetahuan dan skill sesuai dengan tuntutan kebutuhan tenaga kerja yang berubah tersebut.

5. Di bidang kedokteran dan kemajauan ekonomi mampu menjadikan produk kedokteran menjadi komoditi.

    Dalam bidang ekonomi, kemajuan internet terutama pada aplikasi mesin pencari memudahkan suatu perusahaan dalam melihat target pasar dari perusahaan tersebut. Selain itu, teknologi internet juga  membawa suatu perubahan pasar yakni saat ini transaksi penjualan/pembelian tidak hanya dapat dilaksanakan ketika penjual dan pembeli bertemu secara langsung namun dalam dunia maya sekalipun. Contoh transaksi jual beli yang biasa kita temukan di internet seperti Shopping Online, Penjualan tiket pesawat, dll. Kemajuan teknologi akan meningkatkan kemampuan produktivitas dunia industri baik dari aspek teknologi industri maupun pada aspek jenis produksi. Investasi dan reinvestasi yang berlangsung secara besar-besaran yang akan semakin meningkatkan produktivitas dunia ekonomi. Di masa depan, dampak perkembangan teknologi di dunia industri akan semakin penting.

     Memandang positif dan negatif kemajuan teknologi, bagi kemaslahan bangsa dan umat islam khususnya. Adalah control secara internal mulai dari keluarga untuk mengenalakan dan mengawasi anak didik dari dampak negatif itu sendiri, dan pemerintah khususnya badan-badan yang bewenang menangani untuk mengambil langkah tepat untuk mengurangi dampak dari kemajuan sisi buruk teknologi itu sendiri. kian pesatnya kemajuan teknologi jangan kita jadikan hantu boomerang untuk kita tidak berani terbuka dan maju.peran penting bangsa elemen-elemen pemerintah, masyarakat dan keluarga adalah payung untuk menghindari dan mengurangi dampak negatif media itu sendiri.

Dampak Positif Dan Negatif Pengaruh Teknologi Terhadap Kehidupan Manusia

    Pengaruh globalisasi dengan dukungan teknologi informasi seperti pedang bermata dua disatu sisi kita tidak dapat menyangkal manfaat dan ancaman yang dibawanya, jadi manfaat disebut juga pengaruh positif dan ancaman disebut pengaruh negatif.

(+) Positif

    Pengaruh positif yang dapat dirasakan dengan adanya Teknologi Informasi adalah peningkatan kecepatan, ketepatan, akurasi dan kemudahan yang memberikan efisiensi dalam berbagai bidang khususnya dalam masalah waktu, tenaga dan biaya. Sebagai contoh manifestasi Teknologi Informasi yang mudah dilihat di sekitar kita adalah pengiriman surat hanya memerlukan waktu singkat, karena kehadiran surat elektronis (email), ketelitian hasil perhitungan dapat ditingkatkan dengan adanya komputasi numeris, pengelolaan data dalam jumlah besar juga bisa dilakukan dengan mudah yaitu dengan basis data (database), dalam kegiatan ekonomi sudah dilakukannnya E-banking, E-comerce,E-shopping dan masih banyak lagi.

(-) Negatif

    Sedangkan pengaruh negatif yang bisa muncul karena adanya Teknologi Informasi misalnya dari globalisasi aspek ekonomi, terbukanya pasar bebas memungkinkan produk luar negeri masuk dengan mudahnya. Dengan banyaknya produk luar negeri dan ditambahnya harga yang relatif lebih murah dapat mengurangi rasa kecintaan masyarakat terhadap produk dalam negeri.

    Dengan hilangnya rasa cinta terhadap produk dalam negeri menunjukkan gejala berkurangnya rasa nasionalisme masyarakat kita terhadap bangsa Indonesia dan penipuan serta pembobolan keuangan melalui media elektronis juga akibat dari kegiatan ekonomi yang semakin mudah.

1. Pengaruh teknologi informasi tidak mungkin kita tolak atau hindari, sebaiknya kita harus dapat memanfaatkannya untuk kesejahteraan masyarakat tetapi disisi lain kita juga harus berhati-hati dan bersikap bijak agar dampak negatif yang menyertainya dapat kita hilangkan atau paling tidak kita minimalisir.

2. Mengenalkan teknologi informasi sekaligus pemanfaatannya bagi kehidupan pribadi maupun kehidupan sosial kemasyarakatan.

3. Meningkatkan daya nalar dan daya seleksi masyarakat terhadap berbagai informasi yang membanjir, sehingga masyarakat semakin kritis dan dewasa dalam menyikapinya.

Sumber :

http://vanillabluse.blogspot.co.id/2015/03/definisi-sejarah-serta-arsitektur-web.html

http://auliaakbar90.blogspot.co.id/2011/02/pengertian-dan-perkembangan-web-science.html

http://bigthink.com/big-think-tv/web-40-the-ultra-intelligent-electronic-agent-is-coming