Teknologi Web Internet & Web Design

Slides:



Advertisements
Presentasi serupa
PENGENALAN INTERNET M. Masrur, SKom.
Advertisements

 Putra Prima Naufal
Dasar-dasar Web Design
KONSEP DASAR WEB DAN INTERNET
Teknologi Informasi Komputer SMPN 10 Yogyakarta
Pemrograman Internet Konsep Dasar.
PEMROGRAMAN WEB –Pertemuan 1
Pengenalan Teknologi Web. Sistem Operasi Sistem operasi (operating system ; OS) adalah seperangkat program yang mengelola sumber daya perangkat keras.
FERIYANTO MOHI Pemrograman Web FERIYANTO MOHI
Internet & Pemrograman Web Pertemuan I : Pengenalan Internet Oleh : Hadi Santoso.
Dasar - dasar Web dan HTML
Pertemuan Ke-1 (Konsep Dasar Web)
PalComTech. WORLD WIDE WEB (WWW), Adalah sarana internet yang menampilkan tampilan berupa gabungan teks, grafis, suara bahkan video yang bersifat interaktif.
Rekayasa Web Ch. 5 Pendekatan Pengembangan Aplikasi Web
PEMROGRAMAN WEB I HTML,JavaSript 1 Oleh: I Wayan Simpen.
MENGENAL HTML.
WEB Pengembangan Evangs Mailoa Prinsip Dasar Internet, Web,
Konsep Pemrograman Internet
Peng. Komp & TI 2C M1 Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C.
Minggu 1…… Page 1 MINGGU Ke Satu Pemrograman Visual 2 Pokok Bahasan: Mengenal Web dengan ASP Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan.
Teknologi Informasi dan Komunikasi Andy Wisnu Wardana S.Kom MCP.
Teknologi Internet dan Web (untuk e-Commerce)
Minggu 7/AK/Sistem Informatika 1 Aplikasi Web (Bagian II) Mira Afrina.
Pengenalan HTML Oleh Benny Irawan. WORLD WIDE WEB Web pada awalnya merupakan ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, terdiri.
1 Pertemuan 3 Multimedia di Internet dan World Wide Web Matakuliah: D0514 / Aplikasi Software Komputer Tahun: 2005 Versi: 1.
KONSEP PEMROGRAMAN WEB
Pertemuan 1 Pengenalan Dasar Web.
PERTEMUAN III. Introduksi  World Wide Web adalah layanan internet yang paling populer saat ini  Internet mulai dikenal dan digunakan secara luas setelah.
Teknologi Internet dan Web
Pemrograman WEB Pertemuan I (Teori)
Teknologi Informasi Komputer SMPN 10 Yogyakarta
Teknologi Internet dan Web
PENDEKATAN PADA PENGEMBANGAN APLIKASI WEB
Dasar - dasar Web dan HTML
Pertemuan 1 Khairul Anwar Hafizd
Pengenalan Dasar Web Pertemuan 1
Internet, World Wide Web
Teknologi Dasar Internet dan Web
Keamanan Sistem World Wide Web
Konsep Dasar Pemrograman Web
KOMPUTER APLIKASI IT I HTML – INTERNET Angky Febriansyah SE
Aplikasi Web (Bagian II)
Teknologi Web Internet & Web Design
Pertemuan 5 Electronic Commerce
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
Erizal, S.Si, M.Kom Internet dan Web Erizal, S.Si, M.Kom
Pertemuan ke 5 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
Keamanan Sistem World Wide Web
PEMROGRAMAN WEB 1 PERTEMUAN 1
Prinsip Dasar Internet, Web dan Pemrograman Web
Konsep Pemrograman Internet
Prinsip Dasar Internet, Web dan Pemrograman Web
Pengenalan Dasar Web dan HTML
Oleh : Inggar Prayoga.,S.I.Kom
Prinsip Dasar Internet & Pemrograman Web
Peng. Komp & TI 2C Peng. Komp & TI 2C Peng. Komp & TI 2C
Pemrograman Basis Data Berbasis Web
WORLD WIDE WEB (WWW) Kelompok 2 : Rana Meysa Mudazir ( )
Internet dan Web Erizal, S.Si, M.Kom.
Konsep Web Statis dan Web Dinamis
Dasar Pemrograman Web.
Pemrograman Internet Wahyu Herlambang ( )
Prinsip Dasar Internet, Web dan Pemrograman Web
Pemrograman WEB Pertemuan I (Teori) Oleh : D. Sinaga, M.Kom.
Pengenalan Dasar Web dan HTML
Pertemuan 1 Pengenalan Dasar Web.
Prinsip Dasar Internet & Pemrograman Web
Pertemuan 1 Pengenalan Dasar Web.
Dasar-dasar HTML. 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP.
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
Transcript presentasi:

