SlideShare une entreprise Scribd logo
1  sur  15
Nama: Muhammad sugiantoro
Nim : 1210651165
Rangkuman
Web 2.0
Sejarah Lahirnya Web 2.0
Web 2.0 Lahir beberapa tahun yang lalu dari hasil wacana antara
O’Reilly dan MediaLive International, Web 2.0 makin hari
makin bergulir. Hanya dalam satu setengah tahun, lebih dari 9,5
juta halaman web dicatat Google mengandung nama ini.
Pengertian Web 2.0
Web 2.0 adalah buzzword terbaru di dunia internet. Berbagai inovasi

dan fitur-fitur baru yang muncul di dunia web membawa suatu
pandangan baru tentang jenis situs web atau aplikasi web yang disebut
web 2.0. Istilah web 2.0 disebut-sebut oleh Dale Dougherty dari

O’Reilly Media yang melakukan brainstorming dengan Craig Cline
dari Media Live untuk menghasilkan ide konferensi di mana mereka
menjadi host.
Keuntungan Web 2.0
Web 2.0 mempunyai keuntungan yaitu memungkinkan pengguna
internet dapat melihat konten suatu website tanpa harus

berkunjung ke alamat situs yang bersangkutan. Kemampuan Web
2.0 juga dalam melakukan aktivitas drag and drop, auto complete,
chat, dan voice seperti layaknya aplikasi desktop, bahkan berlaku

seperti sistem operasi, dengan menggunakan dukungan AJAX
atau berbagai plug-in (API) yang ada di internet. Hal tersebut
akan merubah paradigma pengembang sofware dari distribusi

produk menjadi distribusi layanan.
Kelebihan Web 2.0
kelebihan Web 2.0 dimana interaksi sosial di dunia maya sudah

menjadi kebutuhan, sehingga era Web 2.0 ini memiliki beberapa
ciri mencolok yaitu share, collaborate dan exploit. Di era Web 2.0
sekarang, penggunaan web untuk berbagi, pertemanan, kolaborasi
menjadi sesuatu yang penting. Web 2.0 hadir seiring maraknya
pengguna blog, Friendster, Myspace, Youtube dan Fickr.
Mulai Werkembangnya Web 2.0
Teknologi Web 2.0 mulai dikembangkan sekitar tahun 2004. Web
2.0 merupakan teknologi web yang menyatukan teknologiteknologi yang dimiliki dalam membangun web. Penyatuan
tersebut merupakan gabungan dari HTML, CSS, JavaScript,
XML, dan AJAX. HTML selalu disandingkan dengan CSS untuk
mempercantik tampilan web. JavaScript membuat tampilan yang

dinamis. XML digunakan untuk mendefinisikan format data.
AJAX adalah penggabungan dari JavaScript dan XML yang
menekankan pada pengelolaan konten. Aplikasi web 2.0 disajikan

pada suatu web browser tidak memerlukan teknologi canggih dari
sisi user, seerti MS Words,MS Excell,FrontPages dll.
Web 2.0 merupakan fasilitas yang gratis yang bisa digunakan tiap
waktu. Masalah yang berkenaan dengan manajemen file juga
tidak terlalu susah, selain itu filenya bisa disimpan dan bisa

