SlideShare a Scribd company logo
1 of 21
Teknologi Web
Content management systems
Latar Belakang
Kebutuhan pembuatan website yang cepat,
mudah
Kemampuan programming web yang tidak baik
Tipe website yang berbeda-beda jenisnya
Personal web, berita
Blog, katalog, galeri foto
Pendidikan, e-commerce
Contoh kebutuhan
Sebagai contoh jika kita ingin membuat situs
artikel (berita), adanya fasilitas article, komentar
dari user pada article, new dari publisher,
pertanyaan dari user, dan jawaban dari
pertanyaan
Bisanya kita membuat 6 table untuk
menampungnya (articles, comments on articles,
news, comments_on_news, questions, answers )
Website maintenance
What is a Content Management
System?
Sebuah sistem yang memberikan kemudahan
kepada para penggunanya dalam mengelola dan
mengadakan perubahan isi sebuah website
dinamis tanpa sebelumnya dibekali pengetahuan
tentang hal-hal yang bersifat teknis.
Setiap orang, penulis maupun editor, setiap saat
dapat menggunakannya secara leluasa untuk
membuat, menghapus atau bahkan
memperbaharui isi website tanpa campur tangan
langsung dari pihak webmaster.
A tool to separate content from presentation
CMS components
CMS arsitektur
Jenis CMS
CMS komersial
CMS open source
Joomla, Mambo, Drupal, phpCMS - general
Wordpress – blog
phpWiki - wiki
Moodle - pendidikan
phpBB, phorum – forum
Maian events – calendar
Dan lain lain
PHPTickets – ticketing
dotProject – project management
phpMyFAQ - faq
Copernic – search engine
Copermine, Gallery – gallery
phpList – milist
Surveyor – survey online
aTutor – pendidikan
Alfresco – java, documents management
Slideshare – slide management
Contoh Install CMS WordPress
Menggunakan Xampp
WordPress adalah sebuah perangkat lunak blog
atau salah satu jenis cms yang ditulis dalam PHP
dan mendukung sistem basis data MySQL.
Xampp dalah sebuah software web server
apache yang didalamnya sudah tersedia
database server mysql dan support php
programming.
Bagaimana Caranya?
Install Xampp
Create a database in MySQL with PhpMyAdmin
Install WordPress Software
Set up your blog
Bagaimana Caranya?
Install Xampp
Create a database in MySQL with PhpMyAdmin
Install WordPress Software
Set up your blog
Step 1: Install Xampp
Double Click xampp-win32-?.?.?-installer.exe
Services Started
Step 2: Create a database
Launch PhpMyAdmin
Create a database named “wordpress”
Step 3: Install WordPress
Extract WordPress files to the “htdocs” folder in
Xampp installation folder
Rename “wp-config-sample.php” to
“wp-config.php”
Open “wp-config.php” and fill in the database
information
Run “install.php” from the Web Browser to
install WordPress Software
Extract WordPress files
Open “wordpress” folder
Rename this file to
wp-config.php
Save the file and close
Enter ‘wordpress’ for DB_NAME and DB_USER
Enter the password for DB_PASSWORD
which you provided while creating the user
Now Open:
http://localhost/wordpress
Now you can see “wordpress” Installation.
Type your Blog Title & Your Mail
Enjoy it!

More Related Content

What's hot

tata cara membuat blog
tata cara membuat blogtata cara membuat blog
tata cara membuat blog
musthofa7
 
Tutorial menginstal-wordpress-secara-offline-di-windows
Tutorial menginstal-wordpress-secara-offline-di-windowsTutorial menginstal-wordpress-secara-offline-di-windows
Tutorial menginstal-wordpress-secara-offline-di-windows
Eccha Nourul
 
tata cara membuat blog
tata cara membuat blogtata cara membuat blog
tata cara membuat blog
musthofa7
 
Install wordpress
Install wordpressInstall wordpress
Install wordpress
MGPS 2016
 
