cms week 1 slides

7/30/2019 CMS Week 1 Slides

1/56

Introduction to Web Content

Management Systems Site

Development

Harvard Extension School - CSCI E-30

Professor Rob Graham Professor Jen Kramer


2/56

Introduction toWeb Content Management Systems(CSCI-E-30)

Week 1:The Content Management

Universe


3/56

This Lesson Introductions

Overview of Course Objectives andExpectations

Exploration of Content Management Systems

Looking Forward


4/56

A Little About Rob Over 20 years designing and creative

interactive digital tools and media Over 16 years as an adjunct professor

covering interactive design, development,

marketing and educational curriculums

Authors of several books on

interactive and behavioral

Digital Advertising; Interactive

Marketing columnist


5/56

A Little About Jen Over a decade teaching digital media courses

A Lynda.com instructor covering Joomla andContent Management System planning and

design

Authors of several books on

Joomla development and interactive

site architecture


6/56

About This Course Version 2.0!

Created and revised to meet the current lack ofinstruction in this area - Creating and maintaining

dynamic web properties using Content

Management Systems Designed to be an Introductory course

What This Course IS NOT

An in-depth look at site codingusing technologies like AJAX, XML,

PHP, JAVA, JavaScript or other TLAs

An HTML or Web Design course


7/56

About This Course Designed To Be an Introductory Course

With a Focus on Learning by Doing 7 full scale site development projects this

semester

Blog Site Social Media Site

Dynamic Website

Wiki Database Online Course

Full Featured Site


8/56

Grading Policy Each Student Starts This Class With An A

Progress Evaluations Are Important But All grading for this course is designed to be non-

punitive

Used as a way to determine areas forimprovement

Any student who wants to redo an assignment to

increase a grade is welcome to do so

No Tests or Quizzes

Avoid safe; Dare to take chances!


9/56

Grading Policy

Class Assignments

Links to your sites and files can be placed in yourstudent drop box

Each assignment will have an initial due date

All assignments are due within 10 days of due date

While Online Students Have Different Course

Structures, There Are Ways To Participate

Discussion groups

Student chats


10/56

Easy Access For All

All Lectures Videos Are Posted Weekly To

Allow Students To Review And Follow Along Step-by-step instruction videos

Lecture videos

Ancillary materials

Links to articles and resources


11/56

My Goals

To provide class participants with a thorough

understanding of how to plan, produce andcreate interesting and effective dynamic web

sites and properties

Questions? You can reach us at:

[email protected]

[email protected]


12/56

Getting Started

What Are Content Management Systems

(CMSs)? A collection of procedures used to manage

workflow in a collaborative environment

How Does Web CMS Differ? Processes and procedures used to create and

manage Web content

Design

Content Updates

Dynamic Content


13/56

Why CMS?

Content Management Systems are Software

Tools and Web Development PlatformsDesigned to Simplify Web Content Creation

Create

Manage Measure

Optimize

Modify


14/56

Why CMS?

Traditionally, Website Development

Required A Wide Range Of Design AndCoding Skills

Generally expensive

Could be highly specialized Gave control of web site

development to a limited group

of site designers and webmasters


15/56

Why CMS?

This Level of Expertise Came at a Price and

Often Became a Production Bottleneck Often costly, time consuming,

inconvenient and

inflexible


16/56

Why CMS?

Because The Evolution Of Technology

Can Make Things More Complex As It MakesThem Easier

Changes in how we approach the Web as a

business and communications tool have drivenadvanced needs

Web 2.0 technologies

Dynamic Web pages and content Tools that allow visitors to get involved


17/56

Why CMS?


18/56

Why CMS?

Good Site Design is Often About Keeping The

Customer Satisfied Visitors rarely keep going to sites that dont

periodically offer new content

Visitors want to be engaged and to have a reasonfor visiting any site

Dynamic Sites Offer a More Engaging

Destination, But Adds layers of complexity to the page

development process


19/56

Why CMS?

CMS Automates Many Development Tasks

and Gives Regular People the Ability toCreate Dynamic and Engaging Web Sites

Often as simple as

filling in forms;Data driven


20/56

Defining CMS

Enterprise CMS

Generally collaborative business systems whichallow input from many members of a team

Web CMS