disharing oleh user lain, semacam napster (http://napster.com/).
Salah satu teknologi web 2.0 ini bisa dilihat pada aplikasi
spreadsheet milik Google yang mengolah angka-angka

sepertihalnya MS Excel (http://spreadsheets.google.com).
Karakteristik Web 2.0
Situs Web 2.0 memungkinkan pengguna untuk melakukan lebih

dari sekedar mengambil informasi. Mereka dapat membangun
pada fasilitas interaktif “Web 1.0″ untuk memberikan “Jaringan
sebagai platform” komputasi, memungkinkan pengguna untuk
menjalankan aplikasi software seluruhnya melalui browser.
Pengguna dapat memiliki data pada situs Web 2.0 dan
menjalankan kontrol atas bahwa data.
Contoh Aplikasih Web 2.0
Pengertian dari Dreamweaver
Dreamweaver merupakan web editor untuk membuat dan
mendesain website dengan mudah dan cepat. Kemampuannya

dalam membuat website tanpa menuliskan tag-tag HTML satu
persatu, menjadikan program ini merupakan salah satu web
editor favorit banyak pengguna web.
Fitur-fitur Dreamweaver
Ada beberapa tambahan menu/fitur pada bagian application...
yaitu XSL Transformation. bagian icon desig juga ada menu
PHP... isinya berupa menu include, echo, Form Variables, Url
Variables, IF n Else... dan lain sebagainya yang medasar ttg PHP.

Pada bagian coding dipermudah dengan penulisan tag </>…..
misalnya pada saat kita ngetik <body>, terus kita ketik lagi
</…… maka secara otomatis dremweaver menambahkannya

menjadi </body>. Penambahan sesuai dengan tag sebelumnya.
Ada autocomplete yang cukup lengkap, ada referensi syntax html
,css, php, java script, dsb. Find dan Replace yang canggih,

banyak filternya ada fitur semacam validator Ada fitur link
checker memudahkan kita mencari broken link manejemen file
website juga bagus (site manager) bisa buat snippet fungsi cssnya

yang jauh teroganisir. Dibandingkan mx 2004. Mx 2004 biasanya
bakal kasih in-line css kalo dreamweaver 8 ditaruh di head.
Bagian-bagian dari Table
Table merupakan salah satu bagian terpenting dalam pembuatan
sebuah web yang terdiri dari :
a. Rows

: Baris pada tabel

b. Columns

: Kolom pada tabel

c. Tabel width

: Lebar tabel

d. Border thicknes

: Ketebalan garis pada sisi tabel

e. Cell Spacing

: Jarak antar cell

f. Cell padding

: Lapisan sel
Kegunaan Dreamweaver
Dreamweaver adalah sebuah editor web yang dikembangkan oleh
macromedia. Versi terakhir saat ini adalah MX 2004 dan yang

sebelumnya muncul dengan MX 6. Dengan menggunakan editor ini
andae sebagai seorang desainer web akan banyak diberikan banyak
kemudahan dalam membangun website. Bahkan dengan kemampuan

yang ada anda dapat dengan mudah mengimplementasikan Web
scripting yang ada, seperti vb script, asp, cold fusion atau bahkan web
scripting yang sifatnya free seperti PHP dapat didukung di sana.
Keunggulan Dreamweaver
Dreamweaver mempunyai keunggulan dibandingan program
sejenisnya antara lain :
-Dreamweaver mempunyai ruang kerja, fasilitas, dan kemampuan
yang mampu meningkatkan produktifitas dan efektifitas dalam
desain maupun membangun suatu situs Web.

-Fasilitas penyuntingan secara visual dari Dreamweaver
memungkinkan untuk menambah desain dan fungsionalitas
halaman-halaman Web.
-Pada Dreamweaver terdapat beberapa kemampuan bukan
hanya sebagai software untuk mendesain web saja, tetapi juga
untuk menyuting kode serta pembuatan aplikasi Web, antara lain

JPS, PHP, ASP, dan ColdFusion.
-Lebih mudah dan cepat dalam mendesain web karena tidak perlu
harus menuliskan tag-tag html.

Contenu connexe

Tendances

Tugas 1 rekayasa web 1412511519 - andhika desta permana
Tugas 1 rekayasa web   1412511519 - andhika desta permanaTugas 1 rekayasa web   1412511519 - andhika desta permana
Tugas 1 rekayasa web 1412511519 - andhika desta permanaAndhika Desta Permana
 
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316art david
 
Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317esti setiasih
 
Tugas 1 ( 1412510263 joko wijayanto)
Tugas 1 ( 1412510263   joko wijayanto)Tugas 1 ( 1412510263   joko wijayanto)
Tugas 1 ( 1412510263 joko wijayanto)jokosingo
 
Web dan domain (Angger Setyo Aji 20170210051)
Web dan domain (Angger Setyo Aji 20170210051)Web dan domain (Angger Setyo Aji 20170210051)
Web dan domain (Angger Setyo Aji 20170210051)Angger Setyo
 
Presentation1 rekweb
Presentation1 rekwebPresentation1 rekweb
Presentation1 rekwebseptianarul
 
Makalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi formMakalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi formHutommo Bagus
 
Tugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaTugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaosta92
 
Tugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art davidTugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art davidart david
 
Power point J query dan penggunaannya sebagai validasi form
Power point J query dan penggunaannya sebagai validasi formPower point J query dan penggunaannya sebagai validasi form
Power point J query dan penggunaannya sebagai validasi formHutommo Bagus
 
Perbedaan Web 1.0 dan 2.0
Perbedaan Web 1.0 dan 2.0Perbedaan Web 1.0 dan 2.0
Perbedaan Web 1.0 dan 2.0Cindy Claudia
 

Tendances (20)

Tugas01
Tugas01Tugas01
Tugas01
 
Tugas 1 rekayasa web 1412511519 - andhika desta permana
Tugas 1 rekayasa web   1412511519 - andhika desta permanaTugas 1 rekayasa web   1412511519 - andhika desta permana
Tugas 1 rekayasa web 1412511519 - andhika desta permana
 
9711 web desain
9711 web desain9711 web desain
9711 web desain
 
web 3
web 3web 3
web 3
 
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316
 
Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317
 
JQURTY
JQURTYJQURTY
JQURTY
 
Web 2
Web 2Web 2
Web 2
 
Tugas 1 ( 1412510263 joko wijayanto)
Tugas 1 ( 1412510263   joko wijayanto)Tugas 1 ( 1412510263   joko wijayanto)
Tugas 1 ( 1412510263 joko wijayanto)
 
Perbedaan Web 1.0 dan 2.0
Perbedaan Web 1.0 dan 2.0Perbedaan Web 1.0 dan 2.0
Perbedaan Web 1.0 dan 2.0
 
Web dan domain (Angger Setyo Aji 20170210051)
Web dan domain (Angger Setyo Aji 20170210051)Web dan domain (Angger Setyo Aji 20170210051)
Web dan domain (Angger Setyo Aji 20170210051)
 
Presentation1 rekweb
Presentation1 rekwebPresentation1 rekweb
Presentation1 rekweb
 
Laporan tugas besar_web
Laporan tugas besar_webLaporan tugas besar_web
Laporan tugas besar_web
 
Makalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi formMakalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi form
 
Tugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaTugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarina
 
Tugas 1 rekweb
Tugas 1 rekwebTugas 1 rekweb
Tugas 1 rekweb
 
Tugas 1
Tugas 1Tugas 1
Tugas 1
 
Tugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art davidTugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art david
 
Power point J query dan penggunaannya sebagai validasi form
Power point J query dan penggunaannya sebagai validasi formPower point J query dan penggunaannya sebagai validasi form
Power point J query dan penggunaannya sebagai validasi form
 
Perbedaan Web 1.0 dan 2.0
Perbedaan Web 1.0 dan 2.0Perbedaan Web 1.0 dan 2.0
Perbedaan Web 1.0 dan 2.0
 

En vedette

Live Webinar: Mastering Content Marketing on LinkedIn
Live Webinar: Mastering Content Marketing on LinkedInLive Webinar: Mastering Content Marketing on LinkedIn
Live Webinar: Mastering Content Marketing on LinkedInLinkedIn
 
An introduction to social marketing
An introduction to social marketingAn introduction to social marketing
An introduction to social marketingwalescva
 
Success Mantra - Gurukilli in Marathi..By Prof. (Dr.) Nitin Zaware
Success Mantra - Gurukilli in Marathi..By Prof. (Dr.) Nitin Zaware Success Mantra - Gurukilli in Marathi..By Prof. (Dr.) Nitin Zaware
Success Mantra - Gurukilli in Marathi..By Prof. (Dr.) Nitin Zaware Prof.(Dr.) Nitin Zaware
 
WHPRMS Presentation
WHPRMS PresentationWHPRMS Presentation
WHPRMS PresentationLee Aase
 
Ch 5 Review All But Saber Conocer
Ch 5 Review All But Saber ConocerCh 5 Review All But Saber Conocer
Ch 5 Review All But Saber ConocerLois Cooper
 
Microsoft Case Study
Microsoft Case StudyMicrosoft Case Study
Microsoft Case StudyLinkedIn
 
Relatório de Segurança Anual da Cisco de 2013
Relatório de  Segurança  Anual da Cisco de 2013Relatório de  Segurança  Anual da Cisco de 2013
Relatório de Segurança Anual da Cisco de 2013Cisco do Brasil
 
Paris salon du_chocolat
Paris salon du_chocolatParis salon du_chocolat
Paris salon du_chocolatfilipj2000
 

En vedette (12)

Live Webinar: Mastering Content Marketing on LinkedIn
Live Webinar: Mastering Content Marketing on LinkedInLive Webinar: Mastering Content Marketing on LinkedIn
Live Webinar: Mastering Content Marketing on LinkedIn
 
Penyakit hiv aids
Penyakit hiv aidsPenyakit hiv aids
Penyakit hiv aids
 
An introduction to social marketing
An introduction to social marketingAn introduction to social marketing
An introduction to social marketing
 
Cerita dongeng
Cerita dongengCerita dongeng
Cerita dongeng
 
Success Mantra - Gurukilli in Marathi..By Prof. (Dr.) Nitin Zaware
Success Mantra - Gurukilli in Marathi..By Prof. (Dr.) Nitin Zaware Success Mantra - Gurukilli in Marathi..By Prof. (Dr.) Nitin Zaware
Success Mantra - Gurukilli in Marathi..By Prof. (Dr.) Nitin Zaware
 
Como publicar GPA
Como publicar GPAComo publicar GPA
Como publicar GPA
 
WHPRMS Presentation
WHPRMS PresentationWHPRMS Presentation
WHPRMS Presentation
 
Ch 5 Review All But Saber Conocer
Ch 5 Review All But Saber ConocerCh 5 Review All But Saber Conocer
Ch 5 Review All But Saber Conocer
 
Microsoft Case Study
Microsoft Case StudyMicrosoft Case Study
Microsoft Case Study
 
2. biodata beny alfian
2. biodata beny alfian2. biodata beny alfian
2. biodata beny alfian
 
Relatório de Segurança Anual da Cisco de 2013
Relatório de  Segurança  Anual da Cisco de 2013Relatório de  Segurança  Anual da Cisco de 2013
Relatório de Segurança Anual da Cisco de 2013
 
Paris salon du_chocolat
Paris salon du_chocolatParis salon du_chocolat
Paris salon du_chocolat
 

Similaire à WEB20

Tutorial web site aida dan jesika
Tutorial web site aida dan jesikaTutorial web site aida dan jesika
Tutorial web site aida dan jesikaRCH_98
 
Tugas pemograman berbasis web
Tugas pemograman berbasis webTugas pemograman berbasis web
Tugas pemograman berbasis webharisdul94
 
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptxDeniHidayat46
 
Pengertian web 2.0 (1210651091)
Pengertian web 2.0 (1210651091)Pengertian web 2.0 (1210651091)
Pengertian web 2.0 (1210651091)danny_robby
 
HTML, CSS, JAVASCRIPT.pptx
HTML, CSS, JAVASCRIPT.pptxHTML, CSS, JAVASCRIPT.pptx
HTML, CSS, JAVASCRIPT.pptxkays17
 
Pemrograman Web Dinamis
Pemrograman Web DinamisPemrograman Web Dinamis
Pemrograman Web DinamisWahyu Widodo
 
Modul web design - studi kasus website portal berita
Modul web design - studi kasus website portal beritaModul web design - studi kasus website portal berita
Modul web design - studi kasus website portal beritaDoni Andriansyah
 
Konsep Teknologi Web
Konsep Teknologi WebKonsep Teknologi Web
Konsep Teknologi WebTeukuMahawira
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi webTeukuMahawira
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi webTeukuMahawira
 
Tugas1 rekayasa web-1412510917
Tugas1 rekayasa web-1412510917Tugas1 rekayasa web-1412510917
Tugas1 rekayasa web-1412510917rima fauziah
 
Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Dimas Setiadi
 

Similaire à WEB20 (20)

Web 2
Web 2Web 2
Web 2
 
WEBSITE
WEBSITEWEBSITE
WEBSITE
 
Tugas Pw Kel 3
Tugas Pw Kel 3Tugas Pw Kel 3
Tugas Pw Kel 3
 
Tugas Pw Kel 3
Tugas Pw Kel 3Tugas Pw Kel 3
Tugas Pw Kel 3
 
Tugas Pw Kel 3
Tugas Pw Kel 3Tugas Pw Kel 3
Tugas Pw Kel 3
 
Tutorial web site aida dan jesika
Tutorial web site aida dan jesikaTutorial web site aida dan jesika
Tutorial web site aida dan jesika
 
Tugas pemograman berbasis web
Tugas pemograman berbasis webTugas pemograman berbasis web
Tugas pemograman berbasis web
 
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
 
Pengertian web 2.0 (1210651091)
Pengertian web 2.0 (1210651091)Pengertian web 2.0 (1210651091)
Pengertian web 2.0 (1210651091)
 
HTML, CSS, JAVASCRIPT.pptx
HTML, CSS, JAVASCRIPT.pptxHTML, CSS, JAVASCRIPT.pptx
HTML, CSS, JAVASCRIPT.pptx
 
Pemrograman Web Dinamis
Pemrograman Web DinamisPemrograman Web Dinamis
Pemrograman Web Dinamis
 
Modul web design - studi kasus website portal berita
Modul web design - studi kasus website portal beritaModul web design - studi kasus website portal berita
Modul web design - studi kasus website portal berita
 
Html5
Html5Html5
Html5
 
Web 1.0 4.0
Web 1.0 4.0Web 1.0 4.0
Web 1.0 4.0
 
Konsep Teknologi Web
Konsep Teknologi WebKonsep Teknologi Web
Konsep Teknologi Web
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Desain web
Desain webDesain web
Desain web
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Tugas1 rekayasa web-1412510917
Tugas1 rekayasa web-1412510917Tugas1 rekayasa web-1412510917
Tugas1 rekayasa web-1412510917
 
Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916
 

Dernier

Demonstrasi Kontekstual Modul 1.2. pdf
Demonstrasi Kontekstual  Modul 1.2.  pdfDemonstrasi Kontekstual  Modul 1.2.  pdf
Demonstrasi Kontekstual Modul 1.2. pdfvebronialite32
 
Dinamika perwujudan Pancasila sebagai Dasar Negara dan Pandangan Hidup Bangsa
Dinamika perwujudan Pancasila sebagai Dasar Negara dan Pandangan Hidup BangsaDinamika perwujudan Pancasila sebagai Dasar Negara dan Pandangan Hidup Bangsa
Dinamika perwujudan Pancasila sebagai Dasar Negara dan Pandangan Hidup BangsaEzraCalva
 
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdfShintaNovianti1
 
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxDESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxFuzaAnggriana
 
SBM_Kelompok-7_Alat dan Media Pembelajaran.pptx
SBM_Kelompok-7_Alat dan Media Pembelajaran.pptxSBM_Kelompok-7_Alat dan Media Pembelajaran.pptx
SBM_Kelompok-7_Alat dan Media Pembelajaran.pptxFardanassegaf
 
TPPK_panduan pembentukan tim TPPK di satuan pendidikan
TPPK_panduan pembentukan tim TPPK di satuan pendidikanTPPK_panduan pembentukan tim TPPK di satuan pendidikan
TPPK_panduan pembentukan tim TPPK di satuan pendidikanNiKomangRaiVerawati
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdftsaniasalftn18
 
Catatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus PerilakuCatatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus PerilakuHANHAN164733
 
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2noviamaiyanti
 
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfAKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfTaqdirAlfiandi1
 
POWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMP
POWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMPPOWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMP
POWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMPAnaNoorAfdilla
 
adap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptxadap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptxmtsmampunbarub4
 
Pembahasan Soal UKOM gerontik persiapan ukomnas
Pembahasan Soal UKOM gerontik persiapan ukomnasPembahasan Soal UKOM gerontik persiapan ukomnas
Pembahasan Soal UKOM gerontik persiapan ukomnasAZakariaAmien1
 
Pertemuan 3-bioavailabilitas-dan-bioekivalensi.ppt
Pertemuan 3-bioavailabilitas-dan-bioekivalensi.pptPertemuan 3-bioavailabilitas-dan-bioekivalensi.ppt
Pertemuan 3-bioavailabilitas-dan-bioekivalensi.pptNabilahKhairunnisa6
 
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPSKisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPSyudi_alfian
 
Membuat Strategi Penerapan Kurikulum Merdeka di dalam Kelas
Membuat Strategi Penerapan Kurikulum Merdeka di dalam KelasMembuat Strategi Penerapan Kurikulum Merdeka di dalam Kelas
Membuat Strategi Penerapan Kurikulum Merdeka di dalam KelasHardaminOde2
 
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...MarwanAnugrah
 
aksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmmaksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmmeunikekambe10
 
PRESENTASI EEC social mobile, and local marketing.pptx
PRESENTASI EEC social mobile, and local marketing.pptxPRESENTASI EEC social mobile, and local marketing.pptx
PRESENTASI EEC social mobile, and local marketing.pptxPCMBANDUNGANKabSemar
 
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKAPPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKARenoMardhatillahS
 

Dernier (20)

Demonstrasi Kontekstual Modul 1.2. pdf
Demonstrasi Kontekstual  Modul 1.2.  pdfDemonstrasi Kontekstual  Modul 1.2.  pdf
Demonstrasi Kontekstual Modul 1.2. pdf
 
Dinamika perwujudan Pancasila sebagai Dasar Negara dan Pandangan Hidup Bangsa
Dinamika perwujudan Pancasila sebagai Dasar Negara dan Pandangan Hidup BangsaDinamika perwujudan Pancasila sebagai Dasar Negara dan Pandangan Hidup Bangsa
Dinamika perwujudan Pancasila sebagai Dasar Negara dan Pandangan Hidup Bangsa
 
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
 
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxDESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
 
SBM_Kelompok-7_Alat dan Media Pembelajaran.pptx
SBM_Kelompok-7_Alat dan Media Pembelajaran.pptxSBM_Kelompok-7_Alat dan Media Pembelajaran.pptx
SBM_Kelompok-7_Alat dan Media Pembelajaran.pptx
 
TPPK_panduan pembentukan tim TPPK di satuan pendidikan
TPPK_panduan pembentukan tim TPPK di satuan pendidikanTPPK_panduan pembentukan tim TPPK di satuan pendidikan
TPPK_panduan pembentukan tim TPPK di satuan pendidikan
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdf
 
Catatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus PerilakuCatatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus Perilaku
 
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
 
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfAKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
 
POWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMP
POWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMPPOWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMP
POWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMP
 
adap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptxadap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptx
 
Pembahasan Soal UKOM gerontik persiapan ukomnas
Pembahasan Soal UKOM gerontik persiapan ukomnasPembahasan Soal UKOM gerontik persiapan ukomnas
Pembahasan Soal UKOM gerontik persiapan ukomnas
 
Pertemuan 3-bioavailabilitas-dan-bioekivalensi.ppt
Pertemuan 3-bioavailabilitas-dan-bioekivalensi.pptPertemuan 3-bioavailabilitas-dan-bioekivalensi.ppt
Pertemuan 3-bioavailabilitas-dan-bioekivalensi.ppt
 
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPSKisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
 
Membuat Strategi Penerapan Kurikulum Merdeka di dalam Kelas
Membuat Strategi Penerapan Kurikulum Merdeka di dalam KelasMembuat Strategi Penerapan Kurikulum Merdeka di dalam Kelas
Membuat Strategi Penerapan Kurikulum Merdeka di dalam Kelas
 
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
 
aksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmmaksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmm
 
PRESENTASI EEC social mobile, and local marketing.pptx
PRESENTASI EEC social mobile, and local marketing.pptxPRESENTASI EEC social mobile, and local marketing.pptx
PRESENTASI EEC social mobile, and local marketing.pptx
 
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKAPPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
 

WEB20

  • 2. Rangkuman Web 2.0 Sejarah Lahirnya Web 2.0 Web 2.0 Lahir beberapa tahun yang lalu dari hasil wacana antara O’Reilly dan MediaLive International, Web 2.0 makin hari makin bergulir. Hanya dalam satu setengah tahun, lebih dari 9,5 juta halaman web dicatat Google mengandung nama ini.
  • 3. Pengertian Web 2.0 Web 2.0 adalah buzzword terbaru di dunia internet. Berbagai inovasi dan fitur-fitur baru yang muncul di dunia web membawa suatu pandangan baru tentang jenis situs web atau aplikasi web yang disebut web 2.0. Istilah web 2.0 disebut-sebut oleh Dale Dougherty dari O’Reilly Media yang melakukan brainstorming dengan Craig Cline dari Media Live untuk menghasilkan ide konferensi di mana mereka menjadi host.
  • 4. Keuntungan Web 2.0 Web 2.0 mempunyai keuntungan yaitu memungkinkan pengguna internet dapat melihat konten suatu website tanpa harus berkunjung ke alamat situs yang bersangkutan. Kemampuan Web 2.0 juga dalam melakukan aktivitas drag and drop, auto complete, chat, dan voice seperti layaknya aplikasi desktop, bahkan berlaku seperti sistem operasi, dengan menggunakan dukungan AJAX atau berbagai plug-in (API) yang ada di internet. Hal tersebut akan merubah paradigma pengembang sofware dari distribusi produk menjadi distribusi layanan.
  • 5. Kelebihan Web 2.0 kelebihan Web 2.0 dimana interaksi sosial di dunia maya sudah menjadi kebutuhan, sehingga era Web 2.0 ini memiliki beberapa ciri mencolok yaitu share, collaborate dan exploit. Di era Web 2.0 sekarang, penggunaan web untuk berbagi, pertemanan, kolaborasi menjadi sesuatu yang penting. Web 2.0 hadir seiring maraknya pengguna blog, Friendster, Myspace, Youtube dan Fickr.
  • 6. Mulai Werkembangnya Web 2.0 Teknologi Web 2.0 mulai dikembangkan sekitar tahun 2004. Web 2.0 merupakan teknologi web yang menyatukan teknologiteknologi yang dimiliki dalam membangun web. Penyatuan tersebut merupakan gabungan dari HTML, CSS, JavaScript, XML, dan AJAX. HTML selalu disandingkan dengan CSS untuk mempercantik tampilan web. JavaScript membuat tampilan yang dinamis. XML digunakan untuk mendefinisikan format data. AJAX adalah penggabungan dari JavaScript dan XML yang menekankan pada pengelolaan konten. Aplikasi web 2.0 disajikan pada suatu web browser tidak memerlukan teknologi canggih dari sisi user, seerti MS Words,MS Excell,FrontPages dll.
  • 7. Web 2.0 merupakan fasilitas yang gratis yang bisa digunakan tiap waktu. Masalah yang berkenaan dengan manajemen file juga tidak terlalu susah, selain itu filenya bisa disimpan dan bisa disharing oleh user lain, semacam napster (http://napster.com/). Salah satu teknologi web 2.0 ini bisa dilihat pada aplikasi spreadsheet milik Google yang mengolah angka-angka sepertihalnya MS Excel (http://spreadsheets.google.com).
  • 8. Karakteristik Web 2.0 Situs Web 2.0 memungkinkan pengguna untuk melakukan lebih dari sekedar mengambil informasi. Mereka dapat membangun pada fasilitas interaktif “Web 1.0″ untuk memberikan “Jaringan sebagai platform” komputasi, memungkinkan pengguna untuk menjalankan aplikasi software seluruhnya melalui browser. Pengguna dapat memiliki data pada situs Web 2.0 dan menjalankan kontrol atas bahwa data.
  • 9. Contoh Aplikasih Web 2.0 Pengertian dari Dreamweaver Dreamweaver merupakan web editor untuk membuat dan mendesain website dengan mudah dan cepat. Kemampuannya dalam membuat website tanpa menuliskan tag-tag HTML satu persatu, menjadikan program ini merupakan salah satu web editor favorit banyak pengguna web.
  • 10. Fitur-fitur Dreamweaver Ada beberapa tambahan menu/fitur pada bagian application... yaitu XSL Transformation. bagian icon desig juga ada menu PHP... isinya berupa menu include, echo, Form Variables, Url Variables, IF n Else... dan lain sebagainya yang medasar ttg PHP. Pada bagian coding dipermudah dengan penulisan tag </>….. misalnya pada saat kita ngetik <body>, terus kita ketik lagi </…… maka secara otomatis dremweaver menambahkannya menjadi </body>. Penambahan sesuai dengan tag sebelumnya.
  • 11. Ada autocomplete yang cukup lengkap, ada referensi syntax html ,css, php, java script, dsb. Find dan Replace yang canggih, banyak filternya ada fitur semacam validator Ada fitur link checker memudahkan kita mencari broken link manejemen file website juga bagus (site manager) bisa buat snippet fungsi cssnya yang jauh teroganisir. Dibandingkan mx 2004. Mx 2004 biasanya bakal kasih in-line css kalo dreamweaver 8 ditaruh di head.
  • 12. Bagian-bagian dari Table Table merupakan salah satu bagian terpenting dalam pembuatan sebuah web yang terdiri dari : a. Rows : Baris pada tabel b. Columns : Kolom pada tabel c. Tabel width : Lebar tabel d. Border thicknes : Ketebalan garis pada sisi tabel e. Cell Spacing : Jarak antar cell f. Cell padding : Lapisan sel
  • 13. Kegunaan Dreamweaver Dreamweaver adalah sebuah editor web yang dikembangkan oleh macromedia. Versi terakhir saat ini adalah MX 2004 dan yang sebelumnya muncul dengan MX 6. Dengan menggunakan editor ini andae sebagai seorang desainer web akan banyak diberikan banyak kemudahan dalam membangun website. Bahkan dengan kemampuan yang ada anda dapat dengan mudah mengimplementasikan Web scripting yang ada, seperti vb script, asp, cold fusion atau bahkan web scripting yang sifatnya free seperti PHP dapat didukung di sana.
  • 14. Keunggulan Dreamweaver Dreamweaver mempunyai keunggulan dibandingan program sejenisnya antara lain : -Dreamweaver mempunyai ruang kerja, fasilitas, dan kemampuan yang mampu meningkatkan produktifitas dan efektifitas dalam desain maupun membangun suatu situs Web. -Fasilitas penyuntingan secara visual dari Dreamweaver memungkinkan untuk menambah desain dan fungsionalitas halaman-halaman Web.
  • 15. -Pada Dreamweaver terdapat beberapa kemampuan bukan hanya sebagai software untuk mendesain web saja, tetapi juga untuk menyuting kode serta pembuatan aplikasi Web, antara lain JPS, PHP, ASP, dan ColdFusion. -Lebih mudah dan cepat dalam mendesain web karena tidak perlu harus menuliskan tag-tag html.