:. Bambang Suhartono' Blog .:

Home » Kategori Pilihan » Information Technology » Komponen Teknologi Web

Komponen Teknologi Web

Bagi rekan-rekan yang suka dan mengikuti perkembangan Teknologi khususnya teknologi Web,   jangan lupa untuk baca ini sebelum salah melangkah🙂, maksud saya adalah bagi peminat khususnya  rekan-rekan yang ingin mengembangkan/ membuat aplikasi , tidak ada salahnya membaca artikel ini, karena ngak nyesel deh dan setelah baca pasti senang ha.ha.ha.🙂, sehingga rekan-rekan bisa tepat dalam mengembangkan aplikasi tersebut, sebagai contoh seperti pada saat saya memberikan kuliah ke Mahasiswa, agar membuatlah program/ aplikasi yang banyak digunakan oleh pengguna, sebagai contoh untuk mendalami bahasa program, jika dilihat dari hasil riset ini, kuasailah pemrograman .PHP (contoh ya🙂 ) , karena memang sudah teruji dari hasil riset tersebut, (maaf saya tidak mengeyampingkan bahasa program yang lain seperti : VB, Foxpro, Delphi dll), karena secara effort sama baik waktu tenaga dan pikiran. Selain itu untuk praktisi, bagi orang yang ingin suka beriklan bisa juga sebagai referensi, karena disini akan terlihat jika ingin memasarkan yang tepat ada dimana (berdasarkan rating yang banyak diminati), sehingga tidak salah melangkah dalam melakukan promosi, uang yang dikeluarkan sudah banyak , tetapi hasil penjualan belum ada😦.

Baiklah, Saya tidak perlu lagi panjang lebar bicara , berikut saya sharing informasi yang saya dapatkan dari salah satu alamat, dimana alamat ini membahas mengenai informasi dunia web http://w3techs.com, kali ini saya akan membahas mengenai hasil dari laporan tersebut dan hasil analisa menurut perspektif saya, mengapa teknologi-teknologi web yang ada bisa memimpin dibandingkan dengan teknologi lainnya.

Adapun  komponen Teknologi Web yang ada dan contoh-contohnya adalah sebagai berikut :

a)      Content Management

Ialah : perangkat lunak sistem komputer (web based) yang memungkinkan penerbitan, pengeditan, dan modifikasi konten serta pemeliharaan situs dari suatu halaman pusat. CMS menyediakan koleksi prosedur yang digunakan untuk mengatur dan mengelola alur kerja dalam suatu lingkungan yang kolaboratif

Contoh :Wordpress, Joomla, Drupal, blogger, vbulleting, typo3, datalife engine, PHP Link directory, Discuz!, PHPBB

cms, conten management system Jika mengacu kepada informasi dari  link dibawah ini http://w3techs.com/technologies/overview/content_management/all, terlihat bahwa WordPress mempunyai prosentase yang dominan 54,5%, menurut saya ini disebabkan karena :
i.              Kemudahan menggunakannya (user friendly)
ii               Banyaknya plug in yang ditawarkan (baik template,themes, widget, )
iii.            Fitur komentar pada wordpress yang bisa diedit, dan fasilitas proteksi spam komentar sangat ketat/ kuat.
iv.            SEO Friendly (Search engine optimizer, digunakan untuk menaikan peringkat pencarian di google, dimana kita tidak perlu melakukan edit-2 dlm bentuk HTML/ PHP.
v.            Kapasitas penyimpanan yang cukup besar (u/ free 3 GB, sedangkan u/ blogspot 1 GB).
vi.            Banyaknya Jenis file yang bisa diupload (ppt, pdf, doc, dan odt)

Contoh web yang menggunakan konsep CMS adalah : wordpress.com, bambangsuhartono.wordpress.com, zedo.com, outbrain.com,hotsuite.com

b)       Server-side Programming Languages

Ialah : jenis pemrograman web dimana semua sintaks dan perintah program yang diberikan akan dijalankan/diproses di web server, kemudian hasilnya dikirimkan ke browser pengguna dalam bentuk HTML biasa.

Contoh : PHP, ASP.Net,  Java, coldfusion, Perl, Ruby, Pyhton

server side languageJika mengacu kepada informasi link dibawah ini

http://w3techs.com/technologies/overview/programming_language/all terlihat bahwa bahasa PHP mempunyai prosentase yang tertinggi 78.8%, dilanjutkan ASP.net sebesar 20.1 , menurut saya ini disebabkan karena :

  1. Bahasa yang mudah digunakan (pengembangan HTML) dan bersifat open source
  2. Bisa berjalan (compatible) dengan multi platform operating system
  3. Mempunyai ukuran file yang ringan/ kecil
  4. Mampu menciptakan web yang dinamis dengan akses database
  5. Kinerja tinggi dan hasil yang handal (cepat)

