Content management system
This presentation is the property of its rightful owner.
Sponsored Links
1 / 46

Content Management System PowerPoint PPT Presentation


  • 71 Views
  • Uploaded on
  • Presentation posted in: General

Content Management System. Praktikum PTI Sekolah Tinggi Ilmu Statistik Oleh : SIS - BPS. Tujuan. M emahami Frame Work. Memahami CMS. Framework. K erangka kerja

Download Presentation

Content Management System

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Content management system

Content Management System

Praktikum PTI

Sekolah Tinggi Ilmu Statistik

Oleh : SIS - BPS


Tujuan

Tujuan

MemahamiFrame Work

Memahami CMS


Framework

Framework

  • Kerangkakerja

  • Kumpulanscript (terutama class dan function) yang dapatmembantudeveloper/programmer dalammenanganiberbagaimasalah-masalahdalampemrogramansepertikoneksike database, pemanggilanvariabel, file,dllsehinggadeveloper/programmerlebihfokusdanlebihcepatmembangunaplikasi.

  • Komponenpemrogramanyang siapre-usekapansaja, sehingga programmer tidakharusmembuatscriptyang samauntuktugas yang sama.


Unsur framework

Unsur Framework

  • Sekumpulanlibrary yang diorganisasikanpadasebuahrancanganarsitekturuntukmemberikankecepatan, ketepatan, kemudahandankonsistensi di dalampengembanganaplikasi

    Unsur:

  • Library

  • Arsitektur

  • Metodologi


Mvc model view controller

MVC (Model View Controller)

  • Framework menggunakan konsep yang sama dalam membangun suatu aplikasi, yaitu konsep MVC (Model View Controller)

  • Suatumetodeuntukmemisahkanbagian-bagiandarisuatu web aplikasi

  • Bagiantampilan, logikaserta query database diletakkansecaraterpisahnamuntetapsinkronsehinggapembuatanaplikasimenjadilebihterstrukturdansederhana


Mvc model view controller1

MVC (Model View Controller)

  • Model digunakandalammenuliskan script database

  • Controlleruntukmengembangkanlogikapemrogramannya

  • Viewberfungsidalammenampilkanlayout tampilan ke user, berupa halaman web


Manfaat framework

Manfaat Framework

  • Dapat membantukerja developer dalammembangunaplikasisehinggaaplikasibisaselesaidalamwaktu yang singkat

  • PenerapanDesign Patterns memudahkandalamrancangan, pengembangandanpemeliharaansistem

  • Stability dan Reliability, aplikasi yang dibangunlebihstabildanhandalkarenaberbasispada framework yang sudahterujistabilitasdankehandalannya.

  • Coding Style konsisten, memudahkandalammembacakodedandalammenemukan bugs

  • Security Concern, framework mengantisipasidanmemasangperisaiterhadapadanyaberbagaimasalahkeamanan yang mungkintimbul

  • Dokumentasi, framework dapatmendisiplinkankitauntukmenulisdokumentasiuntukapa yang kitatulis


Kekurangan penggunaan framework

Kekurangan Penggunaan Framework

  • Para programmer mungkinakanmenemukanbatasan-batasanketikamerancangaplikasimenggunakanframework

  • Kemungkinanakanmenambahbiaya development apabila framework yangdigunakankurangterdokumentasidankurang di support

  • Performa dankecepataneksekusi


Macam macam framework

Macam-macam Framework

  • Framework PHP

  • CakePHP

  • Code Igniter (CI)

  • Symphony

  • Zend

  • Yii

  • Kohana

  • Framework Javascript

  • JQuery

  • Mootools

  • Framework Ruby

  • Ruby on Rails (ROR)


Cms content management system

CMS (Content Management System)

SW yang memungkinkanseseoranguntukmenambahkandanataumemanipulasiisidarisuatu website.


Latar belakang

LatarBelakang

  • Kebutuhanpembuatan website yang cepatdanmudah

  • Tidakmemerlukankemampuanprogramming web yang baik

  • Tipe website yang berbeda-bedajenisnya

    • Personal web, berita

    • Blog, katalog, galerifoto

    • Pendidikan, e-commerce

  • PerluCMS


Perbedaan framework dan cms

Perbedaan Framework dan CMS

  • CMS lebihkepada pemenuhankebutuhanpembangunanaplikasi secara instan. Begitu CMS diinstalasikan, ditambah modul, komponen, plugin, dll, kita sudah bisa langsung mengatur isi aplikasi secara kebutuhan kita, tanpa harus berurusan dengan kode, kecuali bila kita menemukan bugs pada modul atau komponen tertentu

  • Framework sebagai dasar aplikasi berarti kita tetap harus menuliskan kode program, memodelkan basis data, merumuskan kebutuhan user, merancang aplikasi serta mendesain tampilan


Content management system

  • Basic information flow

    • Template is designed

    • Content is entered as plain-text or HTML into database

    • Content is placed in a template for display to the end user


Content management system

UmumnyaCMS terdiridari 2 elemen :

  • Content Management Application

  • Content Delivery Application

    Beberapacontoh CMS yang popular : Joomla, Drupal, Xoops, dll


Joomla

JOOMLA

  • Joomla ! Adalah salah satu aplikasi untuk membuat website yang bersifat open source

  • Dengan Joomla ! Bisa membuat website tanpa membutuhkan pengetahuan tentang desain atau pemrograman web.

  • Dengan Joomla! Dapat membuat website dengan waktu yang relatif singkat