Systems that streamline and simplify the creationand frequent updating of dynamic web properties

Learning Management Systems (LMS)

Web systems and tools used specifically for the

creation and management of online training and

learning environments; Online courses


21/56

Defining CMS

Document Management Systems

Systems specifically designed to store and tracksdocuments, digital photos, other types of media

Component Management Systems

More granular tools that focus more on organizingand managing the content within documents and

pages and not the documents themselves

Emerging Management Tools

Mobile content, Digital video content, Flash driven

content


22/56

Plenty of Choices

Learning More About Existing CMS solutions

http://en.wikipedia.org/wiki/List_of_Content_Management_Systems

http://php.opensourcecms.com/

http://www.cmsmatrix.org/


23/56

Different Solutions, Different Needs

Sometimes Its About

Comfort - finding a tool you like to use Support - safety in numbers; Most popular

development tools have support communities

Water and Stone, Open Source CMS Market Share Survey, 2011


24/56


Sometimes Its About

Price Many CMSs are GPL (GeneralPublic License) or Open Source

platforms; FREE

Need Specific tools for specificfeatures and designs

Support Third party providers help

create extensions and other tools thatkeep the technology current and viable


25/56


During This Course We Will Cover:

Web Content Management Systems (WCMS) Learning Management Systems (LMS)

Interactive Behavior Models; Design Best Practices


26/56


For This Course:

A deeper dive into some of the more popularplatforms and tools Wordpress

MediaWiki

SocialGo

Wix

Moodle

Joomla!

Tools designed to offer a wide range of solutions

and applications

Plenty of room for future development


27/56

The Open Source Movement

So, What Does Open Source Software

Mean?

(Wikipedia) - Software whose source code is

published and made available to the public,

enabling anyone to copy, modify and redistributethe source code without paying royalties or fees.

Open source code evolves through

community cooperation.


28/56


Open Source isnt new

Its about communal ownership where the effortsof many are combined to create something

greater than the sum of its parts

Early Automotive Industry

By creating a standard process

many participants can get

involved and a rising tide lifts

all boats


29/56


Open Source isnt new

Open Source software allows developers from allaround the world to participate in the creation of

something they could never create by themselves

Barn Raising

Creates standards

Allows individual companies

to make money from otherassociated services and

products


30/56


Often Birthed By Frustration:

At the Status Quo At monopolies

By a need for customization or limited functions

By the desire to do be part of something insanelygreat!

And sometimes its just

about sharing


31/56


Psychologically, much of our behavior is

driven by our human desire to share

Opinions

Knowledge

To make the world better Bottom line: It makes us

feel good about ourselves

to share with other people

be part of something special


32/56


33/56


The 2 Flavors of Free

free as in speech (no restrictions) free as in beer (without cost)

GPL (General Public License) Gives

Individuals Access To Program Source Code,Make Changes And Distribute As Long As

They Keep The Code Access Open

Some Vendors Modify And Sell Open Source

Solutions; Offer Unique Tools And Provide

Technical Support


34/56


Open Source Can Be A Business Strategy:

Open Source is based on the freedom for others to modify

a programs code to meet their own needs

Most Open Source software is licensed under a GPL

(General Public License) meaning that developers can use

and modify applications but if they redistribute them itmust remain open source

Some companies sell supported version of Open Source

applications

RedHat provides Linux server hosting and support


35/56


Open Source Software Applications:

SourceForge.net

Digital Media Development Tools:

