Pages

Tugas Analisis Web (Soft Skill)

Rabu, 02 Juli 2014 0 komentar

 Anggota:

1. Abdurahman Hidayat
2. Hendra Sadewa
3. Khoirul Ikhwan
4. Nurfri Mulyadi

Kelas: 2IA19
Web yang dianalisa: gunadarma.ac.id
Tools yang digunakan: WebSiteOptimization.com

Web Page Speed Report

URL:gunadarma.ac.id
Title:Gunadarma University
Date:Report run on Wed Jul 2 01:58:58EDT2014

Diagnosis

Global Statistics

Total HTTP Requests:66
Total Size:578848 bytes

Object Size Totals

Object typeSize (bytes)Download @ 56K (seconds)Download @ T1 (seconds)
HTML:7156414.460.58
HTML Images:500958112.4415.25
CSS Images:00.000.00
Total Images:500958112.4415.25
Javascript:00.000.00
CSS:63261.660.43
Multimedia:00.000.00
Other:00.000.00

External Objects

External ObjectQTY
Total HTML:1
Total HTML Images:63
Total CSS Images:0
Total Images:63
Total Scripts:0
Total CSS imports:2
Total Frames:0
Total Iframes:0

Download Times*

Connection RateDownload Time
14.4K461.84 seconds
28.8K237.52 seconds
33.6K205.47 seconds
56K128.56 seconds
ISDN 128K48.53 seconds
T1 1.44Mbps16.27 seconds
*Note that these download times are based on the full connection rate for ISDN and T1 connections. Modem connections (56Kbps or less) are corrected by a packet loss factor of 0.7. All download times include delays due to round-trip latency with an average of 0.2 seconds per object. With 66 total objects for this page, that computes to a total lag time due to latency of 13.2 seconds. Note also that this download time calculation does not take into account delays due to XHTML parsing and rendering.

Page Objects