1.2 instalasi wordpress via local
1.2 instalasi wordpress via local1.2 instalasi wordpress via local
1.2 instalasi wordpress via local
Sigit Sedayu
 
Kinta Install Wordpress Di Pc Laptop
Kinta Install Wordpress Di Pc LaptopKinta Install Wordpress Di Pc Laptop
Kinta Install Wordpress Di Pc Laptop
kresnokoro1945
 

What's hot (19)

Mengenal dan melakukan optimasi database di wordpress
Mengenal dan melakukan optimasi database di wordpressMengenal dan melakukan optimasi database di wordpress
Mengenal dan melakukan optimasi database di wordpress
 
Tutorial instalasi wordpress secara localhost
Tutorial instalasi wordpress secara localhostTutorial instalasi wordpress secara localhost
Tutorial instalasi wordpress secara localhost
 
tata cara membuat blog
tata cara membuat blogtata cara membuat blog
tata cara membuat blog
 
Blogging Security - IBNBlogilicious 2012 Medan
Blogging Security - IBNBlogilicious 2012 MedanBlogging Security - IBNBlogilicious 2012 Medan
Blogging Security - IBNBlogilicious 2012 Medan
 
Tutorial menginstal-wordpress-secara-offline-di-windows
Tutorial menginstal-wordpress-secara-offline-di-windowsTutorial menginstal-wordpress-secara-offline-di-windows
Tutorial menginstal-wordpress-secara-offline-di-windows
 
Tutorial WordPress: Kenapa Memilih WordPress?
Tutorial WordPress: Kenapa Memilih WordPress?Tutorial WordPress: Kenapa Memilih WordPress?
Tutorial WordPress: Kenapa Memilih WordPress?
 
Cms balitbang
Cms balitbangCms balitbang
Cms balitbang
 
Cms balitbang
Cms balitbangCms balitbang
Cms balitbang
 
tata cara membuat blog
tata cara membuat blogtata cara membuat blog
tata cara membuat blog
 
Install wordpress
Install wordpressInstall wordpress
Install wordpress
 
Panduan instalasi-cmsbalitbang
Panduan instalasi-cmsbalitbangPanduan instalasi-cmsbalitbang
Panduan instalasi-cmsbalitbang
 
Pptpdpw
PptpdpwPptpdpw
Pptpdpw
 
1.2 instalasi wordpress via local
1.2 instalasi wordpress via local1.2 instalasi wordpress via local
1.2 instalasi wordpress via local
 
Setting virtual host dengan apache (xampp)
Setting virtual host dengan apache (xampp)Setting virtual host dengan apache (xampp)
Setting virtual host dengan apache (xampp)
 
Cara menginstall CMS Balitbang menggunakan Software Xampp
Cara menginstall CMS Balitbang menggunakan Software XamppCara menginstall CMS Balitbang menggunakan Software Xampp
Cara menginstall CMS Balitbang menggunakan Software Xampp
 
metode installing Balitbang cms pada localhost
metode installing Balitbang cms pada localhostmetode installing Balitbang cms pada localhost
metode installing Balitbang cms pada localhost
 
Kinta Install Wordpress Di Pc Laptop
Kinta Install Wordpress Di Pc LaptopKinta Install Wordpress Di Pc Laptop
Kinta Install Wordpress Di Pc Laptop
 
Cara membuat blog
Cara membuat blogCara membuat blog
Cara membuat blog
 
Presentasi wordpress
Presentasi wordpressPresentasi wordpress
Presentasi wordpress
 

Viewers also liked

Kebahayaan b3
Kebahayaan b3Kebahayaan b3
Kebahayaan b3
sindu_57
 
46 silvikultur hutan tanaman (gbrp utm)
46 silvikultur hutan tanaman (gbrp utm)46 silvikultur hutan tanaman (gbrp utm)
46 silvikultur hutan tanaman (gbrp utm)
Sarman Samsuddin
 
Bicastiradentes orientaçãosexual
Bicastiradentes orientaçãosexualBicastiradentes orientaçãosexual
Bicastiradentes orientaçãosexual
temastransversais
 