Audacity (http://audacity.sourceforge.net/)

Blender (http://www.blender.org/)

Gimp (http://www.gimp.org/)

Aviary (http://aviary.com/)

Business Productivity Tools

Open Office (http://www.openoffice.org/)

Enterprise Data Tools:

MySQL (http://www.mysql.com/)


36/56


Open Source Tools For Web Site

Development:

Wordpress Blogs and topic sites

GoSocial social media club houses

MediaWiki Sharable knowledge base Moodle Online courses

Joomla! Web site development

Kompozer HTML based web site editor

SourceForge.net Ultimate OpenSource

Repository


37/56


Pros:

Applications generally free!

Wide variety of applications to choose from

Often a vibrant community of supporters

Cons:Documentation can be limited

Support can be spotty to nonexistent

Some applications dont work as advertised

OpenSource installations requires a greater

technical understanding


38/56

Developing Web Properties


39/56

Planning Ahead

Technology Is Only 1 Part Of Successful Site

Development

Its all about the needs of visitors:

Who are your target visitors?

What are their needs?

What do you offer that they want/need?

But the publishers has needs too

What is it the publisher wants visitorsto accomplish when visiting?Points of conversion?

How will these events be measured?


40/56

Planning Ahead

Content is King

Frequent changes to content give visitors a reason

to come back

Social media tools allow visitors to get involved;

Share with others

Engagement! Making sites

super sticky

Dynamic site structures createopportunity for frequent

updates; Get visitors

to generate content for yours


41/56

Planning Ahead

What Are The Overall Goals for YOUR Site?

Content Management Systems can offer

components which can be used to build sites that

cover a wide range of functions

Chat rooms

Discussion boards

E-Commerce Functions

Media players

Much more!

http://extensions.joomla.org/


42/56

Planning Ahead

Todays Web User Is Used To Being Able To

Participate On The Sites They Visit

Create tools, games, and interactive things that

get visitors involved

Put your visitors needs at the center of everythingthat you design

WIIFM?

Why will people visit this site?

What do they do when they get there?

Why will people come back?


43/56

Creating A Web Site

1. Have a Great Idea!

2. Choose a Unique Domain Name http://www.namesecure.com

3. Choose a Hosting Company

http://www.SiteGround.com

4. Point Domain Name to Hosting Server

5. Start Adding Content Installing Server Applications

http://filezilla-project.org/


44/56

Domain Names

Choosing and Securing a Domain Name

Many online resources

GoDaddy.com

NameSecure.com

1and1.com

Register.com

Network Solutions

Some Restrictions

.Gov, .Edu, .Mil, Region specific suffixes


45/56

Choosing a Hosting Company

Many to choose from

Look for good support

Mirrored servers

Latest software updates

Fast support response times

Price is nice; Not the only criteria

Do your homework

Annual pricing cheaper than month to month pricing

Easy to use and understand dashboard like cPanel


46/56


Buying hard drive space and the ability to

allow other people to access your files

Web sites

File Sharing

Measures both ingoing and outgoing traffic(throughput)

Back-up and Storage

Security


47/56


Most Domain Name Providers also Provide

some level of Hosting Services

Domain Name Servers can point to any

Hosting server

Domain Naming and Site Hostingunder one roof

Domain Name company Site Hosting company


48/56


Our Recommended Hosting Solution

http://www.siteground.com/friends.htm?referrer

_id=44912

$9.95 for first year of hosting

R i i DNS


49/56

Repointing a DNS

DNS= Domain Name Server

Tells the server that stores the domain name

how to redirect traffic to the server that

hosts the web content

Requires time to propagate

W b it F t t l


50/56

Website Features control

Email accounts

Backup tools Analytics tools

Software tools

S ft I t ll ti O ti


51/56

Software Installation Options

Manual Installations

Software Driven Installations

W d


52/56

Wordpress

The different flavors of Wordpress

Create a quick blog on Wordpress.com

Hosted by Wordpress

Limited feature set

Creating a Wordpress.org site Hosted on your server

More flexibility for design/customization

Better control of administration; Not restricted

M l S ft I t ll ti


53/56

Manual Software Installations

Will need FTP program

FileZilla is open source and cross platform

http://filezilla-project.org/

Allows user to move files from their computers to

a server

Need to have:

Specific server address

Login username and password

Determine server software requirements

Apaches, PHP, mySQL versions

Software Install


54/56

Software Install

Using Automatic Installers

Installing CMS Software: Wordpress

Manual Install

Using The Famous 5 Minute Wordpress Install

http://codex.wordpress.org/Installing_WordPress#Famous_5-Minute_Install

Summary


55/56

Summary

1. Register domain name

2. Procure a web host 3. Point DNS at hosting server

4. Install software onto server

5. Build

6. Maintain

For Next Week


56/56

For Next Week

Well create and administer a Blog Site Using

Wordpress

ASSIGNMENT #1

Each student will need to secure

a hosting server for use with thisclass

Recommend SiteGround hosting

company and the CPanel

dashboard

cms week 1 slides

Documents