Selamat Datang di Blog ku ya


Kamis, 08 September 2016

pemograman web

| Kamis, 08 September 2016


Sejarah Web
Awal perkembangan web bermula ketika Sir Timothy Tim Berners-Lee  merasakan kesulitan untuk memperbarui informasi untuk rekan kerjanya. Pada tahun 1991, untuk pertama kalinya muncullah situs web yang tersambung dengan jaringan. Dari situlah MR.TIM dan CERN (tempat Sir Timothy bekerja) pada tahun 1993 akhirnya mengumumkan bahwa www dapat digunakan secara gratis oleh seluruh masyarakat dunia.

Situs web biasanya dapat berupa hasil kerja dari perorangan atau menunjukkan kepemilikan dari suatu organisasi, perusahaan. Sebuah situs web berisi pranala yang terhubung ke situs web lain, begitu juga dengan situs web lainnya. Hal itulah yang menjadi penyebab adanya perbedaan antara situs web yang dibuat oleh perorangan dengan situs web yang dibuat oleh organisasi.


1. Pre Web (Usenet, Gopher, FTP, Internet dan Memex)
Definisi Usenet
Usenet singkatan dari User Network merupakan sistem perangkat lunak yang membagikan artikel ke banyak sites diseluruh dunia. Usenet ini menggunakan teknologi UUCP dalam membagikan artikelnya. Artikel yang ada pada Usenet dapat disortir sesuai dengan topik yang sedang didiskusikan.

Definisi Gopher
Gopher adalah TCP/IP Application layer protokol yang dirancang untuk menyebarkan, mencari dan mengambil dokumen melalui internet. Sangat mengarah pada desain dokumen menu, pada tahap awalnya protokol Gopher disajikan desain menarik untuk alternatif World Wide Web, tetapi akhirnya gagal dalam mencapi popularitas.

Manfaat Aplikasi Gopher ini adalah para pengguna internet tidak perlu mengetahui alamat yang khusus pada komputer yang akan di akses. Ghoper dapat memungkinkan  user akan mengakses ke berbagai situs dunia. Selain itu, Ghoper juga dapat digunakan secara hirarki.
Definisi FTP
FTP sendiri merupakan singkatan dari File Transfer Protokol. Protokol FTP juga salah satu protokol yang paling awal dikembangakan oleh Abhay Bhushan sekitar tahun 1970-an.

Fungsi FTP itu sendiri adalah melakukan transfer file antara komputer yang terhubung dengan jaringan iternet. Dalam bahasa teknis, FTP diketahui sebagai protokol jaringan yang memungkinkan transfer file antara komputer yang tersambung pada TCP/IP yang berbasis jaringan. Hal ini mencakup serangkaian peraturan dan prosedur untuk transfer digital yang aman.
Definisi Internet
Internet merupakan jaringan komputer yang saling terhubung secara global atau mendunia. Karena terhubung secara global melalui jaringan, kita dapat saling bertukar data/informasi. Jaringan internet bekerja berdasarkan suatu protokol atau aturan. Aturan itu adalah TCP/IP, suatu protokol yang digunakan untuk menghubungkan jaringan-jaringan. Setiap komputer mempunyai suatu nomor unik yang kita ketahui dengan alamat IP.
Memex
Memex merupakan singkatan dari Memory Extender. Vannevar Bush adalah orang yang memberikan nama itu. Memex disebut-sebut sebagai pelopor dari teknologi hiperteks yang muncul dikemudian hari.
2. Web 1.0, Web 2.0, dan Web 3.0
  • Web 1.0 yang sejak tahun 1992 mulai mengenalkan berbagai web browser, serta mendorong perkembangan pemanfaatan Web sebagai penyedia informasi. Pada tingkat ini web masih bersifat read only.
  • Web 2.0 mulai menjadi trend pada tahun 1997, ini menambah sifat yang read only menjadi read write. Aplikasi berbasis Web semakin banyak diterapkan. Web dan jejaring sosial dimulai dengan lahirnya berbagai sarana seperti wikipedia, blog, friendster.
  • Web 3.0 merupakan rancangan untuk memperkaya Web 2.0, dimana pada Web 2.0 baru mencermati pertukaran data antara manusia, pada Web 3.0 pertukaran data antar manusia-mesin, mesin-mesin dan manusia-manusia disempurnakan.