QTYSIZE#TYPEURLCOMMENTS
1155409IMGhttp://www.gunadarma.ac.id/cover/A2.jpgHeader size = 352 bytes  
171564HTMLhttp://gunadarma.ac.idHeader size = 277 bytes
Up to 64315 bytes could have been saved through compression.
View a formatted version of this HTML file  
163141IMGhttp://www.gunadarma.ac.id/img/nuamutiara.jpgHeader size = 352 bytes
Missing width attribute.  
156785IMGhttp://www.gunadarma.ac.id/img/asd.pngHeader size = 351 bytes  
128802IMGhttp://www.gunadarma.ac.id/img/header.gifHeader size = 351 bytes
Missing width attribute.
Missing height attribute.  
127480IMGhttp://www.gunadarma.ac.id/img/midban.gifHeader size = 351 bytes  
113510IMGhttp://www.gunadarma.ac.id/img/partner.jpgHeader size = 352 bytes  
112708IMGpenelitian.gunadarma.ac.id ... .id/pesat/images/logo.pngHeader size = 318 bytes  
112122IMGhttp://www.gunadarma.ac.id/img/ico-PMDK.gifHeader size = 351 bytes  
111349IMGhttp://www.gunadarma.ac.id/img/bamby.jpgHeader size = 352 bytes
Missing width attribute.  
110737IMGhttp://www.gunadarma.ac.id/img/official-LTW.jpgHeader size = 352 bytes  
110166IMGhttp://www.gunadarma.ac.id/img/UG-box-digital.pngHeader size = 351 bytes  
19989IMGhttp://www.gunadarma.ac.id/img/UG-box-member.pngHeader size = 351 bytes  
19752IMGhttp://www.gunadarma.ac.id/img/UG-box-media.pngHeader size = 351 bytes  
17782IMGwww.gunadarma.ac.id ... /ico-ugOpenCourseWare.gifHeader size = 351 bytes  
17424IMGhttp://www.gunadarma.ac.id/img/menu-kiri-gunadarmaHeader size = 617 bytes  
17315IMGhttp://www.gunadarma.ac.id/images/IOSA-2012.jpgHeader size = 352 bytes  
17271IMGhttp://www.gunadarma.ac.id/img/ico-pendaftaran.gifHeader size = 351 bytes  
17239IMGwww.gunadarma.ac.id ... img/ico-ugOpenStorage.gifHeader size = 351 bytes  
16312IMGhttp://www.gunadarma.ac.id/img/ico-UN.gifHeader size = 351 bytes  
13193CSShttp://www.gunadarma.ac.id/css_type.cssHeader size = 348 bytes
Up to 2584 bytes could have been saved through compression.
View a formatted version of this CSS file  
13133CSShttp://www.gunadarma.ac.id/css/css_type.cssHeader size = 348 bytes
Up to 2558 bytes could have been saved through compression.
View a formatted version of this CSS file  
13024IMGhttp://www.gunadarma.ac.id/img/spotlite-tmb.gifHeader size = 351 bytes  
12857IMGhttp://www.gunadarma.ac.id/img/news-tmb.gifHeader size = 351 bytes  
22382IMGwww.gunadarma.ac.id ... /event-callendar-teks.gifHeader size = 351 bytes  
12337IMGhttp://www.gunadarma.ac.id/img/UG-allrights.gifHeader size = 351 bytes  
12254IMGhttp://www.gunadarma.ac.id/img/mid-00.gifHeader size = 351 bytes  
12008IMGwww.gunadarma.ac.id ... kiri-academic-program.gifHeader size = 351 bytes  
11756IMGwww.gunadarma.ac.id ... menu-kiri-institution.gifHeader size = 351 bytes  
11741IMGwww.gunadarma.ac.id ... mg/menu-kiri-students.gifHeader size = 351 bytes  
11731IMGwww.gunadarma.ac.id ... /menu-kiri-facilities.gifHeader size = 351 bytes  
11674IMGwww.gunadarma.ac.id ... img/menu-kiri-faculty.gifHeader size = 351 bytes  
11653IMGwww.gunadarma.ac.id ... img/menu-kiri-library.gifHeader size = 351 bytes  
11205IMGwww.gunadarma.ac.id ... gdom(Great%20Britain).pngHeader size = 351 bytes  
11038IMGwww.gunadarma.ac.id ... mg/flag_Arab%20League.pngHeader size = 351 bytes  
8750IMGhttp://www.gunadarma.ac.id/img/menu-kiri-batas.gifHeader size = 326 bytes  
1696IMGhttp://www.gunadarma.ac.id/img/tmb-bg.gifHeader size = 351 bytes
Missing width attribute.
Missing height attribute.  
1622IMGhttp://www.gunadarma.ac.id/img/flag_Germany.pngHeader size = 326 bytes  
1618IMGhttp://www.gunadarma.ac.id/img/new-students.gifHeader size = 326 bytes  
1604IMGhttp://www.gunadarma.ac.id/img/flag_China.pngHeader size = 326 bytes  
1599IMGhttp://www.gunadarma.ac.id/img/flag_japan.pngHeader size = 326 bytes  
1536IMGhttp://www.gunadarma.ac.id/img/flag_France.pngHeader size = 326 bytes  
1506IMGhttp://www.gunadarma.ac.id/img/accreditation.gifHeader size = 326 bytes  
1500IMGhttp://www.gunadarma.ac.id/img/mid-bg.gifHeader size = 326 bytes
Missing width attribute.
Missing height attribute.  
1461IMGhttp://www.gunadarma.ac.id/img/campus-life.gifHeader size = 326 bytes  
1404IMGhttp://www.gunadarma.ac.id/img/flag_Indonesia.pngHeader size = 326 bytes  
1356IMGhttp://www.gunadarma.ac.id/img/menu-utama-bg.gifHeader size = 326 bytes
Missing width attribute.
Missing height attribute.  
2316IMGhttp://www.gunadarma.ac.id/img/box-04.pngHeader size = 326 bytes  
2314IMGhttp://www.gunadarma.ac.id/img/box-06.pngHeader size = 326 bytes  
2297IMGhttp://www.gunadarma.ac.id/img/bg-news.gifHeader size = 326 bytes
Missing width attribute.
Missing height attribute.  
2284IMGhttp://www.gunadarma.ac.id/img/box-01.pngHeader size = 326 bytes  
1284IMGwww.gunadarma.ac.id ... bayang-frame-bg-kanan.pngHeader size = 326 bytes
Missing width attribute.
Missing height attribute.  
2282IMGhttp://www.gunadarma.ac.id/img/box-03.pngHeader size = 326 bytes  
1266IMGhttp://www.gunadarma.ac.id/img/bar-list-UG.gifHeader size = 326 bytes  
1246IMGwww.gunadarma.ac.id ... /bayang-frame-bg-kiri.pngHeader size = 325 bytes
Missing width attribute.
Missing height attribute.  
2210IMGhttp://www.gunadarma.ac.id/img/sdt-01.pngHeader size = 325 bytes  
2209IMGhttp://www.gunadarma.ac.id/img/sdt-02.pngHeader size = 325 bytes  
3176IMGhttp://www.gunadarma.ac.id/img/arrow-10.gifHeader size = 325 bytes  
1138IMGwww.gunadarma.ac.id ... mg/bayang-frame-kanan.gifHeader size = 325 bytes
Missing width attribute.
Missing height attribute.  
364IMGhttp://www.gunadarma.ac.id/img/news-bg.gifHeader size = 324 bytes
Missing width attribute.
Missing height attribute.  
246IMGhttp://www.gunadarma.ac.id/img/box-02.gifHeader size = 324 bytes
Missing width attribute.
Missing height attribute.  
845IMGhttp://www.gunadarma.ac.id/img/list-dot-vert01.gifHeader size = 324 bytes
Missing width attribute.
Missing height attribute.  
845IMGhttp://www.gunadarma.ac.id/img/list-dot-vert01.gifHeader size = 324 bytes  
1444IMGhttp://gunadarma.ac.id/img/list-dot-hor01.gifHeader size = 324 bytes
Missing width attribute.
Missing height attribute.  
1444IMGhttp://gunadarma.ac.id/img/list-dot-hor01.gifHeader size = 324 bytes  
1443IMGhttp://www.gunadarma.ac.id/img/dot.gifHeader size = 324 bytes  
66 ^578848*Total (^unique objects)
# This site is not using HTTP compression, otherwise called content encoding using gzip. Consider compressing your textual content (XHTML, JavaScript, etc.) with mod_gzip or similar products.
* CSS alternate stylesheets may be referenced in the HTML but are not actually downloaded until they are needed and are therefore not included in the total page size.

