Pengenalan Internet dan web beserta teknologinya

Pengenalan InternetPendahuluan Pengertian dan sejarah internet Istilah-istilah di dunia internetTeknologi didunia internet Bahasa WebTools untuk pengembangan webTahapan design dan pengembangan aplikasi web

Pendahuluan Data atau informasi merupakan salah satu

sumber kekuasaan. Misal : Stock Exchange , peperangan, kompetisi.

Dari dahulu manusia berusaha untuk membuat pengiriman data secepat mungkin. Misal : Tanda Asap Indian, Telegraph

Revolusi pengetahuan elektronik memungkinkan pengembangan data seperti yang kita alami sekarang ini. Dengan hadirnya sistem baru untuk komunikasi dan transfer data yaitu dengan adanya : Internet

Sejarah – Politik

Tahun 1960 banyak masalah politik di Amerika, Kuba, Vietnam dll

Ancaman Nuklir dari Rusia Banyak pusat komputer yang tidak terhubung Departemen Pertahanan – ARPA (Advanced

Research Project Agency) ARPA ditugaskan untuk mencari cara untuk

mengkoneksikan Pusat Komputer di Amerika

Sejarah – ARPA Net

Tahun 1970, 4 Universitas di-koneksikan melalui jaringan packet switch yang disponsori oleh ARPA (Advance Research Project Agency) Stanford University University of California di Los Angeles (UCLA) University of California di Santa Barbara (UCSB) University of Utah

Sejarah Internet – Pertumbuhan Internet Pertumbuhan Eksponensial Mencapai 10 juta host pada 1996 Diperkirakan > 30 juta pemakai

1994 : Hanya 1 provider komersial < 3000 pemakai 1995 : 5 provider komersial, sekitar 10.000 pemakai. Juni 1995 : sudah dikeluarkan lebih dari 25 ijin provider > 32 ribu

pemakai. Agustus 2004 pengguna internet 10 juta orang di Indonesia

Sejarah Internet – Pertumbuhan di Indonesia

Pengertian dan sejarah internetInternet = Interconnection Networking

Hubungan komputer dengan berbagai tipe yang membentuk sistem jaringan yang mencakup seluruh dunia.

Sejarah :•1957ARPA oleh DoD US•1967ARPANET•1970ARPANET menggunakan NCP•1973Ethernet oleh Bob Metcalfe•1982ARPANET menggunakan TCP/IP•1983BSD UNIX menggunakan TCP/IP

•1984Penggunaan DNS•1986NSFNET•1990Lahirnya WWW•1992Browser pertama : Viola•1993Didirikan InterNIC

Istilah dalam dunia Internet WWW (World Wide Web), merupakan kumpulan web server

dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama.

Web Site (Situs Web), merupakan tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu. Diumpamakan situs Web ini adalah sebuah buku yang berisi topik tertentu.

Web Pages (Halaman Web), merupakan sebuah halaman khusus dari situs Web tertentu. Diumpamakan halaman Web ini adalah sebuah halaman khusus buku dari situs Web tertentu.

Homepage, merupakan sampul halaman yang berisi daftar isi atau menu dari sebuah situs Web.

Browser, merupakan program aplikasi yang digunakan untuk memudahkan Anda melakukan navigasi berbagai data dan informasi pada WWW.

Fasilitas Internet

E-mail.Mengirim surat elektronik ke semua peserta internet.

Mailing List Sekumpulan peserta internet dengan interest yang sama

dapat membuat group mail yang disebut list. Setiap mail yang dikirim pada list akan dikirim ke seluruh peserta grup.

File transfer. Mengirim dan mengambil file News. Konsep seperti koran elektronik, yang dikirim

pada list akan dikirim ke seluruh peserta grup. WWW. World Wide Web

Mengakses informasi dengan mendukung Multi-Media

Teknologi Internet

URL (Uniform Resource Locator) merupakan petunjuk alamat lokasi pada internet. Merupakan alamat absolut suatu situs yang akan dikunjungi.

Protokol HTTP (Hypert Text Transfer Protokol)

