SlideShare ist ein Scribd-Unternehmen logo
1 von 32
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
Butuh CMS
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 )
Masalah
Yang jadi masalah adalah cara untuk programming
nya
Lebih banyak script yang dibutuhkan untuk:
User-experience: melihat directory content dari table
tertentu, melihat satu kategori tertentu, melihat item
terbaru menambahkan item baru dll
Admin-experience: approve, disapprove item, delete item,
dll delete item, dll
Banyak membuat statement SQL yang sama untuk
tiap table-nya
Banyak index untuk tiap table-nya
Masalah (2)
Mengapa data article misalnya tidak disimpan dalam
bentuk HTML files dalam direktori?
Programer menggunakan text editor, designer
menggunakan web design tool dan FTP untuk
upload, dll
Bila salah script yang diupload bisa merusak sistem
Sulit untuk pengaturan authentication
Maintenance static html sulit
Masalah (3)
Mudah untuk membuat dan me-maintain website jika:
 Orang yang sama adalah publisher, author, dan programmer
 Site terdiri atas sedikit pages
 Tidak ada yang peduli terhadap konsistensi halaman
 Tidak ada yang peduli terhadap versioning control
Tetapi tidak demikian dengan kondisi yg ada
 Pekerja dipecah menjadi: publisher information, designer,graphic
designer author, dan programmer
 Site terdiri dari ribuan pages
 halaman harus konsisten (dengan themes)
 Versioning control is critical
Tugas
Publisher menentukan topik dari content utama yang ada yg
ada
Information Designer menentukan navigational link dari pages,
bagaimana menyajikan content, dan graphic design apa yang
dibutuhkan
Graphic Designer mempunyai kontribusi untuk membuat
drawing, logos,artwork services, mock-up template (static
html) yang dibutuhkan information designer
Programmer membangun production template dan program
logic program logic
Editor melakukan approve content
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
A CMS is a software system used to manage content,
including web content, images, audio files, etc.
Used for storing, controlling, versioning and publishing
websites.
Files are available over the web
Output the knowledge management process
Concern with medium
Editable content
CMS
CMS helps to organize, control, and publish documents
and multimedia content
How does a CMS work ?
Basic information flow
1. Template is designed
2. Content is entered as plain-text or HTML into database
3. Content is placed in a template for display to the end user
Page
Content
Page
Template
CMS components
CMS mengurangi web maintenance
CMS workflow
Apa yg bisa dilakukan CMS?
Yang dapat dilakukan CMS
 allows non-technical staff the ability to update web site content without
knowing HTML, FTP, etc.
 easy-to-use WYSIWYG tools, similar to Word (code view as well)
 individuals who have natural responsibility for content can maintain that
content themselves
 archiving / backup / recovery
 content more likely to be kept up-to-date (set review reminders)
 consistent visual identity
 Manajemen data
 Mendukung web template dan standarisasi
Integration of blogs/RSS
Many systems supply own blogging software
Many can interoperate with popular blogging software
such as moveable type
Many include software for parsing RSS feeds, or
syndicating our own content
CMS “jelek” jika…
CMS arsitektur
CMS contents
Simple pages for normal presentation
Complex pages, with specific layout and presentation
Dynamic information sourced from databases and will change
on regular time intervals
Training material
Online manual
General business documents
Thousands of pages in total for different categories of
customers
Extensive linking between pages
Fitur web CMS
Easy content editing
Preview before publishing
Extandable functionality
Templates
Version management
Different user levels
Automatic system update
Searching
Easy content editing
Preview before publishing
Extandable functionality
templates
Version Management
User level
System update
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
CMS implementation
challenges

Weitere ähnliche Inhalte

Was ist angesagt?

2.2. mengidentifikasi beberapa layanan informasi yang ada di internet
2.2. mengidentifikasi beberapa layanan informasi yang ada di internet2.2. mengidentifikasi beberapa layanan informasi yang ada di internet
2.2. mengidentifikasi beberapa layanan informasi yang ada di internet
Ali Mochtar
 
Pertemuan13 exploitasikeamanan ok
Pertemuan13 exploitasikeamanan okPertemuan13 exploitasikeamanan ok
Pertemuan13 exploitasikeamanan ok
Roziq Bahtiar
 

Was ist angesagt? (20)