Lks tik-kelas-ix-pengenalan-internet-1
Lks tik-kelas-ix-pengenalan-internet-1Lks tik-kelas-ix-pengenalan-internet-1
Lks tik-kelas-ix-pengenalan-internet-1
Fauzi Din
 

Viewers also liked (13)

Kelompok 12
Kelompok 12Kelompok 12
Kelompok 12
 
PERANCANGAN DATABASE DAN IMPLEMENTASI
PERANCANGAN DATABASE DAN IMPLEMENTASIPERANCANGAN DATABASE DAN IMPLEMENTASI
PERANCANGAN DATABASE DAN IMPLEMENTASI
 
FAMILY THEACEA
FAMILY THEACEAFAMILY THEACEA
FAMILY THEACEA
 
Kebahayaan b3
Kebahayaan b3Kebahayaan b3
Kebahayaan b3
 
46 silvikultur hutan tanaman (gbrp utm)
46 silvikultur hutan tanaman (gbrp utm)46 silvikultur hutan tanaman (gbrp utm)
46 silvikultur hutan tanaman (gbrp utm)
 
Terjemahan bab 7 forest hidrologi Karakteristik Hutan
Terjemahan bab 7 forest hidrologi Karakteristik HutanTerjemahan bab 7 forest hidrologi Karakteristik Hutan
Terjemahan bab 7 forest hidrologi Karakteristik Hutan
 
PEMASARAN PRODUK AGROFORESTRY
PEMASARAN PRODUK AGROFORESTRYPEMASARAN PRODUK AGROFORESTRY
PEMASARAN PRODUK AGROFORESTRY
 
Makalah sosiologi hutan dan lingkungan
Makalah sosiologi hutan dan lingkunganMakalah sosiologi hutan dan lingkungan
Makalah sosiologi hutan dan lingkungan
 
Bicastiradentes orientaçãosexual
Bicastiradentes orientaçãosexualBicastiradentes orientaçãosexual
Bicastiradentes orientaçãosexual
 
Lks tik-kelas-ix-pengenalan-internet-1
Lks tik-kelas-ix-pengenalan-internet-1Lks tik-kelas-ix-pengenalan-internet-1
Lks tik-kelas-ix-pengenalan-internet-1
 
Efective Communication (Communication Skill)
Efective Communication (Communication Skill)Efective Communication (Communication Skill)
Efective Communication (Communication Skill)
 
Accessibility as innovation
Accessibility as innovationAccessibility as innovation
Accessibility as innovation
 
Agroforestry
AgroforestryAgroforestry
Agroforestry
 

Similar to Teknologi Web

Bab i pengenalan wordpress
Bab i pengenalan wordpressBab i pengenalan wordpress
Bab i pengenalan wordpress
Khairul Ikhsan
 

Similar to Teknologi Web (20)

Cms
CmsCms
Cms
 
Cms
CmsCms
Cms
 
Website dinamis dengan PHP
Website dinamis dengan PHPWebsite dinamis dengan PHP
Website dinamis dengan PHP
 
Tugas 6
Tugas 6Tugas 6
Tugas 6
 
01.Rekayasa Web
01.Rekayasa Web01.Rekayasa Web
01.Rekayasa Web
 
Proposal Ujian Akhir
Proposal Ujian AkhirProposal Ujian Akhir
Proposal Ujian Akhir
 
PI bab 1-- 4 -- penutup fixed
PI bab 1-- 4 -- penutup fixedPI bab 1-- 4 -- penutup fixed
PI bab 1-- 4 -- penutup fixed
 
Contoh laporan job sheet magang smk
Contoh laporan job sheet magang smkContoh laporan job sheet magang smk
Contoh laporan job sheet magang smk
 
Cara menginstall cms dengan aplikasi xampp
Cara menginstall cms dengan aplikasi xamppCara menginstall cms dengan aplikasi xampp
Cara menginstall cms dengan aplikasi xampp
 
