Analisa Website (Pendidikan, Pemerintahan, dan Sosial Media)

Analisa menurut kamus bahasa Indonesia berarti penyelidikan terhadap suatu peristiwa (karangan atau perbuatan) untuk mengetahui keadaan sebenarnya (baik sebab maupun duduk perkara). Dalam hal ini analisa yang saya lakukan adalah menganalisa website-website (Website Pendidikan, Pemerintah, dan Sosial Media). Pengujian yang kami lakukan meliputi pengujian kualitatif dan kuantitatif.Website - website yang kami analisa , diantaranya :

1. Website Pendidikan (National Geographic)

National Geographic merupakan portal dan media komunikasi yang disajikan bukan hanya untuk para pelanggan majalah NGI, melainkan juga untuk seluruh pengguna internet. Melalui situs ini, pengunjung bisa memperoleh informasi terbaru seputar isu-isu terkini yang termuat di majalah NGI.

Data kuantitatif yang kami analisa antara lain :

• GTMetrix
  
  
  
• WebPageTest
  
  
  
• WebArchive
  
  
  
• Alexa Rank
  
  
  
• Google Search
  
  
  

Sedangkan, data kualitatif yang kami analisa antara lain:

• Situs National Geographic memiliki berbagai fitur interaktif terkait kisah-kisah yang ada di Sajian Utama website tersebut. 
• Terdapat feature Forum dimana tempat sebagai media diskusi interaktif sekaligus komunitas online melalui halaman (page) Fotokita, dimana di forum tersebut sebagai wadah bagi pecinta fotografi. 
• Terdapat fitur share di media social yang memudahkan pengguna untuk membagikan konten artikel ke media social. 
• Fitur kolom komentar yang dipergunakan menggunakan Disqus (www.disqus.com) memudahkan bagi pengguna situs untuk berdiskusi / berkomentar tentang artikel yang sedang di buka.

2.  Website Pemerintahan (Kominfo)

Kementerian Komunikasi dan informatika (sebelumnya bernama “Departemen Penerangan” (1945-1999), “Kementerian Negara Komunikasi dan Informasi” (2001-2005), dan Departemen Komunikasi dan Informatika (2005-2009), disingkat Depkominfo) adalah Departemen/kementerian dalam Pemerintah Indonesia yang membidangi urusan komunikasi dan informatika. Kementerian Kominfo dipimpin oleh seorang Menteri Komunikasi dan Informatika (Menkominfo) yang sejak tanggal 22 Oktober 2009 dijabat oleh Tifatul Sembiring.

Data kuanitatif yang kami analisa , antara lain :

• GTMetrix
  
  
  
• WebPageTest
  
  
  
• WebArchive
  
  
  
• Alexa Rank
  
  
  
• Google Search
  
  
  

Sedangkan data kualitatif yang teranalisa diantaranya :

• Situs Kementerian Komunikasi dan Informatika memiliki berbagai fitur interaktif terkait artikel-artikel mengenai perkembangan komunikasi dan informatika Indonesia.
• Terdapat berbagai macam foto dan video kegiatan di dalam kemntrian komunikasi dan informatika.
• Terdapat berita mengenai beasiswa kominfo.

3.  Website Media Sosial (Twitter)

Twitter adalah layanan jejaring sosial dan mikroblog yang memungkinkan penggunanya untuk mengirim dan membaca pesan berbasis teks hingga 140 karakter, yang dikenal dengan sebutan kicauan (tweet). Twitter didirikan pada bulan Maret 2006 oleh Jack Dorsey, dan situs jejaring sosialnya diluncurkan pada bulan Juli. Sejak diluncurkan, Twitter telah menjadi salah satu dari sepuluh situs yang paling sering dikunjungi di Internet, dan dijuluki dengan "pesan singkat dari Internet." Di Twitter, pengguna tak terdaftar hanya bisa membaca kicauan, sedangkan pengguna terdaftar bisa memosting kicauan melalui antarmuka situs web, pesan singkat (SMS), atau melalui berbagai aplikasi untuk perangkat seluler.

Data kuantitatif yang kami analisa , antarlain :

• GTMetrix
  
  
  
• WebPageTest
  
  
  
• WebArchive
  
  
  
• Alexa Rank
  
  
  
• Google Search
  
  
  

Sedangkan data kualitatif yang teranalisa diantaranya :