Web Science dan Metodologi Web Science
Web science adalah ilmu pengetahuan untuk membuat dan memanipulasi web. Web adalah kumpulan halaman yang dapat menampilkan informasi berupa gambar, animasi, tulisan, suara maupun gabungan dari keseluruhannya yang bersifat statis atau dinamis yang dapat membentuk rangkaian yang saling terkait yang dihubungkan dengan banyak link.

Science adalah ilmu pengetahuan yang didapat dan bisa menjadi pengetahuan bagi masyarakat untuk memberi informasi yang akurat.
Web Science didirikan pada tahun 2006 dengan nama Web Science Research Initiative (WSRI). Web Sicence ini awalnya adalah hasil dari Memorandum of Understanding antara MIT CSAIL dan University of Southampton, ECS. Ambisinya adalah mengkoordinasi dan mendukung sentralisasi pembelajaran World Wide Web. Sejak pertama kali diluncurkan, konsep Web Science sudah menyebar secara meluas dan mengukuhkan diri sebagai area aktifitas yang penting.

Aktifitas WSRI fokus pada (i) artikulasi agenda penelitian untuk komunitas scientific, (ii) mengkoordinasi pengembangan materi pembelajaran Web Science dan (iii) mengikat pemikiran tentang kepeminpinan pada sektor yang berkembang ini.
Untuk melanjutkan aktifitasnya dan mendukung pengembangan Web Science secara global, para direktur WSRI membuat badan amal-the Web Science Trust (WST).

WST berkerja sama dengan World Wide Web. Golnya adalah untuk mendorong partisipan luas dalam pengembangan Web Science. the Foundation mempunyai misi untuk meningkatkan Web. the Trust dan the Foundation mempunyai kesamaan komitmen untuk melanjutkan disiplin dari Web Science dan akan bekerja bersama pada beberapa proyek yang memperbaiki pengertian tentag Web Science dan mempromosikan dampak positif Web Science pada masyarakat luas.

Web Science itu sendiri terdiri dari beberapa gabungan disiplin ilmu pengetahuan dapat dilihat pada gambar di bawah ini :

Dari gambar diatas , terdapat banyak sekali macam-macam ilmu pengetahuan yang saling berkaitan dengan Web atau jaringan. Jenis-jenisnya adalah sebagai berikut :

1. Web Engineering
2. Artificial Intelligence
3. Mathematics
4. Psychology
5. Biology
6. Ecology
7. Sociology
8. Socio Culture
9. Law
10. Economics
11. Media.
Semantic Web


Semantic web merupakan pengembangan dari World Wide Web. Pendekatan semantic web mengembangkan bahasa untuk mengekspresikan informasi dalam bentuk yang dapat diproses oleh mesin (machine processable). 

Semantic Web terdiri dari seperangkat prinsip-prinsip desain, kelompok kerja kolaboratif, dan berbagai teknologi. 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.