Analysis and Recommendations

  • TOTAL_HTML - Congratulations, the total number of HTML files on this page (including the main HTML file) is 1 which most browsers can multithread. Minimizing HTTP requests is key for web site optimization. Y
  • TOTAL_OBJECTS - Warning! The total number of objects on this page is 66 which by their number will dominate web page delay. Consider reducing this to a more reasonable number. Above 20 objects per page the overhead from dealing with the actual objects (description time and wait time) accounts for more than 80% of whole page latency. See Figure II-3: Relative distribution of latency components showing that object overhead dominates web page latency in Website Optimization Secrets for more details on how object overhead dominates web page latency. Combine, refine, and optimize your external objects. Replace graphic rollovers with CSS rollovers to speed display and minimize HTTP requests. Consider using CSS sprites to help consolidate decorative images. Using CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques can reduce HTTP requests. Replace graphic text headers with CSS text headers to further reduce HTTP requests. Finally, consideroptimizing parallel downloads by using different hostnames or a CDN to reduce object overhead.
  • TOTAL_IMAGES - Warning! The total number of images on this page is 63 , consider reducing this to a more reasonable number. Recommend combining, replacing, and optimizing your graphics. Replace graphic rollover menus with CSS rollover menus to speed display and minimize HTTP requests. Consider using CSS sprites to help consolidate decorative images. Use CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques to reduce HTTP requests. Replace graphic text headers with CSS text headers to further reduce HTTP requests. Finally, consider optimizing parallel downloads by using different hostnames to reduce object overhead.
  • TOTAL_CSS - Congratulations, the total number of external CSS files on this page is 2 . Because external CSS files must be in the HEAD of your HTML document, they must load first before any BODY content displays. Although they are cached, CSS files slow down the initial display of your page. Remember to place CSS files in the HEAD and JavaScript files at the end of the BODY to enable progressive display.
  • TOTAL_SIZE - Warning! The total size of this page is 578848 bytes, which will load in 128.56 seconds on a 56Kbps modem. Consider reducing total page size to less than 100K to achieve sub 20 second response times on 56K connections. Pages over 100K exceed most attention thresholds at 56Kbps, even with feedback. Consider optimizing your site with Website Optimization SecretsSpeed Up Your Site or contacting us about our optimization services.
  • HTML_SIZE - Caution. The total size of this HTML file is 71564 bytes, which is above 50K but below 100K. With 50K of images and multimedia this means that your page will load in about 20 seconds. Consider optimizing your HTML and eliminating unnecessary features. To give your users feedback, consider layering your page or using positioning to display useful content within the first two seconds.
  • IMAGES_SIZE - Warning! The total size of your images is 500958 bytes, which is over 100K. Consider switch graphic formats to achive smaller file sizes (from JPEG to PNG for example). Finally, substitute CSS techniques for graphics techniques to create colored borders, backgrounds, and spacing.
  • CSS_SIZE - Congratulations, the total size of your external CSS is 6326 bytes, which is less than 8K.
  • MULTIM_SIZE - Congratulations, the total size of all your external multimedia files is 0 bytes, which is less than 10K.

ARSITEKTUR WEB & APLIKASI UTAMA II

Jumat, 16 Mei 2014 1 komentar

ARSITEKTUR WEB II

SEMANTIK WEB

Semantic web atau web semantik merupakan salah satu perkembangan pada aplikasi web. Menurut bahasa, web semantik mempunyai arti web yang memiliki makna. Dengan kata lain, web semantik merupakan suatu aplikasi web yang mempunyai knowledge base tertentu sehingga bisa dikatakan web semantik mempunyai sifat lebih pintar dari web sebelumnya. Salah satu contoh dari web semantik adalah web tersebut bisa merekomendasikan sesuatu kepada user sesuai dengan interest usernya masing-masing. Dengan demikian, bisa jadi ketika beberapa orang mengakses satu alamat web yang sama, konten atau isi dari halaman web tersebut tidak akan sama. Salah satu contoh dari web semantik adalah igoogle. Ketika pertama kali membuka igoogle, kita akan diminta untuk mengisi lokasi tempat kita berada, setelah itu baru kita menuju ke halaman beranda igoogle. Dengan demikian, bisa jadi isi dari halaman beranda igoogle akan berbeda-beda sesuai dengan lokasi yang diisikan sebelumnya, baik itu dari isi berita, suhu udara, dan yang lainnya.
Web semantic atau semantik web dicetuskan pertama kali oleh Tim Berners-Lee pada tahun 2001. Web semantik sering disebut sebagai web versi 3.0. Dalam pembuatan aplikasi web semantik tidak semudah membuat aplikasi web biasa. Untuk membuat web semantik terdapat beberapa teknologi yang perlu dipelajari, diantaranya adalah RDF, ontologi, query RDF, RDF Store, dan masih banyak lagi yang perlu dipelajari.

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. 
XML didesain untuk mempu menyimpan data secara ringkas dan mudah diatur. Kata kunci utama XML adalah data (jamakdari datum) yang jika diolah bisa memberikan informasi. 
XML menyediakan suatu cara terstandarisasi namun bisa dimodifikasi untuk menggambarkan isi dari dokumen. Dengan sendirinya, XML dapat digunakan untuk menggambarkan sembarang view database, tetapi dengan suatu cara yang standar.

