STRUKTUR WEB

STRUKTUR WEB

A. Link Structure

Struktur Situs Web merupakan bagian yang sangat penting yang harus dikuasai oleh seorang web designer. Dalam suatu organisasi apapun, pasti memiliki struktur organisasi. Organisasi situs web mengatur bagaimana hubungan antar halaman web, sehingga membuat pengunjung situs menjadi nyaman.

Keuntungan struktur situs web yang dibuat dengan baik :

Dapat mengkomunikasikan pesan yang ingin disampaikan kepada pengunjung situs.

Pengguna situs web dapat dengan mudah memahami situs web.

Mudah untuk dikembangkan pada waktu yang akan datang, termasuk mengupdate suatu halaman situs jika diperlukan.

Dapat menurunkan biaya cost pengunjung situs .

Struktur Situs Web :

®    Struktur Linear

®    Struktur Grid

®    Struktur Hierarki

1. Struktur Linear :

A. Struktur linear murni

B. Struktur linear dengan halaman tambahan

C. Struktur linear dengan halaman pilihan

D. Struktur linear dengan halaman alternatif

A. Struktur Linear murni :

• Digunakan untuk situs-situs web yang kecil, seperti personal page.

• Biasanya hanya terdiri dari 4 – 10 halaman.

• Cocok digunakan untuk menampilkan isi yang bersifat tutorial atau penjelasan mengenai suatu pokok bahasan.

• Kelemahan struktur jenis ini adalah ketidaknyamanan pengunjung dalam menjelajasi isi situs web.

• Pada situs web yang besar struktur ini masih digunakan, tetapi hanya sebatas untuk bagian-bagian penting seperti halaman-halaman registrasi.

B. Struktur linear tambahan :

• Digunakan untuk menjelaskan sebuah isi sama seperti struktur linear murni

• Uraian ini cocok untuk membuat sebuah penjelasan yang banyak mengandung uraian detail yang boleh untuk dilewatkan.

• Kelemahan struktur ini sama dengan kelemahan struktur linear murni, yaitu pengunjung tidak dapat melompat kesuatu halaman tanpa melewati halaman berikutnya.

C. Struktur linear dengan halaman pilihan :

• Pada struktur ini pengunjung diberi pilihan untuk melompat ke suatu halaman tertentu tanpa harus melewati halaman berikutnya.

• Struktur ini banyak digunakan pada sebagian besar situs web yang ada.

• Cocok digunakan untuk menamoilkan informasi yang bersifat ringan, seperti artikel, berita dan informasi lain yang tidak menuntut pengunjung agar menyimak penjelasan secara bertahap.

D. Struktur linear dengan halaman alternatif :

• Pada dasarnya sama dengan struktur linear murni, bedanya pengunjug diberi alternatif “jalan” untuk pergi ke sebuah halaman.

• Struktur ini hanya sedikit lebih baik dari struktur linear murni.

• Struktur ini digunakan untuk isi situs yang bersifat menjelaskan halaman demi halaman, namun ada beberapa bagian yang memiliki tingkatan yang sama. Pada bagian inilah dapat dipisah menjadi halaman alternatif.

2. Struktur Grid

• Merupakan perluasan dari struktur linear murni.

• Struktur ini juga mengandung struktur linear dengan halaman alternatif dan struktur linear dengan halaman tambahan.

3. Struktur Hierarki

• Sangat banyak digunakan oleh sebagian besar situs web. Karena struktur ini bersifat fleksibel dan mudah untuk dikembangkan jika diperlukan.

• Menggunakan sub-sub direktori dan membentuk level-level ke bawah.

• File-file yang memiliki karakteristik fungsi yang sama akan disimpan dalam satu dierktori.

• Pada struktur ini gambar-gambar yang digunakan dalam setiap halaman web disimpan dalam sebuah drektori tertentu.

Jenis-jenis Struktur Hierarki :

1. Struktur hierarki lebar/ wide hierarki