Sering digunakan untuk berkomunikasi dengan browser dan webserver GOPHER : protokol sudah lama dan mulai ditinggalkan FTP : File Transfer Protokol ( upload dan download) Mailto : digunakan untuk mengirim email melalui jaringan internet.

TCP/IP (Transfer Control Protocol/Internet Protokol) Jenis protokol memungkinkan komputer berkomunikasi dengan komputer lain

melalui suatu jaringan yang disebut dengan Internet. TCP (Transmission Control Protocol), mengatur

komunikasi antaraplikasi. UDP (User Datagram Protokol) , mengatur komunikasi

antar user IP (Internet Protocol ) mengidentifikasikan keunikan

pada tiap komputer yang terhubung dalam jaringan , mengatur komunikasi antar komputer

ICMP (Internet Control Message Protocol), mengatasi kesalahan dan statistik

DHCP (Dynamic Host Configuration Protocol), pengalamatan dinamik

Struktur URL Format Penulisan URL

Jenis protokol, nama web server dan direktori server

Contoh : http://www.elearning.com/versi1/news.php?id=5&ket=baru http adalah nama protokol (metode pengaksesan situs) disebut

juga dengan service(layanan). www.elearning.com adalah nama webserver. Versi1 adalah nama direktori web server. News.php adalah nama file yang diakses. Id=5&ket=baru adalah query(panggilan) digunakan untuk

mentransfer variabel melalui URL, diawali dengan tanda tanya (?). Tanda dan (&) digunakan untuk menyambung variabel jika lebih dari satu.

Domain DNS (Domain Name System)

Nama domain adalah alamat situs di internet. Merupakan representasi dari IP address. contoh : IP address 64.233.167.99 , adalah address dari nama domain www.google.com http://www.google.com http://64.233.167.99

Nama domain secara Internasional, biasa disebut (TLD) Top Level Domain, didaftarkan melalui InterNIC (International Network Information Center)

Nama domain untuk Indonesia diatur oleh IDNIC Nama domain sebaiknya singkat mudah dieja dan mudah diingat Top Level Domain (TLD)

.com Komersil .net jaringan .org Organisasi umum .edu Pendidikan /pusat penelitian .gov Pemerintah .mil Militer

Domain (lanjutan) TLD Baru

.biz bisnis .store untuk toko .aero perusahaan penerbangan .arts budaya dan hiburan .rec rekreasi dan hiburan .info pelayanan informasi .name individu atau keluarga

Untuk Indonesia diatur oleh IDNIC

.co.id perusahaan, diperlukan SIUP dan NPWP sebagai syarat pendaftaran

.net.id untuk ISP (Internet Service Provider) .or.id Organisasi .web.id Badan usaha, organisasi, atau perseorangan .ac.id Universitas, sekolah dan lembaga pendidikan lainnya .go.id Pemerintah .mil.id Militer .war.net.id badan usaha ataupun perorangan yang bergerak di

pelayanan warung internet (internet café) di Indonesia

Browser Browser

adalah sebuah program yang digunakan untuk menampilkan halaman web. Browser berkomunikasi dengan web server melalui protokol HTTP, membaca dan

menterjemahkan HTML dan data gambar ditampilkans secara visual. Halaman web dengan banyak gambar akan lebih lambat di-load daripada halaman

tekstual.

Beberapa macam Browser Internet Explorer 6 (paling populer) Netscape 7.2 Opera 7.54 Mozilla 1.7.3 Firefox 1.0 Safari pada Mac Os, Lynx pada Unix dan Linux

Kriteria Browser yang baik Memiliki kompatibilitas dalam membaca HTML juga mendukung XHTML Dapat menerjemahkan scripting web seperti Javascript, Vbscript, CSS, XML Dukungan terhadap plugins seperti Flash player, Quicktime, Java Applet dsb. Penanganan kesalahan yang baik jika browser tidak dapat menampilkan halaman web.

Cara Kerja Browser

Request HTML di Web Server

Request page PHP di Web Server

Bahasa Web

HTML (HyperText Markup Languange) Javascript CSS (Cascading Style Sheets) PHP (Hypertext Preprocessor)

Web Server Apache Program PHP Macromedia Dreamweaver

Perl CGi ASP (Active Server Pages), dll

Sifat Script dan Tools Sifat : Client side

Script yang dibuat akan dijalankan pada komputer klien (user) lalu ditampilkan hasilnya pada browser sehingga sering disebut browser scripting. Diantaranya : HTML, Javascript, VBScript dll

Server side Script akan dijalankan pada komputer server, kemudian server akan mengimkan

hasilnya pada komputer klien dan klien hanya menampilkan isinya. Diantaranya : Perl, PHP, ASP ASP.Net,JSP, Coldfusioan dll,

Tools : Dreamweaver Frontpage Notepad Dll

Contoh Web Page

Profesi di dunia Web Web Designer

Tugasnya medesain halaman web. Harus memiliki jiwa seni dan terampil dalam menggambar Memilih bentuk desain dan warna yang akan digunakan dalam web page. Software yang digunakan adalah Adobe Photoshp Illustrator, Fireworks, Freehand

dll.

Web Programmer/ Web Developer Harus menguasai beberapa bahasa pemrograman

HTML, JavaScript, VBScript, Applet, ASP, PHP, Coldfusion, WML, XML dsb. Software yang digunakan adalah Macromedia Dreamweaver, Microsoft

FrontPage, Macromedia Homesite, Notepad, PHP Editor dsb.

Web Animator Membuat animasi yang dapat menarik perhatian dan dinikmati oleh pengunjung. Software yang digunakan adalah Macromedia Flash, SWISH, Gif Animator, Swift

3D, LiveMotion dll.

Web Administrator Bertanggung jawab atas berjalannya sebuah situs ketika sudah selesai dibuat. Harus mengetahui dan menguasai perbedaan web server yang ada. Harus menguasai IIS, Apache Server, Telnet, Windows NT/2000 Linux, Solaris.

Tahapan Pengembangan

Element pengembangan web Informasi audience

tentang target audience yg akan mengakses web Proposal

tentang informasi yang jelas tentang alasan dan ruang lingkup dari existensi web.

Pernyataan yang Objektiftujuan spesifik yang harus disampaikan oleh situs web.

Informasi Domaintentang subjek domain yang ada di cover web, yaitu informasi yang disediakan untuk audience web dan informasi yang dibutuhkan oleh perancang web.

Spesifikasi Webgambaran secara rinci dari batasan dan elemen yang akan ditampilkan di web.

Tampilan Webinformasi yang akan dikirimkan kepada user (kreatifitas, efisiensi, dan estetika).

Membuat Site Map

Install WAMP5(lihat di modul)

Configurasi Apache dan PHP melalui WAMP

Running Web Server WAMP

Setting Apache dan PHPBuka file httpd.conf di folder conf !!! ServerName

# ServerName gives the name and port that the server uses to identify Sample : ServerName localhost:80

Listen# Listen: Allows you to bind Apache to specific IP addresses and/or Sample : Listen 80

DirectoryIndex# DirectoryIndex: sets the file that Apache will serve if a directory is requested.Sample : DirectoryIndex index.html index.html.var index.php

AddType# AddType allows you to add to or override the MIME configuration file mime.types for specific file types.Sample : AddType application/x-httpd-php .php .phtml

LoadModule# Dynamic Shared Object (DSO) SupportSample : LoadModule php4_module "C:/www/php4/sapi/php4apache2.dll"

ScriptAlias# ScriptAlias: This controls which directories contain server scriptsSample : ScriptAlias /php/ "C:/www/php4/"

Action# Action lets you define media types that will execute a script wheneverSample : Action application/x-httpd-php /php/php.exe

Tugas 1

Buatlah proposal pembuatan web yang akan dipresentasikan pada akhir pertemuan kelas web programming.

Isi proposal harus mencakup Tujuan pembuatan Web Siapa audiencenya (untuk siapa web tersebut

dibuat ) Judul website Membuat Sitemap

Kelompok Web terdiri dari : 3-4 orang