XML memiliki tiga tipe file : 
XML, merupakan standar format dari struktur berkas (file).
XSL, merupakan standar untuk memodifikasi data yang diimpor atau diekspor.
XSD, merupakan standar yang mendefinisikan struktur database dalam XML. 
Keunggulan XML bisa diringkas sebagai berikut : 
Pintar (Intelligence). XML dapat menangani berbagai tingkat (level) kompleksitas.
Dapat beradaptasi. Dapat mengadaptasi untuk membuat bahasa sendiri. Seperti Microsoft membuat bahasa MSXML atau Macromedia mengembangkan MXML.
Mudah pemeliharaannya.
Sederhana. XML lebih sederhana.
Mudah dipindah-pindahkan (Portability). XML mempunyai kemudahan perpindahan (portabilitas) yang lebih bagus.

RDF

Resource Description Framework (RDF) merupakan sebuah model sederhana untuk mendeskripsikan hubungan antara sumber-sumber daya yang merupakan properties dan values. RDF properties dapat sebagai atribut dari sebuah sumber daya. RDF Properties dapat mereprensentasikan hubungan antara sumber daya. Model Data RDF dapat disusun dari sebuah diagram entity-relationship, tetapi tidak menyediakan mekanisme untuk mendeskripsikan properties-nya dan tidak dapat menyediakan mekanisme untuk menjelaskan hubungan antara properties tersebut dengan sumber lain. RDF Vocabulary menyediakan bahasa untuk mendeskripsikan classes dan properties yang dapat digunakan untuk menjelaskan classes dan properties lain. Sesungguhnya ’arti’ kata menerangkan dalam RDF atau RDFS tergantung oleh beberapa faktor, termasuk peraturan sosial, bahasa natural atau penghubung ke dokumen lain. Banyak diantara arti-arti tersebut tidak dapat diakses oleh mesin.

OWL

OWL atau Web Ontology Language adalah suatu bahasa yang dapat digunakan oleh aplikasi-aplikasi yang bukan sekedar menampilkan informasi tersebut pada manusia, melainkan juga memproses isi informasi. Dengan menggunakan OWL, kita dapat menambah vocabulary tambahan disamping semantics formal yang telah dibuat sebelumnya menggunakan XML, RDF, dan RDF Schema. Hal ini sangat membantu penginterpretasian mesin yang lebih baik terhadap isi web. OWL menyediakan 3 buah subbahasa yang dirancang untuk digunakan oleh para pengguna tertentu, yaitu :

1. OWL Lite, digunakan oleh pengguna yang membutuhkan suatu hirarki pengklasifikasian dan berbagai constraints sederhana.
2. OWL DL, digunakan oleh pengguna yang menginginkan tingkat ekspresi maksimal dan semua konklusi yang dihasilkan dapat dihitung dalam waktu yang terbatas.
3. OWL full, digunakan oleh pengguna yang menginginkan tingkat ekspresi maksimal dan kebebasan sintaks dari RDF tanpa mempertimbangkan komputasi yang dibutuhkan.

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. Secara teknis, hal-hal tersebut adalah bagian dari penandaan semantik yang hanya menggunakan standar “Plain Old Semantic (X)HTML” (yaitu “POSH”) saja dengan nilai “rel” dan satu set penamaan-kelas yang umum. Mereka digunakan dengan terbuka dan tersedia, bebas bagi siapa saja.

MICRODATA

Microdata adalah Spesifikasi HTML yang berbasisi WHATWG yang digunakan untuk sarang simentik pada konten di halaman web. Microdata membantu teknologi seperti mesin pencari dan web crawler lebih memahami informasi apa yang terkandung dalam halaman web, menyediakan hasil pencarian yang lebih baik. Microdata adalah upaya untuk menyediakan cara sederhana annotating elemen HTML dengan tag dapat dibaca oleh mesin daripada pendekatan serupa menggunakan RDF dan Microformats.
Web Semantik merujuk kepada kemampuan aplikasi komputer untuk lebih memahami bahasa manusia, bukan hanya bahasa yang baku dari para penggunanya tetapi juga bahasa yang lebih kompleks, seperti dalam bahasa percakapan sehingga memudahkan penggunanya untuk berkomunikasi dengan mesin. Web Semantik dapat mengolah bahasa dan mengenali homonim, sinonim, atau atribut yang berbeda pada suatu database.

WEB SECURITY

Web Security adalah tata cara mengamankan aplikasi web yg dikelola, biasanya yg bertanggung jawab melakukannya adalah pengelola aplikasi web tsb. 
Berbicara mengenai masalah yang berkaitan dengan keamanan di dalam era digital tidak lepas dari 3 prinsip utama yaitu Confidentiality, Integrity, dan Availability atau lebih dikenal dengan nama CIA. Sama halnya ketika bergelut dengan keamanan (security) sebuah website, princip CIA sudah selayaknya dijadikan pedoman yang harus dipahami apabila ingin website kita lebih aman dan sulit untuk diserang.


SUMBER 2
SUMBER 3
SUMBER 4
SUMBER 5
SUMBER 6

ARSITEKTUR WEB & APLIKASI UTAMA I

0 komentar

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.

APLIKASI UTAMA
Dalam arsitektur web ini terdapat beberapa aplikasi utama yaitu :

1. http