Tugas 6 0317 - imelda felicia - 1412510545
Tugas 6   0317 - imelda felicia - 1412510545Tugas 6   0317 - imelda felicia - 1412510545
Tugas 6 0317 - imelda felicia - 1412510545
 
Bab i pengenalan wordpress
Bab i pengenalan wordpressBab i pengenalan wordpress
Bab i pengenalan wordpress
 
Tugas 6 – 0317(individu)
Tugas 6 – 0317(individu)Tugas 6 – 0317(individu)
Tugas 6 – 0317(individu)
 
Pengenalan Dasar Web
Pengenalan Dasar WebPengenalan Dasar Web
Pengenalan Dasar Web
 
Tugas 6 matkul rekayasa web 0317
Tugas 6 matkul rekayasa web 0317Tugas 6 matkul rekayasa web 0317
Tugas 6 matkul rekayasa web 0317
 
Cms
CmsCms
Cms
 
Rekayasa web part 6 khaerul anwar-1511510388
Rekayasa web part 6 khaerul anwar-1511510388Rekayasa web part 6 khaerul anwar-1511510388
Rekayasa web part 6 khaerul anwar-1511510388
 
Tugas afi
Tugas afiTugas afi
Tugas afi
 
Tug as
Tug asTug as
Tug as
 
Module desain web
Module desain webModule desain web
Module desain web
 
CMS
CMSCMS
CMS
 

More from taufikindra16 (6)

Search engine
Search engineSearch engine
Search engine
 
Membuat Database Menggunakan MySql
Membuat Database Menggunakan MySqlMembuat Database Menggunakan MySql
Membuat Database Menggunakan MySql
 
Pengenalan Jaringan Komputer
Pengenalan Jaringan KomputerPengenalan Jaringan Komputer
Pengenalan Jaringan Komputer
 
Computer Software
Computer SoftwareComputer Software
Computer Software
 
Pengantar Hardware Komputer
Pengantar Hardware KomputerPengantar Hardware Komputer
Pengantar Hardware Komputer
 
Pengantar Teknologi Informasi Pertemuan Pertama
Pengantar Teknologi Informasi Pertemuan PertamaPengantar Teknologi Informasi Pertemuan Pertama
Pengantar Teknologi Informasi Pertemuan Pertama
 

Recently uploaded

HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.pptHAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
nabilafarahdiba95
 
.....................Swamedikasi 2-2.pptx
.....................Swamedikasi 2-2.pptx.....................Swamedikasi 2-2.pptx
.....................Swamedikasi 2-2.pptx
furqanridha
 
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docxKISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
DewiUmbar
 

Recently uploaded (20)

AKSI NYATA Numerasi Meningkatkan Kompetensi Murid_compressed (1) (1).pptx
AKSI NYATA  Numerasi  Meningkatkan Kompetensi Murid_compressed (1) (1).pptxAKSI NYATA  Numerasi  Meningkatkan Kompetensi Murid_compressed (1) (1).pptx
AKSI NYATA Numerasi Meningkatkan Kompetensi Murid_compressed (1) (1).pptx
 
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
 
MODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdf
 
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
 
Penyebaran Pemahaman Merdeka Belajar Aksi Nyata PMM
Penyebaran Pemahaman Merdeka Belajar Aksi Nyata PMMPenyebaran Pemahaman Merdeka Belajar Aksi Nyata PMM
Penyebaran Pemahaman Merdeka Belajar Aksi Nyata PMM
 
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
 
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.pptHAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
 
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
 
Skenario Lokakarya 2 Pendidikan Guru Penggerak
Skenario Lokakarya 2 Pendidikan Guru PenggerakSkenario Lokakarya 2 Pendidikan Guru Penggerak
Skenario Lokakarya 2 Pendidikan Guru Penggerak
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdf
 
Konseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusiaKonseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusia
 
.....................Swamedikasi 2-2.pptx
.....................Swamedikasi 2-2.pptx.....................Swamedikasi 2-2.pptx
.....................Swamedikasi 2-2.pptx
 
vIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsxvIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsx
 
PPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptx
PPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptxPPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptx
PPT PENDIDIKAN KELAS RANGKAP MODUL 3 KELOMPOK 3.pptx
 
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptxDEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
 
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docxKISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
 
Memperkasakan Dialog Prestasi Sekolah.pptx
Memperkasakan Dialog Prestasi Sekolah.pptxMemperkasakan Dialog Prestasi Sekolah.pptx
Memperkasakan Dialog Prestasi Sekolah.pptx
 
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTXAKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
 
Prakarsa Perubahan dan kanvas ATAP (1).pptx
Prakarsa Perubahan dan kanvas ATAP (1).pptxPrakarsa Perubahan dan kanvas ATAP (1).pptx
Prakarsa Perubahan dan kanvas ATAP (1).pptx
 
Program Kerja Public Relations - Perencanaan
Program Kerja Public Relations - PerencanaanProgram Kerja Public Relations - Perencanaan
Program Kerja Public Relations - Perencanaan
 

Teknologi Web

  • 2. Latar Belakang Kebutuhan pembuatan website yang cepat, mudah Kemampuan programming web yang tidak baik Tipe website yang berbeda-beda jenisnya Personal web, berita Blog, katalog, galeri foto Pendidikan, e-commerce
  • 3. Contoh kebutuhan Sebagai contoh jika kita ingin membuat situs artikel (berita), adanya fasilitas article, komentar dari user pada article, new dari publisher, pertanyaan dari user, dan jawaban dari pertanyaan Bisanya kita membuat 6 table untuk menampungnya (articles, comments on articles, news, comments_on_news, questions, answers )
  • 5. What is a Content Management System? Sebuah sistem yang memberikan kemudahan kepada para penggunanya dalam mengelola dan mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali pengetahuan tentang hal-hal yang bersifat teknis. Setiap orang, penulis maupun editor, setiap saat dapat menggunakannya secara leluasa untuk membuat, menghapus atau bahkan memperbaharui isi website tanpa campur tangan langsung dari pihak webmaster. A tool to separate content from presentation
  • 8. Jenis CMS CMS komersial CMS open source Joomla, Mambo, Drupal, phpCMS - general Wordpress – blog phpWiki - wiki Moodle - pendidikan phpBB, phorum – forum Maian events – calendar
  • 9. Dan lain lain PHPTickets – ticketing dotProject – project management phpMyFAQ - faq Copernic – search engine Copermine, Gallery – gallery phpList – milist Surveyor – survey online aTutor – pendidikan Alfresco – java, documents management Slideshare – slide management
  • 10. Contoh Install CMS WordPress Menggunakan Xampp WordPress adalah sebuah perangkat lunak blog atau salah satu jenis cms yang ditulis dalam PHP dan mendukung sistem basis data MySQL. Xampp dalah sebuah software web server apache yang didalamnya sudah tersedia database server mysql dan support php programming.
  • 11. Bagaimana Caranya? Install Xampp Create a database in MySQL with PhpMyAdmin Install WordPress Software Set up your blog
  • 12. Bagaimana Caranya? Install Xampp Create a database in MySQL with PhpMyAdmin Install WordPress Software Set up your blog
  • 13. Step 1: Install Xampp Double Click xampp-win32-?.?.?-installer.exe
  • 15. Step 2: Create a database Launch PhpMyAdmin Create a database named “wordpress”
  • 16. Step 3: Install WordPress Extract WordPress files to the “htdocs” folder in Xampp installation folder Rename “wp-config-sample.php” to “wp-config.php” Open “wp-config.php” and fill in the database information Run “install.php” from the Web Browser to install WordPress Software
  • 18. Open “wordpress” folder Rename this file to wp-config.php
  • 19. Save the file and close Enter ‘wordpress’ for DB_NAME and DB_USER Enter the password for DB_PASSWORD which you provided while creating the user
  • 20. Now Open: http://localhost/wordpress Now you can see “wordpress” Installation. Type your Blog Title & Your Mail