• Merupakan struktur dasar dari bentuk hierarki dimana terdapat sebuah halaman depan yang menghubungkan halaman-halaman lain di dalam situs web.

• Penempatan halaman-halaman selain halaman depan diletakkan dalam satu level melebar.

• Struktur ini sering digunakan pada situs-situs web yang sederhana dimana sebuah halaman index yang menghubungkan dengan halaman-halaman isi.

2. Struktur hierarki pendek/ narrow hierarki.

• Mirip dengan struktur hierarki lebar, perbedaannya adalah struktur ini menempatkan halaman-halaman isi menjadi lebih “dalam” atau lebih “masuk” ke dalam.

• Sebagian besar situs web yang ada saat ini menggunakan gabungan antara dua jenis struktur hierarki ini.

• Perlu diperhatikan bahwa struktur-struktur dasar ini tidak dapat diaplikasikan secara mentah-mentah karena penggunaan struktur ini sangat tergantung kepada pembagian kategori isi yang akan dijelaskan.

Small – World Network

Small World Network adalah sebuah tipe grafik matematikal yang dari banyaknya simpul , namun tidak berhubungan dengan simpul yang lainnya (berbeda) , tetapi banyak nya simpul bisa menjangkau setiap simpul kecil lainnya. Khususnya, small-world network didefinisikan sebagai jaringan di mana L jarak antara dua node yang dipilih secara acak (jumlah langkah yang diperlukan) tumbuh secara proporsional dengan logaritma dari jumlah node N dalam jaringan, yaitu:

Dalam konteks jaringan sosial, hasil dalam fenomena small world netwok untuk orang asing (orang tak dikenal) yang dihubungkan dengan cara berinteraksi. Banyak grafik empiris dengan baik dimodelkan oleh jaringan-dunia kecil. Jaringan sosial, konektivitas internet, wiki seperti Wikipedia, dan jaringan gen semua karakteristik small world network.

Social network sites

Pengertian situs jejaring sosial yakni suatu struktur sosial yang terbentuk dari simpul-simpul (individu atau organisasi) yang “diikat” atau dipersatukan oleh sebuah situs. Umumnya situs berfungsi sebagai jalinan pertemanan dalam dunia maya. Namun banyak hal lagi yang dapat kita lakukan disini (situs jejaring sosial).

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.

dibawah ini adalah salah satu situs jejaring sosial yaitu :

1. MySpace

MySpace adalah situs jaringan sosial populer yang menawarkan jaringan antar teman, profil pribadi, blog, grup, foto, musik dan video untuk remaja dan dewasa di seluruh dunia. Markas situs ini terletak di Beverly Hills, California, Amerika Serikat. Tetapi pada tahun 2005, News Corp membeli MySpace dengan harga 580 juta dollar AS dan MySpace resmi berpindah tangan menjadi milik News Corporation.

2. Friendster

Friendster, yang ide penamaannya berasal dari nama Napster, adalah sebuah situs web jaringan sosial di mana seorang pengguna akan membuat identitas maya dan kemudian mengisi data dirinya untuk kemudian mendapatkan account di Friendster. Dalam Friendster, kita juga dapat melihat teman dari teman kita dan teman dari teman dari teman kita, selain melihat teman kita sendiri.

Friendster dimulai sejak tahun 2002 oleh Jonathan Abrams dan sekarang sudah melewati masa beta test. Sejak awal 2005, Friendster juga telah memulai fitur blog. Bahasanya juga sudah multi-language. Dan kini sudah ada versi untuk mobile-nya.

3. Facebook

Facebook adalah situs web jaringan sosial yang diluncurkan pada 4 Februari 2004 dan didirikan oleh Mark Zuckerberg, seorang lulusan Harvard dan mantan murid Ardsley High School. Keanggotaannya pada awalnya dibatasi untuk siswa dari Harvard College. Dalam dua bulan selanjutnya, keanggotaannya diperluas ke sekolah lain di wilayah Boston (Boston College, Boston University, MIT, Tufts), Rochester, Stanford, NYU, Northwestern, dan semua sekolah yang termasuk dalam Ivy League. Banyak perguruan tinggi lain yang selanjutnya ditambahkan berturut-turut dalam kurun waktu satu tahun setelah peluncurannya. Akhirnya, orang-orang yang memiliki alamat surat-e suatu universitas (seperti .edu, .ac.uk, dll) dari seluruh dunia dapat juga bergabung dengan situs ini.