Teknologi Web Internet & Web Design

Introduksi World Wide Web adalah layanan internet yang paling populer saat ini Internet mulai dikenal dan digunakan secara luas setelah adanya layanan WWW WWW adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra belantara informasi

WWW berjalan dengan protokol HyperText Transfer Protokol (HTTP) Halaman Web merupakan file teks murni (plain text) yang berisi sintaks-sintaks HTML yang dapat dibuka/ dilihat/ diterjemahkan dengan Internet Browser Sintaks HTML mampu memuat konten text, gambar, audio, video dan animasi

Internet Web Browsers Browser adalah sebuah program aplikasi atau software yang me-request dokumen-dokumen dari komputer-komputer yg terkoneksi internet (server) di seluruh dunia, dan menampilkan informasi dari dokumen tersebut pd window browser. Browser menampilkan sesuai instruksi (format) HTML yg dibuat pd dokumen tsb.

Sejarah World Wide Web hypertext [Bush 1945, Nelson 1960’s] Awal 90’-an, Tim Berners-Lee, sarjana fisika pd riset Nuklir Swiss (CERN) menciptakan HyperText Markup Language (HTML) dan Browser teks pertama: Lynx Berners-Lee saat ini memimpin WWW Consorsium (W3C) lembaga yang menyusun standarisasi HTML dan dokumen web.

1993: Browser grafis pertama: Mosaic dibuat oleh Andressen dan Eric Bina (mhs University of Illinois) 1994: Andressen kemudian bekerja untuk Netscape, dan membuat Netscape Navigator, browser grafis populer pertama 1995: Microsoft membuat Internet Explorer Browser saat ini: Mozilla FireFox, Opera, dll

Trend : Fakta Browsing / Surfing sudah merupakan aktifitas rutin sehari-hari Internet menjadi sumber informasi yang tak terhingga! (apalagi dengan adanya Om Yahoo! dan Mas Google) Jutaan halaman web baru bermunculan setiap hari Konten web semakin bervariasi dan dapat dikontribusi oleh siapa saja dimana saja

Trend: Killer Application Internet: Email Online Games Chat (mIRC, Yahoo Messenger) Google Earth Web based: Search Engine (Yahoo!, Google) Web Blog Web Komunitas: facebook, MySpace, Multiply, Hi5, Yahoo 360°, YouTube

Web growth Stats from Internet Valley, Inc. Dates Hosts Domains Web Sites Sites/ July 01 126,000,000 30,000,000 28,200,000 22.381% July 98 37,000,000 4,300,000 4,270,000 12.000% July 97 19,540,000 1,301,000 1,200,000 6.200% July 96 12,881,000 488,000 300,000 2.300% July 95 6,642,000 120,000 25,000 0.400% July 94 3,212,000 46,000 3,000 0.100% July 93 1,776,000 26,000 150 0.010% July 92 992,000 16,300 50 0.005% July 89 130,000 3,900 July 81 210 1969 4 Stats from Internet Valley, Inc. IE Netscape Mosaic recent estimates suggest 40-50 M Web sites, with 4-5 B Web pages!

Kategori Web Berdasarkan keter-update-an isi web: Web Statis : website yang isi tampilannya selalu sama dan tidak akan pernah berubah kapan pun kita melihatnya. (jika tidak di-update) Web Dinamis: website yang isi tampilannya tidak statis

Web Statis  HTML (only) Web Dinamis HTML plus plus + Pemrograman Web (Scripting) + Animasi Interaktif (Mis: Flash, Java Applet)

HTML & XHTML HTML juga mengalami perkembangan Versi terakhir: HTML 4.1 XHTML adalah standar baru untuk HTML yang bertujuan: memungkinkan sebuah dokumen web dapat dibaca oleh divais baru seperti PDA, ponsel, dll Crossbrowser: ditampilkan sama untuk semua jenis browser Versi terakhir: XHTML 1.1

HTML Walaupun membuat website sangat mudah dengan menggunakan tools, tetapi sintaks HTML harus dikuasai dengan baik. Membantu dalam mengembangkan fitur yang dinamis: script, applet, konten multimedia, dll. may want low-level control may care about size/readability of pages may want to "steal" page components and integrate into existing pages

Pemrograman Web Client Side Script : Script yang ditambahkan dalam dokumen html, dieksekusi oleh browser client. Javascript, VBScript Server Side Script: Script yang ditambahkan dalam dokumen html, dieksekusi oleh server, hasilnya dalam bentuk html yang dikirim ke client. ASP/ASP.Net, PHP, CGI, JSP, dll

Cara Kerja Web

Pemrosesan Script

