Explore Mengenai Simatik Web

WEB SEMANTIK 

Menurut Jhon Markoff, WEB SEMANTIK adalah sekumpulan teknologi yang menawarkan cara baru yang efisien dalam membantu komputer mengorganisasi dan menarik kesimpulan dari data online.   Melalui web semantik inilah berbagai perangkat lunak akan mampu mencari, membagi, dan mengintegrasi informasi dengan cara yang lebih mudah.

Jadi, Web semantik ( semantic web ) adalah perkembangan dari www ( world wide web ) pada tahun 2002, dimana konten web yang di tampilkan tidak hanya dengan format bahasa manusia yang umum tetapi juga bisa di baca dan digunakan oleh bahasa mesin.  

STANDAR WEB SEMANTIK

Pembuatan web semantik 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 3.0 memiliki beberapa standar operasional untuk bisa menjalankan fungsinya dalam menampung metadata. Misalnya Resource Description Framework (RDF) dan Web Ontology Language (OWL).

Dibalik teknologi web semantik peran RDF ( Resource Description Framework ) adalah untuk mendefinisikan format metadata yang terdiri dari beberapa komposisi yaitu : subject, predicate, dan object. Subject dan object adalah entitas yang ditunjukkan oleh teks (Media Iptek, 2006). Sedangkan predicate adalah komposisi yang menerangkan sudut pandang dari subject yang dijelaskan object. Hal yang paling menarik dari RDF yaitu object dapat menjadi subject yang nantinya diterangkan oleh object yang lainnya. Sehingga object atau masukan dapt diterangkan secara jelas dan detail, serta sesuai dengan keingingan pengguna yang memberikan masukan.

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.

CONTOH WEB SEMANTIK

Apabila kita mengetik di pencarian dengan keyword “tanggal berapa indonesia merdeka ?.” maka hasil dari pencarian tersebut yang keluar adalah “17 Agustus 1945.“ begitu mudah bukan ?

 Contoh lain web semantik adalah :