Selanjutnya dikembangkan pula jaringan untuk sekolah-sekolah tingkat atas dan beberapa perusahaan besar. Sejak 11 September 2006, orang dengan dengan alamat surat-e apa pun dapat mendaftar di Facebook. Pengguna dapat memilih untuk bergabung dengan satu atau lebih jaringan yang tersedia, seperti berdasarkan sekolah tingkat atas, tempat kerja, atau wilayah geografis.

Hingga Juli 2007, situs ini memiliki jumlah pengguna terdaftar paling besar di antara situs-situs yang berfokus pada sekolah dengan lebih dari 34 juta anggota aktif yang dimilikinya dari seluruh dunia. Dari September 2006 hingga September 2007, peringkatnya naik dari posisi ke-60 ke posisi ke-7 situs paling banyak dikunjungi, dan merupakan situs nomor satu untuk foto di Amerika Serika, mengungguli situs publik lain seperti Flickr, dengan 8,5 juta foto dimuat setiap harinya.

4. Twitter

Twitter adalah suatu situs web layanan jaringan sosial dan mikroblog yang memberikan fasilitas bagi pengguna untuk mengirimkan “pembaharuan” berupa tulisan teks dengan panjang maksimum 140 karakter melalui SMS, pengirim pesan instan, surat elektronik, atau aplikasi seperti Twitterrific dan Twitbin. Twitter didirikan pada Maret 2006 oleh perusahaan rintisan Obvious Corp. Kesuksesan Twitter membuat banyak situs lain meniru konsepnya, kadang menawarkan layanan spesifik lokal suatu negara atau menggabungkan dengan layanan lainnya. Suatu sumber bahkan menyebutkan bahwa paling tidak ada 111 situs web yang memiliki layanan mirip dengan Twitter.

Dan masih banyak lagi situs jejaringan sosial seperti, Hi5, LinkedIn, Fupei, weibo, bebo, orkut, yahoo! meme, koprol, tumblr, plurk, google+, hello dan lain sebagainya.

Blogosphere

Blog adalah sebuah laman web yang kemasukan-kemasukannya ditulis menurut urutan kronologi dan dipaparkan dengan tertib terbalik.

Blog memberikan ulasan atau berita mengenai sesuatu tajuk, umpamanya makanan, politik, atau berita tempatan, dengan sesetengah blog berperanan lebih sebagai buku harian peribadi dalam talian. Blog yang tipikal menggabungan teks, imej, dan pautan ke dalam blog, laman web, dan media lain yang berkaitan dengan topiknya. Keupayaan para pembaca untuk meninggalkan ulasan mereka dalam format interaktif merupakan ciri yang utama untuk banyak blog. Kebanyakan blog umumnya adalah blog teks, walaupun sesetengahnya bertumpu pada gambar foto (blog foto), video (vlog), musik (blog MP3), atau audio (podcasting), dan merupakan sebahagian rangkaian media sosial yang lebih luas.

Istilah “blog” merupakan kata lakur untuk perkataan “web” dan “log” (Web log). “Blog” juga boleh digunakan sebagai kata kerja yang membawa pengertian “untuk memeliharakan atau menambahkan isi kandungan ke dalam blog.”

Pada bulan Nov 2007, Technorati, enjin carian blog, sedang menjejaki melebihi 120 juta blog, meningkat dua kali ganda sejak awal Januari 2007.

sumber :

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

http://cybergunt.blogspot.com/2011/06/struktur-situs-web.html

http://andrew-jonathan.blogspot.com/2013/07/web-content-struktur-web-analisis-web.html