K emudahan yang ditawarkan joomla

Kemudahan yang ditawarkan Joomla:

  • Bisa didownload secara gratis di http://www.joomla.org,

  • Kemudahan mengelola website

  • Kemudahan mengganti tampilan website


Instalasi joomla 1

INSTALASI JOOMLA! (1)

  • Instalasi Joomla! secara Offline.

    Sebelum menginstal secara online, sebaiknya Joomla diinstal pada komputer kita sendiri.

    Yang perlu disiapkan adalah :

    - Server lokal yakni XAMPP

    - Joomla! Feature, yaitu semua elemen yang

    dibutuhkan untuk memodifikasi website,

    seperti module, component, dan template.


Instalasi joomla 2

INSTALASI JOOMLA! (2)

  • Instalasi local server XAMPP

  • Sebelum menginstal Joomla!, kita memerlukan server sehingga Joomla! Dapat diinstal dan dijalankan di komputer local tanpa harus terhubung ke internet.


Content management system

2. Pilih English pada pilihan bahasa yang

disediakan

3. Klik OK


Content management system

4. Klik Next pada halaman setup wizard


5 klik install

5. Klik Install

Server XAMPP akan diinstall dalam folder C:\Program File


6 proses instalasi berjalan jika sudah selesai klik finish

6. Proses Instalasi berjalan. Jika sudah selesai, klik Finish


7 setelah proses instalasi selesai akan muncul tampilan dibawah ini lalu klik finish

7. Setelah proses instalasi selesai, akan muncul tampilan dibawah ini, lalu klik Finish


Content management system

8.Klik No agar XAMPP tidak masuk ke dalam proses service pada system operasi komputer kita. Jadi komputer tidak terbebani akibat dari XAMPP yang berjalan terus-menerus

9. Klik Yes, jika anda ingin langsung menjalankan

control panel XAMPP server.


Menjalankan xampp server

Menjalankan XAMPP Server

  • Setelah menginstall XAMPP, langkah berikutnya adalah menginstall Joomla!. Namun, sebelumnya harus menjalankan service Apache dan MySQL terlebih dahulu.

    Caranya adalah :

    1. buka XAMMP melalui start-> All Program

    ->apachefriends->XAMPP->control panel

    XAMPP service Panel

    2. Klik Start pada bagian Apache

    3. Klik Start pada bagian MySQL


Content management system

Dengan munculnya tulisan running, maka apache dan MySQL telah berjalan


Instalasi joomla versi 2 5 8

Instalasi Joomla! Versi 2.5.8

  • Cara menginstalnya adalah :

  • Buka folder di C:/Program Files/XAMPP/htdocs/. Buat folder dengan nama demoPPTI

  • Copy seluruh isi folder Joomla!

  • Buka browser, lalu ketik localhost/demoPPTI, lalu tekan ENTER.

    Secara otomatis akan membuka file index.php di folderdemoPPTI/installation. Kemudian, klik Next.


Content management system

4. Klik Next


Content management system

4. Klik Next


Content management system

5. Isi formulir yang disediakan:Host Name : localhostMySQL User Name : rootMySQL Password : kosongkanMySQL Database Name : isi nama database (misal : demodb)MySQL Table Prefix : biarkan saja


6 klik next

6. Klik Next.


Content management system

7. Masukkan nama situs (nantinya akan muncul di title bar). Misal :PPTI. Lalu isialamat email, username dan password, di bagian Sample Data pilih radio button Default English laluklik Insert Sample Data danNext.


Content management system

Pada tampilan ini anda diminta untuk menghapus folder installation di dalam folder labkomputasi


Jika kita pilih site maka akan muncul tampilan seperti berikut

Jikakitapilih SITE makaakan muncultampilanseperti berikut:


Jika kita pilih administrator maka akan muncul tampilan seperti berikut

Jikakitapilih ADMINISTRATOR makaakan muncul tampilanseperti berikut:


Modifikasi template

Modifikasi Template

  • Template Joomla ! Standar bisa diubah sesuai dengan keinginan kita. Jika tidak mahir dalam bahasa pemrograman dapat menggunakan template yang sudah ada dan bisa di download dari internet.

  • Berikut ini langkah-langkah modifikasi template Joomla :

    1. Klik menu Extentions -> Extentions Manager

    seperti gambar dibawah ini.


Content management system

2. Klik Browse


3 pilih file zip template yang dimiliki sebagai contoh justbussiness fjt zip kemudian klik open

3. Pilih file zip template yang dimiliki, sebagaicontoh JustBussiness-FJT.zip. Kemudian klik open.


4 klik upload file install

4. Klik Upload File & Install

5. Jika sukses, muncultampilanberikutini


Content management system

7.Untukmengubah template, pilihExtentions Template Manager, lalupilih template yang diinginkanlaluklik MAKE DEFAULT

8. Refresh browser. Maka tampilannya akan berubah

sesuai template yang dipilih.


Content management system

7.Untukmemperkaya content danmembuat web lebihmenarik, dapatditambahkanmoduldengan langkah2 yang miripdenganpenambahan template. Setelahmodulterinstalmakamodulmunculpada list Module Manager.

10. Setelahdilakukan setting dandipublish, refresh browser untukmelihatperubahan yang terjadi


Tugas kelompok

TugasKelompok

  • Buatkelompok @4 orang

  • Buat website dengantema BPS atau STIS

  • Hasildipresentasikanpadapertemuan ke-11


Thank you

Thank you


  • Login