• Situs twitter memiliki banyak fitur untuk membantu penggunanya berkomunikasi dengan sesama pengguna twitter lainnya dari mana saja. Dan kapan saja.
• Dalam laman home, anda dapat membuat kicauan atau tweet yang anda pikirkan di timeline anda dan orang lain yang mengikuti anda atau followers.
• Dalam tiap tweet anda dapat membalas, berbagi, membuat tweet tersebut menjadi favorite, dan lainnya. Dapat juga membisukan tweet pengguna dan memblokir penggunan tersebut jika tidak berkepentingan atau mengganggu.
• Dalam laman notifikasi, anda dapat mengetahui siapa saja yang menyebutkan username anda, membalas tweet anda, dan siapa saja yang mem-favoritkan tweet anda.
• Dalam laman pesan, anda dapat mengirimkan pesan secara langsung dengan followers atau following anda secara private atau dengan kata lain hanya anda dan dia saja yang dapat membukanya melalui masing-masing profile.
• Di pojok kiri atas ada box profile anda yang dapat anda atur sesuai keinginan. Seperti mengatur foto atau avatar, mengganti latar foto atau background dan mengganti header yang terdapat pada bagian atas profile anda.
• Di kiri bawah, terdapat macam-macam hal yang sedang populer atau ramai diperbincangkan dengan pengguna twitter.
• Di kanan atas, ada beberapa pengguna yang disarankan oleh twitter untuk anda ikuti yang berhubungan dengan anda atau orang-orang sekitar anda.

-================================-

Tool yang kami gunakan, diantaranya :

1. GTMetrix adalah website yang menampilkan output berupa hasil benchmark website yang dituju. GTMetrix membantu developer website untuk mengefisiensi website mereka. Beralamat di www.gtmetrix.com .
2. WebPageTest adalah website yang dipergunakan untuk menghitung kecepatan website yang ingin di analisa. WebPageTest juga memberikan rincian content yang terdapat pada website yang di analisa, berkaitan dengan banyaknya persentase gambar, file html, jss, dsb yang berkaitan dengan website yang sedang di analisa.
3. WebArchive adalah website yang dipergunakan untuk memperlihatkan archive dari sebuah website, berkaitan dengan konten (artikel) yang terdapat pada website yang di analisa.
4. Alexa Rank adalah website terpercaya yang dipergunakan untuk melihat peringkat sebuah website di Internet, dilihat dari banyaknya jumlah pengunjung pada website tersebut.
5. Google Search adalah website yang dipergunakan untuk mencari informasi yang berkaitan dengan keyword (data berupa tulisan) yang dimasukkan oleh user.

Nama Anggota Kelompok :

• Amellia
• Reynaldi Syarizal
• Solihin

Read More

Membuat Website Resume Sederhana - Resumekami.esy.es

Sebelumnya, perkenalkan dulu yuk anggota kelompok kami.

• Solihin (58413601)
• Reynaldi Syahrizal (57413482)
• Amellia (50413790)

Kami dari kelas 2IA12.

Bukan hal yang asing lagi ketika saat ini semua hal yang bersangkutan dengan publisitas tak luput dari yang namanya website. Website secara pengartian berarti kumpulan dari halaman - halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam Internet. Nah, dalam penggunaanya website ditujukan untuk berbagai kebutuhan dan tujuan. Kali ini kami membuat resume (portofolio) sederhana yang kami aplikasikan menggunakan sebuah website secara utuh.

www.resumekami.esy.es

Apa aja sih poin-poin yang ada di website Resumekami.esy.es?

• Terdiri dari 1 halaman portal dan 3 halaman resume. Portal dibuat untuk merujuk ke link masing-masing resume anggota kelompok.
• Menggunakan 2 desain yang berbeda. Portal menggunakan bootstrap, dan detail resume menggunakan Jdportfolio.
• Bahasa yang digunakan yaitu HTML, CSS, dan PHP.
• Aplikasi yang dibutuhkan yaitu XAMPP sebagai localhost dan Notepad++ sebagai text editor.

Pada defaultnya, form kontak pada template Jdportfolio tidak berfungsi. Disinilah kami bereksperimen, yakni membuat form kontak ini menjadi berfungsi dengan menggunakan bahasa PHP. Listing pengiriman pesan seperti berikut :