Contoh Web yang menggunakan konsep ini adalah :  facebook.com, baidu.com, Wikipedia.com, qq.com, taobao.com, wordpress.com

c)       Client-side Programming Languages

Ialah : jenis pemrograman web dimana semua sintaks dan perintah program dijalankan di web browser sehingga ketika client meminta dokumen yang mengandung script, script tersebut akan diambil dari web server kemudian dijalankan di web browser yang bersangkutan.

Contoh :  Javascript, flash, silverlight, java

Client side programmingJika mengacu kepada informasi link dibawah ini

http://w3techs.com/technologies/overview/client_side_language/all

Javascript  mempunyai prosentase yang tertinggi 92.6%, dilanjutkan Flash sebesar 19.8%   , menurut saya ini disebabkan karena :

  1. Javascript terintegrasi langung dengan HTML
  2. Bersifat free (open licensed)
  3. Mudah dilihat isi/ content dari scriptnya

Contoh web yang menggunakan konsep ini adalah : google.com, facebook.com ,youtube.com, yahoo.com, Wikipedia.com, amazon.com

d)      JavaScript Libraries

Ialah : kumpulan kode atau fungsi Javascript siap pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript.

Contoh : jquery, mootools, prototype, asp.net ajax, script.aculo.us,dll

java script librariedJika mengacu kepada informasi link dibawah ini (berdasarkan yang menggunakan)

http://w3techs.com/technologies/overview/javascript_library/all  Jquery   mempunyai prosentase yang tertinggi  56.7%, dilanjutkan Mootols  sebesar 4.8 %   , menurut saya ini disebabkan karena :

  1. Adanya interaksi langsung dengan HTML
  2. Script yang cukup sederhana
  3. Kemudahan memanipulasi CSS
  4. Efek-efek animasi dan javascript yang banyak
  5. Mampu menyederhanakan kode javascript lainnya

Contoh web yang menggunakan konsep ini adalah : amazon.com, msn.com, Microsoft.com, tumblr.com, conduit.com

 

 

e)      Markup Languages

Ialah : Bahasa pemrograman yang digunakan untuk membuat sebuah web/ page.

Contoh :  XHTML, HTML

markup languageJika mengacu kepada informasi link dibawah ini

http://w3techs.com/technologies/overview/markup_language/all    XHTML   mempunyai prosentase yang tertinggi  60 %, dilanjutkan HTML   sebesar 40 %   , menurut saya ini disebabkan karena :

  1. Bisa mengakomodasi berbagai multimedia dalam halam web
  2. Bisa menghasilkan halaman yang dinamis dan konten yang kreatif
  3. Mampu berinteraksi dalam hal standard CSS

Contoh web yang menggunakan konsep ini adalah : bing.com, sina.com.ch, vk.com, weibo.com, avg.com, adobe.com

f)       Character Encodings

Ialah : tabel dalam font atau sistem computer yang memetakan kode karakter mesin

Contoh :UTF-8, ISO-8859-1, Windows- 1251, GB2312, Shift JIS, Windows-1252, GBK, Windows 1256, ISO-8859-2, EUC-JP

character encodingJika mengacu kepada informasi link dibawah ini

http://w3techs.com/technologies/overview/character_encoding/all  UTF-8   mempunyai prosentase yang tertinggi  76 %, dilanjutkan ISO-8859-1   sebesar 12,6 %   , menurut saya ini disebabkan karena :

  1. Bersifat multiplatform language
  2. Cukup mudah dalam menggunakan konsep UTF-8

Contoh Web  yang menggunakan konsep ini  adalah : Google.com, facebook.com ,youtube.com, yahoo.com, Wikipedia.com

 

 

g)      Image File Formats

Ialah :  fasilitas pada halaman web yang digunakan untuk menyimpan dan menampilkan gambar.

Contoh : JPEG, PNG, GIF, BMP, ICO,SVG

image file formatJika mengacu kepada informasi link dibawah ini

http://w3techs.com/technologies/overview/image_format/all  JPEG mempunyai prosentase yang tertinggi  72.8 %, dilanjutkan PNG sebesar 63.4 %   , menurut saya ini disebabkan karena :

  1. Mempunyai tingkat kompresi yang baik , dengan tidak mengurangi kualitas gambar
  2. Bisa menampilkan 16 juta warna
  3. Compatibilitas dan dukungan  dibanyak browser

Contoh web yang menggunakan konsep ini adalah : youtube.com, yahoo.com, Wikipedia.com, amazon.com, twitter.com, linkedin.com

h)      Site Elements

Ialah : fitur dalam website dimana digunakan menampilkan  layout edit atau tata letak.

Contoh : CSS, Compression, Cookies, ETAG, IPV6, SPDY,  Frameset