http atau HyperText Transfer Protocol adalah komunikasi protokol yang memfasilitasi transfer informasi ke Internet. HTTP merupakan protokol request-response (permintaan dan tanggapan) antara klien dan server. Klien adalah  web pengguna atau web browser, sedangkan server adalah pemberi tanggapan dengan menyimpan atau mengambil sumber daya yang diminta dengan menghubungkan tautan, yang disebut dengan dokumen hiperteks, selanjutnya membentuk World Wide Web

2. HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web 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). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

3. Internet

Internet (kependekan dari interconnection-networking) adalah seluruh jaringan komputer yang saling terhubung menggunakan standar sistem global Transmission Control Protocol / Internet Protocol Suite (TCP/IP) sebagai protokol pertukaran paket (packet switching communication protocol) untuk melayani miliaran pengguna di seluruh dunia.Rangkaian internet yang terbesar dinamakan Internet. Cara menghubungkan rangkaian dengan kaidah ini dinamakan internetworking ("antarjaringan").

4. Web Server

Server web atau peladen web dapat merujuk baik pada perangkat keras ataupun perangkat lunak 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. 
Penggunaan paling umum server web adalah untuk menempatkan situs web, namun pada prakteknya penggunaannya diperluas sebagai tempat peyimpanan data ataupun untuk menjalankan sejumlah aplikasi kelas bisnis.

5. Browser

Browser adalah perangkat lunak yang berfungsi untuk menerima dan menyajikan sumber informasi di internet. Sebuah sumber informasi diidentifikasi dengan Pengidentifikasi Sumber Seragam (Uniform Resource Identifier (URI)) yang dapat berupa halaman web, gambar, video, atau jenis konten lainnya.
Meskipun browser terutama ditujukan untuk mengakses internet, sebuah browser juga dapat digunakan untuk mengakses informasi yang disediakan oleh server web dalam jaringan pribadi atau berkas pada sistem berkas. Beberapa broser yang populer adalah Google Chrome, Firefox, Internet Explorer, Opera, dan Safari.

6. Transaction

Seni pencarian informasi untuk melakukan suatu transaksi jual beli dengan melalui system operasi yang berbasis hypertext, misalnya membaca berita, bermain game, menulis blog, mengirim e-mail, dan lain sebagainya.

7. User Generated Content

UGC yaitu konten yang dihasilkan dari user atau penggunanya sendiri. Babak ini sudah lama dimulai, situs-situs yang populer kini pun banyak mengandalkan UGC untuk selalu menjadi situs yang up-to-date. Pemilik situs hanya membuat perbaikan atau perubahan yang dianggap perlu saja. Sementara update informasi dan segala interaksi di dalam situs tersebut justru berasal dari partisipasi aktif para penggunanya, sehingga orang selalu dan terus-menerus tertarik untuk mengunjungi situs tersebut.

8. Blog

Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.

9. Wikis Folksonomics

Folksonomi adalah suatu sistem pengklasifikasian yang diturunkan dari praktik dan metode pembuatan dan pengelolaan tag-tag secara kolaboratif, untuk menganotasi dan mengkategorisasi konten, praktik ini juga dikenal  ebagai penge-tag-an kolaboratif, klasifikasi sosial, pengindeksan sosial, dan pengetagan sosial. Istilah Folksonomi merupakan gabungan lebur dari kata folk dan taksonomi.

10. Social Networks

Jejaring sosial adalah suatu struktur sosial yang dibentuk dari simpul-simpul (yang umumnya adalah individu atau organisasi) yang dijalin dengan satu atau lebih tipe relasi spesifik seperti nilai, visi, ide, teman, keturunan, dll.
Analisis jaringan jejaring sosial memandang hubungan sosial sebagai simpul dan ikatan. Simpul adalah aktor individu di dalam jaringan, sedangkan ikatan adalah hubungan antar aktor tersebut. Bisa terdapat banyak jenis ikatan antar simpul. Penelitian dalam berbagai bidang akademik telah menunjukkan bahwa jaringan jejaring sosial beroperasi pada banyak tingkatan, mulai dari keluarga hingga negara, dan memegang peranan penting dalam menentukan cara memecahkan masalah, menjalankan organisasi, serta derajat keberhasilan seorang individu dalam mencapai tujuannya.
Dalam bentuk yang paling sederhana, suatu jaringan jejaring sosial adalah peta semua ikatan yang relevan antar simpul yang dikaji. Jaringan tersebut dapat pula digunakan untuk menentukan modal sosial aktor individu. Konsep ini sering digambarkan dalam diagram jaringan sosial yang mewujudkan simpul sebagai titik dan ikatan sebagai garis penghubungnya.


SUMBER 1
SUMBER 2
SUMBER 3
SUMBER 4
SUMBER 5
SUMBER 6
SUMBER 7
SUMBER 8

Web Science

Selasa, 08 April 2014 0 komentar

Pengertian Web Science :


Web Science adalah ilmu pengetahuan untuk membuat dan memanipulasi web, Web adalah kumpulan halaman yang dapat menampilkan informasi berupa gambar, animasi, tulisan, suara maupun gabungan dari keseluruhannya yang bersifat statis atau dinamis yang dapat membentuk rangkaian yang saling terkait yang dihubungkan dengan banyak link. Science adalah ilmu pengetahuan yang didapat dan bisa menjadi pengetahuan bagi masyarakat untuk memberi informasi yang akurat.