Web Semantik merujuk kepada keahlian aplikasi komputer untuk lebih mengerti bahasa manusia, bukan hanya bahasa yang baku dari para pemakainya tetapi juga bahasa yang lebih rumit, seperti dalam bahasa percakapan sehingga memudahkan si pemakai itu untuk berkomunikasi dengan mesin. Web Semantik dapat mengolah bahasa dan mengenali homonim, sinonim, atau atribut yang berbeda pada suatu database.
Profesi dalam Pengembangan Aplikasi Web
1) Profesi dalam bidang Teknologi Informasi
Munculnya bidang TI yang baru juga memunculkan profesi di bidang TI yang semakin menjurus sesuai dengan keahlian masing-masing.Secara umum, pekerjaan di bidang teknologi informasi setidaknya dapat dikelompokan sesuai bidangnya, misalnya.
a. Kelompok pertama, adalah mereka yang bergelut di dunia perangkat lunak (software), baik mereka yang merancang sistem operasi, database maupun sistem aplikasi.
Pada lingkungan kelompok ini, terdapat pekerjaan-pekerjaan seperti :
*Sistem analis, merupakan orang yang bertugas menganalisa system yang akan diimplementasikan, mulai dari menganalisa system yang ada, kelebihan dan kekurangannya, sampai studi kelayakan dan desain system yang akan dikembangkan
* Programer, merupakan orang yang bertugas mengimplementasikan rancangan system analis, yaitu membuat program ( baik aplikasi maupun system operasi ) sesuai system yang dianalisa sebelumnya.
* Web designer, merupakan orang yang melakukan kegiatan perencanaan, termasuk studi kelayakan, analisis dan desain terhadap suatu proyek pembuatan aplikasi berbasis web.
* Web programmer, merupakan orang yang bertugas mengimplementasikan rancangan web designer, yaitu membuat program berbasis web sesuai desain yang telah dirancang sebelumnya.
b. Kelompok kedua, adalah mereka yang bergelut di bidang perangkat keras (hardware).
Pada lingkungan kelompok ini, terdapat pekerjaan-pekerjaan seperti :
* Technical engineer, sering juga disebut teknisi, yaitu orang yang berkecimpung dalam bidang teknik, baik mengenai pemeliharaan maupun perbaikan perangkat system computer.
* Networking engineer, adalah orang yang berkecimpung dalam bidang teknis jaringan computer dari maintenance sampai pada troubleshooting-nya.
c. Kelompok ketiga, adalah mereka yang berkecimpung dalam operasional system informasi.
Pada lingkungan kelompok ini, terdapat pekerjaan-pekerjaan seperti :
*EDP Operator, adalah orang yang bertugas mengoperasikan program-program yang berhubungan dengan electronic data processing dalam lingkungan sebuah perusahaan atau organisasi lainnya.
*System Administrator, merupakan orang yang bertugas melakukan administrasi terhadap system, memiliki kewenangan menggunakan hak akses terhadap system, serta hal-hal lain yang berhubungan dengan pengaturan operasional sebuah system.
2) Profesi dalam pengembangan aplikasi web
Ada banyak ragam dalam profesi di dalam bidang Teknologi Informasi, bagaimana dengan profesi yang berada dalam lingkungan pengembangan aplikasi web? Berikut ini adalah profesi-profesi yang langsung terkait dalam pengembangan aplikasi web, diantaranya :
– Web Designer
Seorang desainer Web adalah orang yang bertanggung jawab untuk menentukan tampilan sebuah website.
– Web Programmer
Web Programmer bertugas dalam melakukan pengcodingan atau pemograman sebuah website agar dinamis. dimana agar sebuah web tersebut dapat telihat mudah bagi seorang web admin.
– Web Administrator
Tugasnya adalah untuk memaintenance suatu server, mengerti akan Sistem Operasi Server, baik itu mulai dari instalasi sampai kepada masalah (troubleshooting), biasanya seorang Web Administrator harus menguasai :
-> OS Unix (LInux, FreeBSD, dll)
-> OS NT
-> Jaringan (LAN, WAN, Intranet)
-> Keamanan Server
– Web Master
Seoarang Web Master adalah seorang yang mengerti akan kesemua hal mulai dari disain, program dan keamanan server namun tidak terlalu turut mencampuri ke masing-masing divisi, cukup dengan mempertanggun jawabkan atas jalannya suatu situs (web).
– Web Developer
Kegiatan diatas secara keseluruhan dinamakan suatu team yang dinamakan Web Developer.
3) Sejarah web
Internet adalah jaringan komputer yang saling terhubung. Tidak ada perusahaan yang memiliki internet, yang merupakan upaya kerja sama diatur oleh sistem standar dan aturan. Tujuan dari menghubungkan komputer bersama-sama, tentu saja, adalah untuk berbagi informasi.
World Wide Web, biasa lebih terkenal disingkat sebagai WWW adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut URL (Uniform Resource Locator) untuk mengenal pasti sumber daya berguna.
WWW merupakan kumpulan web server dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama. WWW adalah bagian yang paling menarik dari Internet.
Berners-Lee berhasil menciptakan jaringan yang menautkan berbagai arsip sehingga memudahkan pencarian informasi yang dibutuhkan. Inilah yang kelak menjadi dasar dari sebuah perkembangan pesat yang dikenal sebagai WWW.
Standart Web
HTML (Hypertext Markup Language) merupakan bahasa standar web yang didefinisikan dan dikelola penggunaannya oleh W3C (World Wide Web Consurtium). HTML dibuat dan dikembangkan oleh Tim Berners-Lee. Selanjutnya , bahasa tersebut dipopulerkan oleh browser Mosaic