MODUL PELATIHAN MICROSOFT OFFICE WORD DAN EXCEL TINGKAT SMK
MODUL PELATIHAN MICROSOFT OFFICE WORD DAN EXCEL TINGKAT SMKMODUL PELATIHAN MICROSOFT OFFICE WORD DAN EXCEL TINGKAT SMK
MODUL PELATIHAN MICROSOFT OFFICE WORD DAN EXCEL TINGKAT SMK
 
PHP CRUD Database Mysql
PHP CRUD Database MysqlPHP CRUD Database Mysql
PHP CRUD Database Mysql
 
Software Requirement Specification SRS
Software Requirement Specification SRSSoftware Requirement Specification SRS
Software Requirement Specification SRS
 
Online grocery store
Online grocery storeOnline grocery store
Online grocery store
 
College Stationery Management System
College Stationery Management SystemCollege Stationery Management System
College Stationery Management System
 
Pemrograman Web - Request Get dan Post
Pemrograman Web - Request Get dan PostPemrograman Web - Request Get dan Post
Pemrograman Web - Request Get dan Post
 
Contoh project sistem informasi
Contoh project sistem informasiContoh project sistem informasi
Contoh project sistem informasi
 
Membuat blog wordpress
Membuat blog wordpressMembuat blog wordpress
Membuat blog wordpress
 
An Online Car Parking System (Features & Diagrams Only)
An Online Car Parking System (Features & Diagrams Only)An Online Car Parking System (Features & Diagrams Only)
An Online Car Parking System (Features & Diagrams Only)
 
Laporan Kuesioner Penilaain Website
Laporan Kuesioner Penilaain WebsiteLaporan Kuesioner Penilaain Website
Laporan Kuesioner Penilaain Website
 
2.2. mengidentifikasi beberapa layanan informasi yang ada di internet
2.2. mengidentifikasi beberapa layanan informasi yang ada di internet2.2. mengidentifikasi beberapa layanan informasi yang ada di internet
2.2. mengidentifikasi beberapa layanan informasi yang ada di internet
 
Pengantar Teknologi Informasi.ppt
Pengantar Teknologi Informasi.pptPengantar Teknologi Informasi.ppt
Pengantar Teknologi Informasi.ppt
 
System development project document
System development project documentSystem development project document
System development project document
 
Pertemuan13 exploitasikeamanan ok
Pertemuan13 exploitasikeamanan okPertemuan13 exploitasikeamanan ok
Pertemuan13 exploitasikeamanan ok
 
Perencanaan proyek si
Perencanaan proyek siPerencanaan proyek si
Perencanaan proyek si
 
Online shopping system (E-commerce)
Online shopping system (E-commerce)Online shopping system (E-commerce)
Online shopping system (E-commerce)
 
CSS Layouting #5 : Position
CSS Layouting #5 : PositionCSS Layouting #5 : Position
CSS Layouting #5 : Position
 
Tugas si kelompok 5
Tugas si kelompok 5Tugas si kelompok 5
Tugas si kelompok 5
 
Student result management system project using angular.pdf
Student result management system project using angular.pdfStudent result management system project using angular.pdf
Student result management system project using angular.pdf
 
PM Scope Management Plan
PM Scope Management PlanPM Scope Management Plan
PM Scope Management Plan
 

Ähnlich wie Cms

01
0101
01
d2k
 
7. pembuatan website dengan joomla
7. pembuatan website dengan joomla7. pembuatan website dengan joomla
7. pembuatan website dengan joomla
Faiz Fanani
 

Ähnlich wie Cms (20)

Cms
CmsCms
Cms
 
01.Rekayasa Web
01.Rekayasa Web01.Rekayasa Web
01.Rekayasa Web
 
Teknologi web
Teknologi webTeknologi web
Teknologi web
 
Teknologi Web
Teknologi WebTeknologi Web
Teknologi Web
 
Tugas 6
Tugas 6Tugas 6
Tugas 6
 
Pengenalan Dasar Web
Pengenalan Dasar WebPengenalan Dasar Web
Pengenalan Dasar Web
 
CMS
CMSCMS
CMS
 
01
0101
01
 
Rekayasa web tugas 6
Rekayasa web tugas 6Rekayasa web tugas 6
Rekayasa web tugas 6
 
SIM Struktur, Administrasi, Pengelolaan CMS KEL 3.pptx
SIM Struktur, Administrasi, Pengelolaan CMS KEL 3.pptxSIM Struktur, Administrasi, Pengelolaan CMS KEL 3.pptx
SIM Struktur, Administrasi, Pengelolaan CMS KEL 3.pptx
 