http://yusniwa.blogspot.com/2013/02/pengertian-situs-jejaring-sosial-yakni.html

https://elsietelibertador76.wordpress.com/tag/struktur-web/

Arsitektur Web dan Aplikasi Utama

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.

1.       HTTP

Hypertext Transfer Protocol (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 perlu membuang waktu untuk pembuatan koneksi berulang-ulang.

2.       HTML

HTML ( Hypertext MarkUp Language) adalah sebuah bahasa markup 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. 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.       BROWSER

Pengertian Browser adalah suatu aplikasi atau program yang dijalankan pada perangkat komputer untuk melihat konten yang ada pada media World Wide Web (WWW) dengan memanfaatkan jaringan internet. Teknologi browser yang berkembang saat ini tidak hanya dapat menampilkan halaman yang berisi text atau tulisan saja, browser-browser populer sekarang dapat menampilkan gambar, musik, suara, video, file pdf dan data lainnya.

Beberapa Nama Browser Populer yang pernah ada:

1.      Mozilla Firefox

2.      Google Chrome

3.      Safari Browser

4.      Opera

5.      Internet Explorer

6.      Netscape

7.      Flock

Semua browser di atas mempunyai kemampuan dasar yang sama, yaitu dapat membuka dan menampilkan konten atau dokumen-dokumen yang tersimpan pada sebuah web server. Proses komunikasi antara browser dengan web server sehingga dapat menampilkan konten tulisan dan gambar yaitu dengan menggunakan HTTP (Hypertext Tranfer Protocol).

4.       BLOGS

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. Jenis Blog / penyedia Blog local maupun internasional :

Blogger.com, wordpress.com, Typepad.com, livejournal.com, blogdrive.com, blogsome.com, edublogs.org, diaryland.com, xanga.com

5.       Sosial Network

Sosial media adalah sebuah media untuk bersosialisasi satu sama lain dan dilakukan secara online yang memungkinkan manusia untuk saling berinteraksi tanpa dibatasi ruang dan waktu.

Sosial media dapat dikelompokkan menjadi beberapa bagian besar yaitu :

1. Social Networks, media sosial untuk bersosialisasi dan berinteraksi ( Facebook, myspace, hi5, Linked in, bebo, dll)

2. Discuss, media sosial yang memfasilitasi sekelompok orang untuk melakukan obrolan dan diskusi (google talk, yahoo! M, skype, phorum, dll)

3. Share, media sosial yang memfasilitasi kita untuk saling berbagi file, video, music, dll (youtube, slideshare, feedback, flickr, crowdstorm, dll)

4. Publish, (wordpredss, wikipedia, blog, wikia, digg, dll)

5. Social game, media sosial berupa game yang dapat dilakukan atau dimainkan bersama-sama (koongregate, doof, pogo, cafe.com, dll)

6. MMO (kartrider, warcraft, neopets, conan, dll)

7. Virtual worlds (habbo, imvu, starday, dll)

8. Livecast (y! Live, blog tv, justin tv, listream tv, livecastr, dll)

9. Livestream (socializr, froendsfreed, socialthings!, dll)

10. Micro blog (twitter, plurk, pownce, twirxr, plazes, tweetpeek, dll)

Sosial media menghapus batasan-batasan manusia untuk bersosialisasi, batasan ruang maupun waktu, dengan media sosial ini manusia dimungkinkan untuk berkomunikasi satu sama lain dimanapun mereka bereda dan kapanpun, tidak peduli seberapa jauh jarak mereka, dan tidak peduli siang atau pun malam.

6.       Semantic Web Summary

            Pengertian Semantic Web (Web Semantik) atau Definisi Semantic Web adalah pengembangan dari World Wide  Web di mana makna semantik dari informasi di web didefinisikan, sehingga memungkinkan mesin untuk memprosesnya. Semantic Web berasal dari World Wide  Web Konsorsium dari Web sebagai media universal data, informasi, dan pertukaran pengetahuan. Semantic Web terdiri dari seperangkat prinsip-prinsip desain, kelompok kerja kolaboratif, dan berbagai teknologi. Beberapa elemen dari Semantic Web yang dinyatakan sebagai calon masa depan dan unsur-unsur lain dari Semantic Web disajikan dalam spesifikasi formal dimaksudkan untuk memberikan deskripsi formal konsep, istilah, dan hubungan dalam satu domain tertentu.

Istilah Web Semantik itu sendiri diperkenalkan oleh Tim Berners-Lee, penemu World Wide Web. Sekarang, prinsip web semantik disebut-sebut akan muncul pada Web 3.0, generasi ketiga dari World Wide Web. Bahkan Web 3.0 itu sendiri sering disamakan dengan Web Semantik. Web Semantik menggunakan XML, XMLS (XML Schema), RDF, RDFS (Resources Description Framework Schema) dan OWL.

·         XML

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

·         RDF

RDF(Resource Description Framework) adalah standar W3C  untuk mendeskripsikan Web resources, seperti title, author, modification date, content, dan copyright information dari Web page.

7.       Web Security

Suatu tata cara mengamankan aplikasi web yg dikelola, biasanya yg bertanggung jawab melakukannya adalah pengelola aplikasi web tsb.

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.

CONFIDENTIALITY

Confidentiality memiliki makna bahwa data-data ataupun informasi-informasi yang berada di dalam sebuah website hanya dapat di baca atau di akses oleh orang-orang yang memang memiliki kewenangan untuk mengaksesnya. Dalam era konsep Web 2.0 yang sedang berkembang beberapa tahun belakangan ini, sangat memungkinkan sebuah website untuk dapat memiliki lebih dari satu administrator. Contohnya adalah WordPress engine.

INTEGRITY

Integrity memiliki pengertian data-data yang berada didalam server atau website hanya dapat diubah ataupun di delete oleh orang yang memiliki kewenangan untuk melakukan hal itu. Sebagai contoh proses transfer dari server ke client atau sebaliknya (dapat berupa upload maupun download), ternyata mengubah file yang sedang di transfer tersebut, hal ini mengindikasikan bahwa sebuah aplikasi website yang sedang digunakan tidak aman (insecure). Sama halnya jika ada serangan sebuah virus yang dapat mengubah sebuah file, entah itu mengubah nama ataupun isinya.

AVAILABILITY

Jika confidentiality bermakna hanya user yang memiliki kewenangan yang dapat melihat data tertentu yang tersimpan didalam sebuah server atau website, availability memiliki makna bahwa website harus dapat diakses jika user ingin meggunakannya. Memang terkesan membingungkan dan tidak berbeda dengan prinsip pertama, namun kedua prinsip ini sangat jauh berbeda dikarenakan dilihat dari dua sudut pandang yang memang berbeda.

Availability hanya menekankan kepada dapat diaksesnya sebuah website. Mengenai siapa yang dapat mengaksesnya itu telah dicover oleh prinsip confidentiality.

Jika sebuah website dapat diakses tanpa adanya error, itu berarti website tersebut telah memenuhi prinsip availability ini. Hal ini memiliki makna bahwa sebuah website haruslah dapat diakses apabila memang dibutuhkan, dengan kata lain versi yang lebih mudahnya adalah, website harus available 24 jam 7 minggu (24/7).

Sumber :

http://hilmandroid.blogspot.co.id/2014/04/arsitektur-web-dan-aplikasi-utama.html

http://bimotrihatmojo.blogspot.co.id/2016/03/arsitektur-web-dan-aplikasi-utama.html

https://faris6593.blogspot.co.id/2013/03/arsitektur-web-dan-aplikasi-utamanya.html

https://sirfrancois.wordpress.com/2016/03/29/arsitektur-web-dan-aplikasi-utama/

https://elsietelibertador76.wordpress.com/2014/05/05/arsitektur-web-dan-aplikasi-utama/