Perkembangan Web Science :

Pengembangan-pengembangan terhadap web science pun mulai bervariasi. Seiring dengan ditambahkannya aplikasi penunjang untuk user dalam memperindah tampilan web nya, mendekor ulang website sama mudahnya seperti menanak nasi. Saat ini telah banyak program untuk membuat website. Beberapa diantaranya dapat dipakai meski kita sedang offline, contohnya adalah joomla yang bisa digunakan tanpa harus tersambung dengan internet. Aplikasi online lainnya adalah dreamweaver, adobe go live, dsb. Tinggal pilih mana yang sesuai kebutuhan. Sedikit bocoran mengenai aplikasi yang paling diminati oleh user adalah aplikasi joomla, karena bersifat offline. Selain itu, Joomla memiliki setting yang mudah dan perangkat aplikasi didalamnya sudah cukup cangih.

Beberapa generasi yang terdapat pada web science, yaitu :

Pre Web (Usenet, Gopher, FTP, Internet dan Memex)

Definisi Usenet
Usenet singkatan dari User Network merupakan sistem perangkat lunak yang membagikan artikel ke banyak sites diseluruh dunia. Usenet ini menggunakan teknologi UUCP dalam membagikan artikelnya. Artikel yang ada pada Usenet dapat disortir sesuai dengan topik yang sedang didiskusikan.

Definisi Gopher
Gopher adalah TCP/IP Application layer protokol yang dirancang untuk menyebarkan, mencari dan mengambil dokumen melalui internet. Sangat mengarah pada desain dokumen menu, pada tahap awalnya protokol Gopher disajikan desain menarik untuk alternatif World Wide Web, tetapi akhirnya gagal dalam mencapi popularitas.

Manfaat Aplikasi Gopher ini adalah para pengguna internet tidak perlu mengetahui alamat yang khusus pada komputer yang akan di akses. Ghoper dapat memungkinkan  user akan mengakses ke berbagai situs dunia. Selain itu, Ghoper juga dapat digunakan secara hirarki.

Definisi FTP
FTP sendiri merupakan singkatan dari File Transfer Protokol. Protokol FTP juga salah satu protokol yang paling awal dikembangakan oleh Abhay Bhushan sekitar tahun 1970-an.

Fungsi FTP itu sendiri adalah melakukan transfer file antara komputer yang terhubung dengan jaringan iternet. Dalam bahasa teknis, FTP diketahui sebagai protokol jaringan yang memungkinkan transfer file antara komputer yang tersambung pada TCP/IP yang berbasis jaringan. Hal ini mencakup serangkaian peraturan dan prosedur untuk transfer digital yang aman.

Definisi Internet
Internet merupakan jaringan komputer yang saling terhubung secara global atau mendunia. Karena terhubung secara global melalui jaringan, kita dapat saling bertukar data/informasi. Jaringan internet bekerja berdasarkan suatu protokol atau aturan. Aturan itu adalah TCP/IP, suatu protokol yang digunakan untuk menghubungkan jaringan-jaringan. Setiap komputer mempunyai suatu nomor unik yang kita ketahui dengan alamat IP.

Memex
Memex merupakan singkatan dari Memory Extender. Vannevar Bush adalah orang yang memberikan nama itu. Memex disebut-sebut sebagai pelopor dari teknologi hiperteks yang muncul dikemudian hari.

WEB

  • Generasi pertama yaitu Web 1.0. Web1.0 di sini masih bersifat read-only saja.
  • Generasi kedua yaitu Web 2.0 ditandai dengan dimulainya kegiatan sosial, diikuti semakin popularnya berbagai fasilitas seperti wikipedia, blog, facebook dan sebagainya. Pada generasi ini terdapat kekurangannya yaitu pada penanganan untuk pertukaran data atau interoperabilitas masih sulit.
  • Generasi ketiga yaitu Web 3.0 mencoba menyempurnakan dengan memberikan penekanan penelitian pada Semantic Web, Ontology, Web Service, Social Software, Folksonomies dan Peer-to-Peer. Penelitian ini sangat memperhatikan ‘budaya’ sebuah komunitas terhadap kebutuhan akan sebuah data atau informasi.
web juga di rasakan sangat bermanfaat untuk mengetahui dunia hanya di ujung jari. mengunakan web sangat mudah dan informasi yang di tawarkan pun dalam jumlah yang besar pula. dunia WWW atau world wide web mempunyai tujuan mengelola internet, berdasarkan protokol bersama dan standar. ini berarti bahwa semua jenis dapat disimpan dan di akses dari semua jenis komputer.

Teknologi Saat Ini

