SlideShare uma empresa Scribd logo
1 de 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                    Page
   Content                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

Mais conteúdo relacionado

Mais procurados

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-1511510388Khaerul Anwar
 
Tugas 1 – Rekayasa Web
Tugas 1 – Rekayasa WebTugas 1 – Rekayasa Web
Tugas 1 – Rekayasa WebMohammad Arief
 
Tugas 6 – 0317(individu)
Tugas 6 – 0317(individu)Tugas 6 – 0317(individu)
Tugas 6 – 0317(individu)RiaWahyuni5
 
Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Dimas Setiadi
 
Tugas 6 matkul rekayasa web 0317
Tugas 6 matkul rekayasa web 0317Tugas 6 matkul rekayasa web 0317
Tugas 6 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
 
Pengantar content management
Pengantar content managementPengantar content management
Pengantar content managementNurdin Al-Azies
 
Pertemuan 2 Memulai Wordpress
Pertemuan 2  Memulai WordpressPertemuan 2  Memulai Wordpress
Pertemuan 2 Memulai WordpressAchmad Solichin
 
Presentation1 rekweb
Presentation1 rekwebPresentation1 rekweb
Presentation1 rekwebseptianarul
 
Tugas 6 rekayasa web_ nasrul akbar 1412510552
Tugas 6  rekayasa web_ nasrul akbar 1412510552Tugas 6  rekayasa web_ nasrul akbar 1412510552
Tugas 6 rekayasa web_ nasrul akbar 1412510552Akbar Nasrul
 
Tugas 3 0317 (individu)
Tugas 3  0317 (individu)Tugas 3  0317 (individu)
Tugas 3 0317 (individu)RiaWahyuni5
 
Tugas6 0317-fani heryati-1411511262
Tugas6 0317-fani heryati-1411511262Tugas6 0317-fani heryati-1411511262
Tugas6 0317-fani heryati-1411511262Fani Heryati
 

Mais procurados (19)

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 1 – Rekayasa Web
Tugas 1 – Rekayasa WebTugas 1 – Rekayasa Web
Tugas 1 – Rekayasa Web
 
0903040068 cms
0903040068 cms0903040068 cms
0903040068 cms
 
Tugas 6 – 0317(individu)
Tugas 6 – 0317(individu)Tugas 6 – 0317(individu)
Tugas 6 – 0317(individu)
 
Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916
 
TEKNOLOGI WEB
TEKNOLOGI WEBTEKNOLOGI WEB
TEKNOLOGI WEB
 
CMS
CMSCMS
CMS
 
Tugas 6 matkul rekayasa web 0317
Tugas 6 matkul rekayasa web 0317Tugas 6 matkul rekayasa web 0317
Tugas 6 matkul rekayasa web 0317
 
Tugas 1 ( 1412510263 joko wijayanto)
Tugas 1 ( 1412510263   joko wijayanto)Tugas 1 ( 1412510263   joko wijayanto)
Tugas 1 ( 1412510263 joko wijayanto)
 
Pengantar content management
Pengantar content managementPengantar content management
Pengantar content management
 
Tugasindividu6
Tugasindividu6Tugasindividu6
Tugasindividu6
 
01.Rekayasa Web
01.Rekayasa Web01.Rekayasa Web
01.Rekayasa Web
 
Pertemuan 2 Memulai Wordpress
Pertemuan 2  Memulai WordpressPertemuan 2  Memulai Wordpress
Pertemuan 2 Memulai Wordpress
 
Presentation1 rekweb
Presentation1 rekwebPresentation1 rekweb
Presentation1 rekweb
 
Tugas 6 rekayasa web_ nasrul akbar 1412510552
Tugas 6  rekayasa web_ nasrul akbar 1412510552Tugas 6  rekayasa web_ nasrul akbar 1412510552
Tugas 6 rekayasa web_ nasrul akbar 1412510552
 
Tugas 3 0317 (individu)
Tugas 3  0317 (individu)Tugas 3  0317 (individu)
Tugas 3 0317 (individu)
 
Tugas 4 rekayasa web (0916)
Tugas 4   rekayasa web (0916)Tugas 4   rekayasa web (0916)
Tugas 4 rekayasa web (0916)
 
Cms
CmsCms
Cms
 
Tugas6 0317-fani heryati-1411511262
Tugas6 0317-fani heryati-1411511262Tugas6 0317-fani heryati-1411511262
Tugas6 0317-fani heryati-1411511262
 

Destaque

Jbptunikompp gdl-martonohad-21860-11-12babiv
Jbptunikompp gdl-martonohad-21860-11-12babivJbptunikompp gdl-martonohad-21860-11-12babiv
Jbptunikompp gdl-martonohad-21860-11-12babivZulfadli Latunia
 
