Teknologi Informasi dan Komunikasi Andy Wisnu Wardana S.Kom MCP.

Presentasi berjudul: "Teknologi Informasi dan Komunikasi Andy Wisnu Wardana S.Kom MCP."— Transcript presentasi:

1 Teknologi Informasi dan Komunikasi Andy Wisnu Wardana S.Kom MCP

2 Materi HTML & CSS (Semester Gasal)  Mengarah pada pembuatan design web WORDPRESS (Semester Genap)  Mengarah pada pembuatan blog baik secara online ataupun offline

3 Pengenalan Web Metode Baru Masa Depan Jalan menuju ke arah kebebasan finansial

4 Apakah anda Kenal ? Mark Zuckerberg Larry Page dan Sergey Brin

5 Pengenalan Lanjutan WWW adalah layanan internet yang paling populer saat ini WWW adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra belantara informasi

6 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 gambar, audio, video dan animasi

7 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.

8 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.

9 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

10 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

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

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

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

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

15 HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet

16 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 device baru seperti PDA, ponsel, dll Versi terakhir: XHTML 1.1

17 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