Untuk format teks tentang bagaimana membuat paragraf dan baris baru anda bisa membacanya di Belajar HTML tentang Format text HTML.
Disana juga telah dibuat beberapa contoh tag untuk memanipulasi tampilan teks, namun sebagian dari tag-tag tersebut merupakan Deprecated Tags dimana saat ini sudah dihindari pemakaiannya karena dapat digantikan dengan atribut style atau CSS dengan lebih baik.
Sebagai contoh tag <b> alternatifnya bisa menggunakan tag <strong> atau atribut style dengan properti font-weight.
<p><strong>Tulisan ini tebal</strong></p> <p style="font-weight:bold">Tulisan ini juga tebal</p>
Hasil:
Tulisan ini tebal
Tulisan ini juga tebal
Untuk tag <strike> (teks tercoret) dan tag <u> (underline) dapat diganti dengan properti text-decoration.
<p style="text-decoration:line-through;">Contoh teks tercoret</p> <p style="text-decoration:underline;">Contoh teks dengan garis bawah</p>
Hasil:
Contoh teks tercoret
Contoh teks dengan garis bawah
Berikut adalah contoh text-decoration yang lainnya.
<p style="text-decoration:overline;">Contoh teks dengan garis atas</p> <p style="text-decoration:blink;">Contoh teks berkedip</p>
Hasil:
Contoh teks dengan garis atas
Contoh teks berkedip
Untuk mengubah teks dari huruf besar ke huruf kecil dan sebaliknya digunakan properti text-transform.
<p style="text-transform:uppercase">tulisan ini aslinya adalah huruf kecil dengan text-transform:uppercase semuanya menjadi huruf besar.</p>
Hasil:
TULISAN INI ASLINYA ADALAH HURUF KECIL DENGAN TEXT-TRANSFORM:UPPERCASE SEMUANYA MENJADI HURUF BESAR.
<p style="text-transform:lowercase">TULISAN INI ASLINYA ADALAH HURUF BESAR DENGAN TEXT-TRANSFORM:LOWERCASE SEMUANYA MENJADI HURUF KECIL.</p>
Hasil:
tulisan ini aslinya adalah huruf besar dengan text-transform:lowercase semuanya menjadi huruf kecil.
<p style="text-transform:capitalize">text-transform:capitalize akan membuat setiap huruf di awal kata menjadi huruf besar.</p>
Hasil:
Text-Transform: Capitalize Akan Membuat Setiap Huruf Di Awal Kata Menjadi Huruf Besar.
Kemudian untuk memposisikan teks digunaka properti text-align
<p style="text-align:left">Membuat teks ke kiri</p> <p style="text-align:center">Membuat teks di tengah</p> <p style="text-align:right">Membuat teks ke kanan</p>
Hasil:
Membuat teks ke kiri
Membuat teks di tengah
Membuat teks ke kanan
Gunakan style yang sama untuk membuat tulisan rata kiri, di tengah dan rata kanan dan untuk membuat rata kiri dan kanan ganti nilai atau value-nya dengan justify.
<p style="text-align:justify">Lorem ipsum dolor sit amet, habitasse feugiat malesuada nulla volutpat nibh, elementum cursus leo arcu tincidunt at rutrum, a imperdiet eu pellentesque nunc in. Augue suscipit, vel nulla ipsum nulla id, mauris cras nisl feugiat augue, natoque arcu bibendum nisl vitae luctus curabitur. Ut vestibulum, lectus neque commodo sapien.</p>
Hasil:
Lorem ipsum dolor sit amet, habitasse feugiat malesuada nulla volutpat nibh, elementum cursus leo arcu tincidunt at rutrum, a imperdiet eu pellentesque nunc in. Augue suscipit, vel nulla ipsum nulla id, mauris cras nisl feugiat augue, natoque arcu bibendum nisl vitae luctus curabitur. Ut vestibulum, lectus neque commodo sapien.



Related Posts

Tidak ada komentar:

Posting Komentar