Peranan guru psv sebagai pembimbing
Peranan guru psv sebagai pembimbingPeranan guru psv sebagai pembimbing
Peranan guru psv sebagai pembimbingana_ppg
 
Manajemen data dan komputer
Manajemen data dan komputerManajemen data dan komputer
Manajemen data dan komputerZulfadli Latunia
 
Iii academia internal. de cuerdas mecenazgo
Iii academia internal. de cuerdas mecenazgoIii academia internal. de cuerdas mecenazgo
Iii academia internal. de cuerdas mecenazgofestivalsinfonicopereira
 

Destaque (7)

Cbq
CbqCbq
Cbq
 
Cms
CmsCms
Cms
 
Jbptunikompp gdl-martonohad-21860-11-12babiv
Jbptunikompp gdl-martonohad-21860-11-12babivJbptunikompp gdl-martonohad-21860-11-12babiv
Jbptunikompp gdl-martonohad-21860-11-12babiv
 
Peranan guru psv sebagai pembimbing
Peranan guru psv sebagai pembimbingPeranan guru psv sebagai pembimbing
Peranan guru psv sebagai pembimbing
 
Manajemen data dan komputer
Manajemen data dan komputerManajemen data dan komputer
Manajemen data dan komputer
 
Iii academia internal. de cuerdas mecenazgo
Iii academia internal. de cuerdas mecenazgoIii academia internal. de cuerdas mecenazgo
Iii academia internal. de cuerdas mecenazgo
 
Asterisk sip trunksetting
Asterisk sip trunksettingAsterisk sip trunksetting
Asterisk sip trunksetting
 

Semelhante a OPTIMIZED CMS CONTENT

Rekayasa web tugas 6
Rekayasa web tugas 6Rekayasa web tugas 6
Rekayasa web tugas 6Hardy Tanamas
 
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.pptxJuangLaksana
 
Laporan web
Laporan webLaporan web
Laporan webrhizky
 
Tugas 6 0317 - imelda felicia - 1412510545
Tugas 6   0317 - imelda felicia - 1412510545Tugas 6   0317 - imelda felicia - 1412510545
Tugas 6 0317 - imelda felicia - 1412510545imeldafelicia
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internetmafailmi
 
7. pembuatan website dengan joomla
7. pembuatan website dengan joomla7. pembuatan website dengan joomla
7. pembuatan website dengan joomlaFaiz Fanani
 
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
 
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptxDeniHidayat46
 
Tutorial joomla versi 1.5.3
Tutorial joomla versi 1.5.3Tutorial joomla versi 1.5.3
Tutorial joomla versi 1.5.3Ocim Nationalism
 

Semelhante a OPTIMIZED CMS CONTENT (20)

Teknologi web
Teknologi webTeknologi web
Teknologi web
 
Teknologi Web
Teknologi WebTeknologi Web
Teknologi Web
 
Rekayasa web tugas 6
Rekayasa web tugas 6Rekayasa web tugas 6
Rekayasa web tugas 6
 
Pengenalan Dasar Web
Pengenalan Dasar WebPengenalan Dasar Web
Pengenalan Dasar Web
 
Proposal Ujian Akhir
Proposal Ujian AkhirProposal Ujian Akhir
Proposal Ujian Akhir
 
Aplikasi CMS
Aplikasi CMSAplikasi CMS
Aplikasi CMS
 
PI bab 1-- 4 -- penutup fixed
PI bab 1-- 4 -- penutup fixedPI bab 1-- 4 -- penutup fixed
PI bab 1-- 4 -- penutup fixed
 
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
 
Tugas 6
Tugas 6Tugas 6
Tugas 6
 
Laporan web
Laporan webLaporan web
Laporan web
 
Tugas 6 0317 - imelda felicia - 1412510545
Tugas 6   0317 - imelda felicia - 1412510545Tugas 6   0317 - imelda felicia - 1412510545
Tugas 6 0317 - imelda felicia - 1412510545
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internet
 
7. pembuatan website dengan joomla
7. pembuatan website dengan joomla7. pembuatan website dengan joomla
7. pembuatan website dengan joomla
 
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
 
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
 
Desain web
Desain webDesain web
Desain web
 
Tugas web
Tugas webTugas web
Tugas web
 
Tugas web
Tugas webTugas web
Tugas web
 
Tutorial joomla versi 1.5.3
Tutorial joomla versi 1.5.3Tutorial joomla versi 1.5.3
Tutorial joomla versi 1.5.3
 
01.rekayasa web
01.rekayasa web01.rekayasa web
01.rekayasa web
 

OPTIMIZED CMS CONTENT

  • 1. Teknologi Web Content management systems
  • 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 Page Content 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
  • 32. CMS implementation challenges