<?php
//terima data input dari user
if (isset($_POST['submit'])){
if ($_POST['name'] && $_POST['email'] && $_POST['message'] <> '') {
$nama=$_POST['name'];
$email=$_POST['email'];
$pesan=$_POST['message'];

//konfigurasi kiriman
$to="kinkin.arena@gmail.com";
$subjek="Resumekami.esy.es : Kamu dapat email dari $nama";
$from="From: $nama <$email>";

//kirimkan ke email admin
@mail($to, $subjek, $pesan, $from);

if(@mail)
{
echo "Pesan berhasil dikirim.";
}

} else {
echo "Nama, email, atau pesan tidak boleh kosong!";
}
}
?>

Logikanya :
Jika tombol "Kirim" (submit) ditekan dan jika isi textbox tidak ada yang kosong, maka textbox akan masuk ke variabel dengan method POST. Lalu email penerima, subjek dan 'dari siapa' di masukkan juga ke variabel. Kita menggunakan fungsi library dari PHP untuk mengirim email. Jika fungsi berhasil tereksekusi, maka akan muncul "Pesan berhasil dikirim." Apabila salah satu textbox ada yang kosong, maka muncul notifikasi "Nama, email, atau pesan tidak boleh kosong!."

Kurang lebih seperti itu logikanya dan ini penampilannya :

Form kontak tersebut akan terkirim ke email masing-masing pemilik resume.

Lain cerita, kami juga membuat portal dari bootstrap, membuat tampilan responsive nan indah untuk portal dengan memanggil class-class yang ada di bootstrap sehingga membentuk 3 thumbnail yang terdiri atas foto, nama, keterangan, dan 2 tombol yang mengarah ke detail resume dan blog kami masing-masing.

Bootstrap itu apa sih?
Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan dari web yang kita buat tidak bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis.

Nah, dengan framework ini kami buat portal website resumekami.esy.es. Kami membuat sesimpel mungkin dan berikut ini adalah tampilannya :

Bagaimana cara menggunakannya?
Tentunya dengan download terlebih dahulu komponen-komponen bootstrapnya di http://getbootstrap.com/. Jika ingin melihat komponen apa saja yang bisa digunakan dan cara pemanggilan serta penggunaan css-nya, kalian bisa lihat di http://getbootstrap.com/components/.

Secara keseluruhan, website kami telah selesai dibuat dengan menggunakan kolaborasi Bootstrap yang digunakan sebagai portal website dan website statis dimana templatenya bisa di unduh secara gratis di internet.

Yang mau download source code website ResumeKami

Source Code bisa di download Disini

- Penutup -

Dengan adanya tugas membuat website ini setidaknya kami menjadi kenal tentang apa itu website yang sebenarnya, mulai dari bagian-bagiannya, bahasa yang dipakai untuk membuat website, sampai cara membuatnya. Semoga kedepannya kami lebih mengerti lebih dalam tentang membuat website, mulai dari yang sederhana sampai yang professional. Kami juga berharap website ini bisa dijadikan acuan untuk bahan pembelajaran kami selanjutnya selaku jurusan yang sedang kami ampu, Teknik Informatika.

Sekian, terima kasih.

Read More

Definisi, Sejarah, dan Arsitektur Web Science

Definisi Web Science

Website (situs web) adalah suatu halaman web yang saling berhubungan yang umumnya berada pada peladen yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi.

Sedangkan Science adalah segala sesuatu yang berhubungan dengan sumber ilmu pengetahuan yang memberikan manfaat bagi kehidupan manusia dan seluruh isinya. Dengan kata lain, science itu sendiri merupakan kumpulan ilmu pasti yang memberikan makna tersendiri bagi yang mempelajarinya.

Jadi, Web Science dapat disimpulkan yaitu segala sesuatu yang berkaitan dengan ilmu pengetahuan yang diperoleh dari sumber yang akurat dan dapat di unduh dari dunia maya tanpa kita harus menuju ke sumber informasi yang ada di informasi yang ingin kita cari, sehingga memudahkan kita untuk memperoleh informasi.

Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti Internet, ataupun jaringan wilayah lokal (LAN) melalui alamat Internet yang dikenali sebagai URL. Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW.

Sebuah halaman web merupakan berkas yang ditulis sebagai berkas teks biasa (plain text) yang diatur dan dikombinasikan sedemikian rupa dengan instruksi-instruksi berbasis HTML, atau XHTML, kadang-kadang pula disisipi dengan sekelumit bahasa skrip. Berkas tersebut kemudian diterjemahkan oleh peramban web dan ditampilkan seperti layaknya sebuah halaman pada monitor komputer.