Tak dapat dipungkiri jika kemajuan teknologi masa kini berkembang sangat pesat. Hal ini dapat dibuktikan dengan banyaknya inovasi-inovasi yang telah dibuat di dunia ini. Dari hingga yang sederhana, hingga yang menghebohkan dunia.
Sebenarnya Teknologi sudah ada sejak jaman dahulu, yaitu jaman romawi kuno. Perkembangan teknologi berkembang secara drastis dan terus berevolusi hingga sekarang. Hingga menciptakan obyek-obyek, teknik yang dapat membantu manusia dalam pengerjaan sesuatu lebih efisien dan cepat. Salah satunya adalah seperti yang ada di Indonesia, yaitu fenomena mobil esemka yang diciptakan beberapa sekolah di Solo. Telah membuat inovasi mobil Nasional untuk Indonesia. Selain itu juga, ada di Sidoarjo yang memproduksi kapal laut untuk kebutuhan melaut.
Dalam bentuk yang paling sederhana, kemajuan teknologi dihasilkan dari pengembangan cara-cara lama atau penemuan metode baru dalam menyelesaikan tugas-tugas tradisional seperti bercocok tanam, membuat baju, atau membangun rumah.
Ada tiga klasifikasi dasar dari kemajuan teknologi yaitu :
  • Kemajuan teknologi yang bersifat netral (bahasa Inggrisneutral technological progress), Terjadi bila tingkat pengeluaran (output) lebih tinggi dicapai dengan kuantitas dan kombinasi faktor-faktor pemasukan (input) yang sama.
  • Kemajuan teknologi yang hemat tenaga kerja (bahasa Inggrislabor-saving technological progress), Kemajuan teknologi yang terjadi sejak akhir abad kesembilan belas banyak ditandai oleh meningkatnya secara cepat teknologi yang hemat tenaga kerja dalam memproduksi sesuatu mulai dari kacang-kacangan sampai sepeda hingga jembatan.
  • Kemajuan teknologi yang hemat modal (bahasa Inggriscapital-saving technological progress), Fenomena yang relatif langka. Hal ini terutama disebabkan karena hampir semua riset teknologi dan ilmu pengetahuan di dunia dilakukan di negara-negara maju, yang lebih ditujukan untuk menghemat tenaga kerja, bukan modalnya.
Pengalaman di berbagai negara berkembang menunjukan bahwa adanya campur tangan langsung secara berlebihan, terutama berupa peraturan pemerintah yang terlampau ketat, dalam pasar teknologi asing justru menghambat arus teknologi asing ke negara-negara berkembang.
Kemajuan teknologi memang sangat penting untuk kehidupan manusia jaman sekarang. Karena teknologi adalah salah satu penunjang kemajuan manusia. Di banyak belahan masyarakat, teknologi telah membantu memperbaiki ekonomi, pangan, komputer, dan masih banyak lagi.
Di lain pihak suatu kebijaksanaan 'pintu yang lama sekali terbuka' terhadap arus teknologi asing, terutama dalam bentuk penanaman modal asing (PMA), justru menghambat kemandirian yang lebih besar dalam proses pengembangan kemampuan teknologi negara berkembang karena ketergantungan yang terlampau besar pada pihak investor asing, karena merekalah yang melakukan segala upaya teknologi yang sulit dan rumit.
Ini menjadi bukti bahwa memang teknologi sudah menjadi kebutuhan dan merata di setiap sektor kehidupan manusia. Terlebih setelah adanya penemuan komputer dan laptop, yang sekarang hampir semua pekerjaan manusia memiliki hubungan dengan komputer ataupun laptop. Sehingga pantas jika komputer adalah penemuan yang paling mutakhir dan yang paling berpengaruh pada kehidupan manusia.

Dampak Sosial Dan Ekonomi

Dengan berkembangnya teknologi secara pesat juga berpengaruh pada pertumbuhan kehidupan sosial dan ekonomi. Adapun dampak yang ditimbulkan dari pesatnya perkembangan teknologi adalah sebagai berikut :
Efek Positif
  1. 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
  2. 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
  3. Tekanan, kompetisi yang tajam di berbagai aspek kehidupan sebagai konsekuensi globalisasi, akan melahirkan generasi yang disiplin, tekun dan pekerja keras
  4. Pertumbuhan ekonomi  yang semakin tinggi
  5. Terjadinya industrialisasi
  6. Produktifitas dunia industri semakin meningkat
  7. 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. 
Efek Negatif
  1. Melemahkan rasa gotong royong dan tolong menolong sebagaimana ini menjadi ciri khas masyarakat Indonesia
  2. Berkurangnya sosialisasi karena kurang proses tatap muka atau face to face karena pesatnya perkembangan alat komunikasi, hal ini dapat menyebabkan komunikasi menjadi hampa
  3. 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
  4. Terjadinya pengangguran bagi tenaga kerja yang tidak mempunyai kualifikasi yang sesuai dengan yang dibutuhkan
  5. Sifat konsumtif sebagai akibat kompetisi yang ketat pada era globalisasi akan juga melahirkan generasi yang secara moral mengalami kemerosotan: konsumtif, boros dan memiliki jalan pintas yang bermental instant
  6. Kemajuan TIK juga pasti akan semakin memperparah kesenjangan sosial yang terjadi di masyarakat antara orang kaya dan orang miskin
  7. Adanya aksi tipu menipu dalam proses jual beli online yang dapat merugikan beberapa pihak

SUMBER 1
SUMBER 2
SUMBER 3
SUMBER 4
SUMBER 5

Sistem Penilaian IGN dan GameSpot

Rabu, 06 November 2013 0 komentar

TEORI
Perkembangan dunia game saat ini sangat pesat, dengan munculnya PS 4 dari Sony dan Xbox One dari Microsoft yang di design untuk game dengan grafis dan efek yang sangat detail membuat para vendo seperti Intel dan AMD saling berlomba-lomba meningakatkan kualitas dari hardware mereka agar game yang dikhususkan untuk PS 4 ataupun Xbox One dapat dijalankan di PC.

