ASSIGNMENT NO.
:06
AIM: To apply HCI to real life use cases.
Problem statement:
Develop website using any CMS tool which falls into one of the
categories blog, social networking, News updates, Wikipedia, E
commerce store. Website must include home page, and at least 5
forms. Use WordPress/ Joomla/ Drupal /PHP/ CSS/Bootstrap/
JavaScript.
PREREQUISITE:
1. Problem Solving and ObjectOriented Technologies
OBJECTIVE:
CMS TOOL
THEORY:
Introduction to CMS
• Contents of websites may consist of text, graphics, sounds,
movies and so on,
• Content Management Systems are used as a tool to publish
such contents onto a website easily and efficiently, it also helps
to separate web page design from content creation.
• Content Management Systems are usually developed using a
combination of programming/scripting languages and
database technologies, in which they work well together.
• In order to manage the process of creating and presenting
information on web pages, this software consists of the
following:
D e p a r t m e n t o f I n f o r m a t i o n T e c h n o l o g y P a g e 37 | 53
• Client software: is used to present a user interface to help
users add, change, or delete information on web pages, for
example a web browser such as Internet Explorer or Mozilla
Firefox are used to display web based user interfaces.
• Database software: is used as a tool to store data or
information for future retrieval or manipulation, for
example Microsoft SQL server, Oracle and MySQL
databases.
• Web programming languages and scripts: these are used
as a tool to communicate to the underlying database to
extract, change, save, or remove data from and to the
database, for example JSP, PHP, Java Servlets, Perl and so
on.
• Template page: This is usually created by Hyper Text Mark
up Language (HTML) to keep the website layout consistent in
order to preserve the corporate image by keeping the same look
and feel throughout the system.
Advantages of Content Management Systems
• It helps content authors to update or publish information onto
the website without any need for web programming knowledge,
which in turn reduces the cost of professional assistance.
• It allows content writers to concentrate on writing information
without worrying about the design of the website. They can
easily add, edit, and remove contents from and to the database
by using simple user interfaces.
• It allows web content maintenance carried out easily and
efficiently to meet business needs.
• It provides a consistent corporate image by keeping a
consistent presentation and layout of web pages throughout
the website by separating web page design tasks from content
creation tasks.
• It helps web developers to concentrate on more important
aspects of the website such web architecture, design,
navigation and usability of the website without worrying about
creating and updating information on the website.
D e p a r t m e n t o f I n f o r m a t i o n T e c h n o l o g y P a g e 38 | 53
Few CMS Development tools are wordpress, Drupal, Jhoomla.
Word press
Word Press is a completely free tool used to create dynamic websites. It is
most popular blogging tools on the web, making it easy for anybody to post
their ideas, pictures, and audio/video. A blog is a type of website or part of
a website that is maintained on a regular basis by it's owner with entries
regarding commentary, reviews, opinions, and other media such as video.
It will be used to create any type of websites such as Business Website,
Informative Website, Review Website, Personal Website, Photo Gallery, etc.
Example
Steps to create Photography website using Wordpress
1. Install Wordpress
2. Now go ahead and login your WordPress admin
3. You can install a WordPress theme in your admin area by going
to Appearance » Themes and clicking on the Add New button
at the top.
D e p a r t m e n t o f I n f o r m a t i o n T e c h n o l o g y P a g e 39 | 53
4. Write ‘photography’ in the search bar and hit the enter button.
5. We are selecting the Patio photography theme. It is a beautiful
WordPress theme for photographers.
D e p a r t m e n t o f I n f o r m a t i o n T e c h n o l o g y P a g e 40 | 53
6. You need to click on the Install button from Patio theme and
then click on the Activate link from the next screen.
7. Add Pages and Posts in Your Website After activating the
theme, you can go ahead to Pages » Add New to add your
website pages one by one.
8. Once you have created a few pages, simply go to Appearance » Menus
to create the menu for your website and click on the ‘create a new
menu’ link.
D e p a r t m e n t o f I n f o r m a t i o n T e c h n o l o g y P a g e 41 | 53
9. You will need to give a name to your menu and click on the Create Menu
button.
10. Once the pages are added, you can go to Posts » Add New to add a
new blog post in Word Press.
D e p a r t m e n t o f I n f o r m a t i o n T e c h n o l o g y P a g e 42 | 53
11. You can edit these posts to add content and images for display on
your photography website.
12. With all these and many more plug ins you can develop your
website easily using word press.
Website Deployment
When the process of website development is complete, its needs to be
deployed on a web server. When development of website is completed, it
is tested for its final working and ready to be hosted on a live web server.
The hosting of a website on a web server involves the following steps:
a. Domain registration
b. Domain hosting
c. parking websites
d. uploading data using FTP
e. email configuration
Conclusion: The various features of CMS have been studied and
Word press have been used.
Lab. Based FAQ
1. What is CMS? What are its advantages?
2. What are various CMS tools?
3. How Wordpress is used for creation of interactive website?
4. What are the steps to deploy a website on web server?
5. Explain concept of Parking a website.
D e p a r t m e n t o f I n f o r m a t i o n T e c h n o l o g y P a g e 43 | 53
