Introduction to Web Content Management Systems Site Development

tumwaterpointlessInternet and Web Development

Dec 4, 2013 (4 years and 5 months ago)


Introduction to Web Content
Management Systems Site
Harvard Extension School -CSCI E-30
Professor Rob GrahamProfessor Jen Kramer
Introduction to
Web Content Management Systems
Week 1:
The Content Management
This Lesson…
￿Overview of Course Objectives and
￿Exploration of Content Management Systems
￿Looking Forward
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
A Little About Jen…
￿Over a decade teaching digital media courses
￿A instructor covering Joomla and
Content Management System planning and
￿Authors of several books on
Joomla development and interactive
site architecture
About This Course
￿Version 2.0!
￿Created and revised to meet the current lack of
instruction 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 coding
using technologies like AJAX, XML,
PHP, JAVA, JavaScript or other TLAs
￿An HTML or Web Design course
About This Course
￿Designed To Be an Introductory Course
With a Focus on ‘Learning by Doing’
￿7 full scale site development projects this
•Blog Site
•Social Media Site
•Dynamic Website
•Wiki Database
•Online Course
•Full Featured Site
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-
￿Used as a way to determine areas for
￿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!
Grading Policy
￿Class Assignments
￿Links to your sites and files can be placed in your
student 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
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
My Goals
￿To provide class participants with a thorough
understanding of how to plan, produce and
create interesting and effective dynamic web
sites and properties
￿Questions? You can reach us at:
Getting Started
￿What Are Content Management Systems
￿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
•Content Updates
•Dynamic Content
Why CMS?
￿Content Management Systems are Software
Tools and Web Development Platforms
Designed to Simplify Web Content Creation
Why CMS?
￿Traditionally, Website Development
Required A Wide Range Of Design And
Coding Skills
￿Generally expensive
￿Could be highly specialized
￿Gave control of web site
development to a limited group
of site designers and ‘webmasters’
Why CMS?
￿This Level of Expertise Came at a Price and
Often Became a Production Bottleneck
￿Often costly, time consuming,
inconvenient and
Why CMS?
￿Because The Evolution Of Technology
Can Make Things More Complex As It Makes
Them Easier
￿Changes in how we approach the Web as a
business and communications tool have driven
advanced needs
•Web 2.0 technologies
•‘Dynamic’ Web pages and content
•Tools that allow visitors to get involved
Why CMS?
Why CMS?
￿Good Site Design is Often About Keeping The
Customer Satisfied
￿Visitors rarely keep going to sites that don’t
periodically offer new content
￿Visitors want to be engaged and to have a reason
for visiting any site
￿Dynamic Sites Offer a More Engaging
Destination, But…
￿Adds layers of complexity to the page
development process
Why CMS?
￿CMS Automates Many Development Tasks
and Gives ‘Regular People’ the Ability to
Create Dynamic and Engaging Web Sites
￿Often as simple as
filling in forms;
Data driven
Defining CMS
￿Enterprise CMS
￿Generally collaborative business systems which
allow input from many members of a team
￿Web CMS
￿Systems that streamline and simplify the creation
and 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
Defining CMS
￿Document Management Systems
￿Systems specifically designed to store and tracks
documents, digital photos, other types of media
￿Component Management Systems
￿More granular tools that focus more on organizing
and managing the content within documents and
pages and not the documents themselves
￿Emerging Management Tools
￿Mobile content, Digital video content, Flash driven
Plenty of Choices
￿Learning More About Existing CMS solutions
Different Solutions, Different Needs
￿Sometimes It’s 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
Different Solutions, Different Needs
￿Sometimes It’s About…
￿Price –Many CMSs are GPL (General
Public License) or ‘Open Source’
platforms; FREE
￿Need –Specific tools for specific
features and designs
￿Support –Third party providers help
create extensions and other tools that
keep the technology current and viable
Different Solutions, Different Needs
￿During This Course We Will Cover:
￿Web Content Management Systems (WCMS)
￿Learning Management Systems (LMS)
￿Interactive Behavior Models; Design Best Practices
Different Solutions, Different Needs
￿For This Course:
￿A deeper dive into some of the more popular
platforms and tools
￿Tools designed to offer a wide range of solutions
and applications
￿Plenty of room for future development
The Open Source Movement
￿So, What Does ‘Open Source Software’
￿(Wikipedia) -Software whose source code is
published and made available to the public,
enabling anyone to copy, modify and redistribute
the source code without paying royalties or fees.
￿Open source code evolves through
community cooperation.
The Open Source Movement
￿Open Source isn’t new
￿It’s about communal ownership where the efforts
of 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’
The Open Source Movement
￿Open Source isn’t new
￿Open Source software allows developers from all
around 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 other
associated services and
The Open Source Movement
￿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 insanely
￿And sometimes it’s just
about sharing
The Open Source Movement
￿Psychologically, much of our behavior is
driven by our human desire to share
￿To make the world better
￿Bottom line: It makes us
feel good about ourselves
to share with other people
be part of something special
The Open Source Movement
￿Great Source of Insight on the Economic
Models Spawn by the Open Source
The Open Source Movement
￿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
The Open Source Movement
￿Open Source Can Be A Business Strategy:
￿Open Source is based on the freedom for others to modify
a program’s 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 it
must remain open source
￿Some companies sell supported version of Open Source
•RedHat provides Linux server hosting and support
The Open Source Movement
￿Open Source Software Applications:
￿Digital Media Development Tools:
•Audacity (
•Blender (
•Gimp (
•Aviary (
￿Business Productivity Tools
•Open Office (
￿Enterprise Data Tools:
•MySQL (
The Open Source Movement
￿Open Source Tools For Web Site
￿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
￿–Ultimate OpenSource
The Open Source Movement
￿Applications generally free!
￿Wide variety of applications to choose from
￿Often a vibrant community of supporters
•Documentation can be limited
•Support can be spotty to nonexistent
•Some applications don’t work as advertised
•OpenSourceinstallations requires a greater
technical understanding
Developing Web Properties
Planning Ahead
￿Technology Is Only 1 Part Of Successful Site
￿It’s 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 publisher’s has needs too
•What is it the publisher wants visitors
to accomplish when visiting?
Points of conversion?
•How will these events be measured?
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 create
opportunity for frequent
updates; Get visitors
to generate content for yours
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!
Planning Ahead
￿Today’s 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 visitor’s needs at the center of everything
that you design
•Why will people visit this site?
•What do they do when they get there?
•Why will people come back?
Creating A Web Site
￿1. Have a Great Idea!
￿2. Choose a Unique Domain Name
￿3. Choose a Hosting Company
￿4. Point Domain Name to Hosting Server
￿5. Start Adding Content
￿Installing Server Applications
Domain Names
￿Choosing and Securing a Domain Name
￿Many online resources
•Network Solutions
￿Some Restrictions
•.Gov, .Edu, .Mil,
Region specific suffixes
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
Choosing a Hosting Company
￿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
￿Back-up and Storage
Choosing a Hosting Company
￿Most Domain Name Providers also Provide
some level of Hosting Services
￿Domain Name Servers can point to any
Hosting server
Domain Naming and Site Hosting
under one roof
Domain Name company
Site Hosting company
Choosing a Hosting Company
￿Our Recommended Hosting Solution…
￿$9.95 for first year of hosting
Repointinga 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’
Website Features control
￿Email accounts
￿Backup tools
￿Analytics tools
￿Software tools
Software Installation Options
￿Manual Installations
￿Software Driven Installations
￿The different ‘flavors’ of Wordpress
￿Create a quick blog on
￿Hosted by Wordpress
￿Limited feature set
￿Creating a site
￿Hosted on your server
￿More flexibility for design/customization
￿Better control of administration; Not restricted
Manual Software Installations
￿Will need FTP program
￿FileZilla is open source and cross platform
￿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
￿Using Automatic Installers
￿Installing CMS Software: Wordpress
￿Manual Install
￿Using ‘The Famous 5 Minute Wordpress Install’
￿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…
￿We’ll create and administer a Blog Site Using
￿Each student will need to secure
a hosting server for use with this
•Recommend SiteGround hosting
company and the CPanel