KASUS
Dilihat dari teori diatas otomatis akan semakin banyak game yang sangat menonjolkan grafis yang mencolok sehingga membuat para gamer membutuhakan review agar mereka dapat memainkan game sesuai dengan kemampuan pc mereka, tetapi tidak hanya itu biasanya para gamer juga mencari review tentang bagaimana gameplaynya ataupun  jalan cerita dari game tersebut, nah disini saya akan mengambil kasus mana  website mana yang terbaik  dalam melakukan review pada platform video game dilihat dari bagaimana meraka melakukan penilaian sebuah game yang membuat para gamer sedikit terbantu.

ANALISA
Berdasarkan teori dan kasus yang ada saya akan membahas new media yang  memberikan informasi tentang dunia game yang sangat membantu gamer untuk memainkan game yang akan mereka mainkan, situs yang saya akan bandingkan adalah ign.com dan gamespot.com
Kedua situs tersebut merupkan situs yang paling sering dikunjungi oleh para gamer untuk melihat review, walkthrough ataupun mencari tips dan trick.
·       ign.com adalah sebuah situs hiburan yang berfokus pada platform video game dan beberapa media hiburan lainnya seperti tv, film, musik dan komik, tetapi yang difokuskan hanya dalam platform video game
·       GameSpot.com adalah sebuah website video game yang menyediakan berita, review, preview, download, dan informasi lainnya pada video game tertentu.

Cara Penilian Game Kedua Situs Di Atas
IGN :
1.     Original Scale
Member dari staff  IGN akan menulis sebuah review dari sebuah game dan akan memberikan  penilaian antara 0.1 sampai 10.0, yang dimana penambahan sebesar 0.1 menentukan seberapa banyak game tersebut harus dimainkan. Skor yang diberikan sudah sesuai dengan aspek setiap  game seperti grafis, suara, gameplay dan daya tarik dari game tersebut. Setiap permainan diberi skor di masing-masing kategori, namun skor keseluruhan untuk permainan ini adalah evaluasi independen, bukan rata-rata skor dalam setiap kategori.

2.     20-point Scale
Pada 3 Agustus 2010 IGN mengumumkan cara penilian baru. Alih-alih akan menggunakan sistim bersekala 100 point, dimana setiap game mendapatkan kenaikan 0.1 poin, dansemua review akan menggunakan penilaian berskala 20 poin dimana setiap game akan mendapatkan kenaikan 0.5. Dari kedua sistem penilaian tersebut nilai maksimum yang mungkin di dapat oleh sebuah game sebesar 10.0. Perubahan penilaian ini tidak berlaku pada semua game yang pernah di review dan perubahan ini juga tidak mempengaruhi sistem penilaian yang diulas oleh pembaca.

3.     100-point Scale
Pada 13 September 2012 mengungkapkan sebagian format review mereka akan menggunakan penilaan berskala 100 poin, tapi kali ini tidak menggunakan desimal, berarti skor 79 atau 80 akan digunakan sebagai pengganti 7.9 atau 8.0. Tidak seperti penilain berskala 20 poin sebelumnya perubahan sistem ini akan berlaku pada semua game yang telah IGN review sebelumnya dan akan menggunakan sistem baru ini. Namun, setelah pengumuman itu di rilis IGN dan melakukan banyak diskusi akhirnya IGN tetap memutuskan untuk tetap menggunakan  desimal disetiap penilaiannya.

GameSpot :
Semua game yang direview dinilai berdasarkan 5 kategori yang berbeda : gameplay, grafis, suara, nilai dan reviewer's tilt. Masing-masing kategori diberikan skor bilangan bulat dari satu sampai sepuluh, dan lima bilangan bulat digabungkan dengan menggunakan rata-rata tertimbang untuk mencapai skor keseluruhan. Setidaknya sebuah game harus mencapain skor 9.0 untuk ditetapkan sebagai game "Superb" dan diberi pengakuan "Editor's Choice".  Meskipun banyak game yang mencapai status ini setiap tahun, hanya delapan dalam sejarah GameSpot yang pernah menerima nilai 10 sempurna.

Pada tanggal 25 Juni 2007, GameSpot mulai menetapkan skor dengan pertambahan 0,5 bukannya 0,1. Hal ini juga mengakhiri praktek pemberian sub-skor untuk gameplay, grafik, suara, nilai, dan kesalahan. Sebaliknya, ulasan pengguna sekarang memiliki sistem medali yang memungkinkan resensi untuk menyoroti karakteristik tertentu dari permainan seperti desain artistik, soundtrack asli, atau kesulitan. GameSpot percaya bahwa ini akan menciptakan sistem rating yang lebih rinci dari yang sebelumnya. Satu-satunya perubahan dalam hal ini adalah julukan baru "Prime" untuk game yang mendapatkan skor 10,0, menggantikan "Perfect".

Berdasarkan sistem penilaian saya lebih memilih GameSpot karena sistem penilaian berdasarkan gameplay, grafis, suara, nilai dan kesalahan, tetapi saya lebih IGN untuk mencari review dan artikel sebuah game karena IGN lebih lengkap dalam hal tersebut.
Referensi


 
Nothing To Share © 2011 | Designed by Bingo Cash, in collaboration with Modern Warfare 3, VPS Hosting and Compare Web Hosting