site elementJika mengacu kepada informasi link dibawah ini

http://w3techs.com/technologies/overview/site_element/all  CSS mempunyai prosentase yang tertinggi  94 %, dilanjutkan compression  sebesar 54.7 %   , menurut saya ini disebabkan karena :

  1. CSS mudah digunakan
  2. CSS didukung oleh semua jenis browser
  3. CSS mempercepat tampilan sebuah halaman
  4. CSS membuat control terpusat

Contoh website yang menggunakan konsep ini (CSS) adalah : google.com, facebook.com, youtube.com, yahoo.com, Wikipedia.com, twitter.com

i)        SSL Certificate Authorities

Ialah : Sertifikat digital yang diterbitkan oleh suatu lembaga kepada perusahaan / individu melalui proses verifikasi  untuk tujuan keamanan.

Contoh : Symantec Group, Comodo, Go Daddy Group,  Globalsign, Entrust, Startcom, Digicert, Verizon, Unizeto, Secom Trust, Trust wave, Swiss sign, dll

SSL CertificateContoh web/perusahaan yang menggunakan konsep ini adalah : www.klikbca.com,www.bankmandiri.co.id, google.com,  facebook.com

 

 

 

 

 

j)        Social Widgets

Ialah :  kode portabel ( biasanya DHTML, JavaScript atau Adobe Flash ) yang dipasang ( diinstall, atau sederhananya, copy paste ) pada suatu halaman web (social media), yang memiliki suatu fungsi tertentu dan menjadi suatu bagian dalam halaman web tersebut.

Contoh : Facebook,  Google +1, Twitter, Addthis, Sharethis, Pinterest, Linkedin, Stumbleupon, Baidu Share,  Digg, Delicious,  Reddit,dll

social widgetJika mengacu kepada informasi link dibawah ini   (berdasarkan presentase yang menggunakan)

http://w3techs.com/technologies/overview/social_widget/all  Facebook  mempunyai prosentase yang tertinggi  23 %, dilanjutkan Google+1  sebesar 14.6 %   , menurut saya ini disebabkan karena :

  1. Facebook merupakan social media yang banyak digunakan hampir diseluruh dunia
  2. Tampilan yang interaktif serta menampilkan informasi yang dibutuhkan oleh para kaum socialita , dan mudah untuk diakses baik meggunakan notebook, mobile device lainnnya (HP, tablet, dll)

 

 

 

k)      Web Servers

Ialah : Software yang memberikan layanan data yang berfungsi menerima permintaan HTTP atau HTTPS dari klien via browser web dan mengirimkan kembali hasilnya dalam bentuk halaman – halaman web yang umumnya berbentuk dokumen HTML

Contoh : Apache, Microsoft IIS,  Nginx, Litespeed, Google servers, Tomcat, lighttpd, IBM Servers, Yahoo Traffic Server, Oracle Server,  Zope, Resin, Zeus

web serverJika mengacu kepada informasi link dibawah ini

http://w3techs.com/technologies/overview/web_server/all  Apache  mempunyai prosentase yang tertinggi  62.3 %, dilanjutkan Microsoft IIS  sebesar 16.6 %   , menurut saya ini disebabkan karena :

  1. Apache Bersifat Open Source
  2. Apache Kompatibel dengan hamper seluruh operating system (linux, unix, windows, dll)
  3. Apache Kinerja tinggi dan hasil yang handal (cepat)

Contoh web yang menggunakan konsep ini (Apache) adalah : www.youtube.com , www.wikipedia.com , www.weibo.com, www.apple.com, www.fc2.com

 

 

l)        Operating Systems

Ialah : Program yang mengelola sumberdaya  perangkat keras computer dan menyediakan layanan umum untuk aplikasi perangkat lunak.

Contoh : Unix, Windows

Operating systemJika mengacu kepada informasi link dibawah ini

http://w3techs.com/technologies/overview/operating_system/all   Unix   mempunyai prosentase yang tertinggi  64.9 %, dilanjutkan Windows  sebesar 35.1 %   , menurut saya ini disebabkan karena :

  1. Unix bersifat Open Source (Gratis)
  2. Mudah untuk dikembangkan dan digunakan
  3. Mempunyai proses yang cepat
  4. Belum banyaknya virus yang menyerang sistem operasi ini

Contoh web yang menggunakan konsep (platform unix)  ini adalah : zedo.com, vk.com, fc2.com, indiatimes.com,uploaded.net, adf.ly

m)    Content Delivery

Ialah :  aplikasi menggunakan dan menghimpun informasi-informasi yang sebelumnya telah ditambah, dikurangi atau diubah oleh si empunya situs web untuk meng-update atau memperbaharui situs Web tersebut.

Contoh : Google Libraries API,  Jquery CDN,  Microsoft Ajax CDN,  Yahoo API CDN,  CDNJS, Jsdelivr

