ARSITEKTUR WEB DAN APLIKASI UTAMA

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.

Arsitektur Website adalah istilah yang digunakan untuk disiplin intelektual untuk mengatur konten website. Web desain menggambarkan tugas-tugas praktis, bagian grafis dan bagian teknis dari merancang dan menerbitkan sebuah situs web. Analoginya seperti tugas menyunting sebuah desain dan pencetakan grafis dari koran atau majalah.

Berikut adalah contoh bagan dari arsitektur web

Pertimbangan besarnya dari kebutuhan dan batasan dalam pembangunan sebuah web meliputi:

·         Kebutuhan fungsional

·         Kebutuhan kualitas

·         Integrasi dengan sistem yang telah ada

Komponen arsitektur aplikasi web dasar yaitu:

·         Client : melakukan request atau akses halaman, contoh: web browser

·         Firewall : software yang mengatur jaringan internet dengan LAN perusahaan

·         Proxy : menyimpan halaman web pada cache

·         Web server: pendukung protokol web untuk memproses permintaan client.

·         Database server: menyediakan data dalam bentuk terstruktur

·         Media server: content streaming data besar yang tidak terstruktur

·         Content management server: menangani content untuk melayani aplikasi

·         Aplikasi server: melayani permintaan akses dari client

http, HTML, Internet, Web Server, Browser, Transaction

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.HTTP adalah sebuah protokol meminta/menjawab antara klien dan server.

Contoh bagan arsitektur http saat live streaming:

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

Contoh bagan arsitektur HTML pada HTML5:

INTERNET

Internet atau disebut juga 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.

WEB SERVER

Web Server 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.

Fungsi utama sebuah web server adalah untuk mentransfer berkas atas permintaan pengguna melalui protokol komunikasi yang telah ditentukan. Disebabkan sebuah halaman web dapat terdiri atas berkas teks, gambar, video, dan lainnya pemanfaatan server web berfungsi pula untuk mentransfer seluruh aspek pemberkasan dalam sebuah halaman web yang terkait; termasuk di dalamnya teks, gambar, video, atau lainnya.

Pengguna, biasanya melalui aplikasi pengguna seperti peramban web, meminta layanan atas berkas ataupun halaman web yang terdapat pada sebuah web server, kemudian server sebagai manajer layanan tersebut akan merespon balik dengan mengirimkan halaman dan berkas-berkas pendukung yang dibutuhkan, atau menolak permintaan tersebut jika halaman yang diminta tidak tersedia.

Saat ini umumnya web server telah dilengkapi pula dengan mesin penerjemah bahasa skrip yang memungkinkan server web menyediakan layanan situs web dinamis dengan memanfaatkan pustaka tambahan seperti PHP, ASP.

Contoh bagan arsitektur Web Server:

BROWSER

Browser adalah sebuah aplikasi perangkat lunak yang digunakan untuk menampilkan halaman Web. Microsoft Internet Explorer, Netscape Navigator, Mozilla adalah contohnya. Pendeknya untuk Web browser, merupakan aplikasi perangkat lunak digunakan untuk menemukan, mengambil dan juga menampilkan konten di World Wide Web, termasuk halaman Web, gambar, video dan file lainnya. Sebagai model klien / server, brow

TRANSACTION

Internet Server Transaksi memiliki kemampuan untuk menangani berbagai macam teknologi Web untuk mengakses aplikasi SAP. Menggunakan SAP GUI antarmuka, baik Transaksi Web dan SAP GUI untuk HTML adalah dua pilihan tersebut. Memanfaatkan RFC Protocol, Web Reporting, WebRFC dan Logika Arus ITS tiga opsi lain. Internet Aplikasi Komponen merupakan pilihan juga yang menggunakan tata letak berbasis template.

USER GENERATED CONTENT, BLOGS, WIKIS, FOLKSONOMIES, SOCIAL NETWORKS

USER GENERATED CONTENT

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

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

BLOGS

Blog (web log) adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Blog mempunyai fungsi yang sangat beragam,dari sebuah catatan harian, media publikasi dalam sebuah kampanye politik, sampai dengan program-program media dan perusahaan-perusahaan. Sebagian blog dipelihara oleh seorang penulis tunggal, sementara sebagian lainnya oleh beberapa penulis.

WIKIS

Wiki adalah sebuah situs web (atau koleksi dokumen hiperteks lainnya) yang memperbolehkan penggunanya menambah atau mengubah isi situs tersebut. Istilah ini juga dapat merujuk kepada software kolaboratif yang digunakan untuk menciptakan situs web semacam itu.

Ward Cunningham, pengembang perangkat lunak wiki yang pertama, WikiWikiWeb, mulanya mendeskripsikan wiki sebagai "basis data terhubung paling sederhana yang memiliki peluang untuk bekerja."
Bus "Wiki Wiki" di Bandar Udara Internasional Honolulu.