Client Side Script Script yang ditambahkan (embedded) pada halaman web yang sebelumnya hanya disusun dengan sintaks HTML. Penambahan script ini mempunyai tujuan tertentu. Misalnya: menampilkan jam dan tanggal yang up- to-date, menu yang dinamis (mis: pull down menu), kontrol terhadap sebuah window, animasi sederhana, animasi mouse maupun untuk validasi form, dll

Client Side Script Advantage: Waktu proses relatif cepat karena langsung dieksekusi oleh browser client Tidak memerlukan web server untuk hosting Dapat dieksekusi langsung oleh berbagai browser Disadvantage: Script bisa dilihat oleh pengguna Script dapat di copy-paste Tidak cocok untuk akses data atau database

Tips Client Side Script: Gunakan untuk proses-proses sisi client Script Javascript mudah untuk “dibajak” Pelajari bagaimana cara “menambahkan” ke website kita Source: http://www.dynamicdrive.com http://www.javascriptsource.com

Server Side Script Digunakan untuk membuat aplikasi web atau konten-konten dinamis: news, buku tamu, dll PHP: open source dan banyak digunakan luas Active Server Pages (ASP) dan ASP.Net, teknologi yang dikembangkan oleh Microsoft ColdFusion (CFM), dikembangkan oleh Macromedia Java Server Pages dan Servlet dikembangkan oleh Sun Microsystem Common Gateway Interface (CGI), yang dibuat dengan bahasa pemrograman C++ atau Perl Server Side Include (SSI), seperti misalnya Frontpage Server Extension

Server Side Script Advantage: Script tidak bisa dilihat oleh pengguna, sehingga tidak dapat di-copy-paste Cocok untuk akses data atau aplikasi database Untuk membuat fitur-fitur tertentu yang berguna, misalnya: hit counter, user manajemen, disain yang dinamis, CMS, dll Disadvantage: Waktu proses relatif lebih lambat karena dieksekusi oleh server Memerlukan web server untuk hosting

CSS (Cascading stylesheet) CSS adalah bagian dari sebuah website yang khusus dibuat untuk mengatur tampilan sebuah website. Kita dapat mengontrol isi (konten) dan tampilan secara terpisah. Perubahan konten tidak mengharuskan kita melakukan perubahan tampilan, demikian juga sebaliknya.

CSS Teknologi CSS dimaksudkan untuk mempermudah perancangan web yang indah dan fleksibel. Fleksibilitas adalah hal yang tidak akan diperoleh jika menggunakan HTML saja. Satu file CSS (*.css) dapat digunakan untuk banyak halaman. Sehingga perubahan disain visual untuk banyak halaman dapat dilakukan hanya melalui modifikasi satu file CSS

Penggunaan CSS saat ini Kontrol aspek visual keseluruhan halaman website Membuat Layout yang standart (kolaborasi dengan XHTML) Teknik membuat layout HTML: Frame  cara lama, jarang digunakan Tabel  disukai oleh designer CSS  metode baru, menjadi standar

Referensi HTML & CSS CSS-1: http://www.w3.org/TR/CSS1 XHTML: http://www.w3.org/TR/xhtml11

Teknologi & Aplikasi Web ActiveX ActiveX adalah sebuah teknologi integrasi bukan sebuah bahasa pemrograman. ActiveX dapat disebut sebagai lem yang menyatukan berbagai macam kode bahasa pemrograman sehingga dapat bekerja sama menjadi sebuah aplikasi Internet. ActiveX mirip dengan OLE (Object Linking and Embedding). Ditandai dengan tag <OBJECT> pada html Java Applet Flash (Shockwafe) Komponen ActiveX (develop dg VBScript) dll

Aplikasi berbasis Web E-Commerce: menggambarkan konsep melakukan transaksi antara pembeli dan penjual melalui jaringan elektronik (internet) E-Business: menggambarkan semua aspek melakukan bisnis di / dengan / melalui internet. E-Business mencakup semua aspek E-commerce E-Learning, E-Government, dan E-E yang lainnya …

Web Developer Secara garis besar dapat dipisahkan: Web Designer: membuat disain web Web Programmer: membuat script untuk halaman web Web Administrator: sebagai administrator web

Tahapan Pengembangan Website Sebuah website dikembangkan dalam 2 proses besar: Web Designing: proses hingga jadi halaman-halaman web secara lengkap dan siap tayang Web Deploying: proses untuk membuat website terpasang pada server internet dan dapat diakses orang lain

Peluang Hadirnya internet dan layanan WWW memberikan sejumlah peluang bagi kita, sebagai: Developer Web Content Updater/Kontributor Network/Web Administrator E-Commerce / Online Business Interaksi Bisnis dll

Fenomena Amazon bhinneka Okezone Detik Facebook

TERIMAKASIH