content deliveryJika mengacu kepada informasi link dibawah ini (dilihat dari market share)

http://w3techs.com/technologies/overview/content_delivery/all  , google libraries API    mempunyai prosentase yang tertinggi  92.8 %, dilanjutkan jquery CDN  sebesar 6.9 %   , menurut saya ini disebabkan karena :

  1. Layanan Google paling banyak digunakan oleh user

Contoh Web yang menggunakan konsep ini (google libraries) adalah : pinterest.com, blogger.com, adf.ly, Go.com,  4shared.com , wigetmedia.com

 

n)      Traffic Analysis Tools

Ialah : Tools yang digunakan untuk menganalisa lalu lintas (traffic) dari suatu alamat/ web tertentu.

Contoh : Google Analytics, Liveinternet, Yandex.metrika,  WordPress stats, Statcounter, Quantcast, CNZZ,  Baidu Analytics,  Rambler, Histats, Whos.amung.us, dll

traffic analysis toolJika mengacu kepada informasi link dibawah ini

http://w3techs.com/technologies/overview/traffic_analysis/all  google Analytics    mempunyai prosentase yang tertinggi  92.8 %, dilanjutkan Liveinternet   sebesar 92.6 %   , menurut saya ini disebabkan karena :

  1. Layanan Google paling banya digunakan oleh user
  2. Google mempunyai location server yang cukup banyak dibeberapa tempat/ Negara

Contoh web yang menggunakan konsep ini (Google  analytics) adalah :  youtube.com, linkedin.com, tumblr.com, Babylon.com, pinterest.com,  blogger.com

 

o)      Advertising Networks

Ialah : suatu platform jaringan iklan untuk penerbit  dan pengiklan untuk menampilkan informasi iklan dibayar pada sebuah web site penerbit.

Contoh : Google Adsense,  Doubleclick, Openx,  Indolinks,  Commision Junctions, Yandex.direct, Adroll, Exoclick,  AOL Advertising,Buyselladds, dll

advertising networkJika mengacu kepada informasi link dibawah ini

http://w3techs.com/technologies/overview/advertising/all  google adsensed    mempunyai prosentase yang tertinggi  74.1 %, dilanjutkan Liveinternet   doubleclik  15.1 %   , menurut saya ini disebabkan karena :

  1. Google merupakan search engine yang paling banyak digunakan oleh user, shg perusahaan pengiklan/ penerbit banyak yang mengiklankannya melalui media tersebut
  2. Google sudah menjadi brand image untuk criteria search engine

Contoh web yang menggunakan konsep ini (google adsensed) adalah : youtube.com,  mail.ru, Babylon.com, conduit.com,  blogspot.com.br, nytimes.com

 

p)      Top Level Domains

Ialah : suatu metode penamaan  yang mewakili suatu entitas/ organisasi, baik dari jenis organisasi tersebut ataupun lokasi Negara nya.

Contoh : .com, .net, .ru, .org,  .de, . jp, .uk, .cn, .br, .info, dll

top level domainJika mengacu kepada informasi link dibawah ini

http://w3techs.com/technologies/overview/top_level_domain/all    .com     mempunyai prosentase yang tertinggi  53.1 %, dilanjutkan .net 5.9%   , menurut saya ini disebabkan karena :

  1. Domain .com bersifat universal
  2. Mudah untuk melakukan registrasi domain tersebut (tidak perlu berbeliit-belit)

Contoh web yang menggunakan konsep ini (.com) adalah : facebook.com, yahoo.com, twitter.com , google.com,youtube.com, amazon.com

 

 

 

q)      Content Languages

Ialah : merupakan bahasa yang digunakan dalam isi suatu web

Contoh : English, Russian, German,  Spanish,  French, Chinese,  Japanese, Portugese,  Polish, Italian , Turkish, Arabic,  Dutch, Persian, Czech, Swedian, Indonesian, dll

content languageJika mengacu kepada informasi link dibawah ini

http://w3techs.com/technologies/overview/content_language/all  English     mempunyai prosentase yang tertinggi  68.3 %, dilanjutkan  Chinese 53.2 %   , menurut saya ini disebabkan karena :

  1. Bahasa Inggris merupakan bahasa standard internasional

Contoh web yang menggunakan konsep ini (English) adalah : google.com, youtube.com, Wikipedia.org, facebook.com, live.com, twitter.com, linkedin.com


2 Comments

  1. wawwwww,,,
    makasihpak infonya,,,
    jadi tau sekarang, n kebetulan skripsi saya menggunakan aplikasi HTML

  2. Oh ya syukurlah Lela, semoga bisa berguna, karena jika ingin membuat satu produk, lihatlah yang paling banyak digunakan oleh orang.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: