SlideShare a Scribd company logo
1 of 30
Download to read offline
REKAYASA WEB 
3 SKS
Pengenalan Blog, Wordpress, 
CMS dan Joomla! 
Rekayasa Web –– Pertemuan 01
Outline 
•• Sekilas Rekayasa Web 
•• Pengenalan Blog 
•• Pengenalan Wordpress 
•• Content Management System (CMS) 
•• Pengenalan Joomla
Sekilas Rekayasa Web 
•• Rekayasa Web (KP212) bobot 3 SKS 
•• Sasaran utama : mahasiswa dapat 
mengenal, menggunakan dan me-rekayasa 
web dengan menggunakan 
aplikasi CMS yang sudah ada
Sekilas Rekayasa Web 
•• Yang dipelajari : 
–– Wordpress 
–– Joomla! 
–– Joomla! Ecommerce Edition 
•• Referensi 
–– Hasin Hayder, ““Wordpress Complete : A comprehensive, step-by- 
step guide on how to set up, customize, and market your 
blog using WordPress””, Packt Publishing. 
–– Hagen Graf, ““Building Websites with Joomla! A step by step 
tutorial to getting your Joomla! CMS website up fast””, Packt 
Publishing. 
–– Internet
Pengenalan Blog 
•• ““A blog (web log) is a website where 
entries are written in chronological order 
and displayed in reverse chronological 
order. "Blog" can also be used as a verb, 
meaning to maintain or add content to a 
blog.”” (Wikipedia)
Jenis-jenis Blog 
•• Blog Politik 
http://pemilu2004.goblogmedia.com 
•• Personal Blog 
http://enda.goblogmedia.com, http://didats.net. 
•• Blog bertopik 
http://beasiswaindonesia.blogspot.com 
•• Blog kesehatan 
http://www.blogdokter.net, http://mediacare.blogspot.com
Jenis-jenis Blog 
•• Blog sastra 
http://nanangsuryadi.blogspot.com 
•• Blog perjalanan 
http://www.travelblog.org/Bloggers/GUNAWAN/ 
•• Blog riset 
http://risetduniaislam.wordpress.com 
•• Blog hukum 
http://jurnalhukum.blogspot.com
Jenis-jenis Blog 
•• Blog media 
http://blog.tempointeraktif.com 
•• Blog agama 
http://blog.muslimblog.net 
•• Blog organisasi 
http://fti.bl.ac.id, http://www.bl.ac.id 
•• Dan lain-lain
Pengenalan Wordpress 
BLOGGER 
(BACKEND) 
READER 
(USER INTERFACE)
Fitur Wordpress 
•• Dukungan kategori dan sub kategori posting yang tak 
terbatas. 
•• Sindikasi otomatis dengan RSS dan Atom. 
•• Menggunakan interface XML RPC yang memungkinkan 
posting dari mana saja, termasuk dari email. 
•• Kemudahan penambahan plugin dan themes (tampilan). 
•• Kemudahan mengimport data dari sistem blog lainnya, 
seperti MovableType, Blogger, TextPattern, dan 
b2evolution.
Fitur Wordpress 
•• Kemudahan posting dengan dukungan 
WYSIWYG editor. 
•• Kemudahan administrasi dan maintenance. 
•• Fasilitas pencarian yang komprehensif 
•• Dukungan berbagai bahasa. 
•• Dukungan dokumentasi yang lengkap dan 
komunitas yang cukup banyak. 
•• Lisensi GNU (General Public License) sehingga 
dapat didownload secara bebas. 
•• Content Based Management System.
Pengenalan Joomla! 
•• Apa itu Joomla? 
Joomla adalah Sistem Manajemen Konten (SMK atau 
CMS) yang bebas dan terbuka (free opensource) ditulis 
menggunakan PHP dan basisdata MySQL untuk 
keperluan di internet maupun intranet 
•• Apa itu CMS? 
CMS adalah singkatan dari Content Management 
System. 
•• Apa itu Content Management System? 
Content Management System adalah Sebuah sistem 
yang digunakan untuk mengatur isi website dengan baik 
dan mudah.
Fitur Joomla 
Joomla mempunyai banyak fitur dan dapat ditambah. 
Di bawah ini adalah fitur-fitur standar dari instalasi Joomla. 
•• Archive Manager 
•• Banner Manager 
•• Category Manager 
•• Contact Manager 
•• Content Items Manager 
•• Control Panel 
•• Frontpage Manager 
•• Global Check-in 
•• Global Configuration
Fitur Joomla…… 
•• Install/Uninstall 
•• Language Manager 
•• Mambot Manager 
•• Mass Mail Users 
•• Media Manager 
•• Menu Manager 
•• Module Manager 
•• Module Positions 
•• News Feeds Manager
Fitur Joomla…… 
•• Poll Manager 
•• Search Engine Text 
•• Section Manager 
•• Static Content Manager 
•• Syndication 
•• Template Manager 
•• Trash Manager 
•• User Manager 
•• Web Link Manager
Features (1) 
•• Free source code 
•• Simple workflow system 
•• sistem caching untuk peningkatan 
performansi, RSS, blogs, poling, dll 
•• Wastepaper basket 
•• Banner management 
•• Data manager for uploading and 
administering data
Features (2) 
•• Publication system for content 
•• Content summaries in RSS format 
•• Search-engine-friendly URLs 
•• Multilingual front end 
•• Macro language for data content 
(Mambots) 
•• Administration interface that is separated 
from the homepage
Features (3) 
•• Simple, expandable template, and 
component system 
•• Simple, but powerful template system 
(HTML, CSS, PHP) without a complicated 
template language 
•• Hierarchical user groups 
•• Simple visitor statistics 
•• WYSIWYG editor for content
Features (4) 
•• Simple polling 
•• System of evaluation for contents 
•• After the split, a large and eager 
community of users and developers was 
quickly established
Link-Link Joomla 
•• Joomla.org, web utama Joomla Di sana anda 
dapat mengakses berita-berita terbaru mengenai 
Joomla dan mendownload aplikasi Joomla 
•• Forum.Joomla.org, forum komunitas pengguna 
Joomla Kalau Anda memiliki pertanyaan atau 
kesulitan dalam menggunakan Joomla Anda 
dapat menanyakannya ke forum itu. 
•• Developer.Joomla.org, web yang menyediakan 
manajemen proyek yang bersangkutan dengan 
Joomla Di sini juga Anda dapat men-download 
projek-projek Joomla.
Front End
01.rekayasa web

More Related Content

Viewers also liked

第22回creators meet up資料
第22回creators meet up資料第22回creators meet up資料
第22回creators meet up資料武彦 大山
 
concrete5ではじめるCMS
concrete5ではじめるCMSconcrete5ではじめるCMS
concrete5ではじめるCMS武彦 大山
 
Dossier Prensa El CorazóN, La Boca
Dossier Prensa El CorazóN, La Boca   Dossier Prensa El CorazóN, La Boca
Dossier Prensa El CorazóN, La Boca gamuso
 
第2回concrete5初心者向け勉強会
第2回concrete5初心者向け勉強会第2回concrete5初心者向け勉強会
第2回concrete5初心者向け勉強会武彦 大山
 
concrete5 最新情報
concrete5 最新情報concrete5 最新情報
concrete5 最新情報武彦 大山
 
第1回concrete5初心者向け勉強会
第1回concrete5初心者向け勉強会第1回concrete5初心者向け勉強会
第1回concrete5初心者向け勉強会武彦 大山
 
concrete5 5.7について
concrete5 5.7についてconcrete5 5.7について
concrete5 5.7について武彦 大山
 
多様性の中の選択肢!Concrete5とは?
多様性の中の選択肢!Concrete5とは?多様性の中の選択肢!Concrete5とは?
多様性の中の選択肢!Concrete5とは?武彦 大山
 
Concrete5を簡単・安心に使おう
Concrete5を簡単・安心に使おうConcrete5を簡単・安心に使おう
Concrete5を簡単・安心に使おう武彦 大山
 
第3回concrete5初心者勉強会
第3回concrete5初心者勉強会第3回concrete5初心者勉強会
第3回concrete5初心者勉強会武彦 大山
 
第1回concrete5初心者向け勉強会 環境構築
第1回concrete5初心者向け勉強会 環境構築 第1回concrete5初心者向け勉強会 環境構築
第1回concrete5初心者向け勉強会 環境構築 武彦 大山
 
これからはじめるConcrete5
 これからはじめるConcrete5  これからはじめるConcrete5
これからはじめるConcrete5 武彦 大山
 

Viewers also liked (15)

第22回creators meet up資料
第22回creators meet up資料第22回creators meet up資料
第22回creators meet up資料
 
concrete5ではじめるCMS
concrete5ではじめるCMSconcrete5ではじめるCMS
concrete5ではじめるCMS
 
Dossier Prensa El CorazóN, La Boca
Dossier Prensa El CorazóN, La Boca   Dossier Prensa El CorazóN, La Boca
Dossier Prensa El CorazóN, La Boca
 
Mardhiah
MardhiahMardhiah
Mardhiah
 
第2回concrete5初心者向け勉強会
第2回concrete5初心者向け勉強会第2回concrete5初心者向け勉強会
第2回concrete5初心者向け勉強会
 
concrete5 最新情報
concrete5 最新情報concrete5 最新情報
concrete5 最新情報
 
環境構築資料
環境構築資料環境構築資料
環境構築資料
 
第1回concrete5初心者向け勉強会
第1回concrete5初心者向け勉強会第1回concrete5初心者向け勉強会
第1回concrete5初心者向け勉強会
 
58512 19348-bd
58512 19348-bd58512 19348-bd
58512 19348-bd
 
concrete5 5.7について
concrete5 5.7についてconcrete5 5.7について
concrete5 5.7について
 
多様性の中の選択肢!Concrete5とは?
多様性の中の選択肢!Concrete5とは?多様性の中の選択肢!Concrete5とは?
多様性の中の選択肢!Concrete5とは?
 
Concrete5を簡単・安心に使おう
Concrete5を簡単・安心に使おうConcrete5を簡単・安心に使おう
Concrete5を簡単・安心に使おう
 
第3回concrete5初心者勉強会
第3回concrete5初心者勉強会第3回concrete5初心者勉強会
第3回concrete5初心者勉強会
 
第1回concrete5初心者向け勉強会 環境構築
第1回concrete5初心者向け勉強会 環境構築 第1回concrete5初心者向け勉強会 環境構築
第1回concrete5初心者向け勉強会 環境構築
 
これからはじめるConcrete5
 これからはじめるConcrete5  これからはじめるConcrete5
これからはじめるConcrete5
 

Similar to 01.rekayasa web

Similar to 01.rekayasa web (20)

01.Rekayasa Web
01.Rekayasa Web01.Rekayasa Web
01.Rekayasa Web
 
Cms
CmsCms
Cms
 
Kuliah Umum.ppt
Kuliah Umum.pptKuliah Umum.ppt
Kuliah Umum.ppt
 
Materi CMS - Blog.pptx
Materi CMS - Blog.pptxMateri CMS - Blog.pptx
Materi CMS - Blog.pptx
 
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-frameworkPlugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
 
Tugas 3
Tugas 3Tugas 3
Tugas 3
 
Tugas 6
Tugas 6Tugas 6
Tugas 6
 
Tugas 3 Rekayasa Web
Tugas 3 Rekayasa WebTugas 3 Rekayasa Web
Tugas 3 Rekayasa Web
 
726 p01
726 p01726 p01
726 p01
 
Materi 12 wordpress
Materi 12   wordpressMateri 12   wordpress
Materi 12 wordpress
 
Materi 12 wordpress
Materi 12   wordpressMateri 12   wordpress
Materi 12 wordpress
 
e-bussinies
e-bussiniese-bussinies
e-bussinies
 
Php, mySQL dan Javascript - 1
Php, mySQL dan Javascript - 1Php, mySQL dan Javascript - 1
Php, mySQL dan Javascript - 1
 
Rekayasa web tugas 6
Rekayasa web tugas 6Rekayasa web tugas 6
Rekayasa web tugas 6
 
Tugas 6 – 0317(individu)
Tugas 6 – 0317(individu)Tugas 6 – 0317(individu)
Tugas 6 – 0317(individu)
 
Teknologi web
Teknologi webTeknologi web
Teknologi web
 
Teknologi Web
Teknologi WebTeknologi Web
Teknologi Web
 
Tugas 1 ( 1412510263 joko wijayanto)
Tugas 1 ( 1412510263   joko wijayanto)Tugas 1 ( 1412510263   joko wijayanto)
Tugas 1 ( 1412510263 joko wijayanto)
 
18759 pertemuan20(web html editor)
18759 pertemuan20(web html editor)18759 pertemuan20(web html editor)
18759 pertemuan20(web html editor)
 
Tugas web
Tugas webTugas web
Tugas web
 

01.rekayasa web

  • 2. Pengenalan Blog, Wordpress, CMS dan Joomla! Rekayasa Web –– Pertemuan 01
  • 3. Outline •• Sekilas Rekayasa Web •• Pengenalan Blog •• Pengenalan Wordpress •• Content Management System (CMS) •• Pengenalan Joomla
  • 4. Sekilas Rekayasa Web •• Rekayasa Web (KP212) bobot 3 SKS •• Sasaran utama : mahasiswa dapat mengenal, menggunakan dan me-rekayasa web dengan menggunakan aplikasi CMS yang sudah ada
  • 5. Sekilas Rekayasa Web •• Yang dipelajari : –– Wordpress –– Joomla! –– Joomla! Ecommerce Edition •• Referensi –– Hasin Hayder, ““Wordpress Complete : A comprehensive, step-by- step guide on how to set up, customize, and market your blog using WordPress””, Packt Publishing. –– Hagen Graf, ““Building Websites with Joomla! A step by step tutorial to getting your Joomla! CMS website up fast””, Packt Publishing. –– Internet
  • 6. Pengenalan Blog •• ““A blog (web log) is a website where entries are written in chronological order and displayed in reverse chronological order. "Blog" can also be used as a verb, meaning to maintain or add content to a blog.”” (Wikipedia)
  • 7.
  • 8. Jenis-jenis Blog •• Blog Politik http://pemilu2004.goblogmedia.com •• Personal Blog http://enda.goblogmedia.com, http://didats.net. •• Blog bertopik http://beasiswaindonesia.blogspot.com •• Blog kesehatan http://www.blogdokter.net, http://mediacare.blogspot.com
  • 9.
  • 10. Jenis-jenis Blog •• Blog sastra http://nanangsuryadi.blogspot.com •• Blog perjalanan http://www.travelblog.org/Bloggers/GUNAWAN/ •• Blog riset http://risetduniaislam.wordpress.com •• Blog hukum http://jurnalhukum.blogspot.com
  • 11.
  • 12. Jenis-jenis Blog •• Blog media http://blog.tempointeraktif.com •• Blog agama http://blog.muslimblog.net •• Blog organisasi http://fti.bl.ac.id, http://www.bl.ac.id •• Dan lain-lain
  • 13.
  • 14. Pengenalan Wordpress BLOGGER (BACKEND) READER (USER INTERFACE)
  • 15.
  • 16.
  • 17. Fitur Wordpress •• Dukungan kategori dan sub kategori posting yang tak terbatas. •• Sindikasi otomatis dengan RSS dan Atom. •• Menggunakan interface XML RPC yang memungkinkan posting dari mana saja, termasuk dari email. •• Kemudahan penambahan plugin dan themes (tampilan). •• Kemudahan mengimport data dari sistem blog lainnya, seperti MovableType, Blogger, TextPattern, dan b2evolution.
  • 18. Fitur Wordpress •• Kemudahan posting dengan dukungan WYSIWYG editor. •• Kemudahan administrasi dan maintenance. •• Fasilitas pencarian yang komprehensif •• Dukungan berbagai bahasa. •• Dukungan dokumentasi yang lengkap dan komunitas yang cukup banyak. •• Lisensi GNU (General Public License) sehingga dapat didownload secara bebas. •• Content Based Management System.
  • 19.
  • 20. Pengenalan Joomla! •• Apa itu Joomla? Joomla adalah Sistem Manajemen Konten (SMK atau CMS) yang bebas dan terbuka (free opensource) ditulis menggunakan PHP dan basisdata MySQL untuk keperluan di internet maupun intranet •• Apa itu CMS? CMS adalah singkatan dari Content Management System. •• Apa itu Content Management System? Content Management System adalah Sebuah sistem yang digunakan untuk mengatur isi website dengan baik dan mudah.
  • 21. Fitur Joomla Joomla mempunyai banyak fitur dan dapat ditambah. Di bawah ini adalah fitur-fitur standar dari instalasi Joomla. •• Archive Manager •• Banner Manager •• Category Manager •• Contact Manager •• Content Items Manager •• Control Panel •• Frontpage Manager •• Global Check-in •• Global Configuration
  • 22. Fitur Joomla…… •• Install/Uninstall •• Language Manager •• Mambot Manager •• Mass Mail Users •• Media Manager •• Menu Manager •• Module Manager •• Module Positions •• News Feeds Manager
  • 23. Fitur Joomla…… •• Poll Manager •• Search Engine Text •• Section Manager •• Static Content Manager •• Syndication •• Template Manager •• Trash Manager •• User Manager •• Web Link Manager
  • 24. Features (1) •• Free source code •• Simple workflow system •• sistem caching untuk peningkatan performansi, RSS, blogs, poling, dll •• Wastepaper basket •• Banner management •• Data manager for uploading and administering data
  • 25. Features (2) •• Publication system for content •• Content summaries in RSS format •• Search-engine-friendly URLs •• Multilingual front end •• Macro language for data content (Mambots) •• Administration interface that is separated from the homepage
  • 26. Features (3) •• Simple, expandable template, and component system •• Simple, but powerful template system (HTML, CSS, PHP) without a complicated template language •• Hierarchical user groups •• Simple visitor statistics •• WYSIWYG editor for content
  • 27. Features (4) •• Simple polling •• System of evaluation for contents •• After the split, a large and eager community of users and developers was quickly established
  • 28. Link-Link Joomla •• Joomla.org, web utama Joomla Di sana anda dapat mengakses berita-berita terbaru mengenai Joomla dan mendownload aplikasi Joomla •• Forum.Joomla.org, forum komunitas pengguna Joomla Kalau Anda memiliki pertanyaan atau kesulitan dalam menggunakan Joomla Anda dapat menanyakannya ke forum itu. •• Developer.Joomla.org, web yang menyediakan manajemen proyek yang bersangkutan dengan Joomla Di sini juga Anda dapat men-download projek-projek Joomla.