SlideShare ist ein Scribd-Unternehmen logo
1 von 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.

Weitere ähnliche Inhalte

Was ist angesagt?

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
 

Was ist angesagt? (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
 

Andere mochten auch

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
 

Andere mochten auch (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
 

Ähnlich wie 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
 

Ähnlich wie 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
 

Kürzlich hochgeladen

Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxKeberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxLeniMawarti1
 
slide presentation bab 2 sain form 2.pdf
slide presentation bab 2 sain form 2.pdfslide presentation bab 2 sain form 2.pdf
slide presentation bab 2 sain form 2.pdfNURAFIFAHBINTIJAMALU
 
Modul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Informatika Kelas 11 Fase F Kurikulum MerdekaModul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Informatika Kelas 11 Fase F Kurikulum MerdekaAbdiera
 
UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...
UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...
UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...jumadsmanesi
 
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...Kanaidi ken
 
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptxAKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptxHeriyantoHeriyanto44
 
Pelatihan Asesor 2024_KEBIJAKAN DAN MEKANISME AKREDITASI PAUD TAHUN 2024 .pdf
Pelatihan Asesor 2024_KEBIJAKAN DAN  MEKANISME AKREDITASI PAUD TAHUN 2024 .pdfPelatihan Asesor 2024_KEBIJAKAN DAN  MEKANISME AKREDITASI PAUD TAHUN 2024 .pdf
Pelatihan Asesor 2024_KEBIJAKAN DAN MEKANISME AKREDITASI PAUD TAHUN 2024 .pdfEmeldaSpd
 
Teks ucapan Majlis Perpisahan Lambaian Kasih
Teks ucapan Majlis Perpisahan Lambaian KasihTeks ucapan Majlis Perpisahan Lambaian Kasih
Teks ucapan Majlis Perpisahan Lambaian Kasihssuserfcb9e3
 
Program Roots Indonesia/Aksi Nyata AAP.pdf
Program Roots Indonesia/Aksi Nyata AAP.pdfProgram Roots Indonesia/Aksi Nyata AAP.pdf
Program Roots Indonesia/Aksi Nyata AAP.pdfwaktinisayunw93
 
Sejarah Perkembangan Teori Manajemen.ppt
Sejarah Perkembangan Teori Manajemen.pptSejarah Perkembangan Teori Manajemen.ppt
Sejarah Perkembangan Teori Manajemen.pptssuser940815
 
MA Kelas XII Bab 1 materi musik mkontemnporerFase F.pdf
MA Kelas XII  Bab 1 materi musik mkontemnporerFase F.pdfMA Kelas XII  Bab 1 materi musik mkontemnporerFase F.pdf
MA Kelas XII Bab 1 materi musik mkontemnporerFase F.pdfcicovendra
 
Modul persamaan perakaunan prinsip akaun
Modul persamaan perakaunan prinsip akaunModul persamaan perakaunan prinsip akaun
Modul persamaan perakaunan prinsip akaunnhsani2006
 
Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...
Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...
Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...NiswatuzZahroh
 
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
 
PERTEMUAN 9 KESEIM 3 SEKTOR.............
PERTEMUAN 9 KESEIM 3 SEKTOR.............PERTEMUAN 9 KESEIM 3 SEKTOR.............
PERTEMUAN 9 KESEIM 3 SEKTOR.............SenLord
 
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxKeberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxLeniMawarti1
 
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi OnlinePPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi OnlineMMario4
 
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
 
Teknik Menjawab Kertas P.Moral SPM 2024.pptx
Teknik Menjawab Kertas P.Moral SPM  2024.pptxTeknik Menjawab Kertas P.Moral SPM  2024.pptx
Teknik Menjawab Kertas P.Moral SPM 2024.pptxwongcp2
 
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptxSKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptxg66527130
 

Kürzlich hochgeladen (20)

Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxKeberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
 
slide presentation bab 2 sain form 2.pdf
slide presentation bab 2 sain form 2.pdfslide presentation bab 2 sain form 2.pdf
slide presentation bab 2 sain form 2.pdf
 
Modul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Informatika Kelas 11 Fase F Kurikulum MerdekaModul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
 
UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...
UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...
UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...
 
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
 
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptxAKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
 
Pelatihan Asesor 2024_KEBIJAKAN DAN MEKANISME AKREDITASI PAUD TAHUN 2024 .pdf
Pelatihan Asesor 2024_KEBIJAKAN DAN  MEKANISME AKREDITASI PAUD TAHUN 2024 .pdfPelatihan Asesor 2024_KEBIJAKAN DAN  MEKANISME AKREDITASI PAUD TAHUN 2024 .pdf
Pelatihan Asesor 2024_KEBIJAKAN DAN MEKANISME AKREDITASI PAUD TAHUN 2024 .pdf
 
Teks ucapan Majlis Perpisahan Lambaian Kasih
Teks ucapan Majlis Perpisahan Lambaian KasihTeks ucapan Majlis Perpisahan Lambaian Kasih
Teks ucapan Majlis Perpisahan Lambaian Kasih
 
Program Roots Indonesia/Aksi Nyata AAP.pdf
Program Roots Indonesia/Aksi Nyata AAP.pdfProgram Roots Indonesia/Aksi Nyata AAP.pdf
Program Roots Indonesia/Aksi Nyata AAP.pdf
 
Sejarah Perkembangan Teori Manajemen.ppt
Sejarah Perkembangan Teori Manajemen.pptSejarah Perkembangan Teori Manajemen.ppt
Sejarah Perkembangan Teori Manajemen.ppt
 
MA Kelas XII Bab 1 materi musik mkontemnporerFase F.pdf
MA Kelas XII  Bab 1 materi musik mkontemnporerFase F.pdfMA Kelas XII  Bab 1 materi musik mkontemnporerFase F.pdf
MA Kelas XII Bab 1 materi musik mkontemnporerFase F.pdf
 
Modul persamaan perakaunan prinsip akaun
Modul persamaan perakaunan prinsip akaunModul persamaan perakaunan prinsip akaun
Modul persamaan perakaunan prinsip akaun
 
Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...
Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...
Pembuktian rumus volume dan luas permukaan bangung ruang Tabung, Limas, Keruc...
 
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
 
PERTEMUAN 9 KESEIM 3 SEKTOR.............
PERTEMUAN 9 KESEIM 3 SEKTOR.............PERTEMUAN 9 KESEIM 3 SEKTOR.............
PERTEMUAN 9 KESEIM 3 SEKTOR.............
 
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxKeberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
 
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi OnlinePPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
 
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
 
Teknik Menjawab Kertas P.Moral SPM 2024.pptx
Teknik Menjawab Kertas P.Moral SPM  2024.pptxTeknik Menjawab Kertas P.Moral SPM  2024.pptx
Teknik Menjawab Kertas P.Moral SPM 2024.pptx
 
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptxSKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
 

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.