Wiki (dengan huruf besar 'W') dan WikiWikiWeb kadang digunakan untuk merujuk kepada Portland Pattern Repository, wiki yang paling pertama diciptakan.

Pendukung penggunaan ini mengusulkan penggunaan huruf kecil 'w' untuk membedakan istilah generik yang sedang dibicarakan di sini. Wiki wiki berasal dari istilah bahasa Hawaii untuk "cepat" atau "super-cepat".

Kadang istilah wikiwiki atau WikiWiki digunakan daripada wiki. Istilah-istilah ini dapat digunakan secara berganti-ganti meskipun perbedaan pandangan mengenai kapitalisasi juga dapat diterapkan dalam cara yang mirip.

Wikipedia merupakan aplikasi yang berbasiskan wiki dan merupakan situs wiki paling populer saat ini.

FOLKSONOMIES

Folksonomi adalah suatu sistem pengklasifikasian yang diturunkan dari praktik dan metode pembuatan dan pengelolaan tag-tag secara kolaboratif, untuk menganotasi dan mengkategorisasi konten.

SOCIAL NETWORKS

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

SEMANTIC WEB SUMMARY: XML, RFD,OWL, MICROFORMATS, MICRODATA

XML

XML 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 yang merupakan bahasa standar untuk melacak Internet.

XML didesain untuk mempu menyimpan data secara ringkas dan mudah diatur. Kata kunci utama XML adalah data 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 3 tipe file, yaitu:

1.      XML, merupakan standar format dari struktur berkas (file).

2.      XSL, merupakan standar untuk memodifikasi data yang diimpor atau   diekspor.

3.      XSD, merupakan standar yang mendefinisikan struktur database dalam XML.

Keunggulan XML bisa diringkas sebagai berikut :

1.      Pintar (Intelligence). XML dapat menangani berbagai tingkat (level) kompleksitas.

2.      Dapat beradaptasi. Dapat mengadaptasi untuk membuat bahasa sendiri. Seperti Microsoft membuat bahasa MSXML atau Macromedia mengembangkan MXML.

3.      Mudah pemeliharaannya.

4.      Sederhana. XML lebih sederhana.

5.      Mudah dipindah-pindahkan (Portability). XML mempunyai kemudahan perpindahan (portabilitas) yang lebih bagus.

RDF

RDF merupakan sebuah model sederhana untuk mendeskripsikan hubungan antara sumber-sumber daya yang merupakan properti-properti dan values. RDF properti-properti dapat sebagai atribut dari sebuah sumber daya. RDF Properti-properti dapat mereprensentasikan hubungan antara sumber daya. RDF Data Model dapat disusun dari sebuah diagram entity-relationship, tetapi tidak menyediakan mekanisme untuk mendeskripsikan properti-properti-nya dan tidak dapat menyediakan mekanisme untuk menjelaskan hubungan antara properti-properti tersebut dengan sumber lain. RDF Vocabulary menyediakan bahasa untuk mendeskripsikan class dan properti-properti yang dapat digunakan untuk menjelaskan class dan properti-properti lain.

Bahasa yang digunakan merupakan koleksi dari sumber RDF yang dapat digunakan untuk mendeskripsikan properti-properti dari sumber RDF yang lain yang mendefinisikan kosakata RDF untuk spesifikasi aplikasi. Kosakata inti yang didefinisikan dalam namespace dikenal sebagai ‘rdfs’, dan diidentifikasikan dengan referensi URI. Spesifikasi ini juga menggunakan prefik ‘rdf ‘ untuk merujuk ke namespace inti dari RDF.

Skema RDF dapat mendeskripsikan sebuah hubungan antara kosa kata dari skema yang tidak saling berhubungan. Sejak referensi URI digunakan untuk mendefinisikan class dan properti-properti pada Web, sangatlah mungkin untuk menciptakan properti-properti baru yang mempunyai nilai dari domain dan range adalah sebuah class yang didefinisikan dari namespace lain.

OWL

OWL adalah suatu bahasa yang dapat digunakan oleh aplikasi-aplikasi yang bukan sekedar menampilkan informasi tersebut pada manusia, melainkan juga yang perlu memproses isi informasi isi. Ontologysendiri dapat didefinisikan sebagai suatu cara untuk mendeskripsikan arti dan relasi dari istilah-istilah. Deskripsi tersebut berisiclasses, properties, dan instances.

OWL menyediakan tiga 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 ekpresi maksimal dan semua konklusi yang dihasilkan dapat dihitung dalam waktu yang terbatas (finite)

3.      OWL Full, digunakan oleh pengguna yang menginginkan tingkat ekpresi 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 RDFa dan Microformats.

WEB SECURITY

Web security adalah 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.

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

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

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

DAFTAR PUSTAKA:

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

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

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

http://ernapuspitasr.blogspot.co.id/2015/05/arsitektur-web.html