Halaman-halaman web tersebut diakses oleh pengguna melalui protokol komunikasi jaringan yang disebut sebagai HTTP, sebagai tambahan untuk meningkatkan aspek keamanan dan aspek privasi yang lebih baik, situs web dapat pula mengimplementasikan mekanisme pengaksesan melalui protokol HTTPS.

Sejarah Web

Penemu situs web adalah Sir Timothy John "Tim" Berners-Lee, sedangkan situs web yang tersambung dengan jaringan pertamakali muncul pada tahun 1991. Maksud dari Tim ketika merancang situs web adalah untuk memudahkan tukar menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja. Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.

Web 1.0

Merupakan teknologi Web generasi pertama yang merupakan revolusi baru di dunia Internet karena telah mengubah cara kerja dunia industri dan media. Pada dasarnya, Website yang dibangun pada generasi pertama ini secara umum dikembangkan untuk pengaksesan informasi dan memiliki sifat yang sedikit interaktif.

Web 2.0

Istilah Web 2.0 pertama kalinya diperkenalkan oleh O’Reilly Media pada tahun 2004 sebagai teknologi Web generasi kedua yang mengedepankan kolaborasi dan sharing informasi secara online. Menurut Tim O’Reilly, Web 2.0 dapat didefinisikan sebagai berikut: “Web 2.0 adalah revolusi bisnis di industri komputer yang disebabkan oleh penggunaan internet sebagai platform, dan merupakan suatu percobaan untuk memahami berbagai aturan untuk mencapai keberhasilan pada platform baru tersebut.

Web 3.0

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

Web 4.0

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

Menurut Seth Godin dalam blognya, syarat utama teknologi Web 4.0 :

1. Ubiquity
   Syarat ini dibutuhkan karena domain dari teknologi Web 4.0 adalah aktivitas bukan hanya sekedar data, dan sebagian besar aktivitas manusia berjalan offline.
2. Identity
   Karena distribusi informasi spesifik ditujukan dan didedikasikan untuk seseorang/pribadi sehingga diperlukan informasi mengenai identitas pribadi yang bersangkutan, rutinitasnya dan apa yang dibutuhkan oleh pribadi tersebut.
3. Connection
   Tanpa relasi/hubungan seseorang tidak ada artinya dalam teknologi Web 4.0 karena teknologi ini dikembangkan untuk kepentingan ini (making connection.

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.

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.

“Website arsitektur” memiliki potensi untuk menjadi istilah yang digunakan untuk disiplin intelektual mengatur konten website.”.

Ada tiga standar utama untuk penerapan web services. Standar-standar ini mendukung pertukaran data berbasis XML. Tiga standar tersebut meliputi SOAP, WSDL, dan UDDI. Berikut ini akan dijelaskan secara singkat mengenai standar tersebut.

1. SOAP (Simple Object Access Protocol)
   Suatu bahasa versi bebas dari protokol RPC (Remote Procedure Caoll) yang berguna untuk proses transaksi melalui HTTP standar. 
2. WSDL (Web Services Description Language)
   Bahasa yang memungkinkan berbagai dokumen yang dibuat dalam aplikasi yang berbeda dapat berkomunikasi.
3. UDDI (Universal Description Discovery and Integration)
   Semacam direktori global untuk mengelola web services.

Keuntungan Arsitektur Web :

• Sebuah web dapat tersusun terstruktur.
• Dapat menyediakan tampilan desaign yang menarik.
• Dapat menyediakan mesin pencari sehingga para pengunjung web dapat mencari informasi dengan cepat.
• Dapat menyediakan tampilan form informasi dan kontak atau keanggotaan.
• Dapat membuat form tentang produk atau jasa, misalkan jumlah barang, harga barang, dan form penawaran barang.

Kekurangan Arsitektur Web :

• Dapat menyebabkan web tersebut berat untuk diakses.
• Harus diupdate setiap saat.

Aplikasi web adalah fitur yang ditambahkan pada sebuah web untuk mebuat sebuah tata halaman web yang menarik. Aplikasi merupakan sebuah fitur-fitur yang disediakan oleh pembuat web untuk memaksimalkan penggunaannya.

-:=====:-

Sumber :

• http://id.wikipedia.org/wiki/Situs_web
• http://ilfen.blogspot.com/2013/04/definisi-web-science-dan-sejarah-web-10_16.html
• http://auliaakbar90.blogspot.com/2011/02/pengertian-dan-perkembangan-web-science.html

Read More