Pengenalan Dasar Web Pertemuan 1

Presentasi berjudul: "Pengenalan Dasar Web Pertemuan 1"— Transcript presentasi:

1 Pengenalan Dasar Web Pertemuan 1
Pemrogaman Web Pengenalan Dasar Web Pertemuan 1

2 Be Carefull! Rileks, Santai, Fokus

3 Seberapa penting website itu?
Apa itu WWW, Website?? Seberapa penting website itu?

4 www (world wide web) website
layanan yang digunakan di internet untuk menyampaikan informasi dengan dukungan multimedia berupa teks, gambar, video dan suara. website kumpulan halaman dari halaman situs, terangkum dalam sebuah domain yang berada di dalam www pengertian website

5 1991 1993 1994 2003 2010 sejarah website situs web pertama diluncurkan
www dapat digunakan oleh setiap orang 1994 W3C (World Wide Web Consortium) didirikan 2003 web 2.0 2010 web 3.0 sejarah website

6 web 1.0 teknologi awal website. server berperan sebagai pemberi informasi, client berperan sebagai pembaca. bahasa yang digunakan HTML web 2.0 the web as platform. pemanfaatan web sebagai sebuah platform aplikasi . harnessing collective intelligence. konten dapat diisi oleh pengguna secara interaktif, contoh youtube. lightweight programming models. pembuatan web menggunakan bahasa yang lebih beragam (html, css, javascript, php) web 3.0 the 3D web. mendukung kemampuan visual 3D dan interaksi secara realtime. the media-centric web. photo, audio, dan video menjadi cara lain untuk mencari informasi selain menggunakan keyword. web 1.0 web 2.0 web 3.0

7 website statis website dinamis front-end only
front-end merupakan halaman website yang dapat diakses oleh pengunjung website bersifat statis, konten website tidak dapat diupdate Jenis-jenis Website website dinamis front-end dan back-end back-end biasa disebut CMS (Content Management System), atau disebut juga Administrator Area, Dashboard, dsb website bersifat dinamis, di mana administrator dapat mengubah konten dengan leluasa

8 Contoh Website news social network forum e-commerce search engine
detiknews, kompas, BBC, reuters social network facebook, twitter, tumblr, wordpress, blogger forum kaskus, indowebster, detik forum e-commerce tokobagus, berniaga, zalora, bhinneka.com search engine google, bing, yahoo

9 Contoh Website (2) Archive Blog Corporate Website
Wikipedia, Google Groups, dll Blog Blogspot, Wordpress, Tumblr, dll Corporate Website BUMN, Perbankan, dll

10 Komponen Penyusun Website
web server web browser database server

11 Unsur-Unsur Website http://................................. .com
.com, .org, .or.id, .co.id, .net Domain jagoanhosting, idwebhost, dll Hosting HTML, CSS, jQuery Desain & Scripting HTML, CSS, Javascript, PHP Hosting

12 HTML CSS Javascript ASP.NET Teknologi Web CMS PHP HTML 5 JSON XML SQL

13 HTML . HTML adalah singkatan dari HyperText Markup
Language yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet .

14 CSS CSS adalah singkatan dari Casading Style Sheet yang merupakan kumpulan perintah yang dibentuk dari berbagai sumber yang disusun menurut urutan tertentu sehingga mampu mengatasi konflik style. CSS digunakan untuk mendukung pembuatan website sehingga dapat mempercantik tampilan halaman website.

15 Javascript JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi client. Jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan khusus untuk di browser atau halaman web agar halaman web menjadi lebih hidup.

16 PHP PHP adalah bahasa pemrograman didesain untuk pengembangan web yang berjalan disisi server.

17 element width Relasi antara HTML dan CSS HTML height CSS
fontcolor : white backcolor : blue textweight : bold width : 100px weight : 40px font-family : calibri