Aplikasi CMS
Aplikasi CMSAplikasi CMS
Aplikasi CMS
 
02 rekayasa web
02 rekayasa web02 rekayasa web
02 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
 
Tugas 6 matkul rekayasa web 0317
Tugas 6 matkul rekayasa web 0317Tugas 6 matkul rekayasa web 0317
Tugas 6 matkul rekayasa web 0317
 
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 6 – 0317(individu)
Tugas 6 – 0317(individu)Tugas 6 – 0317(individu)
Tugas 6 – 0317(individu)
 
02 Teknologi Web
02 Teknologi Web02 Teknologi Web
02 Teknologi Web
 
Laporan web
Laporan webLaporan web
Laporan web
 
7. pembuatan website dengan joomla
7. pembuatan website dengan joomla7. pembuatan website dengan joomla
7. pembuatan website dengan joomla
 

Mehr von Fajar Baskoro

Membangun aplikasi mobile dengan Appsheet
Membangun aplikasi mobile dengan AppsheetMembangun aplikasi mobile dengan Appsheet
Membangun aplikasi mobile dengan Appsheet
Fajar Baskoro
 

Mehr von Fajar Baskoro (20)

Generasi Terampil Digital Skill-2023.pptx
Generasi Terampil Digital Skill-2023.pptxGenerasi Terampil Digital Skill-2023.pptx
Generasi Terampil Digital Skill-2023.pptx
 
Cara Membuat Kursus Online Wordpress-tutorstarter
Cara Membuat Kursus Online Wordpress-tutorstarterCara Membuat Kursus Online Wordpress-tutorstarter
Cara Membuat Kursus Online Wordpress-tutorstarter
 
PPT-Kick Off Double Track 2024 melaksanakan Festival Ramadhan
PPT-Kick Off Double Track 2024 melaksanakan Festival RamadhanPPT-Kick Off Double Track 2024 melaksanakan Festival Ramadhan
PPT-Kick Off Double Track 2024 melaksanakan Festival Ramadhan
 
Buku Inovasi 2023 - 2024 konsep capaian KUS
Buku Inovasi 2023 - 2024 konsep capaian  KUSBuku Inovasi 2023 - 2024 konsep capaian  KUS
Buku Inovasi 2023 - 2024 konsep capaian KUS
 
Pemaparan Sosialisasi Program Dual Track 2024.pptx
Pemaparan Sosialisasi Program Dual Track 2024.pptxPemaparan Sosialisasi Program Dual Track 2024.pptx
Pemaparan Sosialisasi Program Dual Track 2024.pptx
 
Executive Millennial Entrepreneur Award 2023-1a-1.pdf
Executive Millennial Entrepreneur Award  2023-1a-1.pdfExecutive Millennial Entrepreneur Award  2023-1a-1.pdf
Executive Millennial Entrepreneur Award 2023-1a-1.pdf
 
1-Executive Millennial Entrepreneur Award 2023-1-cetak.pptx
1-Executive Millennial Entrepreneur Award  2023-1-cetak.pptx1-Executive Millennial Entrepreneur Award  2023-1-cetak.pptx
1-Executive Millennial Entrepreneur Award 2023-1-cetak.pptx
 
Executive Millennial Entrepreneur Award 2023-1.pptx
Executive Millennial Entrepreneur Award  2023-1.pptxExecutive Millennial Entrepreneur Award  2023-1.pptx
Executive Millennial Entrepreneur Award 2023-1.pptx
 
Pemrograman Mobile - JetPack Compose1.pptx
Pemrograman Mobile - JetPack Compose1.pptxPemrograman Mobile - JetPack Compose1.pptx
Pemrograman Mobile - JetPack Compose1.pptx
 
Evaluasi KPP Program Dual Track Provinsi Kaltim
Evaluasi KPP Program Dual Track Provinsi KaltimEvaluasi KPP Program Dual Track Provinsi Kaltim
Evaluasi KPP Program Dual Track Provinsi Kaltim
 
foto tenda digital skill program dari sekolah
foto tenda digital skill program dari sekolahfoto tenda digital skill program dari sekolah
foto tenda digital skill program dari sekolah
 
Meraih Peluang di Gig Economy yang cocok bagi remaja
Meraih Peluang di Gig Economy yang cocok bagi remajaMeraih Peluang di Gig Economy yang cocok bagi remaja
Meraih Peluang di Gig Economy yang cocok bagi remaja
 
