cms lecture umk

45
 A D V A NCED WEBSITE DESIGN Using CMS for rapid development

Upload: abu-luqman

Post on 04-Apr-2018

234 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 1/45

 ADVANCED WEBSITE

DESIGNUsing CMS for rapid development

Page 2: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 2/45

Introduction to CMS

• CMS = Content Management System

• CMS Overview..

• Open source..

• Types of CMS..• Comparison among CMS..

• Pros and Cons of using CMS..

Page 3: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 3/45

What is a Content Management System(CMS)?• Wiktionary Definition:

http://en.wiktionary.org/wiki/content_management_system

A computer software system fororganizing and facilitatingcollaborative creation of 

documents and other content,especially for loading to a website

Page 4: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 4/45

What the CMS can do?

• A system for managing content in a web site

• A tool to separate content from presentation

• Doesn’t require special software for uploading pages (e.g.

Dreamweaver)

• An open source package

• Allows web page updates using an ordinary web browser (e.g. IE, Firefox, Safari, Mozilla etc.)

• Reduces overall work as those responsible for content canupdate it directly and submit it for approval

Page 5: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 5/45

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 

Page 6: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 6/45

Why is this a good thing?

• Pages can be created or changed without knowing or using HTML

• Large-scale changes can be made to the site much easier 

• Increased functionality, including blogs and RSSfeeds/readers, widgets, plug-in, etc..

• Structured Content = Content re-use

• Thousands of templates available

• 5 Reasons To Use A CMS • Greatest advantage of using a CMS 

Page 7: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 7/45

How much is a CMS?• $500,000 plus tech support and add-ons

OR• They’re FREE!! Open source is a viable option,but… • By techies, for techies

• Limited support = more work for Systems

• No guarantee

Page 8: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 8/45

Types of Content Management Systems

COMPLETE CONTENT

MANAGEMENT SYSTEMS•Drupal•Joomla!

BLOGS

•Wordpress•Movable Type•Blogger

WIKIS

•MediaWiki•Confluence•pmwiki

Page 9: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 9/45

 

Page 10: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 10/45

Installing a Content Management System

Option 1: Do-It-Yourself 

Option 2: Use the Installer!

Page 11: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 11/45

CMS Distribution in top million sites

Page 12: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 12/45

Page 13: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 13/45

Drupal CMS

Page 14: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 14/45

Page 15: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 15/45

Page 16: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 16/45

Page 17: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 17/45

humanities.stanford.edu

Page 18: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 18/45

Stanford Photonics Research Center 

Page 19: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 19/45

Land, buildings & real estate

Page 20: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 20/45

Law School: Center for Internet andSociety

Page 21: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 21/45

Division of International, Comparative and Area Studies

Page 22: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 22/45

center on philanthropy and civil society

Page 23: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 23/45

 Aurora forum

Page 24: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 24/45

Stanford libraries

Page 25: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 25/45

Tech commons

Page 26: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 26/45

Stanford story bank

Page 27: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 27/45

 Admitted students

Page 28: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 28/45

 And more!

Page 29: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 29/45

Wordpress

• Popular blogging tool

• Basic Content Management System

• Simpler to use, configure, and edit than Drupal,but not as powerful

• Also free and open source

Page 30: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 30/45

 

Page 31: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 31/45

Some WordPress examples!

Page 32: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 32/45

killerstress.stanford.edu

Page 33: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 33/45

Stanford Pre-Business Association

Page 34: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 34/45

emergency.stanford.edu

Page 35: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 35/45

Nokia/Stanford University Mobile LearningResearch

Page 36: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 36/45

 ASSU Executive Blog

Page 37: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 37/45

MediaWiki

• Popular wiki tool

• Basic Content Management System

• Simpler to use, configure, and edit than Drupal orWordPress, but not as powerful

• Also free and open source

Page 38: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 38/45

Editing a mediawiki site

Page 39: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 39/45

Some MediaWiki examples!

Page 40: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 40/45

Web Services Wiki

Page 41: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 41/45

Page 42: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 42/45

BioMechanical Engineering

Page 43: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 43/45

protege.stanford.edu

Page 44: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 44/45

Body Magnetic Resonance Group

Page 45: CMS lecture UMK

7/31/2019 CMS lecture UMK

http://slidepdf.com/reader/full/cms-lecture-umk 45/45

The Wordpress

• Overview of Wordpress history..

• What is Wordpress..

• Why wordpress..

• Who started wordpress..• How to use wordpress..