1.      SIOC ( http://sioc-project.org/ ) Adalah komunitas yang berusaha mewujudkan semantic website yang tengah berjuang membantu kita menciptakan web cerdas yang mana kelak pencarian info di internet menjadi jauh - jauh sangat mudah.

2.      Yahoo’s Food Site, Spivack’s Radar Networks, dan sebuah development platform, Jena, di Hewlett-Packard.

3.      Second Life merupakan dunia virtual berbasis Internet. Mungkin di masa depan kita bisa hidup di dunia virtual itu yaitu di internet karena memang kehidupan di dalam Second Life meniru apa saja yang dilakukan oleh Anda dan yang ada di dunia nyata ini, dimana kita bisa berteman, melakukan aktivitas, berbicara dengan teman Anda, bertukar opini, bahkan berbisnis dan lain-lainnya yang ada di dunia ini. 

4.      Google Co-Op yang beralamatkan di http://www.google.com/coop/. Google Co-Op merupakan salah satu service yang disediakan Google dan mulai beroperasi sejak tahun 2006 dan merupakan fungsi search yang ditambahkan di search engine Google dengan penambahan fitur yang lebih luas dan diharapkan Google Co-Op dapat memberikan sesuatu yang tepat yang sedang dicari orang-orang.

5.      Web Servies yakni teknologi web yang memungkinkan sebuah aplikasi mampu berhubungan dengan aplikasi lainnya melalui protokol HTTP dengan format pesan XML

TEKNOLOGI WEB 3.0 ( WEB SEMANTIK )

1.      SOAP : Simple Object Access Protocol adalah standar untuk bertukar pesan-pesan berbasis XML melalui jaringan komputer atau sebuah jalan untuk program yang berjalan pada suatu sistem operasi (OS) untuk berkomunikasi dengan program pada OS yang sama maupun berbeda dengan menggunakan HTTP dan XML sebagai mekanisme untuk pertukaran data.

2.      REST : REpresentational State Transfer atau transfer keadaan representasi, adalah suatu gaya arsitektur perangkat lunak untuk untuk pendistibusian sistem hipermedia seperti WWW.

Contoh : Amazon Associates Web Services (AAWS) yakni layanan (Web As Services) berupa HTTP request (post / Get) yang dapat digunakan oleh pihak deceloper dan data di Amazon untuk kegiatan Affiliate (mempromosikan produk amazon).

3.      WSDL : format XML yang diterbitkan untuk menerangkan webservice. WSDL mendefinisikan:

a.       pesan-pesan (baik yang abstrak dan kongkrit) yang dikirim ke dan menuju web service

b.      koleksi-koleksi digital dari pesan-pesan (port type, antarmuka)

c.       Bagaimana port type yang ditentukan dijadikan wire protokol di mana servis ditempatkan.

4.      WDDX : Web Distributed Data eXchange. Mekanisme pertukaran data dari lingkungan yang berbeda

APLIKASI WEB 3.0

RDF digunakan pada aplikasi berikut ini:

1.      RSS (RDF Site Summary) : RSS memberikan informasi yang terupdate tanpa kita mengunjungi web tersebut

2.      FOAF (Friend of a Friend) : Didesain tuk mendeskripsikan orang-orang, ketertarikan dan hubungan mereka

3.      SIOC (Semantically-Interlinked Online Commnities) : Menerangkan komunitas Online dan membuat koneksi antara diskusi berbasis Internet seperti message board, mailing list, blog.

Untuk aplikasi yang memproses informasi digunakanlah OWL (Web Ontology Language), OWL berbasis XML dan dengan mudahnya dapat melakukan pertukaran antara mesin dan OS yang berbeda dan bahasa aplikasi yang berbeda.

Beberapa sub-language (spesies) yang dimiliki OWL:

1.      OWL Lite : Digunakan untuk mendukung pengguna yang memerlukan klasifikasi hirarki dan dalam batasan yang sederhana.

2.      OWL DL : Mendukung konstruksi seluruh OWL, tetapi hanya digunakan pada batasan tertentu.

3.      OWL Full : Yang menginginkan maksimum penggunaan dan sintaksis gunakanlah OWL Full.

Keunggulan Web 3.0

1.      Kecepatan berinteraksi antar apps, karena menggunakan sarana HTTP 

2.      Ketepatan / Keakuratan data, karena data yang dikirim (request) dan diterima (response) semuanya berbasiskan XML 

3.      Kemudahan, mengola request dan response, karena standar pesan XML 

4.      Fleksibel, contoh aplikasi PHP mampu berhubungan dengan java, begitu sebaliknya, karena semuanya menggunakan protokol HTTP.

5.      Bukti joomla (PHP) kini mampu berhubungan dengan alfresco yang dibangun dengan java

6.      Metode : XML-RPC, SOAP, dan REST.

Sumber :

http://www.slideshare.net/djarotstudio/06-amazon-web-services-presentation

http://ewawan.com/pengertian-web-3-0.html

http://id.wikipedia.org/wiki/Web_3.0

http://netsains.com/2007/07/setelah-web-20-kini-giliran-web-30/

Read More

Mengukur Kinerja Web

Ada banyak tools untuk mengukur suatu website. Di tulisan saya ini, saya hanya menyebutkan 3 dari sekian tools yang ada. Diantaranya adalah :

1. SEO

SEO atau Search Engine Optimization adalah mengoptimalkan sebuah blog/web dengan memanfaatkan search engine dan mendapatkan peringkat yang tinggi pada halaman pertama search engine dengan menggunakan keyword tertentu agar web/blog kita diramaikan oleh pengunjung yang datang dari search engine.

Kelebihan daripada SEO ini sendiri adalah dari segi interface hasi pengukurannya lebih mudah dipahami, simple dalam penggunaannya dan SEO akan memberikan berbagai saran demi meningkatkan web/blog kita. Adapun kekurangannya dalah tidak terdapat table yang menampilkan dan menjelaskan jumlah pengunjung yang mengakses web/blog kita.

Referensi :

http://squad1.blogspot.com/2011/11/pengertian-seo.html

http://0van01.wordpress.com/2012/06/10/tools-mengukur-website/

2. GTmetrix

GTmetrix merupakan sebuah situs di mana kita dapat mengetahui berbagai hal yang membuat blog/web kita lambat dan performa blog/web ketika diakses, tersedia secara gratis dengan menggunakan Yahoo Yslow dan Google Page Speed sebagai mesin penganalisa dan menampilkan hasil juga rekomendasi yang harus dilakukan.

Kelebihan dari GTmetrix adalah dapat membandingkan beberapa URL secara bersamaan, dapat dijadwalkan pengecekan web/blog secara otomatis dan dapat menyimpan laporan. Sedangkan kekurangannya adalah dalam penggunaan GTmetrix harus menggunakan koneksi internet yang cepat.

Referensi :

http://altkom.blogspot.com/2012/01/tes-performa-blog-website-dengan.html

3. Keynote Internet Testing Environment (KITE)

Keynote Internet Testing Enviroment (KITE) adalah alat pengujian dan pengukuran berbasis desktop yang digunakan untuk merekam dan mengedit transaksi web dan menganalisa kinerja dari aplikasi web (Keynote System, Inc 2010). KITE sangat mudah untuk digunakan dan sebagai salah satu alat yang sudah cukup terkenal di dunia. KITE dipilih sebagai alat pengukuran kinerja Web karena ia merupakan tools yang bebas biaya, berbasis dektop environment dan dapat melakukan pengujian dari 5 kota di berbagai belahan dunia yang menjadi agent dari jaringan KITE.

Referensi :

http://fakta7.blogspot.com/2011/04/pengukur-kinerja-situs-web.html

Jadi, menurut saya, dari ketiga tools yang saya pilih untuk dijelaskan, saya lebih memilih KITE, karena gratis dan juga mendukung banyak kemampuan seperti dapat diakses dan menganalisa kinerja web melalui 5 server tes di jaringan global Keynote System dan dapat merekam kembali bentuk-bentuk transaksi web yang sudah dijalankan oleh pengguna untuk keperluan analisa.

Read More

Pembuatan Website Sederhana dengan HTML

HTML merupakan salah satu tools yang berguna untuk pembuatan website, karna itu saya akan sedikit menjelaskan tentang langkah-langkah pembuatan website dengan menggunakan HTML

Langkah-langkah :

       1.      Bukalah “Notepad” dengan cara klik Start > All Program > Accessories > Notepad. Atau jika sudah ada shortcut di Desktop maka kamu bisa langsung mengklik 2x pada gambar icon Notepad

ini merupakan salah satu cara membuka Notepad

     2.      Tampilan Notepad, program akan muncul jika sudah berhasil membukanya

                               

   3.      Membuat Bagian Kepala dan Badan Website

Sebuah halaman web terdiri dari dua bagian, yaitu bagian kepala dan badan. Bagian kepala memberi nama website kita, sedangkan bagian badan berisi halaman inti sebuah web

 Diatas merupakan contoh untuk membentuk suatu halaman website. Dan dari contoh diatas terlihat bahwa setiap tag mempunyai pasangan yang ditandai dengan tanda slash (/).

·      Tanda slash (/) dalam tag merupakan pertanda bahwa ia adalah pasangan. Contoh <head> pasangannya adalah </head>

·        Selalu diawali dengan <html> dan diakhiri dengan </html>

·        <title> </title> merupakan judul dari website yang akan muncul diatas.

·        <body> </body> merupakan isi dari website.

·       <h1>, <h2>, <h3>, . . . .  <hn> merupakan penentuan ukuran dari huruf. Semakin besar angkanya maka akan semakin kecil hurufnya

Jika sudah selesai mengetik kemudian klik File > Save / Save As, dan disimpan dengan nama index (.html). dan akan menghasilkan sebuah file yang mempunyai icon web browser seperti google crome tergantung web browser yang anda gunakan dalam computer anda.

     4.      Melihat hasilnya, cara melihat hasil dari langkah-langkah diatas adalah dengan membuka file yang telah kita simpan. Dibawah ini merupakan hasil dari yang saya buat

Mempercantik Website dengan HTML

• Menambah Warna Backgroud Website

Didalam suatu website biasanya warna backgroudnya adalah putih, anda dapat merubah warna background dengan warna lainnya dengan cara menambahkan “bgcolor = warna”

Contohnya saya ingin merubah warna website saya dengan warna biru

<body bgcolor = blue>

Jangan lupa save jika sudah selesai menambahkan ketikan anda kedalam notepad. Kemudian refresh web browser anda untuk melihat perubahannya 

·     

• Merubah Tulisan dalam Website

Website dapat dipercantik dengan merubah jenis dan ukuran tulisannya yaitu dengan cara menyisipkan tag <font> </font> dalam <body> </body>. 

Untuk merubah warna tulisan caranya menambahkan kode “color” setelah font, dan untuk merubah jenis tulisan caranya menambahkan kode “size”. Untuk size apabila semakin besar nilai maka semakin besar pula huruf yang ditampilkan.

Contoh

Kode dicontoh berarti mempengaruhi warna menjadi warna putih, berjenis Verdana dan berukuran -3, Save dan Refresh web browser untuk melihat pengaruhnya.

Jika ingin member efek tulisan bergerak, maka caranya adalah menyisipkan tag <marquee> </marquee> sebelum kode <font> </font>

Contoh

Diatas merupakan contoh kodenya dan dibawah ini merupakan contoh hasil dari kode tersebut

Referensi : http://astronaut30.blogspot.com/

Read More

Client Server, Tools Pembuatan Web dan SEO

Pengertian Client Server

Client Server adalah suatu bentuk arsitektur dimana client sebagai peminta data atau layanan serta penerima yang akan menampilkan dan menjalankan aplikasi, sedangkan server sebagai penyedia data atau layanan yang memberikan aplikasi yang diminta oleh client.

Arsitektur client-server adalah suatu system aplikasi yang bekerja ketika server mengakses suatu jaringan kemudian client dan server saling berkomunikasi tentang permintaan data dan penyediaan data.

Beberapa Tools dalam Pembuatan Web

Tools yang dibutuhkan didalam website tergantung pada jenis website yang akan kita buat. Apabila ingin membuat website yang banyak fitur animasi, maka kita melibatkan Adobe Flash dalam pembuatan website tersebut. Dan apabila ingin membuat website yang selalu di-update, maka kita memerlukan atau melibatkan beberapa bahasa pemograman seperti PHP dan ASP yang dihubungkan dengan database.  Berikut merupakan beberapa tools yang diperlukan dalam pembuatan website
1. HTML

HTML adalah singkatan dari Hyper Text Markup Language, merupakan bahasa pemrograman utama dalam pembuatan website yang digunakan untuk membuat sebuah website ataupun menampilkan berbagai informasi.

Contoh HTML
<!DOCTYPE html>
<html>
  <head bgcolor=black text=white>
    <title>'''Selamat Datang Di Blog Saya''' HTML</title>
  </head>
  <body>
    <p>Terima Kasih Telah Berkunjung!</p>
  </body>
</html>

Kegunaan HTML :

·         Memodifikasi format teks tersebut

·         Mengintegerasikan gambar dengan tulisan.

·         Membuat Pranala.

·         Mengintegerasikan berkas suara dan rekaman gambar hidup.

·         Membuat form interaktif.

Karakteristik HTML:

·         Fleksibel

·         Bisa bergabung dengan beberapa bahasa pemograman lain, seperti Javascript, VBScript, Active Server Pages, Perl, Tcl, atau PHP

·         Tidak bersifat case sensitive

·         Tidak memperdulikan white space characters

2. Java Script

Java Script adalah bahasa pemograman yang bisa disisipkan ke dalam HTML sama halnya seperti PHP namun Java Script berjalan disisi Client, yang biasanya digunakan untuk beberapa hal-hal tertentu didalam suatu website seperti membuat validasi pada form pendaftraran, form login, menampilkan jam, animasi sederhana atau lainnya.

Contoh Java Script :

·         Untuk menampilkan teks alert sebelum masuk halaman dengan load beberapa detik: 

       <body onLoad="alert('Selamat menjelajahi situsku!');">

·         Untuk menampilkan teks alert setelah keluar halaman 

       <body onUnLoad="alert('Thanks ya udh berkunjung!');">

Kegunaan Java Script :

·         Untuk membuat interaksi antara user dengan situs web menjadi lebih cepat tanpa harus menunggu

·         Untuk mempercantik halaman web, fitur chatting, efek-efek modern, games

·         Untuk menuliskan fungsi yang disisipkan kedalam HTML

Karakteristik Java Script :

·         Selalu di awali oleh “<” dan diakhiri “>”

·         Case Sensitive

·         Terinttegrasi ke dalam html

·         Diletakkan di file tersendiri yang berekstensi.

·         Script pada bagian head dan body
3. PHP

PHP adalah singkatan dari Hypertext Prepocessor, yaitu bahasa pemograman yang banyak digunakan secara luas terutama untuk pembuatan dan pengembangan website, biasanya digunakan bersamaan dengan HTML.

Contoh PHP

·         Program

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<!DOCTYPE html> <html>    <head>       <title>Contoh list dengan PHP</title>    </head> <body> <h2>Daftar Absensi Mahasiswa</h2>    <ol>       <?php       for ($i= 1; $i <= 1000; $i++)          {             echo "<li>Nama Mahasiswa ke-$i</li>";          }       ?>    </ol </body> </html>

Kegunaan PHP :

·         Teks proses à dapat menghemat pekerjaan membosankan menghitung jumlah kata atau huruf,  dapat memanfaatkan setiap huruf pertama dalam semua kalimat, atau memotong teks.

·         Berinteraksi dengan pengguna à untuk berinteraksi secara langsung dengan situs web dan aplikasi dengan cara yang berbeda

·         Bekerja dengan database à untuk menyimpan segala sesuatu dalam skrip, dan begitu banyak informasi yang disimpan dalam database.

Karakteristik PHP :

·         Open source

·         Tidak melakukan sebuah kompilasi dalam penggunaannya

·         Mudah dikembangkan dan mudah dipahami

1. 
   

Read More

Internet

• Pengertian Internet 

Internet adalah singkatan dari kata interconnected networking yaitu jaringan yang saling terhubung. Internet dapat diartikan dengan jaringan computer yang dapat menghubungkan pemakai computer dari daerah, kota bahkan suatu Negara ke Negara lain diseluruh dunia

Internet juga dapat diartikan sebagai jaringan yang menghubungkan berbagai jenis computer dan jaringan yang berbeda  dari suatu Negara ke Negara lainnya, sehingga dapat berinteraksi, berkomunikasi, saling bertukar informasi atau tukar menukar data

Read More