Membangun aplikasi mobile dengan Appsheet
Membangun aplikasi mobile dengan AppsheetMembangun aplikasi mobile dengan Appsheet
Membangun aplikasi mobile dengan Appsheet
 
epl1.pdf
epl1.pdfepl1.pdf
epl1.pdf
 
user.docx
user.docxuser.docx
user.docx
 
Dtmart.pptx
Dtmart.pptxDtmart.pptx
Dtmart.pptx
 
DualTrack-2023.pptx
DualTrack-2023.pptxDualTrack-2023.pptx
DualTrack-2023.pptx
 
BADGE.pptx
BADGE.pptxBADGE.pptx
BADGE.pptx
 
womenatwork.pdf
womenatwork.pdfwomenatwork.pdf
womenatwork.pdf
 
Transition education to employment.pdf
Transition education to employment.pdfTransition education to employment.pdf
Transition education to employment.pdf
 

Cms

  • 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 Butuh CMS
  • 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 )
  • 4. Masalah Yang jadi masalah adalah cara untuk programming nya Lebih banyak script yang dibutuhkan untuk: User-experience: melihat directory content dari table tertentu, melihat satu kategori tertentu, melihat item terbaru menambahkan item baru dll Admin-experience: approve, disapprove item, delete item, dll delete item, dll Banyak membuat statement SQL yang sama untuk tiap table-nya Banyak index untuk tiap table-nya
  • 5. Masalah (2) Mengapa data article misalnya tidak disimpan dalam bentuk HTML files dalam direktori? Programer menggunakan text editor, designer menggunakan web design tool dan FTP untuk upload, dll Bila salah script yang diupload bisa merusak sistem Sulit untuk pengaturan authentication Maintenance static html sulit
  • 6. Masalah (3) Mudah untuk membuat dan me-maintain website jika:  Orang yang sama adalah publisher, author, dan programmer  Site terdiri atas sedikit pages  Tidak ada yang peduli terhadap konsistensi halaman  Tidak ada yang peduli terhadap versioning control Tetapi tidak demikian dengan kondisi yg ada  Pekerja dipecah menjadi: publisher information, designer,graphic designer author, dan programmer  Site terdiri dari ribuan pages  halaman harus konsisten (dengan themes)  Versioning control is critical
  • 7. Tugas Publisher menentukan topik dari content utama yang ada yg ada Information Designer menentukan navigational link dari pages, bagaimana menyajikan content, dan graphic design apa yang dibutuhkan Graphic Designer mempunyai kontribusi untuk membuat drawing, logos,artwork services, mock-up template (static html) yang dibutuhkan information designer Programmer membangun production template dan program logic program logic Editor melakukan approve content
  • 9. 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
  • 10. CMS A CMS is a software system used to manage content, including web content, images, audio files, etc. Used for storing, controlling, versioning and publishing websites. Files are available over the web Output the knowledge management process Concern with medium Editable content
  • 11. CMS CMS helps to organize, control, and publish documents and multimedia content
  • 12. How does a CMS work ? Basic information flow 1. Template is designed 2. Content is entered as plain-text or HTML into database 3. Content is placed in a template for display to the end user Page Content Page Template
  • 14. CMS mengurangi web maintenance
  • 16. Apa yg bisa dilakukan CMS?
  • 17. Yang dapat dilakukan CMS  allows non-technical staff the ability to update web site content without knowing HTML, FTP, etc.  easy-to-use WYSIWYG tools, similar to Word (code view as well)  individuals who have natural responsibility for content can maintain that content themselves  archiving / backup / recovery  content more likely to be kept up-to-date (set review reminders)  consistent visual identity  Manajemen data  Mendukung web template dan standarisasi
  • 18. Integration of blogs/RSS Many systems supply own blogging software Many can interoperate with popular blogging software such as moveable type Many include software for parsing RSS feeds, or syndicating our own content
  • 21. CMS contents Simple pages for normal presentation Complex pages, with specific layout and presentation Dynamic information sourced from databases and will change on regular time intervals Training material Online manual General business documents Thousands of pages in total for different categories of customers Extensive linking between pages
  • 22. Fitur web CMS Easy content editing Preview before publishing Extandable functionality Templates Version management Different user levels Automatic system update Searching
  • 30. Jenis CMS CMS komersial CMS open source Joomla, Mambo, Drupal, phpCMS - general Wordpress – blog phpWiki - wiki Moodle - pendidikan phpBB, phorum – forum Maian events – calendar
  • 31. 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