Web Content Management System_NEP_Syllabus

Words of Concern

Point to be As Allan Bloom has said "Education is the movement from darkness to light".
Through this handbook, I have tried to illuminate what might otherwise appear as black
boxes to some. In doing so, I have used references from several other authors to synthesize
or simplify or elaborate information. This is not possible without omitting details that I deem
trivial while dilating the data that I consider relevant to topic. Every effort has been made to
avoid errors. Inspite of this, some errors might have crept in. Any errors or discrepancies
noted maybe brought to my notice which I shall rectify in my next revision.

This handbook is solely for educational purpose and is not for sale. This handbook shall not
be reproduced or distributed or used for commercial purposes in any form or by any means.

Thanks,
Raghu Gurumurthy
Interface College of Computer Applications (ICCA)
Davangere

Bibliography

Ramez Elamassri, Shankant B. Navathe, Fundamentals of Database Systems, Pearson, 7th

Edition, 2015
Bipin Desai, An Introduction to database systems, Galgotia Publications,2010.
C J Date: Introduction to Database System
Abraham Silberschatz, Henry Korth, S.Sudarshan, Database Systems Concepts, Sixth
Edition, McGraw Hill, 2010.
Raghu Rama krishnan and Johannes Gehrke, Database management systems, Third
Edition, 2002
Syllabus

Course Title: Web Content Management System

Course code:
Total Contact Hours: 42
Course Credits: 03
Formative Assessment Marks: 40
Duration of SEE/Exam: 03 Hours
Summative Assessment Marks: 60

Course Outcomes (CO’s)

1 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• At the end of the course, students will be able to

• Understand content development basics.
• Gain Knowledge of tools for multimedia content development for audio/ video, graphics,
animations, presentations, screen casting
• Host websites and develop content for social media platforms such as wiki and blog
• Understand e-publications and virtual reality
• Use of e-learning platform Moodle and CMS applications Drupal and Joomla

Contents 42 Hrs

UNIT-1: Web Content Development and Management, Content Types and Formats, Norms
and Guidelines of Content Development, Creating Digital Graphics, Audio Production and
Editing. 8 Hrs

UNIT-2: Web Hosting and Managing Multimedia Content, Creating and Maintaining a Wiki
Site. Presentation Software Part I, Presentation Software Part II, Screen casting Tools and
Techniques, Multilingual Content Development. 8 Hrs

UNIT-3: Planning and Developing Dynamic Web Content Sites, Website Design Using CSS
Creating and Maintaining a WIKI Site, Creating and Managing a Blog Site. 8 Hrs

UNIT-4: E-Publication Concept, E- Pub Tools, Simulation and Virtual Reality Applications,
Creating 2D and 3D Animations. Introduction to Moodle, Creating a New Course and
Uploading. 10 Hrs

UNIT-5: Create and Add Assessment, Add and Enroll User and Discussion Forum, Content
Management System: Joomla, Content Management System: Drupal. 8 Hrs

2 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

UNIT-1: Web Content Development and Management

Introduction

• Web content development and management are essential aspects of creating,

maintaining, and optimizing a successful online presence.
• In today's digital age, businesses, organizations, and individuals rely on websites
and online platforms to connect with their target audiences, share information,
and promote their products or services.
• This introduction will provide an overview of web content development and
management, outlining their key concepts and components.

Terminologies used in Web Content Development

Definition

Web content development refers to the process of creating and producing content for
websites and online platforms. This content can take various forms, including text,
images, videos, audio, and interactive elements.

Phases of Content Development

Content Strategy

Developing a content strategy is the first step in web content development. It

involves defining your target audience, identifying your goals and objectives, and
determining the type of content that will resonate with your audience and achieve
your objectives.

Content Creation

Content creation encompasses the actual generation of web content. This includes
writing articles, producing videos, designing graphics, and developing interactive
features. Content creators need to ensure that their content is high-quality, engaging,
and aligned with their content strategy.

Search Engine Optimization (SEO)

SEO is a crucial aspect of web content development. It involves optimizing your

content to improve its visibility on search engines like Google. This includes using
relevant keywords, creating quality backlinks, and optimizing on-page elements like
titles and meta descriptions.

3 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Content Management Systems (CMS)

Many websites use Content Management Systems like WordPress, Drupal, or

Joomla to create, edit, and organize their content. These platforms make it easier to
manage and update web content without extensive technical knowledge.

Web Content Management (WCM)

Definition

Web content management refers to the ongoing process of organizing, updating, and
maintaining the content on a website or online platform.
It involves ensuring that the content remains relevant, accurate, and up to date.

The activities in in WCM is as follows.

• Content Creation, Editing and Publishing

Content management includes creation, editing and publishing new content as
well as making updates to existing content. This ensures that the information
presented on the website is accurate and reflects the latest developments.

• Content Governance: Content governance involves establishing rules and

guidelines for content creation and management. It includes content approval
processes, version control, and content ownership to maintain consistency and
quality.
• User Experience (UX): Managing web content also involves optimizing the user
experience. This includes ensuring that the website is user-friendly, easy to
navigate, and accessible to all users, including those with disabilities.
• Performance Monitoring: Web content managers often monitor the performance
of the content to assess its impact. This may involve tracking user engagement,
analysing website traffic, and making data-driven decisions to improve content
effectiveness.
• Security: Protecting web content from security threats is paramount. Content
managers need to implement security measures to safeguard against hacking,
data breaches, and other online vulnerabilities.

In summary, web content development and management are integral components of

maintaining a successful online presence. Developing a well-defined content
strategy, creating high-quality content, optimizing for search engines, and effectively
managing and maintaining that content are all critical for engaging your audience
and achieving your online objectives. As the digital landscape evolves, staying
current with best practices and technologies in web content development and
management is essential for long-term success.

The following are common functions of a WCMS.

• Content creation allows users to easily create and format content.
4 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)
 Web Content Management System_NEP_Syllabus

• Content storage stores content in one place, in a consistent fashion.

• Workflows assigns permissions for managing content based on roles such as
authors, editors, and admins.
• Publishing tells the software when and where the content should go live.
• Optimization helps you improve digital experience and learn from your content.

5 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Types of Content Management Systems

Component Content Management System (CCMS)

A component content management system, or CCMS, differs from a standard CMS

in that it organizes content at a granular level. Instead of managing content page by
page, it takes words, phrases, paragraphs, or photos (also known as “components”)
and stores them in a central repository.

Document Management System (DMS)

Paper is almost extinct. Tracking business files on paper is a thing of the past. A
document management system (DMS) offers a paperless solution to manage, store,
and track documents in a cloud. It provides an automated solution for uploading,
processing, and sharing business documents without the hassle of printing, copying,
or scanning.

Enterprise Content Management System (ECM)

An enterprise content management system collects, organizes, and delivers an

organization’s documentation, ensuring critical information is delivered to the correct
audience (employees, customers, business stakeholders, etc.)

Web Content Management System (WCMS)

A web content management system lets users manage digital components of a

website without prior knowledge of markup languages or web programming. A
WCMS provides collaboration, authoring, and administration tools to help manage
digital content. Unlike other CMSs, which deal with content destined for both the web
and print, a WCMS handles exclusively web content.

Digital Asset Management System (DAM)

With a digital asset management system, users can store, organize, and share
digital content with ease. A DAM offers a simple, centralized library where clients,
employees, or contractors can access digital content. These assets include audio,
creative files, video, documents, and presentations. A DAM is cloud-based, so users
can access content from anywhere.

There are two parts of a WCMS.

• The content management application (CMA) is a user interface that enables

users -- such as marketers and content creators -- to design, create, modify and
remove content from the website without needing help from the IT department.
• The content delivery application (CDA) provides back-end services that take the
content that users create in the CMA and turn it into the website that visitors can
access.

6 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

A WCMS provides businesses with tools that enable brand consistency across
mobile and web channels by separating content and presentation. These systems
enable businesses to have editorial control, automate marketing efforts and publish
content quickly and easily while maintaining version control.

A Web Features of web content management system

Content Management System (CMS) is a software platform that enables users to

create, edit, organize, and publish digital content on websites or other online
platforms without the need for extensive technical knowledge. CMS platforms offer a
wide range of features to streamline the content management process. Here are
some key features of a typical web content management system.

• Content Creation and Editing: CMS platforms provide user-friendly interfaces for
creating, editing, and formatting content. Users can easily add text, images,
videos, and other multimedia elements.
• WYSIWYG Editor: A "What You See Is What You Get" editor allows users to
preview content as it will appear on the website, making it easier to format and
style content.
• Content Publishing: CMS platforms offer scheduling options to publish content at
specific dates and times, allowing for content planning and timely updates.
• Version Control: Versioning allows users to track changes made to content over
time. This feature is valuable for auditing, reverting to previous versions, and
collaborative content creation.
• User Roles and Permissions: CMS systems provide role-based access control,
allowing administrators to assign different levels of access and editing
permissions to users. This ensures content security and compliance.
• Content Organization: Content can be organized into categories, tags, or folders,
making it easier to manage large volumes of content and improve site navigation.
• Media Library: A built-in media library lets users store and manage images,
videos, documents, and other assets used in content creation. It often includes
features for resizing, cropping, and optimizing media.
• Responsive Design: Many modern CMS platforms support responsive design,
ensuring that content displays correctly on various devices and screen sizes.
• SEO Tools: CMS systems often include SEO-friendly features, such as
customizable URLs, metadata fields, and options for optimizing content for
search engines.
• Search Functionality: Robust search capabilities help users and visitors find
content quickly and easily.
• Content Workflow: Workflow management tools allow content creators to
collaborate, submit content for approval, and track the status of content through
various stages of production.
• Multilingual Support: For websites with a global audience, CMS platforms offer
support for multiple languages, allowing content to be translated and managed
efficiently.
• Integration Capabilities: CMS systems can integrate with other software and
services, such as e-commerce platforms, analytics tools, marketing automation
systems, and social media.

7 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Security Features: CMS platforms have security measures to protect against

unauthorized access, data breaches, and malware. Regular security updates are
crucial.
• Performance Optimization: Many CMS platforms provide tools to optimize
website performance, including caching, content delivery networks (CDNs), and
image compression.
• Analytics and Reporting: Built-in analytics or integrations with third-party analytics
tools allow users to track website traffic, user engagement, and other key
performance metrics.
• Backup and Restore: Automated backup and restore features help prevent data
loss and facilitate disaster recovery.
• Community and Support: Many CMS platforms have active communities, forums,
and support resources to assist users with troubleshooting and customization.
• Customization and Extensibility: CMS platforms often support plugins, themes,
and custom development, allowing users to tailor their websites to their specific
needs.
• Scalability: A CMS should be able to handle growing amounts of content and
traffic, making it suitable for small blogs and large enterprise websites alike.

These features collectively make web content management systems powerful tools
for individuals, businesses, and organizations to create, maintain, and optimize their
online presence effectively. While web content management systems (CMS) offer
numerous advantages, they also come with some potential disadvantages and
challenges. It's essential to be aware of these drawbacks when considering the use
of a CMS for your website or online platform.

Drawbacks of Web content management system

While web content management systems (CMS) offer numerous advantages, they
also come with some potential disadvantages and challenges. It's essential to be
aware of these drawbacks when considering the use of a CMS for your website or
online platform.

• Learning Curve: Despite being designed for ease of use, some CMS platforms
can still have a learning curve, especially for users who are not familiar with web
development or content management systems. Understanding the CMS interface
and features may take time.
• Limited Customization: While CMS platforms offer customization options, they
may have limitations when compared to fully custom-coded websites. Highly
unique or complex design and functionality requirements may be challenging to
achieve within the constraints of a CMS.
• Performance Overhead: CMS platforms can introduce performance overhead,
particularly if they use many plugins or have complex themes. This can lead to
slower loading times, which can negatively impact user experience and SEO
rankings.
• Security Risks: CMS platforms are frequent targets for hackers because of their
popularity. To maintain security, users must regularly update the CMS, plugins,
and themes. Failure to do so can expose the website to security vulnerabilities.

8 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Plugin and Theme Quality: Not all plugins and themes available for CMS
platforms are of high quality. Installing poorly coded or outdated plugins can lead
to compatibility issues, security vulnerabilities, and website crashes.
• Costs: While many CMS platforms are open-source and free to use, there can be
costs associated with custom themes, premium plugins, hosting, and ongoing
maintenance. For businesses with complex needs, these expenses can add up.
• Content Lock-In: Switching from one CMS to another can be challenging due to
content lock-in. Migrating content and data can be time-consuming and may
require technical expertise.
• Dependency on Updates: CMS platforms require regular updates to fix bugs, add
features, and enhance security. However, updating can sometimes break existing
themes or plugins, necessitating additional work to maintain website functionality.
• Bloat: Over time, CMS installations can accumulate unnecessary code and data,
leading to bloat. This can affect website performance and make maintenance
more challenging.
• Complexity for Large Websites: While CMS platforms are suitable for small to
medium-sized websites, managing extremely large or complex websites may
become cumbersome due to performance and organization issues.
• Lack of Unique Features: Some CMS platforms may not offer specific features or
functionality that your website requires without extensive customization or
development work.
• Search Engine Optimization (SEO) Challenges: Although CMS platforms provide
SEO tools, improper setup or usage can result in suboptimal SEO performance.
Users must understand SEO best practices to maximize search visibility
effectively.
• Updates and Compatibility: CMS updates may not always be compatible with
older themes or plugins, necessitating theme and plugin updates or
replacements, which can be time-consuming and costly.
• Support and Documentation: The quality and availability of support and
documentation can vary between CMS platforms. Some may have robust
communities and resources, while others may lack comprehensive support.
• Content Duplication: Users may inadvertently create duplicate content, negatively
impacting SEO and user experience.
• Performance Scaling: Scaling a website to handle high traffic can be challenging
with some CMS platforms, necessitating advanced hosting solutions and
optimizations.
• Accessibility Compliance: Achieving and maintaining accessibility compliance can
be challenging in CMS platforms, requiring additional effort and expertise.
• To mitigate these disadvantages, it's crucial to carefully select a CMS that aligns
with your specific needs, conduct thorough research, and regularly maintain and
update your website. Additionally, consider working with experienced web
developers and designers who are knowledgeable about your chosen CMS to
address potential challenges effectively.

Content Types and formats

9 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Content: On the Internet, content is any information that is available for retrieval by
the user, including web pages, images, music, audio, white papers, drivers and
software downloads as well as training, educational and reference materials (Source:
Computer Desktop Encyclopaedia).

Content types

Content types are the categories or classifications of your content, based on its
purpose, function, or characteristics. For example, you might have content types
such as blog posts, products, events, testimonials, or FAQs.

Content comes in various types and formats, each designed to convey information,
entertain, or engage with an audience in different ways. Here are some common
content types and formats.

Textual Content

• Articles and Blog Posts: Written content in the form of articles and blog posts that
provide information, opinions, or stories.
• News Stories: Reporting on current events or developments in a concise and
factual manner.
• Ebooks and Whitepapers: Longer, in-depth written works often used for
educational or marketing purposes.
• Press Releases: Official announcements typically used for public relations and
news distribution.
• Social Media Posts: Short, concise text-based content shared on social media
platforms.
• Emails: Written messages delivered electronically, used for communication and
marketing.

Visual Content

• Images: Static visuals that can include photographs, illustrations, graphics, and
infographics.
• Videos: Moving visuals with audio, used for entertainment, education, marketing,
and more.
• Slideshows and Presentations: Sequential visual content often used for
educational or business purposes.
• Memes: Humorous or satirical images or videos shared on social media for
entertainment and engagement.
• GIFs: Short, looping animations often used for reactions and humor.
• Visual Stories: Content created with tools like Instagram Stories or Snapchat that
combine images, videos, and text in a narrative format.

Audio Content

• Podcasts: Audio recordings, often in a series, covering a wide range of topics and
genres.
• Music: Audio content created for entertainment, available in various genres.

10 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Audiobooks: Narrated versions of books for listening instead of reading.

• Sound Effects: Audio clips used to enhance multimedia content, such as videos
or games.
• Voice Assistants: Voice-activated content used for tasks like answering questions
or controlling devices.

Interactive Content

• Quizzes and Polls: Engaging content that allows users to answer questions or
express opinions.
• Calculators and Tools: Interactive applications that perform specific calculations
or provide utility.
• Games: Interactive entertainment content, including video games, mobile games,
and browser-based games.
• Surveys and Forms: Tools for collecting data or feedback from users.
• Interactive Infographics: Visual representations of data that users can explore
and interact with.

Social Media Content

• Status Updates: Brief text-based updates shared on social media profiles.

• Images and Videos: Visual content shared on platforms like Instagram,
Facebook, and Twitter.
• Stories: Temporary visual content available for a limited time on platforms like
Snapchat, Instagram, and Facebook.
• Live Streaming: Real-time video broadcasts on platforms like Facebook Live,
YouTube Live, and Twitch.

User-Generated Content

• Reviews and Ratings: Feedback and opinions shared by users about

products, services, or experiences.
• Comments: Responses and discussions posted by users on articles, blog
posts, or social media.
• User-Generated Videos: Content created by users, such as unboxing videos
or product reviews on YouTube.

Data and Information Content

• Charts and Graphs: Visual representations of data used to convey

information.
• Tables: Organized data presented in tabular form.
• Reports: Comprehensive documents presenting research findings, analyses,
or insights.
• Databases: Collections of structured data, often searchable and sortable.

Educational Content

11 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Tutorials and How-To Guides: Step-by-step instructions and

demonstrations to teach specific skills or tasks.
• Online Courses: Structured educational content delivered online.
• Educational Games: Interactive content designed for learning purposes.
• Study Guides: Summaries and aids for learning and test preparation.

These content types and formats cater to different preferences, learning styles, and
communication goals. Effective content strategies often involve using a combination
of these formats to engage with a diverse audience and convey messages
effectively.

Norms and Guidelines of Content Development

Introduction

Users' interaction with web pages is quite different form print in that.

• 79% of users scan the page instead of reading word-by-word.

• Reading from computer screens is 25% slower than from paper.
• Web content should have 50% of the word count of its paper
equivalent.
• Another aspect which is important in content development is what the content
itself should consist of, rather than just 'how' it should be presented.

• This issue has an important bearing especially in the web world where spurious
and harmful information may be hosted with ulterior motives.
• Website hosts, therefore, give a great deal of thought to making adequate
policies about the permissible content that will be hosted by them and the
screening procedures before going public.
• Electronic resources in the global networked environment have brought new
challenges in information processing. With the possibilities of access and usage
in diverse locations, standardisation has become a major issue. Standardisation
of the ways in which information is stored and represented has become a key in
activities like generating secondary services and information locating tools. The
main advantages of standardisation of representation facilitates.

• Re- usability of information once created.

• True inter -operability with respect to different platforms and applications
and multiple languages. and global networking and seamless integration of
resources.

Some General Guidelines

The Internet and other electronic documents users often come across problems such
as incompatibility of forms and formats, download time, difficulties in comprehending
the content, incomplete information, etc.

12 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Adherence to some general practices and ethics by the content developers are
necessary to assure reasonably well-written and organised resources for the end-
users.
According to Jacob Neilson, a web content analyst, the content developers should
take care of the following points.

• Well-tested and widely used packages in designing web pages should be used. It
is better to avoid recently released software, especially if there is use of plug-ins
such as Flash or PDF. A good rule is not to use upgraded versions immediately
till they mature. Software vendors require time to fix their bugs and offer
reasonably reliable versions. It also gives users time to upgrade.
• As far as possible scripts in web pages should be avoided. Adding code means
that there is also a risk of bugs (or faults). If scripts are a must, then they should
be tested and debugged on all combinations of platforms and browser versions.
• It is advisable to have simple point-and-click web navigation. Special menu
controls often fail, especially for users who move their mouse fast or who have
motor skill impairments.
• The website should always be made as compact in size as possible. It is good to
have spare server capacity so that your site can cope with traffic surges.
• Server software must be robust. When selecting vendors, ensuring code quality
must be a priority.

According to Mick Wood, following guidelines help content developers to-cater for
the needs of all Internet users.
• Screen Layout: Screen layout should be consistent. The more consistent a
website is in its design, the easier it will be for users to navigate. Users,
especially persistent users, tend to learn and remember the location of key,
functions and controls.
• Logos: Screen layout should include logos, navigation buttons and footer
information. Putting the logo in a consistent place on every page (usually top
left) ensures that visitors are fully aware that they are on the same site.
• Update: Information 'Page Last Updated' information needs to be included.
Visitors will quickly know if you have added any new content to your site, and iti
may prompt you to do so. Links: A link to the home page should be added to
every page except the homepage itself. Pages should not link to themselves as
this can confuse some users. Making your logo the home page link is considered
to be a good practice.
• Image Sizes: Considerable number of Internet users still use modems with
connection speedsof 33K or less. Pages should therefore be kept to a maximum
of 35K ensuring download times of less than ten seconds for these users.
Visitors may not wait if your pages take too long to download. All images,
including spacer images, should include alternative text. The alternative text
should describe the function of the image, if applicable:
• Use of Frames should not be used unless absolutely necessary. Frame-based
sites can be confusing for the visually disabled, particularly those using -screen
readers or speech browsers - users can easily become disorientated,

13 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Additionally, users cannot easily bookmark individual pages within a frame based
site.
• Page Title: Each page should have a descriptive and different title, clear and
helpful headings, and a logical structure. Titles are used by search engines to
identify web 'pages, If two or more. pages have the same title they cannot easily
be differentiated by users. 334
• Font Attributes: The FONT tag should generally be avoided III creating accessible
websites. While attribute specifications like SIZE="+ 1" or SIZE=" -1" are
relatively harmless, absolute sizes like SIZE="l" can result in text that is too small
to read. Instead: Cascading Style Sheets should be used to font web pages.
Style sheets allow authors to suggest relative changes in font size with much
greater flexibility than is allowed under FONT.
• Color Attributes: The COLOR attribute of the FONT tag should always be avoided
since many browsers still display the font colour when the user tries to override
author specified colours. The result could be an unreadable document if the
font colour does not contrast well against the reader's chosen background.
• Text Size and Font: Text should be the equivalent of size 12 points to enhance
reading performance. Research has shown that there is no noticeable difference
in reading speed or user preference between Times New Roman, Georgia or
other serif fonts and Helvetica, Arial or other sans-serif fonts. The FACE
attribute of the FONT tag cannot be overridden by the user in many browsers.
This may result in the author choosing a font that is very difficultto read given
the user's platform and environment settings. The same font may display
strangely on different platforms.
• Link Identification: Links should be Clearly identified, and it should make sense
when reading out of context. Links should never be designated with the text 'click
here'. Some screen readers can be set to read out a list of links on a
particular page; a list of 'click here' links is not helpful. Blue underlined text is
the preferred choice for all links. Some users miss links because the text is not
underlined. Research shows that users can easily find links which include visual
cues, that is, links that are underlined, rather than having to move the mouse to
see when the pointer changes to a hand (this is known as mine sweeping).
Visited links should be designated using a different colour. Many users use link
colours to identify which parts of a site they have already visited.
• Page Display: Pages should be fluid flexible because users browse the Internet
using a variety of screen resolutions. Pages should be designed to expand or
contract according to the user's settings, thus preventing horizontal scrolling.
Horizontal scrolling is. a particular problem for screen reader users because the
screen reader does not automatically scroll horizontally - users may miss
important content
• Device Independence: Pages should be device independent. Not all users
navigate websites using a mouse - many disabled users use Assistive
Technology. All users should be able to navigate the site using the input device
of their choice. Keyboard shortcuts, using the 'access key' attribute, should be
provided for key links.
• Readability: Paragraphs and sentences should be kept short. Readability
improves when sentences 'and paragraphs are kept relatively short. Users tend
to scan web pages and will often skip over large chunks of text.

14 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Norms and guidelines of content development

Creating content that is effective, engaging, and valuable to your audience

requires adherence to certain norms and guidelines. These norms and
guidelines can vary depending on the type of content you are producing and
the platform you are using, but here are some general principles to keep in
mind when developing content.

• Understand Your Audience: Before you start creating content, it's crucial to
have a deep understanding of your target audience. What are their interests,
needs, and preferences? Tailor your content to address their specific concerns
and interests.
• Set Clear Objectives: Define the goals you want to achieve with your
content. Are you trying to inform, educate, entertain, or persuade? Your
objectives will guide the content development process.
• Research: Conduct thorough research on the topic you're covering. Ensure
your content is accurate, up-to-date, and well-informed. Cite credible sources
when necessary.
• Clarity and Simplicity: Use clear and concise language. Avoid jargon and
complex terminology that might confuse your audience. Make your content
easy to understand.
• Engaging Headlines: Craft compelling headlines that grab the reader's
attention and give them a reason to click or continue reading. Headlines
should be accurate and relevant to the content.
• Structure and Organization: Organize your content logically with a clear
beginning, middle, and end. Use headings, subheadings, and bullet points to
make it scannable. This helps readers find what they're looking for quickly.
• Visual Elements: Incorporate visuals like images, videos, infographics, and
charts to enhance your content's appeal and convey information more
effectively. Ensure these visuals are relevant and properly credited.
• Quality over Quantity: Focus on quality rather than quantity. It's better to
have a few pieces of high-quality content than a lot of mediocre content. Aim
for depth and value in your content.
• Originality and Plagiarism: Create original content and avoid plagiarism at
all costs. If you use someone else's work or ideas, give proper credit through
citations and references.
• SEO Optimization: If your content is online, optimize it for search engines
(SEO) to improve its visibility. Use relevant keywords, meta descriptions, and
high-quality backlinks.
• Consistency: Maintain a consistent style, tone, and branding across your
content. This helps build a recognizable and trustworthy brand identity.
• Proof reading and Editing: Always proofread and edit your content for
grammar, spelling, and formatting errors. Errors can detract from your
credibility.
• Accessibility: Ensure your content is accessible to all users, including those
with disabilities. Use alt text for images, provide transcripts for videos, and
use accessible website design practices.
• Feedback and Improvement: Be open to feedback from your audience and

15 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

peers. Use feedback to improve your content over time.

• Legal and Ethical Considerations: Respect copyright laws, privacy rights,
and ethical standards when creating and publishing content. Be transparent
about any conflicts of interest.
• Promotion and Distribution: Develop a strategy for promoting and
distributing your content to reach your intended audience. Utilize social
media, email marketing, and other channels as appropriate.
• Measure and Analyze: Track the performance of your content using
analytics tools. This data can help you understand what works and what
needs improvement.
• Adaptability: Stay flexible and adaptable. Content trends and audience
preferences change, so be ready to adjust your content strategy accordingly.
Remember that the specific norms and guidelines may vary depending on
your industry and the platforms you use. Always stay informed about best
practices in content development to ensure your content remains effective
and relevant.

Creating Digital Graphics

Creating digital graphics involves using software and design tools to generate visual
content for various purposes, such as web design, social media marketing, branding,
presentations, and more. Here are the steps to create digital graphics:
• Define Your Purpose and Audience
Determine the purpose of your graphic (e.g., promotional, informative,
educational).
Identify your target audience and their preferences.
• Choose the Right Software
Select graphic design software that suits your needs. Some popular options
include Adobe Photoshop, Adobe Illustrator, Canva, GIMP (free), and
Inkscape (free).
• Set Canvas or Artboard Size
Create a new document with the appropriate dimensions for your graphic.
Consider the platform where the graphic will be used (e.g., social media,
website, print).
• Select Color Palette
Choose a color scheme that aligns with your brand or the theme of your
graphic. Use tools like Adobe Color Wheel or coolors.co to create harmonious
color palettes.
• Typography
Select fonts that are readable and complement your design. Typically, it's
best to use two to three fonts for consistency.
• Create or Import Graphics
Depending on your needs, you can create graphics from scratch using
drawing tools or import existing images, icons, or illustrations.
• Layout and Composition
Plan the layout of your graphic. Ensure that elements are organized
logically and that there is enough white space.
Use grids and alignment tools to maintain consistency.
• Add Text

16 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Incorporate text elements, including headings, subheadings, body text, and

captions.
Adjust font size, style, color, and spacing for readability and visual appeal.
• Enhance with Visual Effects
Apply effects like shadows, gradients, and transparency to add depth and
dimension to your graphic.
• Use Layers
Work with layers to separate and manage different elements of your
graphic. This allows for easy editing and organization.
• Illustrations and Icons
Create or incorporate vector illustrations and icons to enhance your
design.
Ensure that these graphics are scalable without losing quality (vector
format).
• Images and Photos:
If using images or photos, make sure they are high-resolution and properly
sized for your design.
Edit and enhance images as needed.
• Testing and Proofing:
Review your graphic to check for any errors or inconsistencies.
Test how it appears on different devices and screen sizes.
• Export and Save
Export your graphic in the appropriate file format for its intended use (e.g.,
PNG, JPEG, SVG, PDF).
Maintain a high-resolution version for printing and a web-optimized
version for online use.
• Optimization:
Optimize your graphic for web use by reducing file size without
compromising quality. Tools like Tiny PNG can help with this.
• Finalize and Share:
Save your project and make backup copies.
Share your graphic on the desired platform or use it in your project.
• Feedback and Revisions:
If necessary, gather feedback from peers or stakeholders and make
revisions accordingly.
• Learn and Improve:
Continue to learn and stay updated on design trends and software features
to improve your graphic design skills.
Remember that practice and experimentation are key to improving your
digital graphic design skills. Don't be afraid to try new techniques and styles
to find what works best for your specific projects.

Audio production and Editing

Audio production and editing is the process of recording, manipulating, and

refining audio content to achieve a desired result. This can include tasks such
as recording vocals or musical instruments, editing out mistakes or unwanted
noise, adding effects, and mixing multiple audio tracks together. Whether
you're a musician, podcaster, filmmaker, or simply looking to improve your

17 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

audio quality, here are the key steps and concepts involved in audio
production and editing.

• Recording
Microphones: Select an appropriate microphone for your needs,
considering factors like microphone type (condenser, dynamic, ribbon),
directionality (cardioid, omnidirectional), and quality.
Recording Environment:
Choose a quiet and acoustically treated space to minimize background noise and
unwanted reflections.
Digital Audio Workstation (DAW): Use a DAW software (e.g., Pro Tools, Logic
Pro, Ableton Live, Adobe Audition) to record and edit your audio.
Connect your microphone to an audio interface for digital conversion.

• Editing
Trimming and Cutting: Remove unwanted sections of audio, such as mistakes,
background noise, or pauses.
Arranging: Arrange and sequence audio clips or tracks to create a coherent
structure.
Volume and Gain: Adjust the volume levels of individual tracks to ensure a
balanced mix.
Fades and Crossfades: Smoothly transition between audio clips or tracks
using fades and crossfades.
Time Stretching and Pitch Correction: Modify the tempo and pitch of audio as
needed.
Noise Reduction: Use noise reduction tools to reduce background noise and
unwanted artifacts.
Equalization (EQ): Adjust the frequency balance of audio to enhance or attenuate
specific frequencies.
Compression: Apply compression to control dynamic range and make audio more
consistent.
Effects: Add audio effects such as reverb, delay, chorus, or distortion to shape
the sound.
Automation: Automate parameters like volume, panning, and effects over
time for precise control.

• Mixing
Balancing: Adjust the relative levels of each track in the mix to achieve
clarity and balance.
Panning: Place each track in the stereo field to create a sense of space and
separation.

• Spatial Effects: Use spatial effects like stereo widening and positioning to
enhance the stereo image.
Bussing: Group similar tracks together on buses for collective processing.
Mastering: Apply final processing to the mix to optimize it for different
playback systems.

• Exporting
Choose the appropriate file format (e.g., WAV, MP3) and settings for your

18 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

intended use (e.g., CD, online streaming, podcast).

Ensure the exported audio meets industry-standard loudness levels and
quality standards.
• Collaboration
Share audio files or project files with collaborators, if applicable.
Maintain organized project files with proper labelling and documentation.
• Continual Improvement
Keep learning and experimenting with new techniques and tools to
enhance your audio production and editing skills.
Seek feedback from peers or mentors to refine your work.

Note: Remember that audio production and editing is both an art and a technical
skill, and practice plays a crucial role in achieving high-quality results.
Patience and attention to detail are key as you refine your audio projects.

19 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

UNIT-2: Web Hosting and Managing Multimedia Content

Web Hosting

• Web Hosting is a service that allows hosting/post-web-server applications

(website or web page) on a computer system through which web-browser clients
can have easy access to electronic content on the Internet.
• Web Server or Web Host is a computer system that provide web hosting. When
Internet user’s wanting to view your website, all they need to do is type your
website address or domain into their browser.
• The user’s computer will then connect to your server and your web pages will be
delivered to them through the browser. Basically, the web hosts allow the
customers to place documents, such as HTML pages, graphics, and other
multimedia files, etc. onto a special type of computer called a web server. It
provides a constant and high-speed connection to the backbone of the Internet.
• Web hosting is a service that provides storage for the files that make up your
website and the software, physical hardware, and network infrastructure that
makes your website available to others on the internet.
• Web hosting service providers offer a variety of hosting options, ranging from
expensive to inexpensive.
• The cost is essentially determined by the following.

• The amount of storage space and computing capacity allocated specifically

for your site.
• The degree to which your site shares computing resources with other sites or
is isolated from the impact of other sites sharing the same resources.
• The additional capabilities and services offered (e.g., number of email inboxes
with your domain name, blogging capabilities, etc.).
• The degree of control and flexibility you have (e.g., which operating system
(OS) and/or content management system (CMS) you can use, support for
special web applications, etc.). The extent to which you manage your web site
or have the service provider manage it for you.

Different types of Web hosting services are listed below

• Free Hosting
• Shared Hosting
• Virtual private server (VPS) hosting
• Dedicated server Hosting
• Cloud hosting
• Managed hosting
• Co-location web Hosting
• Clustered hosting
• Grid hosting

Free Hosting

20 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

This is a free non-paid web hosting service. This type of hosting is available with many
prominent sites that offer to host some web pages for no cost, like Hostinger.

Advantages

• Free of cost
• Use websites to place advertisements. banners and other forms of advertising media

Disadvantages

• Customer support is missing.

• Low bandwidth and lesser data transfer.
• No control over your website.

Shared Hosting

• Shared hosting is perfect for entry-level website hosting. With a shared hosting plan, all
domains share the same server resources, such as RAM (Random Access Memory) and
CPU (Central Processing Unit). However, because all resources are shared, the costs of
shared hosting plans are relatively low, making them an excellent option for website
owners in their beginning stages. Although shared hosting provides website owners with
a more simplistic approach to the web. This means that surges in usage can ultimately
affect the website’s user experience. Shared hosting plans are ideal for website owners
that do not receive a large amount of web traffic.
• It’s a web hosting service where many websites reside on one web server connected to
the internet. This type of hosting is provided under one’s own domain name,
www.yourname.com. With a hosting plan with the web hosting company, one can
present oneself as a fully independent identity to his/her web audience, like Lindo.

Advantages

• Easy and affordable

• Secured by hosting provider.
• 24/7 Technical support

Disadvantages

• Shared resources can slow down the whole server.

• Less flexible than dedicated hosting

Virtual private server (VPS) hosting

• A VPS hosting plan is the ultimate middle ground between a shared server and a
dedicated server. It is ideal for website owners, who need more control, but do not
necessarily need a dedicated server.
• VPS hosting is unique because each website is hosted within its own space on the
server, though it still shares a physical server with other users. VPS hosting provides
website owners with more customization and storage space.
• Typically, VPS hosting is used by website owners who want dedicated hosting but do not
have the technical knowledge needed.

Dedicated Hosting

21 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Dedicated hosting gives website owners the most control over the server on which their
website is hosted. Dedicated servers’ cost is one of the most expensive web hosting
options. They are mostly used by website owners with high levels of website traffic, and
those who are in need of complete control of their servers. In addition, a high level of
technical expertise is required for the installation and ongoing management of the server.
The user has full administrative access to the server, which means the client is
responsible for the security and maintenance of his own dedicated server.
• Hosted on a dedicated server, this type of hosting is best suited for large websites with
high traffic. In this, the company wishing to go online rents an entire web server from a
hosting company. This is suitable for companies hosting larger websites, maintaining
others’ sites or managing a big online mall, etc like Google Cloud.

Advantages

• Ideal for large business

• Strong database support
• Unlimited software support
• Powerful e-mail solutions
• Complete root access to your servers

Disadvantages

• Its very expensive

• Requires superior skill sets.

Cloud hosting

Cloud hosting is the current buzzword of the technology industry. In Web hosting, it means
many computers working together, running applications using combined computing
resources. This allows users to employ as many resources as they need without having to
build and maintain their own computing infrastructure.
The resources that are being used are spread across several servers, reducing the chance
of any downtime due to a server malfunction. Cloud-based hosting is scalable, meaning that
site can grow over time, using as many resources as it requires and while the website owner
only pays for what they need.

Managed hosting

The user gets his or her own Web server but is not allowed full control over it (user is denied
root access for Linux/administrator access for Windows); however, they are allowed to
manage their data via FTP or other remote management tools. The user is disallowed full
control so that the provider can guarantee quality of service by not allowing the user to
modify the server or potentially create configuration problems. The user typically does not
own the server. The server is leased to the client.

Co-located Hosting

This hosting lets you place your own web server on the premises of a service provider. It is
like that of dedicated hosting except for the fact that the server is now provided by the user-
company itself and its physical needs are met by the hosting company like AWS. Co-location
web hosting service is like the dedicated web hosting service, but the user owns the co-
server; the hosting company provides physical space that the server takes up and takes care
of the server.

22 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

This is the most powerful and expensive type of web hosting service. In most cases, the co-
location provider may provide little to no support directly for their client's machine, providing
only the electrical, Internet access, and storage facilities for the server.

Advantages

• Greater Bandwidth High Up-Time

• Unlimited Software Options
• High Security

Disadvantages

• Difficult to configure and debug.

• Its expensive
• Require high skills.

Clustered hosting

• Cluster hosting allows multiple servers hosting the same content for better resource
utilization. Clustered servers are a perfect solution for high-availability dedicated hosting,
or creating a scalable web hosting solution.
• A cluster may separate web serving from database hosting capability. Usually, web hosts
use clustered hosting for their shared hosting plans, as there are multiple benefits to the
mass managing of clients. Grid hosting:

Grid hosting

• Grid hosting is a service that provides grid computing Capabilities to its clients This form
of distributed hosting is adopted 149 Website Development when a server cluster acts
like a grid and is composed of multiple nodes.
• Much like cluster hosting, grid hosting makes it less likely that a spike in resource needs
will take site offline.

23 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

How do I get started with a website?

To create a website, you’ll have to coordinate several of steps, and picking a web host
provider is just one of them.

Register a domain

You’ll buy this from a domain name registrar like Domain.com, Bluehost, HostGator,
GoDaddy, or Google Domain, just to name a few. You pick a unique name to simplify people
remembering your IP address (which is just a string of numbers). It’s much easier to
remember “HP.com” than “50.32.247.170,” for example. The domain is the same no matter
who you buy it from, but the pricing is different depending on services and add-ons.

Nameservers (DNS)

The nameserver is the middleman that points your website visitors toward the correct IP
address. Many times the same company will provide both your registrar and DNS services,
but you can choose to go with a different DNS if you want. Some common ones are
CloudFlare, OpenDNS, CleanBrowsing, and Google Public DNS.

Web hosting

The actual files that make up the website reside in a server maintained by your web hosting
company. Again, this can be the same company as your registrar and DNS server, or you
can use a different one for this part of the process. We've gone into detail on a couple of
well-respected hosting companies below.

How does web hosting work?

Web hosting services work by maintaining stable and secure storage spaces. While web
hosts provide more than just simple data storage, it’s a core part of their functionality. Hosts
store data on hardware called web servers, which allows for easy maintenance and access
by online users.
Without a large enough host capacity and proper maintenance, websites may behave
erratically. That creates a more time-consuming process for your site’s visitors, in turn
impacting your business’s sales and depriving your audience of information.

SELF-HOSTING

There are ways for you to create your own web servers with PC software, but the costs may
be higher compared to a dedicated facility and provider. That’s why most users rely on a
third-party service that can guarantee certain features and services on a 24/7 basis.
Enterprise companies may choose to host their own website to keep everything on site, with
a significant investment in servers and manpower. This makes sense for large corporations.
For small- to medium-sized business, though, third-party web-hosting providers are a much
more budget-friendly route.

Benefits include continuous accessibility for users, more robust security against hackers,
routine maintenance, and technical support for you when unexpected issues crop up.

What are the best web hosting services.?

There are many web hosting services available today, and these four are some of the best
you can find when it comes to pricing, features, and customization.
NAMECHEAP

24 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Popular for its affordable pricing and comprehensive services, Namecheap is a widely
used web hosting option. Its entry-level services are extremely affordable and pricing is
dynamic compared to other services, particularly for domain registration and other
incidentals.
• Namecheap supports almost all of the hosting formats outlined above along with some
others, including reseller hosting. It features many optional add-ons as well, such as
security upgrades, additional app-based services, and even business support. Combined
with affordable pricing and an ongoing slate of promotional offers, Namecheap is a great,
flexible option for most users.

DREAMHOST

• DreamHost is another widely used hosting service, and it offers varied pricing tiers and a
strong foundation of basic services you can easily upgrade. Like Namecheap, it’s a great
option for growth because there’s plenty of room to build and expand functionality as the
need arises.
• DreamHost also offers reliable cloud hosting plans with options for scaling as well as
good developer support. There are free migration options for WordPress users, too,
which is perfect if you’re looking to change hosts, and discounts for non-profit users.
Plus, they have a 97-day money back guarantee, so there’s nothing to lose.

HOSTGATOR

• Combining a strong range of budget plans and great pro-support, HostGator offers fewer
pricing options but still keeps the bar high for service. They offer an integrated web-
builder plan that can help users create and customize their website, with a simple
interface and the convenience of mobile support.
• HostGator offers a particularly competitive starting rate on dedicated hosting, but they
also offer a full range of format options including shared, VPS, cloud, and more. Though
they can’t match DreamHost’s longer money-back guarantee period, they still offer a
respectable 45-day period to try things out and back out with no commitments.

HOSTWINDS

• Hostwinds is a popular pick because of its versatile shared hosting plans with unlimited
bandwidth. You can start out with just one domain and pay close to the typical price for a
monthly plan (only a few dollars to start), but upgrading to unlimited domains adds only a
fraction more to your costs. That’s ideal if you manage multiple websites and don’t want
to fuss with the technical side of things.
• You can also register at least one domain for free with any plan. In addition to a robust
shared hosting system, Hostwinds offers other conventional options like VPS, cloud,
dedicated hosting, and even reseller hosting.

Steps to Host a website.

Step 1: Decide What Type of Website You Want: You will typically find 2 types of websites.

• Static or Basic Websites

Static websites are simple websites with one or more web pages (called HTML
pages). You can build them on your computer with software like Dreamweaver
and then upload the pages to your host’s server using any FTP software (such as

25 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

FileZilla). Whenever you need to make changes to your website, you’ll have to
edit the pages on your computer and upload them again. Since they cannot be
modified dynamically, such websites are called static websites. Static websites
are cheaper than dynamic websites (below) but come with limited functionality
and no option for e-commerce or interactivity.

• Dynamic Websites
Dynamic websites contain information that changes, depending on the time of
day, the viewer and other factors. They make use of both client-side and server-
side scripts to create and update content. Client-side scripts, which run on a
user’s computer, are mainly used for appearance and interaction purposes.
Server-side scripts, which reside on a server and are extensively used by E-
commerce and social networking sites, allow users to have individual accounts
and provide a customized response for each user. Dynamic websites are CMS-
driven, and allow you to directly add and edit content (i.e. text, design, photos,
and videos), as well as let your visitors leave comments and start discussions.
Dynamic websites are ideal for businesses and organizations. Examples of
dynamic websites include blogs, forums, photo galleries and e-commerce sites.

Step 2: Choose Your Hosting Server

Unlike static HTML sites which can be hosted on most web servers, when it comes to web
applications, there are basically two types of hosting platforms. Depending on your hosting
needs and what you’re most comfortable with, you can choose from

• Linux Hosting, which allows running scripts written in PHP, Perl, Python and other
Unix- originated languages, and usually supports PostgreSQL and MySQL
databases. This is the most used system today.
• Windows Hosting, which allows running ASP scripts utilizing .NET and other
Microsoft technologies and supports Microsoft SQL Server and Access database.

Step 3: Select Your Web Hosting Plan

We will typically find a wide range of services in web hosting, such as

• Shared Hosting: In shared hosting, you get to share the physical server with other
website owners. However, you will have your own separate account (secured with
login credentials). Shared hosting is very affordable because the cost of operating
the server is shared between you and the other website owners.
• VPS Hosting (Virtual Private Server Hosting): In VPS hosting, every website is stored
on a very powerful server that is divided into several virtual compartments. The
server software is configured separately so that each unit can function independently.
It should be your preferred option if you have high-security concerns but don’t want to
invest in a faster (but costlier) dedicated server.
• Dedicated Hosting: Dedicated hosting offers you an entire server for yourself, thereby
making it faster, more secure…and costlier. It is the ideal solution for larger
businesses and high-traffic websites because it allows for maximum customization,
configuration, installation, and flexibility.
• Cloud Hosting: Cloud hosting allows multiple virtual servers (clouds) to work together
to host a website or a group of websites. It offers unlimited ability to handle sudden
traffic spikes. A cloud-hosted website is not limited to a single server, and the
resources allocated to it can shrink or expand dynamically, depending on how much
traffic you get.

26 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

It’s a great option for large websites, including e-commerce websites, newsletters and
blogs.

Step 4: Change Your DNS Address

After you have purchased your web hosting, you will get Name Servers (also known
as Domain Name Servers or DNS) – which is the Internet’s equivalent of a phone
book that contains IP Addresses.
To get your website up and working, you will need to change the Name Servers of
your domain.
It’s a simple but mandatory step for you to get started.
• Go to your Domain Control Panel via http://manage.hostgator.in/customer.
• Enter your registered email address and password.
• Click on the Domain Name for which you need to change the Name Servers.
• In the Domain Registration section, click on the Name Servers option.
JSS SMI UG &PG Studies,Dharwad WCMS
• Replace the existing Name Servers with the ones provided by your current web
host, and click on the Update Name Servers button.

Step 5: Upload Your Website

You can now upload your website to your account by connecting to the server using either
cPanel’s File Manager or FTP Client (such as FileZilla) – after which your website will go
live.
• How to Upload Your Website Using cPanel File Manager
• Log in to your cPanel.
• Click on the icon titled File Manager.
• Select Web Root and click on Go.
• Add all the files and folders under public_html and their respective domain folder.
• How to Upload Your Website Using FTP Client

We can connect to FTP via an FTP program such as FileZilla Client. It allows you to see the
files and folders on our server like you’d see them on your computer. You can use it to drag
and drop your website’s files into the /public_html/ folder.

To connect to your web server via FileZilla, follow these steps

• Install FileZilla and open it
• From the File menu, select Site Manager
• Click on New Site
• Name the New Site – such as with your real domain name
• Enter your website’s IP address in the field marked FTP Address
• Enter the username and password you received in your welcome mail
• Set the Port to 21 (FTP always runs on Port 21)
• Click Connect

Once your FTP is connected, you will see the files and folders of your:
• Local computer on the left
• Web hosting service on the right

To upload files to your hosting service provider via FileZilla, follow these steps.
• From the left-hand side of FileZilla, select the file(s) and folder(s) you want to
upload.

27 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Drag and drop the file(s) and folder(s) to the directory location on the right side of
your web hosting service. FileZilla will now start uploading.
• After the uploading is finished, FileZilla log will confirm success and your uploads
will be visible on the right-hand side. Your website is now live now!

Multimedia Content

If you go deep into the Internet archives and check out the first pages there, you will
see that the sites back then looked very simple, with a plain design, relying solely on
text and text formatting. However, the World Wide Web is famous for its extremely
rapid evolution and very soon, different websites started including pictures, audio,
video files, making the web more multimedia rich.

• Multimedia
• Video clips
• Audio
• Images

Multimedia

Multimedia represents various types of media content, used together. If we have a

text with pictures, we have multimedia. If we add a video, we have multimedia too.
The use of multimedia in websites has helped the Internet evolution a lot, since it
gave web designers a job and made the web pages much more interesting for
everyone. And with today’s connection speeds, we can all enjoy much better looking
websites, which are also rich in media content - you can watch a video directly from
the site without the need to download it, listen to a song or browse a high quality
image gallery. Multimedia content is what shapes the Internet as we know it.

Video clips

Video clips incorporated in a website are all the rage now. Before the YouTube
revolution, video clips had to be downloaded before anyone could see them. With
the advances in technology, Internet speeds got a lot faster, which allowed for live
video streaming over the net, and YouTube-like sites were born. Today, embedding
a video clip in a web page is more than easy, and video clips can be easily shared
via your blog, forum or even a small video commercial which you can put on your
online store - something, which would cost you a fortune if you had to air it on the
television.

Audio

Audio is another thing, which was affected by the technology advances. And while a
video clip will require much more bandwidth and server resources, audio files are
much faster to process from a server’s point of view. This helped for their distribution
among website creators much faster. Today, a website with a musical background is

28 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

something more than normal, and on a lot of websites you can easily listen to an
audio track, which is uploaded on the web server with the help of a simple player.
This has also assisted many independent musicians in promoting their music and
has allowed even for the creation of Internet music labels.

Images

Images were the first type of multimedia to be ever used in a web page. They quickly
became an indispensable part of the website design process. Due to the fact that
images were pretty small back then, and mostly in the GIF file format, they used very
little disk space and bandwidth and were ideal to illustrate every article. This gave
birth to the first online news portals, which intended to replace the regular
newspapers, offering last minute news without the need to purchase a separate
newspaper.
Images in the websites also inspired the creation of image galleries - websites,
dedicated specifically to the display of various pictures, painting or photographs.
With the introduction of the thumbnails, galleries and website perfected themselves
with the ability to offer a small version of the image as a thumbnail, instead of the full
picture.
Images became also an important part of the layout of a web page - images could
now be used for buttons, navigational menus and backgrounds. Today's images are
mostly raster graphics (GIF, JPG, PNG, TIFF), with vector graphics not so widely
used, mainly due to browser incompatibility.

By following below steps, you can effectively host and manage multimedia content
on your website while ensuring a fast, secure, and user-friendly experience for your
visitors.

Web hosting and managing multimedia content require a combination of web hosting
services and content management strategies tailored to handle various types of
media files, such as images, videos, audio, and more. Here's a comprehensive guide
on how to go about it.

• Select a Reliable Web Hosting Provider

Choose a web hosting provider that offers sufficient storage, bandwidth, and
server resources to handle multimedia content effectively. Shared hosting
may not be suitable for heavy multimedia use, so consider VPS (Virtual
Private Server) or dedicated hosting for better performance.
• Content Management System (CMS)
Select a CMS that specializes in managing multimedia content. Popular
options include WordPress with multimedia plugins, Joomla, Drupal, or
dedicated media management platforms like Kaltura.
• Organize Your Media Content
Categorize and organize your multimedia content logically into folders or
directories. This makes it easier to manage and find files later.
• File Formats and Compression
Use appropriate file formats and compression techniques to ensure efficient
storage and fast loading times. For images, use formats like JPEG or WebP,
and for videos, consider H.264 for compatibility.
• Content Delivery Network (CDN)

29 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Implement a CDN to distribute multimedia content globally and reduce server

load. CDNs cache content on servers located closer to your website visitors,
improving load times.
• Optimize Images and Videos
Resize and compress images and videos to reduce their file sizes without
compromising quality. Tools like Adobe Photoshop or online services like
TinyPNG and HandBrake can help with this.
• Lazy Loading
Implement lazy loading for images and videos. Lazy loading means that
content loads as the user scrolls down the page, saving bandwidth and
speeding up initial page load times.
• Content Management and Metadata
Use your chosen CMS to manage multimedia content effectively. Add
descriptive metadata, such as alt text for images and video titles, to improve
accessibility and search engine optimization.
• Backup Strategy
Regularly back up your multimedia content to prevent data loss. Many hosting
providers offer automated backup services, but it's wise to have an additional
backup system in place.
• Security Measures
Protect your multimedia content with proper security measures, including
strong passwords, SSL/TLS encryption, and security plugins for your CMS.
Also, restrict access to your media files through server-side configurations.
• Content Delivery
Consider the best method for delivering multimedia content. You can embed
videos from platforms like YouTube or Vimeo or self-host them. Self-hosting
offers more control but may require more resources.
• Bandwidth Monitoring
Keep an eye on your bandwidth usage to ensure you don't exceed your
hosting plan's limits. Upgrade your plan if necessary to accommodate
increased traffic and multimedia content.
• Performance Optimization
Regularly monitor and optimize your website's performance. Use tools like
Google Page Speed Insights or GTmetrix to identify and address issues
related to multimedia content delivery.
• User Experience (UX)
Test your website's multimedia elements across different devices and
browsers to ensure a seamless user experience.
• Legal Considerations
Be aware of copyright and licensing issues when using multimedia content,
especially if it's not original. Ensure you have the necessary permissions or
licenses to use the content.

Wiki Site

• Wikipedia is a free-content online encyclopedia written and maintained by a

community of volunteers, collectively known as Wikipedians, through open
collaboration and using a wiki-based editing system called MediaWiki.

30 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Wikipedia is the largest and most-read reference work in history, and has
consistently been one of the 10 most popular websites. Founded by Jimmy
Wales and Larry Sanger on January 15, 2001, it is hosted by the Wikimedia
Foundation, an American nonprofit organization.
• A wiki is a type of website that allows users to collaboratively edit its content and
structure from within a web browser. Most wiki sites are a collection of
hyperlinked pages that serve as a knowledge base for an organization or online
community.
• Wiki software is a style of content management system (CMS) running on a web
server, also called a "wiki engine." Many different wiki engines are available.
Some wiki engines are designed for public online communities, while others
specialize in internal enterprise use. Public wikis usually emphasize large user
bases and community discussion, allowing anyone to sign up and edit pages.
Internal enterprise wiki sites instead focus on controlling access and editing
privileges, integrating with other software, and managing a document library.
• A wiki administrator can choose whether to allow any user to edit content or
restrict privileges to registered users — they can even specify multiple classes of
users with different roles and permissions. Any user that can edit a wiki can do so
using a simple markup language (or sometimes a rich text editor) directly in a
web browser window without any extra software. Since allowing users to edit a
wiki page's content can lead to accidental loss or vandalism, a wiki engine will
keep track of every page's edit history so that other users can roll back unwanted
changes. A wiki engine can also require approval of certain changes before they
are published.

Wiki As a Repository

Below is a list of what you can store in an internal wiki

• Technical documentation (How-to guides, tutorials, etc.)

• Meeting notes & minutes
• Company policies & guidelines
• Project plans & timelines
• Reports & analysis
• Customer service resources (e.g. FAQs)
• Team contacts information & organizational charts News & updates
• Best practices & procedures
• Employee handbooks
• Help desk resources.

Wiki Content Creation Steps

• Choose what type of wiki you want to create (internal or external).

• Pick the platform you're going to use.
• Set security protocols and community guidelines.
• Start adding content - make sure to use simple language, visuals, and hyperlinks.
• Assign roles and permissions for editing access.

Below criteria are needed to consider during wiki creation.

31 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Choose what type of wiki you want to create (internal or external).If your goal is to
share sensitive, internal information within your organization, an internal wiki is
what you should go with. But if you want to create a public-facing wiki that
anyone can access, an external wiki is what you need.

• Pick the platform you're going to use.There are many software's available for
creating a wiki online. To make your choice, consider whether you want an open-
source or hosted solution and what functionality you need.If you’re a large, global
company looking for open-source software, then you might opt for MediaWiki, the
collaboration and documentation platform powering Wikipedia. But if you’re a
smaller business or simply need less bells and whistles, then you might prefer
more basic software like DokuWiki, WikiWikiWeb, or Google Sites.

• Set security protocols and community guidelines.

There are two major things to consider when starting a wiki: security and
community. To ensure your wiki is secure, it’s recommended that you work with
your IT department to ensure that the content you post complies with company
policies and national laws.

The second step is setting up community guidelines. Since wikis could quickly
devolve into irrelevant or incorrect information or editing wars, you should also lay
down some ground rules. Are their certain style guidelines you want wiki authors
to follow? What’s the process for editing other people’s posts? Appointing
curators can help ensure that the right content is in the right place in front of the
right people.

• Start adding content - use simple language, visuals, and hyperlinks.

Like any website, you want to structure your wiki in a way that’s easy for users to
understand and navigate. You can do so using categories, tags, and internal
links.
To start, make a list of the broadest topics your wiki will cover. Say your list is
training, culture, and product. Then each of these topics will be a category. You
can also use department names, like marketing, sales, product, and HR, as
categories. In the example below, the wiki post is found under Marketing >
Experiments.

• Assign roles and permissions for editing access.

Now that you’ve established rules of use and basic architecture, you can start
inviting people to add content to the wiki. To ensure that people don’t edit content
they shouldn’t be editing, you should assign roles and access levels.
For example, if you have a customer service department, customer service reps
can be given access to relevant pages only and people in the marketing team
might get more access. Once you’ve identified what type of roles and access
each person needs, you can assign them accordingly in the software.

Presentation software

32 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Presentation software is a powerful tool that allows users to create visually appealing
and engaging presentations. It provides a platform for organizing and presenting
information in a structured and professional manner.

Key Features of Presentation Software

• Slide Creation: Presentation software allows users to create individual slides that
can be customized with text, images, charts, and other multimedia elements.
Slides serve as the building blocks of a presentation and can be arranged in a
logical sequence to convey information effectively.

• Templates and Themes: Presentation software often provides a wide range of

pre-designed templates and themes that users can choose from. These
templates offer professionally designed layouts and color schemes, making it
easier for users to create visually appealing presentations without the need for
advanced design skills.
• Animation and Transition Effects: Presentation software allows users to add
animation and transition effects to their slides. These effects can be used to
enhance the visual appeal of the presentation and create a more engaging
experience for the audience.
• Collaboration and Sharing: Many presentation software tools offer collaboration
features that allow multiple users to work on a presentation simultaneously.
Users can also easily share their presentations with others, either by sending a
link or exporting the presentation in a compatible file format.
• Presenter View: Presentation software often includes a presenter view, which
provides additional tools and features for the presenter during a live presentation.
This view may include notes, a timer, and the ability to view upcoming slides,
helping the presenter stay organized and deliver a seamless presentation.

Benefits of Presentation Software

• Visual Appeal: Presentation software allows users to create visually appealing

slides that capture the attention of the audience. By using images, charts, and
other multimedia elements, presenters can convey information in a more
engaging and memorable way.
• Organization and Structure: Presentation software provides a structured
framework for organizing information. Users can create a logical flow of content
by arranging slides in a specific order, making it easier for the audience to follow
along and understand the message being conveyed.
• Flexibility and Customization: Presentation software offers a wide range of
customization options, allowing users to tailor their presentations to their specific
needs. Users can choose from different slide layouts, fonts, colors, and other
design elements to create a unique and personalized presentation.
• Efficiency and Time-Saving: Presentation software streamlines the process of
creating presentations, saving users time and effort. With features like templates,
pre-designed layouts, and drag-and-drop functionality, users can quickly create
professional-looking presentations without starting from scratch.
• Engagement and Interaction: Presentation software enables presenters to
engage with their audience through interactive elements such as quizzes, polls,

33 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

and hyperlinks. These features encourage audience participation and make the
presentation more interactive and dynamic.

Some of the software’s available online are.

Lotus Freelance Graphics, Google Slides, Prezi, Slide bean, Canva and Keynote.
Most of these products offer PC and Mac versions.

Here are examples of presentation software that are commonly used in conjunction
with WCMS platforms.

• Microsoft PowerPoint
Microsoft PowerPoint is a widely used presentation software that allows users to
create slideshows with various multimedia elements, transitions, and animations.
Integration with WCMS: Users can design presentation slides in PowerPoint and
export elements (such as images and videos) for integration into a WCMS.
Presentation themes and styles can be aligned with the overall website design.
• Google Slides
Description: Google Slides is a cloud-based presentation software that enables
collaborative editing and sharing. It is part of the Google Workspace suite.
Integration with WCMS: Google Slides allows teams to collaborate on
presentations in real-time. Content and design elements can be integrated into a
WCMS, providing a dynamic and collaborative approach to web content creation.
• Apple Keynote
Description: Keynote is Apple's presentation software known for its sleek design
tools and animations. It is commonly used in the Apple ecosystem.
Integration with WCMS: Design elements created in Keynote, such as custom
themes, slide layouts, and interactive features, can be exported and integrated
into a WCMS for a visually appealing website.
• Prezi
Description: Prezi is a presentation software that offers a unique zooming
interface, allowing for non-linear storytelling and dynamic presentations.
Integration with WCMS: Prezi presentations can be embedded into WCMS
platforms to create engaging and interactive content. This adds a layer of visual
interest to web pages.
• Canva
Description: While Canva is primarily a graphic design tool, it also offers
presentation templates and features for creating visually stunning slides.
Integration with WCMS: Canva designs can be exported and integrated into a
WCMS, providing a user-friendly approach for creating visually appealing content
without extensive design skills.
• Adobe Spark:
Description: Adobe Spark is a suite of design tools that includes Spark Video for
creating presentations with animated elements.
Integration with WCMS: Spark Video presentations can be exported or
embedded into a WCMS, allowing for the inclusion of multimedia content and
animations on web pages.
• Haiku Deck:
Description: Haiku Deck is a presentation tool known for its simplicity and focus
on visual storytelling. It offers a library of high-quality images for users.
34 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)
 Web Content Management System_NEP_Syllabus

Integration with WCMS: Haiku Deck presentations can be embedded into WCMS
platforms to enhance visual storytelling on websites.
• Slider Revolution:
Description: Slider Revolution is a plugin for creating responsive sliders,
carousels, and dynamic content within websites.
Integration with WCMS: While not a traditional presentation software, Slider
Revolution is often used within WCMS platforms to create dynamic and visually
appealing sliders on the homepage or other sections of a website
• Google Slides offers a user-friendly interface for designing slideshows
collaboratively.
Here are detailed steps to help you create a presentation using Google Slides

Step 1: Access Google Slides

1. Open your web browser and go to Google Slides.
2. Sign in to your Google account. If you don't have one, you can create a
Google account or use an existing Gmail account.
Step 2: Create a New Presentation
1. On the Google Slides homepage, click on the "+" (plus) sign to create a
new presentation.
2. You can choose a blank presentation or select a template by clicking on
"Blank" or "From a template," respectively.
Step 3: Customize Slide Layout and Design
Once you're in the presentation editor, you can customize the layout and
design of your slides.
o Slide Layout: Click on the "Slide" menu and choose "Layout" to select
different slide layouts for your content, such as title slides, content slides,
or section headers.
o Theme: Click on the "Slide" menu, then "Change background" to choose a
theme or customize the background color of your slides.
o Font and Text Formatting: Use the toolbar to change font styles, sizes, and
formatting options.
Step 4: Add Content to Slides
1. Click on the "+" button in the toolbar to add a new slide. Choose the type of
slide you want to add (title slide, content slide, etc.).
2. Click on the text boxes to add your title and content. You can also insert
images, videos, charts, and other elements using the "Insert" menu.
3. To add a new slide, click on the "+" button again and choose the layout for
the new slide.
4. Continue adding slides and content until your presentation is complete.
Step 5: Collaborate with Others
1. Click on the "Share" button in the top-right corner to collaborate with others.
Enter email addresses to invite collaborators, set their permissions, and add a
message.
2. Collaborators can simultaneously work on the presentation in real-time.
Changes are automatically saved to Google Drive.

Step 6: Insert Transitions and Animations

1. Click on the "Transition" button to add slide transitions between slides.
2. Use the "Animations" menu to add entrance, exit, and emphasis animations
to individual elements on a slide.

35 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Step 7: Present and Preview

1. Click on the "Present" button in the top-right corner to enter presentation
mode. Navigate through the slides using the arrow keys.
2. Use the "Present" button in the bottom-right corner to preview how your
presentation will look to your audience.

Step 8: Save and Export

1. Your presentation is automatically saved to Google Drive. However, if you
want to download it, click on "File" and choose "Download." Select the format
you prefer, such as PowerPoint, PDF, or other options.
Step 9: Share and Publish
1. Click on the "Share" button to share your presentation with others. You can
either invite collaborators or generate a shareable link.
2. If you want to embed your presentation on a website or blog, click on "File,"
then "Publish to the web." Configure settings and click "Publish."
Step 10: Edit and Revise
1. If you need to make edits after sharing, collaborators can make changes in
real-time, and the presentation will be updated automatically.
2. To revise your presentation, open it in Google Slides, make changes, and
click "File" > "Save" to ensure the updates are saved.

Screen casting Tools & Techniques

A screencast is typically a short video recording of something transpiring on a

computer screen or a mobile-device screen. It frequently includes audio narration
and may also include text, music, images, and graphics.

Screen casting can be helpful in nearly every curriculum and grade level as a useful
means of providing opportunities for both teachers and students to communicate and
share what they know, think, feel, and understand. Moreover, its video qualities
engage a wide range of learners, and the video can be paused and replayed to
increase understanding and retention. Screencast videos can be uploaded to Google
Classroom for distribution, or to any number of websites for viewing.

Screen casting is a great means of visually communicating content and ideas

asynchronously. For instance, a teacher might create a screencast that includes
verbal narration of PowerPoint slides or Google slides that otherwise would have
been presented in class. (Many screen casting tools also enable teachers to ink or
annotate over what they are showing.) Teachers might also create a screencast to
explain to students and parent’s assignments they expect the students to complete.
Teachers can also provide with visual and auditory explanations of pages, notes,
photos, graphics, charts, and more. And teachers can provide students with
feedback on their work.

Here are key features and aspects of screencasts.

36 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Screen Capture
A screencast captures everything happening on the computer screen. This
includes movements of the cursor, interactions with software, opening and
closing of files, and any other on-screen activity.
• Audio Narration
Screencasts often include audio narration recorded simultaneously with the
screen capture. The narrator explains the actions on the screen, providing
context and guidance.
• Educational and Tutorial Content
Screencasts are commonly used for educational purposes, tutorials, and
demonstrations. They are effective for teaching users how to use software,
navigate websites, or complete specific tasks.
• Software Demonstrations
Developers and educators use screencasts to demonstrate the features and
functionalities of software applications. This can be helpful for showcasing new
features or providing software walkthroughs.
• Training and Learning
Screencasts are valuable tools for training purposes. They allow trainers to
create instructional materials that can be accessed by learners at their own pace.
• YouTube and Online Platforms
Screencasts are frequently uploaded to online platforms like YouTube or
embedded in websites for easy sharing and accessibility. They are a popular
format for content creators, particularly in technology-related fields.
• Annotation and Highlighting
Some screen casting tools offer features for annotating and highlighting elements
on the screen. This is useful for drawing attention to specific areas or providing
additional information.
• Software Tools
Various software tools are available for creating screencasts. Examples include
Camtasia, OBS Studio, Snagit, and QuickTime Player. These tools often provide
options for recording, editing, and exporting screencasts.
• File Formats
Screencasts are typically saved in video file formats such as MP4, MOV, or AVI.
This makes them easy to share and view across different devices and platforms.
• Live Streaming
Some screen casting tools allow for live streaming of on-screen activities. This is
commonly used by gamers, educators, or professionals conducting live tutorials
or presentations.
• Quality and Resolution
The quality and resolution of a screencast depend on the settings used during
recording. Higher resolution captures more details but may result in larger file
sizes.
• Editing Capabilities
Many screen casting tools provide basic video editing capabilities. Users can
trim, cut, or enhance the recorded content before sharing it.

Applications of Screencasts

A screencast is a type of video tutorial that is most often created to

37 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

demonstrate a process that’s shown on the screen.

Screen recording software now enable screen casting on any type of device, even
on smartphones.
So, use cases for screencasts include.
• Training for non-techies. With screencasts, you can show your learners how to
use specific features of Microsoft Excel or other tools. Compared to unclear
written explanations, screencasts make more sense.
• Classroom work. Screen casting helps teachers save more time when introducing
a topic in the classroom and invest more time in practice, communication, and
discussions. A teacher can record their screen while explaining how to solve
math equations and share the video with students so they can watch it before
coming to class.
• Software demos and tutorials. Businesses that produce or sell software, or offer a
web service can benefit greatly from making video tutorials on how to use their
tools. This is another instance where screencasts can come into play.
• Visual explanation. Skilful photo shoppers, advanced users of Microsoft Excel,
and other software experts use screencasts to share their knowledge with the
world.
• Gameplay streaming. For gamers, a screencast is a way to share their gameplay
with the world, as well as get feedback on their skills and teach their peers how to
improve their performance.

Brief steps to screencast using Loom

• Sign Up or Log In
Visit the Loom website (https://www.loom.com/) and sign up for an account. If you
already have an account, log in.
• Install Loom Extension
Install the Loom browser extension for Chrome, Firefox, or Edge.
• Launch Loom
Click on the Loom icon in your browser toolbar to launch the application.
• Choose Recording Options
Select your recording option: "Screen + Cam" for screen and webcam, "Screen
Only" for just the screen, or "Cam Only" for webcam footage.
• Set Recording Preferences
Choose your microphone, webcam, and select the screen or application window
to record.
• Record Your Screencast
Click "Start Recording" to begin. If using "Screen + Cam," your webcam footage
will appear on the side.
• Narrate and Demonstrate
Speak clearly as you demonstrate actions on your screen. Provide explanations
as needed.
• Stop Recording
Click the Loom icon or the "Finish" button to stop recording when you're done.
• Review and Edit (Optional):
Review your recording and trim the beginning or end if necessary. Edit other
aspects if needed.
• Save or Share

38 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Click "Finish" to save your recording. Choose to save it to your Loom account,
share it via a link, or download the video.
• Share Link or Download
If sharing via a link, Loom provides a URL. Alternatively, download the video file
to your computer.

Multilingual Content Development

Multilingual content management is the process of creating, publishing, and

distributing information with a specific purpose in different languages, and is thus an
integral part of any successful localization strategy.

Having your website or mobile application available in multiple languages and

optimized for search engines in different languages will help you broaden your
business horizons by reaching new markets. With the advancement in technology,
you can do this painlessly while staying on budget and bringing in returns.

What is multilingual content creation?

It refers to generating content in different languages that help to target a boarder

audience. The goal of multilingual content is to make information accessible to
people all over the world regardless of the language variation.

Why need multilingual content?

Multilingual content is crucial for businesses since it brings a plethora of

opportunities in marketing and breaks the language barriers to make it more
accessible. Here are the top benefits of leveraging multilingual content
• It allows you to target a broader audience and enhance the reach of your content.
• You can offer better UX by making content available in the user’s native
languages.
• Language is closely related to culture. By generating multilingual content, you
can show respect to people speaking other languages.
• It can improve SEO and website visibility.
• Multilingual content marketing helps you to stay and run a business in this
competitive world by ensuring globalization.
• You can be more connected with the local audience by translating or generating
content into native languages.
• You can step into the international market and sell products worldwide, boosting
sales and profits.

Advantages of multilingual content development

• Global Reach
Expands audience outreach to diverse markets, enabling businesses to connect
with individuals globally and increase their brand presence on an international
scale.
• Improved User Experience

39 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Increases engagement with content tailored to users' languages, ensuring a

positive and user-friendly experience that resonates with individuals on a
personal level.
• Increased Accessibility
Enhances inclusivity by catering to different linguistic backgrounds, making
information more accessible to a wider audience and breaking down language
barriers.
• SEO Benefits
Boosts search engine rankings in various regions, optimizing content for search
engines in different languages and increasing visibility globally.
• Cultural Relevance
Ensures authenticity and sensitivity to cultural nuances, creating content that
resonates with diverse audiences and fosters a deeper connection with the
brand.
• Competitive Advantage
Differentiates businesses and demonstrates adaptability, providing a strategic
edge by appealing to a wider market and addressing the diverse needs of
consumers.
• Brand Consistency
Maintains consistent brand messaging across languages, reinforcing a unified
brand identity and preventing potential confusion among global audiences.
• Economic Opportunities
Opens doors to new business prospects internationally, unlocking economic
opportunities and facilitating growth in untapped markets.
• Loyalty and Trust
Builds trust by communicating in users' preferred languages, establishing a
stronger connection and fostering loyalty among a global customer base.
• Adaptation to Local Markets
Tailors marketing to align with local preferences, adapting promotional strategies
to resonate with cultural nuances and preferences.
• Legal and Regulatory Compliance
Meets legal requirements for language-specific information, ensuring compliance
with regulations in regions where specific language disclosures are mandated.

• Effective Communication
Reduces misunderstandings and ensures clear communication, enhancing
effective communication by conveying messages accurately and avoiding
language barriers.
• International Collaboration
Facilitates collaboration among diverse global teams, breaking down language
barriers and promoting effective communication and cooperation.
• Social Media Engagement
Broadens social media reach across linguistic communities, leveraging the power
of multilingual content to engage with a wider audience on various social media
platforms.
• Educational Resources

40 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Enhances accessibility of learning materials globally, making educational

resources available in multiple languages and improving accessibility for learners
worldwide.

Developing multilingual content

• Select a Multilingual CMS

Choose a Content Management System that supports multilingual capabilities.
Popular CMS options like WordPress, Drupal, and Joomla have plugins or built-in
features for managing content in multiple languages.
• Content Organization
Plan a clear content structure, considering language-specific categories and tags.
This helps in organizing and managing multilingual content effectively.
• Translate Content
Create high-quality translations for each piece of content. You can hire
professional translators or use translation tools, but ensure that translations are
accurate and culturally relevant.
• URL Structure
Implement a URL structure that reflects language variations. This could involve
using language codes or subdomains to distinguish between different language
versions of your site.
• Href lang Tags
Incorporate href lang tags in your HTML to inform search engines about the
language and regional targeting of each page. This helps search engines deliver
the correct language version to users.
• Language Switcher
Include a user-friendly language switcher on your website, allowing visitors to
easily switch between languages. This can be in the form of a dropdown menu or
flags representing different languages.
• Localized Metadata
Customize metadata (title tags, meta descriptions) for each language version to
optimize search engine results for specific regions and languages.
• Responsive Design
• Ensure your website has a responsive design that adapts well to various devices
and screen sizes, considering the diverse audience accessing your content.
• Testing
Thoroughly test all language versions of your website. Check for functionality,
design consistency, and language accuracy. Pay attention to how different
languages display on various devices.
• Regular Updates
Keep all language versions up to date simultaneously. Regularly update content,
announcements, and any changes across all language variations to maintain
consistency.
• User Feedback
Encourage user feedback on language-specific content to identify any issues or
areas for improvement. This helps in refining the multilingual user experience.
• Analytics Monitoring

41 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Use analytics tools to monitor the performance of each language version.

Analyse user behaviour, engagement, and conversions to refine your multilingual
content strategy.
By following these steps, you can establish a robust framework for multilingual
content development, ensuring a seamless and engaging experience for your
diverse audience.

Creating multilingual content in WordPress

Creating multilingual content in WordPress typically involves using a plugin like

WPML (WordPress Multilingual Plugin) or Polylang. Here, I'll provide a step-by-step
guide using WPML
Step 1: Install and Activate WPML
• In your WordPress dashboard, go to "Plugins" > "Add New."
• Search for "WPML" and click "Install Now" next to the WPML Multilingual
CMS plugin.
• Once installed, click "Activate."
Step 2: Configure Basic Settings
• After activation, go to the WPML menu on your dashboard.
• Follow the setup wizard to configure the basic settings for your multilingual
website. This includes choosing your site's default language and selecting
additional languages.
Step 3: Translate Pages and Posts
• Edit an existing page or post, or create a new one.
• In the post/page editor, you'll see a new section for translations.
• Click on the "+" button to add a translation for each language.
• Translate the content manually or use WPML's translation services.
Step 4: Translate Media Files
• If your content includes images or other media, ensure these files are
translated or replaced with language-specific versions.
• You can upload translated media files directly or link to external translations.
Step 5: Translate Menus and Widgets
• Navigate to "WPML" > "Languages" > "Menu language synchronization."
• Enable synchronization for menus. Now, you can translate your menus for
different languages.
• Translate widgets under "WPML" > "Languages" > "Widgets."
Step 6: Set Up Language Switcher
• Go to "WPML" > "Languages."
• Choose the language switcher options and customize its appearance.
• Place the language switcher in your site's header, footer, or sidebar.
Step 7: SEO Considerations
• WPML automatically adds hreflang tags to pages, helping search engines
understand language targeting.
• Review and customize SEO settings for each language using popular SEO
plugins like Yoast SEO or All in One SEO Pack.
Step 8: Test and Review
• Thoroughly test your website to ensure accurate translations and proper
functionality.

42 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Check for any formatting issues or discrepancies in different language

versions.
Step 9: Keep Plugins Updated
• Regularly update WPML and any other plugins to ensure compatibility and
access to new features.

By following these steps, you can effectively create multilingual content in

WordPress using the WPML plugin. Note that the process may vary slightly if you
choose a different multilingual plugin like Polylang.

43 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

UNIT-3 : Planning and Developing Dynamic Web Content Sites

What Is a Dynamic Website?

A dynamic website shows different content to different users. The content may
depend on their locations, time zones, language preferences, or past behaviour on
the website. Dynamic sites use a server-side programming language to connect with
a database to enable interactive features and alter the content. Their common use
cases include forums, social media platforms, and eCommerce sites.

How Does a Dynamic Website Work ?

• When a user accesses a website, their web browser will request the file required
to display the page from the host server.
• The host server assembles and sends the requested page’s HTML files to the
user’s browser.
• The user’s web browser renders the HTML files to display the requested pages.

In addition, dynamic websites use an application server and a database. They

are responsible for executing the server-side scripting language and adding
information to the website.

The application server reads the request script and builds the page as instructed.
Then, it removes the script from the page to generate a pure HTML file the host
server will send to the browser.

The application server also queries information from the database to build a
dynamic web page. This information and scripts vary depending on user
requests, changing the page content on each visit.

Why Build Dynamic Websites

Dynamic web pages require complex software and additional scripting language,
making them more difficult to develop than static websites. They are also more
costly and require more computing power.

A static website has fewer security risks since it doesn’t connect to databases or
external applications. Cyber criminals often exploit these connections to attack
dynamic sites.

That said, a dynamic web page has some advantages

• Easier maintenance. Developers can automatically update multiple

dynamic web pages simultaneously. To update static pages, they must
modify each file’s source code.
• Content personalization. Dynamic websites provide personalized content
recommendations according to user needs. It helps improve conversion
rates and user experience.

44 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• More features. Unlike static sites, dynamic pages are interactive and have
more features. For instance, users can register an account or create a
post on your site.
• Better search engine optimization (SEO). Dynamic websites let you easily
add SEO tools to optimize your content. Despite being quicker, a static
website may rank lower in search engines.

How to build dynamic web sites

Four steps to building a dynamic website

• Choose the platform. We recommend choosing a website builder for beginners
as it is simpler and more affordable.
• Create a dynamic web page. Create your dynamic pages’ content and visual
design. Ensure it is user-friendly and aligns with your website goals.
• Functionality to your website. For example, add a cart and checkout screen on
your eCommerce site.
• Test and launch the website. Conduct testing to check for usability and
performance issues on your website. After launching, regularly check its
performance and user feedback.

Differences between Static Website and Dynamic website

Content
• Static Website: The content remains fixed and doesn't change unless
manually updated by a developer.
• Dynamic Website: Content can change dynamically based on user
interactions, database updates, or other real-time events.
Coding
• Static Website: Built using HTML and CSS. It's simple and easy to create
but lacks interactive features.
• Dynamic Website: Involves more complex coding with server-side scripting
languages like PHP, Python, or Ruby, enabling dynamic content
generation.
Loading Time
• Static Website: Generally faster since all content is pre-built and doesn't
require server processing for each user request.
• Dynamic Website: May have slower loading times as content is generated
on the server based on user requests.
Updates
• Static Website: Manual updates are required for content changes. Each
page needs to be individually modified.
• Dynamic Website: Content updates can be automated, and changes are
reflected across the site without the need to modify each page individually.
Scalability
• Static Website: Typically, easier to scale as it involves serving pre-built
files. Suitable for small to medium-sized websites.
• Dynamic Website: May require more server resources as the server has to
process requests and generate content dynamically. Suitable for larger
and more complex websites.

45 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Interactivity
• Static Website: Limited interactivity. Interaction is mostly limited to
hyperlinks.
• Dynamic Website: Highly interactive. Users can engage with forms, submit
data, and experience real-time updates.
Examples
• Static Website: Brochure websites, portfolios, personal blogs with fixed
content.
• Dynamic Website: Social media platforms, e-commerce sites, news
websites, and web applications with user accounts.

Dynamic Website Examples

The internet boasts several dynamic websites, but a few stand above the rest by
having innovative and intuitive features. Here are 10 examples of dynamic websites with
reasons.

• Facebook generates personalized content based on the user’s actions. The

things you see on the website change depending on the accounts you follow, the
content you’re engaging with, or the people you have on your friends list.
• Twitter, much like Facebook, alters the content you see based on different factors
like your search queries and public and private lists. In addition, your
engagement, such as retweets and likes, also prompts Twitter to generate
content related to your past actions.
• YouTube utilizes an algorithm that alters your feed based on the accounts you
subscribe to, the videos you watch, and other related content that aligns with your
viewing habits.
• Google is the world’s most popular search engine and one of the best examples
of a dynamic website. The search engine indexes billions of websites, both new
and refreshed, utilizing its algorithm to select, rank, and generate the best results
for user- based queries.
• WordPress is a website creation platform that allows users to customize most of
what they want to showcase on their page. It’s a dynamic website because it
automatically refreshes the content in real-time, not only on your end but from the
visitors’ point of view.

Creating Dynamic Web Content: Creating dynamic web content involves using
technologies and techniques that allow your website to display and update content in
real-time based on user interactions, database changes, or external data sources.
Here's a general guide on how to create dynamic web content.

• Choose a Server-Side Language

Select a server-side scripting language such as PHP, Python, Ruby, or
Node.js. This is where you'll handle server-side logic.

• Set Up a Server
46 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)
 Web Content Management System_NEP_Syllabus

Choose a web server (e.g., Apache, Nginx) to host your dynamic web
application.
Configure your server to handle the chosen server-side language.

• Database Integration
Choose a database system (e.g., MySQL, PostgreSQL, MongoDB) to store
and retrieve dynamic content.
Establish a connection between your server-side language and the database.

• Server-Side Programming
Write server-side scripts to generate dynamic content based on user
requests.
Use server-side logic to query the database, process data, and generate
dynamic HTML or other markup.

• Front-End Development
Use HTML, CSS, and JavaScript to create the user interface.
Employ a front-end framework like React, Angular, or Vue.js for a more
interactive experience.

• AJAX (Asynchronous JavaScript and XML):

Implement AJAX to enable asynchronous data exchange between the
browser and the server.
Use JavaScript to update specific parts of the page without requiring a full
page reload.

• Web APIs
Create or integrate with web APIs to fetch data from external sources
dynamically.
APIs allow you to access and manipulate data from services like social media
platforms, weather APIs, etc.

• Content Management Systems (CMS)

Consider using a CMS (e.g., WordPress, Drupal) that provides a user-friendly
interface for managing dynamic content.
Customize your CMS to integrate with your dynamic content needs.
• User Authentication and Authorization
Implement user authentication to allow personalized content for logged-in
users.
Control access to different parts of your dynamic content based on user roles.

• Caching
Implement caching mechanisms to enhance performance by storing
frequently accessed dynamic content.
Consider using caching systems like Redis or Varnish.

• Testing
Regularly test your dynamic web content across different browsers and
devices to ensure compatibility and responsiveness.

47 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Security
Implement security best practices, including input validation, protection
against SQL injection, and secure data transmission (HTTPS).

• Scalability
Design your dynamic web application to be scalable, allowing it to handle
increased traffic and data.

• Monitoring and Analytics

Implement monitoring tools and analytics to track user interactions,
performance, and potential issues.

• Continuous Improvement
Regularly update and improve your dynamic content based on user feedback and
changing requirements.

Note: Remember that dynamic web content can take various forms, including live
updates, personalized recommendations, real-time data visualizations, and more.
The technologies and approaches you choose will depend on your specific project
requirements and goals.

Website Design Using CSS

Introduction

• CSS also known as Cascading Style Sheets is an important and integral part of
the modern-day web development processes.
• It is an HTML tool that is highly effective, providing great control over the app/
web page layout and CSS is mainly concerned with look and feel of web content.
• All the design-related aspects of your webpage can be controlled with the help of
CSS. It controls the page layouts, colours, typography and all other visual
aspects of your site.
Usage of CSS in Web development

• Cascading Style Sheets, commonly known as CSS, is a powerful tool in web

development that helps to separate the structure of a website from its
presentation.
• The primary function of CSS is to define the styling and layout of web pages,
making them more visually appealing, user-friendly, and accessible. CSS
provides a way to define and apply styles consistently across all pages of a
website, making it easier for developers to maintain and update their designs.
• Moreover, it provides web developers with a way to style the look and feel of their
websites by defining fonts, colors, layouts, and other visual elements. In addition,
it also allows developers to create responsive web designs that adjust to different
screen sizes, making their websites accessible to users on various devices.
• Helping HTML return to its original intent of markup as well as page formulating,
CSS is now widely popular for making web designs appear better, run faster as
well as serve a far better user experience than expected.CSS, in a nutshell, is a
design language that allows a website to seem more appealing than simple or

48 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

insipid text. But to move in depth about the importance of CSS in web designing,
CSS determines supportive framework, layout, as well as aesthetics.
• Using CSS, we can modify the appearance, placement of the HTML elements,
animations, effects, layouts, and everything that can support the website design
and development. In fact, CSS makes it simple to link multiple aspects of a
website.

Benefits of CSS in Web Development

CSS has become an essential component of web design and development, and it
offers many benefits to developers and designers alike. Helping you customize the
web designs according to the user preferences, CSS plays an irreplaceable role in
web development. Benefits of CSS are as follows:

• Improves Web Appearance

• Make Development and Updates Easier
• Saves Time and Money
• Enhanced User-Experience
• Device Customization
• Increases Page Speed

Improves Web Appearance

• CSS remains unbeatable and totally irreplaceable because of its excellent
capability of making websites far more attractive than HTML elements could
have. CSS offers developers flexibility and customization options that are not
available with HTML alone.
• Developers can create custom styles for elements on a web page, such as
buttons, links, and images. From adding distinct layouts, animations, and
typography designs to making the website user-friendly through more
straightforward navigation and less time being invested, CSS leads the space
of appealing websites!
• This customization allows developers to create unique and engaging designs
that are tailored to the needs of the website.
Make Development and Updates Easier
• Previously for a design to launch, developers used to invest hectic hours of
continuous efforts as well as debugging to make it technically correct as well
as eye-appealing only through complicated HTML element formatting. But, the
use of CSS in web designing has reduced the effort associated with
development and updates to almost half of the previous time taken.
• CSS makes it easier to maintain and update a website. By separating the
content and presentation, developers can make changes to the design without
affecting the content. This makes it easier to update the website over time, as
design trends and user preferences change.
Saves Time and Money
• CSS is bliss when considering the reduction of cost and time associated with
the development phase of websites. Previously, formatting the HTML text to
make the outcome look at least acceptable to the user was a task of hectic
days. And the associated labor cost was drastically high. But CSS has

49 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

eliminated all the complications of design elements, making it extremely light

on the time and cost structure of the product.
• By using CSS in web development, businesses can create engaging and
interactive websites that are visually appealing, easy to navigate, and cost-
effective to maintain.
Enhanced User-Experience
• Making websites appear in an appealing way to the users, CSS is a star when
it comes to enhancing user experience. Just as much as it is known for
attractive web designing, easier navigation and exploration are also the major
components of the role of CSS in web designing. Page speed optimization
decreased transfer speed, and the increase in the overall functionality has
helped web developers enhance user experience thoroughly!
• CSS can also improve the accessibility of a website. It provides developers
with the ability to create accessible designs that are compatible with screen
readers, braille displays, and other assistive technologies. This allows people
with disabilities to access and navigate the website more easily.
Device Customization
• Another common concern in web design is the growing need to make web
pages widely available as well as usable for various media. With the rise of
mobile devices, responsive design has become increasingly important.
Responsive design is the ability of a website to adapt to different screen sizes
and resolutions.

• CSS can help you solve this problem by allowing a similar markup page to
have different demonstration styles: for example, you can create a different
stylesheet for a cell phone and a distinct one for a desktop device.
• It makes it easier to create responsive designs by allowing developers to
define styles based on screen size or resolution. This ensures that the
website is optimized for all devices, including desktops, tablets, and
smartphones. Furthermore, we can also specify how a website’s appearance
changes across different screens, such as desktops, tablets, as well as
mobile devices.
Increases Page Speed
• Enhanced website stacking is an under appreciated but significant benefit of
CSS. Browsers download CSS rules once and save them for stacking all of a
website’s pages. It improves the overall client experience by making browsing
comparatively faster. This component is also highly useful in making websites
run smoothly at slower web speeds. Stronger stacking velocities also improve
availability on low-end devices.
• CSS can help reduce the page loading time of a website. When using CSS,
developers can create external style sheets that are stored in separate files.
By doing this, the web browser only needs to load the external style sheet
once, and then it can be applied to all pages of the website. This reduces the
amount of code that needs to be loaded and processed, resulting in faster
page loading times. Yes, CSS actually acts as ‘Flash’ for websites.

Responsive web design (RWD)

• Responsive web design (RWD) or responsive design is an approach to web

design that aims to make web pages render well on a variety of devices and
50 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)
 Web Content Management System_NEP_Syllabus

window or screen sizes from minimum to maximum display size to ensure

usability and satisfaction.

• A responsive design adapts the web-page layout to the viewing environment[1]

by using techniques such as fluid proportion-based grids, flexible images, and
CSS3 media queries]an extension of the @media rule, in the following ways

• The fluid grid concept calls for page element sizing to be in relative units like
percentages, rather than absolute units like pixels or points.
• Flexible images are also sized in relative units, so as to prevent them from
displaying outside their containing element.
• Media queries allow the page to use different CSS style rules based on
characteristics of the device the site is being displayed on, e.g. width of the
rendering surface (browser window width or physical display size).
• Responsive layouts automatically adjust and adapt to any device screen size,
whether it is a desktop, a laptop, a tablet, or a mobile phone.
• Responsive web design became more important as users of mobile devices
came to account for the majority of website visitors. In 2015, for instance,
Google announced Mobilegeddon and started to boost the page ranking of
mobile-friendly sites when searching from a mobile device.

Some of the famous responsive web design frameworks are as follows

1. UIkit
2. Foundation
3. Skeleton
4. Bootstrap
5. Bulma
6. Semantic UI
7. Materialize

Creating and Managing a Blog Site

• A blog (shortened from the phrase “weblog”) is known as manythings—a digital

magazine, diary, newscast, collector’s,meeting place, a showcase for your art,
information sharing, teaching hub, place to learn and...well, almost anything you
want it to be.
• A typical blog combines text, images, videos and links to relevant pages and
media on the Web. Blog readers can leave comments and communicate with the
author. In fact, dialogue and interaction are a popular part of a blog’s success.
• In the blogging world, you have the word “blog”(an online journal), “blogger” (the
person who owns and contributes to a blog) and “blogging” (the act of creating
content for the blog). You can be a “blogger blogging on a blog,” a “blog about
ablogger blogging” or a “blogging blog about a blogger.”One of the great things
about blogging is the impact it has made on communication throughout the world.
Blogs can report news asit happens, hold mainstream media to higher standards
and provide specific news and information to meet niche interests.

The steps to launch a successful blog

51 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Select a comprehensive niche

Choose a platform (self-hosted recommended)
• Decide on a domain name
Get a hosting plan and install software
• Customize and design the blog
Add content (text, photos and graphics)
Promote a blog and its content.

Types of blogs

The most popular styles and types of blogs

• Personal blogs
Personal blogs share thoughts, original art, poems,writing or photography. Some
sell custom crafts, art or products. If you just want to make a statement, show
your DIY (do it yourself) skills, have fun or blog for therapy, a personal blog is
perfect for your needs.
• Business blogs
These are created in the voice of the company, as a crucial component of
marketing. They can function as a direct-sales tool and are outstanding for both
messaging and two-way communication as part of a company’s public relations
efforts. Blogs are effective and cost-
efficient vehicles for small organizations that need to publish information for their
customers or members.
• Niche/topical blogs
Niche/topical blogs focus on a particular interest. They can be about health,
gardening, education, sports, fashion or lifestyle. Name your special interest and
you can blog about it. If you’re a collector of antiques, a true-mystery fan, a travel
addict or just love cooking, there may be a blog in your future. Niche blogs easily
attract loyal followers, which contributes to the fun of blogging.
• Media-type blogs
These are defined by their content. If you enjoy video blogging, then you’re a
vlogger. If you curate content from other websites, you have a linklog. If you post
photos or art sketches on your blog, you’re hosting a photoblog or artblog.
• Reverse blogs These are a unique but popular type of blog. Instead of the owner
creating content, the content is supplied by the public. A reverse blog has a team
who moderate posts, prevent unpleasant interactions and promote slow topics for
greater interactivity.

Creating and managing pages on a blog typically involves several steps. Here's a
general guide:
• Choose a blogging platform: There are many blogging platforms available, such
as WordPress, Blogger, Tumblr, and Wix. Choose the one that best fits your
needs and sign up for an account.
• Set up your blog: Once you've chosen a blogging platform, follow the instructions
to set up your blog. This may involve choosing a domain name, selecting a theme
or template for your blog's design, and customizing settings such as language,
time zone, and comment moderation.

52 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Create a new page: Most blogging platforms have a feature that allows you to
create pages in addition to regular blog posts. Look for an option to create a new
page, usually located in the admin dashboard or editor.
• Write content: Enter the content for your page using the editor provided by your
blogging platform. You can format text, add images, videos, and other media, and
customize the layout and design of your page to suit your preferences.
• Add SEO elements: Consider optimizing your page for search engines by
including relevant keywords in the title, headings, and content of your page. This
can help improve your blog's visibility in search engine results and attract more
readers.
• Preview and edit: Before publishing your page, preview it to see how it will look to
your readers. Make any necessary edits to ensure that your content is error-free,
visually appealing, and engaging.
• Publish the page: Once you're satisfied with your page, click the "Publish" or
"Save" button to make it live on your blog.
• Manage pages: After your page is published, you can manage it by editing or
updating its content, changing its layout or design, and organizing it within your
blog's navigation menu. You may also want to consider adding links to your
pages in your blog posts or promoting them on your social media channels to
drive more traffic to your pages.

Some of the blog sites are as below

• Technology and Business
TechCrunch
Mashable
• News and Journalism
HuffPost
The New York Times Blogs
• Personal Development and Lifestyle
Tiny Buddha
Zen Habits
• Parenting and family
Scary Mommy
The Bump
• Travel
Nomadic Matt
The Points Guy

Creating own blog

Creating your own blog involves several steps, from choosing a niche to selecting a
platform and customizing your design. Here's a step-by-step guide to help you start
your own blog
Step 1: Define Your Purpose and Niche
Choose a Topic (Niche)
Decide on the main theme or subject of your blog. Consider your
passions, expertise, and the interests of your target audience.
Define Your Purpose:
Clarify the goals of your blog. Are you writing to inform, entertain,

53 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

inspire, or sell products/services?

Step 2: Choose a Blogging Platform
Select a Blogging Platform
Choose a platform that suits your needs. Popular options include
WordPress, Blogger, Medium, and Wix.
Purchase a Domain Name:
Choose a unique and memorable domain name for your blog. You can
purchase a domain through domain registrars like GoDaddy or Namecheap.
Step 3: Set Up Your Blog
Choose a Hosting Provider:
If you choose a self-hosted platform like WordPress.org, select a hosting
provider. Bluehost and SiteGround are popular
choices.
Install Your Blogging Platform:
Follow the instructions provided by your hosting provider to install your
chosen blogging platform.
Step 4: Customize Your Blog
Select a Theme:
Choose a visually appealing and responsive theme for your blog. Most
platforms offer a variety of free and premium themes.
Customize Design Elements:
Personalize your blog by customizing colors, fonts, and layout. Make sure
your design aligns with your blog's theme and target audience.
Step 5: Create Compelling Content
Plan Your Content:
Develop a content plan. Decide on the types of posts you'll
create, their frequency, and how they align with your blog's
goals.
Write and Format Posts:
Create engaging and well-formatted blog posts. Use images, headers,
and lists to make your content visually appealing.
Step 6: Optimize for SEO
Understand SEO Basics:
Learn the basics of Search Engine Optimization (SEO). Use keywords
naturally in your content and optimize meta tags.
Submit Your Sitemap:
Submit your blog's sitemap to search engines like Google. This helps search
engines index your content.
Step 7: Engage with Your Audience
Enable Comments:
Allow readers to leave comments on your blog posts. Respond to
comments and engage with your audience.
Social Media Integration:
Share your blog posts on social media platforms. Integrate social
sharing buttons on your blog for easy sharing.
Step 8: Monetize Your Blog (Optional)
Explore Monetization Options:
If you plan to make money from your blog, explore options like affiliate
marketing, sponsored posts, or selling products/services.
Set Up Revenue Streams:

54 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Implement revenue streams, such as Google AdSense for ads or affiliate

marketing links, if applicable.
Step 9: Regularly Update and Promote
Consistent Posting:
Stick to a consistent posting schedule. Regularly update your blog with
fresh and valuable content.
Promote Your Blog:
Actively promote your blog through various channels, including
social media, email newsletters, and collaborations with other
bloggers.
Starting a blog is an ongoing process of learning and refining. Stay open to
feedback, be patient, and enjoy the journey of building your blog over time.

Below table differentiate between article and blog

S.No. ARTICLE BLOG

Articles are more than 300 words

Blogs are less than 300 words and
01. and sometimes more than 1000
sometimes less than 1000 words.
words.

02. It is written in second or third person. It is usually written in first person.

Articles should be lengthy and

03. Blogs can be short or long it depends.
detailed.

It does not include personal

04. It includes personal opinion.
opinions.

Reader has time to search and Reader is somewhat impatient and

05. analyze and understand what the reads casually so contents should be
article is about. quick to grasp.

It is based on sophisticated writing

06. It is based on casual writing skill.
skill.

Keywords are not important in Focusing on keywords while writing

07.
articles. blog.

Articles are based on interview, It is not based on interview or

08. research, explanation, analysis or research. It contains tips, lessons,
report and fact based. opinions and tools etc.

09. It is not SEO optimized. It is SEO optimized.

10. It includes lots of data, graphs, It usually includes one or more

55 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

required images and statistics. images.

Editor and Reviewer teams need to It is self publishing and does not
11.
verify before publishing. require editor or reviewer verification.

It is not required to be frequently

12. It is required to be frequently updated.
updated.

It can share education information, It can share opinions, encourages,

13.
state or facts. and insights.

14. Articles are arranged by category. Blogs are arranged by chronologically.

For example writing any research For example writing any blog in
15.
article in IEEE. medium.

56 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

UNIT-4: E-Publication

E-Publications Concepts

• The word electronic publishing (e-publishing) introduced by William Dijkhuis in

1977. The very first e publication came in 1980s in the form of plain text emails.
They were sent to the subscriber via a mailing list. Later CD-ROMs appeared to
be a much more effective and successful medium for e-publishing that excellent
quality, pictures, figures, low-cost support, and long life.

• This kind of publication was rather successful for a number of years and for
particular publications like encyclopedias, dictionaries, atlases, and handbooks
are still in use.
• E- Publishing or Electronic Publishing is a more recent way in which books, short
stories, collections and works of non-fiction can be distributed via the Internet and
computers in general.
• The term- electronic publishing is also known as e-publishing, digital publishing,
desk top publishing, online publishing, web publishing for topical searches.
Electronic publishing offers an innovative range of opportunities to improve the
scientific information chain, of which wide and apparently free via internet.
• E-publishing refers more precisely to the storage and retrieval of information
through electronic communications media. Electronic Publishing or e-Publishing
can be defined as the process that makes use of Information and Communication
Technology (ICT) to deliver information products electronically to its users.
• E-publishing is helpful in producing documents containing text, static or dynamic
pictures, graphics, audio, video, and graphs, tables or a combination of any or all
of these with the assistance of the Data Processing System. Nowadays, e-
publishing has become more and more common to distribute books, journals,
magazines, and newspapers to readers through tablet reading devices.
• The evolution of e-publishing (electronic publishing) has been a transformative
journey that parallels the advancements in technology and changes in consumer
preferences.

Here's a brief overview of key milestones in the evolution of e-publishing.

• Early Digital Formats (1970s-1990s)

The concept of digital publishing began with early experiments in electronic
formats. Project Gutenberg, founded in 1971, played a pioneering role by
digitizing and distributing literary works.
• Introduction of E-Readers (1990s)
The development of dedicated e-readers like the Sony Data Discman (1992) and
the Sony Data Discman eBook (1994) marked early attempts to create devices
specifically for reading digital content.
• Advent of PDF (1990s)
The Portable Document Format (PDF), introduced by Adobe in the early
1990s,became a widely adopted standard for sharing electronic documents,
including ebooks.
• Rise of E-Book Platforms (2000s)

57 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Amazon launched the Kindle e-reader in 2007, revolutionizing e-publishing. The

Kindle Store allowed users to purchase and download e-books directly to their
devices, making e-books more accessible to the mass market.
• E-Publishing on Multiple Devices (2010s)
With the proliferation of smartphones and tablets, e-publishing expanded beyond
dedicated e-readers. E-books became accessible on a wide range of devices and
platforms, including iOS and Android.
• E-Publishing Platforms and Self-Publishing (2010s)
Platforms like Amazon Kindle Direct Publishing (KDP), Smashwords, and others
enabled authors to self-publish their works, democratizing the publishing process
and giving rise to independent authors.
• Enhanced E-Book Features (2010s)
E-books started incorporating multimedia elements, interactive features, and
enhanced graphics. Educational publishers, in particular, began creating
interactive e-textbooks.
• Subscription Models (2010s-2020s)
Subscription-based models like Kindle Unlimited, Scribd, and Audible gained
popularity, offering readers access to a vast library of e-books for a monthly fee.
• E-Publishing in the Cloud (2010s-2020s)
Cloud-based platforms allowed users to store and access their e-books from
multiple devices seamlessly. This shift enhanced convenience and accessibility.
• Integration with Social Media (2020s)
E-publishing platforms integrated social sharing features, enabling readers to
share their favourite books, recommendations, and engage with authors and
other readers online.
• AI and Personalization (2020s)
Artificial intelligence and machine learning are increasingly being used in e-
publishing for personalized recommendations, content curation, and adaptive
learning experiences.
• E-Publishing and Audiobooks (2020s)
Audiobooks gained prominence, with platforms like Audible offering a vast
selection. E-publishing expanded to include audio formats, catering to diverse
reading preferences.

58 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Advantages of Electronic Publishing

• Electronically published documents can be sent all over the world in a matter of
seconds, which is a huge advantage to both reader and writer who does not like
to wait.
• Accepted manuscripts may get published faster. This method generally publishes
work within a few weeks to a few months after acceptance.
• More flexible within the writer-publisher relationship. Electronic publishing affords
more say to writers in preparing work for publication.
• Writers can update the text whenever required and with much ease at virtually no
cost. This is specifically helpful for works related to fast-moving industries, such
as computer technology. Since the publisher does not have any investment in
printed books already lining shelves, texts can be electronically updated in
seconds.
• E-publishing often has a longer life with slower sales. While paper publishers will
remove slow movers from active status (print) electronics storage afford unlimited
archiving.
• Works published electronically have an ISBN number, just as printed books. This
means anyone can walk into a bookstore and order an electronic copy of the
book.

Disadvantages of Electronic Publishing

• With e-publishing writers normally retain all other rights to the work, such as the
option to go to the paper publisher later, adapt a screenplay, or use the work in
some other capacity.
• Some might argue that the quality of writing of an e-published document doesn’t
compare to that of paper documents. Many people aren’t aware of e-publishing
and others prefer reading a document from print rather than electronically.
• Writers are typically responsible for providing their own ongoing marketing for e-
published work. A book might be good, but if nobody knows about its content, it
won’t sell. Authors also can’t count on the public seeing their documents on
shelves or in store windows.
• Electronically published works do not always carry the same weight as traditional
paper publishers. This may vary with time, however, as the industry becomes
more established.
• Writers don’t receive anything in advance. This is not just a financial
disadvantage but might disqualify e-published authors from participating in
certain organizations where membership requirements include works paid by
advance.
• Prices are not always significantly cheaper for e-documents, despite the lower
overhead. This might be a deterrent to sales.

Categories of e-publishing

59 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

During the last few years, the e-publishing industry has spread over with increasing
complexities and emergence of other concepts into it. The concept of' e-publishing'
covers a variety of publishing models and formats. E-publishing models include
commercial e-publishing, subsidy e-publishing, 'distributors', and self e-publishing.

• Commercial E-Publishing: The function of Commercial E-publishing is much like

commercial printing & publishing. Manuscripts are accepted on the basis of
quality and marketability. Most commercial publishers then go through the same
process of review, editing and proofreading before publication as a print
publisher. It has been found that most commercial e-publishers also accept fewer
than ten percent of submissions. While authors do not receive an advance, but
they do receive royalties (often as high as 40 percent), and do not pay anything
toward the cost of producing the book. In other words, writers pay no fee for
publication, but receive royalties.
• Vanity E-Publishing: Vanity Publishing is sometimes called as a subsidy
publishing since the author pays a subsidy to get a book published. Subsidy e-
publishers, like their print counterparts, produce and distribute books for a certain
fee per manuscript. Authors receive a royalty, which is usually comparable to that
offered by commercial e-publishers (around forty percent). Many subsidy
publishers have a range of extra charges - such as charges for formatting the
book if the author has not done so, charges for illustrations, cover designs,
editing, an ISBN or copyright registration, etc. These charges can add up quickly.
Like commercially published e-books, subsidy-published e-books are available
through most online bookstores. They are less likely to be available in a
downloadable Rocket Book edition, and very rarely found in traditional
bookstores. As they have ISBNs, they can be ordered from any bookstore. In
spite of many positive promises of vanity publishing, there are some problems in
it. . Authors do not rely on a subsidy press to edit, proof read or otherwise
contribute to the quality of a manuscript. Thus, one form of subsidy publishing
that is becoming increasingly popular is print-on demand (POD) publishing.
• No-Fee Distributors
A type of e-publishing that is difficult to categorize is the publisher who accepts
electronic manuscripts as it is, usually already formatted by the author, and
provides it to a bookstore where those books can be purchased. Generally, such
a distributor charges no fee to the author, but takes a percentage of royalties
(usually around twenty-five to thirty percent). A distributor generally does not get
involved in editing, designing or producing the document and the author can
usually set the price (though the distributor may have a minimum price limit).
Some distributors, like Booklocker.com, are highly selective about what books
they will offer for sale; others accept most manuscripts.
• Electronic Self-publishing
Electronic Self-publishing is a process in which the author is entirely responsible
for producing his or her own book, from development to publication to marketing.
Many authors choose to electronically self-publish their manuscript. In self-
publishing, the author formats the text (or arranges for formatting), and is
responsible for obtaining the ISBN and copyright registration. This offers an
inexpensive alternative to print self-publishing - for the obvious reason that one
does not incur the huge cost of getting one's book printed. Most often, a self-
published e-book will be posted upon or sold through the author's own site rather
than that of a publisher i.e., a self-published e-author generally does the majority

60 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

of marketing via the Web on his own. A self-published author receives all
revenues from book sales, rather than a percentage of revenue in the form of
royalties. Self-publishing is a viable option for many. This method places one in
complete control of the entire process. Most self-published e-authors publish
document in PDF or HTML format. Self-published e-authors are also eligible to
participate in Amazon.com s 'Advantage' program; however, they must be able to
provide a disk version of the book, with an ISBN.

Print on demand e-publishing

The Internet has provided writers a new way to reach vast audiences and promote
publishing e-books. This has much greater impact on the book business than
technological advances in publisher workflow but has been largely ignored by most
authors and publishers. The new pre-press software allows a skilled operator
working on a home PC to produce the electronic files for printing books that are
indistinguishable from the best. On-demand publishing allows publishers to print
commercially competitive books a single copy at a time- a true revolution in the basic
publishing model. This is considered as a form of electronic (or digital) publishing in
which a book is submitted to the publisher electronically, and is stored as an
electronic file, to be printed out in book format only when it is ordered by the
customer.
POD publishing is getting popularity in case of self-publishing. Anybody who prints a"
bunch of pages using their computer and printer, punches holes in the margin and
arranges them in a spiral-ring binder, can perfectly claim themselves as self-
publisher. But as far as. the industry is concerned, a publisher, whether a person or
business company, should have obtained at least one ISBN (International Standard
Book Number) block.

Kinds of e-publishing products

• E- Books
Electronic books are also known as e-books. E-books are electronic version of
books, delivered to readers in digital formats. They are read on all types of
computers, including handheld devices designed specifically for reading e-
books. Hence an electronic book should have electronic text and that text
is to be represented to the reader visually. The electronic text is either
saved to a floppy disk, transferred onto a CD-ROM, downloaded from the
Internet, or built into a palm-sized digital reader.

There are many devices being developed to make reading e-books easier
for consumers. E-books can be as familiar as their print counterparts or as
unique as the electronic medium itself, containing audio, video or live
hyperlinks.

The following file formats are used for e-books.

• .DOC files are read with Microsoft Word or WordPad. DOC files are also
compatible with the SoftBook Reader reading software and device.

61 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• .HTML files are read with Internet Browser software, which is pre-installed
on most computers and available as a free download. HTML files are
compatible with the Rocket eBook reading device.
• .OeB is the Open eBook Standard format. SoftBook Reader and Microsoft
Reader can read OeB compatible files. Rocket eBook is also compatible
with OeB.
• .PDF files are read with Adobe's Acrobat Reader or the Glassbook
Reader, both available as a free download.
• .RTF is considered the Universal file format because it works with any
word processing program, PCs and Macs. WordPad or a word processing
software package is needed to read .RTF files.
• .TXT files are called Plain ASCII text. Any ASCII editor based on Windows
or DOS may use to read them.
• .WPD files are read with Corel's Word Perfect.

• Electronic Journals
Electronic journal, e-journals in short, is a serial, produced, published and
distributed in electronic media. Basically e-journal is one which is available in
electronic form and can be accessed using computer and communication
technologies. Often e-journals are called virtual journals, paperless journals,
online journals, scholarly electronic journals, networked journals and CD-ROM
journals, etc.
Generally they are full text delivery systems and differ from conventional online
bibliographic databases. All the activities of publishing from the initial stages of
paper submission to publishing and distribution including accessing are
performed using electronic media. With the emergence of Internet the
prominence of e-journal has enhanced greatly. Electronic journal saves
considerable time and effort on the part of authors, users and publishers.

Types of E-Journals: Three types of electronic journals are available: i) online

journals which are basically the online versions of the print journals; ii) CD-ROM
journals which are full text journals published and distributed on CD-ROM media
periodically and iii) networked electronic journals published and distributed via the
Internet.
• E-Zine An E-zine, also known as an email magazine, online publication or
electronic newsletter/ magazine is simply a newsletter, stored on a file server,
distributed or accessed via email and/or online. It is also called Web-zine. There
are thousands of e-zines on various subjects available on the Internet free of
charge. Some of them are
www.indiatoday.com,www.musicindia.com,www.bestindiansites.com etc Having
an e-zine will enable to keep in touch with different visitors as well as to build a
huge database of several contacts of potential customers which help in marketing
on the Internet. In addition, it can eventually bring a nice income selling sponsor
advertising and classified advertisements. One can publish an e-zine completely
free.
• Electronic Theses and Dissertations: An ETD (Electronic Thesis and Dissertation)
is a document self explanatory by its name that is prepared as a result of
research work carried out by students of post-graduate course or research
degree. It is presented in a form simultaneously suitable for machine archives
62 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)
 Web Content Management System_NEP_Syllabus

and worldwide retrieval. A rather related project should be mentioned here. The
Networked Digital Library of Theses and Dissertations (NDLTD) is a collaborative
effort of universities around the world to promote creating, archiving, distributing
and accessing Electronic Theses and Dissertations (ETDs). Since its inception in
1996, a large number of universities have joined the initiative, underscoring the
importance institutions place on training their graduates in the emerging forms of
digital publishing and information access.

E-Publishing tools

Several tools and platforms are available for e-publishing, catering to different types
of content and user needs. Here are some notable e-publication tools across various
categories:
• E-Book Creation and Publishing
Calibre: A free and open-source e-book management tool that also allows for
ebook conversion and editing.
Sigil: An open-source e-book editor for creating and editing EPUB files, a widely
used e-book format.
Amazon Kindle Direct Publishing (KDP): A platform for self-publishing e-books on
Amazon, including Kindle e-books.
• Document and PDF Publishing
Adobe Acrobat: A widely used tool for creating, editing, and publishing PDF
documents.
Scribus: An open-source desktop publishing software for creating professional
layouts and publications.
• Interactive Content and Multimedia
iBooks Author: A tool by Apple for creating interactive e-books with multimedia
elements, designed specifically for Apple devices.
Klynt: A platform for creating interactive and multimedia-rich digital publications.
• Digital Magazine and Periodical Publishing
Mag+: A platform for creating and publishing digital magazines and interactive
content.
ZINIO: A digital publishing platform specializing in digital magazines.
• Online Publishing Platforms
Medium: An online publishing platform for creating and sharing articles and blog
posts.
WordPress: A widely used content management system with plugins for
epublishing, suitable for blogs and websites.
• Collaborative Writing and Publishing:
Scrivener: A writing and organization tool for authors, supporting the creation of
long-form content like novels and research papers.
Google Docs: A cloud-based collaboration tool that allows multiple users to
collaborate on writing and publishing documents.
These tools cover a range of e-publishing needs, from e-books and documents to
interactive content and online publications. The choice of tool depends on factors
such as the type of content, desired format, and distribution channels.

How to do e-publications

63 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

If you want to embark on e-publishing on your own, whether it's for an e-book, online
articles, or any digital content, here are general steps you can follow
• Create Your Content
Write Your Manuscript or Content
Prepare your content. Write your manuscript, articles, or any written material you
intend to publish.
Edit and Proofread
Edit and proofread your content to ensure it's polished and error-free. You may
consider hiring a professional editor.
• Choose a Digital Format
Select an E-publishing Format
Decide on the format for your content. Common formats include EPUB for
ebooks, PDF for documents, or HTML for online articles.
• Design and Formatting
Design Your Cover (for E-books)
Create an engaging and professional cover for your e-book. This is crucial for
attracting readers.
Formatting
Format your content according to the requirements of your chosen format.
Consider aspects like font, layout, and spacing.
• Use E-Publishing Tools
Choose an E-publishing Platform
Select an e-publishing platform that suits your needs. Examples include Kindle
Direct Publishing (KDP) for e-books, Medium for articles, or your own website
using platforms like WordPress.
Upload Your Content
Follow the platform's guidelines to upload your content. This often involves
creating an account, providing details about your publication, and uploading your
files.
• Set Pricing and Distribution
Pricing (for Commercial Publications)
If your publication is commercial, set the pricing for your content. Consider factors
like market trends, your target audience, and your goals.
Distribution Settings
Configure distribution settings. Decide where your content will be available and if
there are any restrictions.
• Promote Your E-publication
Marketing and Promotion
Implement a marketing strategy. Leverage social media, email newsletters, and
other channels to promote your e-publication.
Author Website (Optional)
Consider creating a website to showcase your work and build an online.
• Monitor and Iterate
Monitor Performance
Keep track of your e-publication's performance. Monitor sales or readership,
gather feedback, and analyse reviews.
Iterate and Improve
Try figure out issues like performance and work on improving.

64 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Simulation

Simulation refers to the imitation or representation of the operation or features of one

process or system by the operation of another, typically through the use of a model.

Characteristics of simulation

• Modelling Real-world Scenarios

Simulations model real-world scenarios, systems, or processes to provide a
representation that allows users to interact with and understand complex
situations.
• Purpose
Simulations are often used for training, testing, education, or analysis. They can
simulate anything from the behaviour of a physical system to the decision-making
processes within an organization.
• Examples
Flight simulators for pilot training, business simulations for strategic planning, and
medical simulations for training healthcare professionals are common examples.

Types of Simulation

• Physical Simulation
Involves creating a physical model that behaves similarly to the real system.
Examples include crash test simulations for automobiles or fluid dynamics
simulations for aircraft design.
• Computer Simulation
Utilizes computer programs to model the behaviour of a system or process.
Computer simulations are widely used in fields like physics, engineering,
economics, and social sciences.
• Training Simulations
Simulations designed for training purposes, providing a safe and controlled
environment for individuals to practice and enhance their skills. Examples include
flight simulators for pilots and medical simulations for healthcare professionals.
• Monte Carlo Simulation
A statistical method that uses random sampling to model the probability of
different outcomes in a process. It is commonly used in finance, project
management, and risk analysis.
• Business Process Simulation
Models the workflow and processes within a business. It helps organizations
optimize their operations, test strategies, and identify potential improvements.

Applications of Simulation

• Manufacturing and Engineering

Simulation is used to optimize manufacturing processes, improve product design,
and simulate the behaviour of complex systems, leading to cost savings and
efficiency improvements.
• Healthcare

65 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Medical simulations are used for training healthcare professionals, practicing

surgeries, and simulating patient scenarios to enhance clinical skills and
decision- making.
• Economics and Finance
Economic simulations model economic systems to understand the impact of
different variables. In finance, simulations are used for risk analysis, portfolio
optimization, and option pricing.
• Military and Defence
Military simulations range from training exercises for personnel to simulations of
strategic scenarios. They help in preparing for various scenarios and improving
decision-making.
• Environmental Simulation
Simulations are employed to model environmental processes, such as climate
modelling, to understand and predict changes in natural systems.
• Transportation
Simulation is used for traffic modelling, urban planning, and testing the safety and
efficiency of transportation systems, including railways and highways.
• Education
Simulations in education provide interactive and engaging learning experiences.
They allow students to experiment, visualize concepts, and understand complex
systems in a controlled environment.

Advantages of Simulation
• Risk-Free Experimentation
Simulation allows experimentation in a risk-free environment, enabling testing of
scenarios and hypotheses without real-world consequences.
• Cost Savings
Simulation reduces costs by eliminating the need for physical prototypes and
minimizing expenses associated with trial-and-error approaches.
• Optimization of Processes
Simulations optimize processes by testing various scenarios, leading to more
efficient workflows, resource utilization, and overall system improvements.
• Training and Skill Development
Simulations provide a realistic learning environment, allowing individuals to
practice and develop skills before applying them in real-world situations.
• Decision Support
Simulation aids decision-makers by providing insights into potential outcomes,
helping them understand consequences before implementation.
• Time Compression
Simulations compress time, allowing for the observation and
analysis of processes that unfold over an extended period in a shorter timeframe.
• Complex Systems Understanding
Simulation is valuable for understanding complex systems with numerous
variables and interactions, unravelling intricacies that may be challenging to
comprehend through traditional methods.
• Innovative Design

66 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Simulation facilitates innovative and iterative design processes, enabling the

exploration of new ideas and concepts without the need for physical prototypes.

Simulation, in its diverse forms, plays a crucial role in advancing knowledge,

improving processes, and enhancing skills across a wide range of disciplines. It
continues to evolve with advancements in technology, contributing to innovation and
problem-solving in complex systems.

Virtual Reality (VR)

Virtual Reality (VR) is a computer-generated simulation of a three-dimensional

environment or interactive experience that can be explored and interacted with by an
individual. VR typically involves the use of specialized hardware, such as VR
headsets, to immerse users in a synthetic environment that feels realistic. The goal
is to create a sense of presence, making users feel as though they are physically
present in the virtual world.

Key Characteristics of Virtual Reality

• Immersive Environment
VR creates a fully immersive digital environment that surrounds the user. This
environment is often three-dimensional and may include sights, sounds, and
sometimes even tactile sensations.
• Head Tracking
VR systems use head tracking technology to monitor the user's head movements
and adjust the visual display accordingly. This enhances the sense of presence
and realism.
• Interactivity
VR environments are interactive, allowing users to manipulate objects, navigate
the virtual space, and sometimes even interact with other users in real-time.
• Sensory Feedback
Some advanced VR systems incorporate sensory feedback, such as haptic
feedback gloves or controllers, to simulate a sense of touch and enhance the
overall immersive experience.
• Virtual Objects and Environments
Users can encounter and interact with virtual objects and environments. This can
range from exploring a virtual landscape to manipulating digital tools within the
virtual space.

Applications of Virtual Reality

• Gaming
VR is widely used in gaming to provide players with immersive and interactive
experiences. Users can feel like they are inside the game, exploring virtual worlds
and interacting with characters.
• Education and Training
67 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)
 Web Content Management System_NEP_Syllabus

VR is employed in education for immersive learning experiences. It allows

students to explore historical events, visit far-off places, or participate in realistic
simulations for professional training.
• Healthcare
In healthcare, VR is used for therapeutic purposes, such as exposure therapy for
phobias or pain management. Medical professionals also use VR for training and
surgical simulations.
• Architecture and Design
Architects and designers use VR to create virtual walkthroughs of buildings and
spaces. This enables clients to experience and provide feedback on designs
before construction.
• Virtual Tourism
VR allows users to virtually explore tourist destinations, museums, and cultural
sites from the comfort of their homes, providing a new dimension to virtual
tourism.
• Social Interaction
VR can facilitate social interactions in virtual spaces, where users can interact
with avatars of other users. Virtual meetings, conferences, and social gatherings
are becoming more common in VR environments.
• Therapy and Rehabilitation:
VR is used in therapeutic settings for physical and cognitive rehabilitation. It
provides controlled environments for patients to practice and improve motor
skills.
Virtual Reality continues to evolve, with advancements in technology enhancing
the realism and capabilities of VR experiences. The widespread adoption of VR
across various industries demonstrates its potential to transform how we learn,
work, and engage with digital content.

Virtual Reality Tool

Virtual Reality (VR) development involves the use of various software tools and
platforms. Here are some key VR software categories and examples:

• Game Engines
Unity
Unity is a versatile game engine widely used for VR development. It supports
multiple platforms and has a large community of developers. It offers a range of
tools for creating interactive and visually
appealing VR experiences.
Unreal Engine
Unreal Engine is known for its powerful graphics capabilities and is popular for
creating high-quality VR games and simulations. It provides a visual scripting
system (Blueprints) and supports VR development for various platforms.
• VR Development Platforms
Oculus Developer Hub
Oculus Developer Hub is a platform for developing applications for Oculus VR
devices. It provides tools for testing, debugging, and optimizing VR content.
SteamVR
SteamVR is a platform by Valve that supports the development and distribution of
VR content on the Steam platform. It is compatible with a variety of VR headsets.
68 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)
 Web Content Management System_NEP_Syllabus

• 3D Modeling and Design

Blender
Blender is a free and open-source 3D modeling software that supports VR
content creation. It is suitable for designing virtual environments, characters, and
objects.
Autodesk Maya
Maya is a professional 3D modeling and animation software widely used in the
entertainment industry. It supports VR content creation and is suitable for
complex 3D designs.
• VR SDKs (Software Development Kits)
Oculus SDK
The Oculus SDK provides tools and resources for developing VR applications
specifically for Oculus devices. It includes features for head tracking, hand
tracking, and spatial audio.
OpenVR
OpenVR is an SDK developed by Valve, supporting multiple VR hardware
platforms. It allows developers to create VR content that can run on various VR
headsets.
• WebVR Frameworks
A-Frame
A-Frame is a web framework for building VR experiences using HTML and
JavaScript. It simplifies the development of VR content for the web.
Babylon.js
Babylon.js is a powerful JavaScript framework for building 3D and VR
experiences in the browser. It supports VR devices and WebGL rendering.
• Spatial Audio Tools
FMOD Studio
FMOD Studio is a tool for creating interactive and immersive audio experiences
in VR. It allows developers to implement spatial audio that responds dynamically
to the user's movements.
Wwise
Wwise is an audio middleware solution used in VR
development. It provides features for creating realistic and dynamic soundscapes
in virtual environments.
• VR Content Creation
Tilt Brush
Tilt Brush is a VR painting application that allows users to create 3D art in a
virtual space. It's commonly used for artistic content creation in VR.
Quill
Quill is a VR illustration and animation tool that enables artists to create
immersive and animated VR content.
These are just a few examples, and the choice of software depends on the
specific requirements of the VR project and the development platform

2D Animation

Introduction to 2D Animation

69 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Animation, as an art form, has undergone significant evolution over the years, and at
its core lies the distinction between two-dimensional (2D) and three- dimensional
(3D) animation.

Defining 2D Animation

2D animation is a traditional animation technique that unfolds within a two-

dimensional space. In simpler terms, it involves the creation of images and
movement along a flat plane, primarily encompassing horizontal and vertical
dimensions. The essence of 2D animation lies in the sequential display of individual
frames, each contributing to the illusion of motion.

Key Characteristics of 2D Animation

• Two-Dimensional Space: Unlike its three-dimensional counterpart, 2D animation

confines movement to a flat plane. Characters and objects navigate along the X
and Y axes, embodying a classic and familiar visual style.
• Sequential Images: The animation process entails a sequence of frames, with
each frame representing a specific moment in time. When these frames are
played in rapid succession, the illusion of continuous movement is achieved,
captivating audiences with the magic of motion.
• Manual Drawing or Digital Tools: Traditionally, 2D animation involved meticulous
hand- drawing of each frame. However, with technological advancements, the
animation landscape has shifted towards digital tools and software. Artists can
now
• Lack of Depth Perception: A defining characteristic of 2D animation is its limited depth
perception. Unlike 3D animation, which creates a lifelike sense of depth, 2D animation
relies on artistic techniques such as shading and perspective to simulate depth within the
flat plane.

Examples Illustrating 2D Animation

• Classic Cartoons: The golden age of animation introduced iconic characters like
Mickey Mouse and Bugs Bunny, showcasing the charm and creativity of 2D
animation. These timeless characters brought joy to audiences worldwide and
remain synonymous with the art form.
• Web Animations: The digital era has witnessed the resurgence of 2D animation in
various online platforms. From playful GIFs to informative explainer videos, 2D
animation has found a new home on the web, captivating audiences with its
versatility and accessibility.
• Traditional Animation Films: While the animation landscape has expanded to
include 3D and hybrid techniques, traditional hand-drawn animation films remain
an integral part of the 2D animation legacy. These films, marked by artistic
craftsmanship, contribute to the rich tapestry of animation history.

Applications Across Industries

• Entertainment Industry: The entertainment landscape has been deeply influenced

by 2D animation. Animated films, television shows, and web series continue to

70 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

leverage the artistic and narrative potential of 2D animation to captivate

audiences of all ages.
• Advertising: In the realm of advertising, 2D animation serves as a powerful tool
for crafting visually engaging and compelling messages. Commercials, banners,
and promotional materials often utilize the dynamic and expressive nature of 2D
animation to leave a lasting impression.
• Educational Content: Recognizing the accessibility and educational potential of
2D animation, content creators employ this medium to develop engaging
tutorials, e- learning materials, and educational animations. The visual storytelling
aspect of 2D animation enhances the learning experience and facilitates
information retention.

In conclusion, 2D animation stands as a testament to the enduring allure of artistic

expression and storytelling through motion. From its humble beginnings in classic
cartoons to its resurgence in the digital age, 2D animation continues to captivate
audiences and find applications across diverse industries. As technology advances
and artistic boundaries expand, the legacy of 2D animation remains an integral part
of the ever-evolving world of animation.

2D animation software tools

Here are four popular 2D animation software tools

• Adobe Animate:
Formerly known as Flash, Adobe Animate is a powerful and versatile 2D
animation software. It allows users to create interactive animations for various
platforms, including web, mobile, and desktop.
Key Features
Rich set of drawing and illustration tools.
Support for vector graphics.
Timeline-based animation.
Integration with other Adobe Creative Cloud applications.
• Toon Boom Harmony
Toon Boom Harmony is a professional-grade animation software widely used in
the animation industry. It caters to both frame-by-frame animation and rig-based
animation, making it suitable for traditional and cut-out animation styles.
Key Features
Advanced rigging and character animation tools.
Support for traditional frame-by-frame animation.
Multi-plane camera for creating depth.
Integration with other animation pipelines.
• Pencil2D
Pencil2D is an open-source and free 2D animation software. It is designed for
traditional hand-drawn animation and is suitable for beginners and hobbyists
looking to create simple animations.
Key Features
Simple and intuitive interface.
Bitmap and vector support.
Frame-by-frame drawing and animation.
Lightweight and easy to use.

71 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• Synfig Studio
Synfig Studio is a free and open-source 2D animation software that allows users
to create vector-based animations. It is a powerful tool for creating complex
animations with features like bone rigging and cut-out animation.
Key Features
Vector-based animation with support for deformable layers.
Bone rigging for character animation.
Tweening and morphing capabilities.
Multi-platform support (Windows, Linux, macOS).
2D animation software options cater to a range of users, from beginners and
hobbyists to professional animators, providing a variety of features and
capabilities for creating captivating animations.

3D Animation

Introduction

In the expansive realm of animation, the term "3D animation" often conjures images
of visually stunning and immersive experiences. Unlike its two- dimensional
counterpart, 3D animation ventures into the world of depth and realism, opening up a
dimension of possibilities for storytellers, filmmakers, and artists. In this exploration,
we delve into the intricate layers of 3D animation, unraveling its definition,
techniques, applications, and impact on various industries.

Defining 3D Animation

At its core, 3D animation involves the creation of moving images within a three-
dimensional space. This multidimensional environment allows artists to manipulate
objects, characters, and scenes in a way that simulates real-world depth. Unlike the
flat, two- dimensional plane of 2D animation, 3D animation brings a tangible sense of
volume, perspective, and lifelike movement to the screen.

Key Characteristics of 3D Animation

• Three-Dimensional Space
The defining feature of 3D animation is its utilization of three- dimensional space.
Objects can move not only along the horizontal and vertical axes but also forward
and backward, creating a more realistic and immersive experience.
• Computer-Generated Imagery (CGI)
3D animation relies on Computer-Generated Imagery to model and render
objects and environments. Artists use specialized software to create virtual three-
dimensional models that serve as the foundation for animation.
• Realistic Depth and Lighting
Unlike 2D animation, 3D animation incorporates realistic depth perception and
lighting effects. Shadows, reflections, and shading contribute to the authenticity of
the animated elements, enhancing the overall visual appeal.
• Complex Movement and Camera Work
The multidimensional nature of 3D animation allows for intricate and fluid
movement of characters and objects. Moreover, the virtual camera can navigate

72 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

through the animated space, offering dynamic perspectives and cinematic

storytelling possibilities.

3D Animation has its applications in below domains

• Animated Feature Films: The realm of animated feature films has been
revolutionized by 3D animation. Examples include Pixar's "Toy Story,"
DreamWorks' "Shrek," and Disney's "Frozen," showcasing the ability of 3D
animation to bring characters and worlds to life with unparalleled realism.
• Video Games: The gaming industry heavily relies on 3D animation to create
immersive and interactive experiences. Games like "The Legend of Zelda: Breath
of the Wild" and "Fortnite" showcase the dynamic and realistic capabilities of 3D
animation.
• Architectural Visualization: 3D animation is utilized in architecture to create virtual
walkthroughs and visualizations of buildings and spaces before they are
constructed. This aids in conveying design concepts to clients and stakeholders.

Techniques in 3D Animation

• Modeling: Artists create 3D models of characters, objects, and environments

using modeling software. These models serve as the building blocks for the
animation.
• Texturing: Once models are created, artists apply textures to simulate surfaces'
appearance, including details like color, roughness, and reflectivity.
• Rigging: Rigging involves creating a digital skeleton (rig) for characters, enabling
animators to control their movements realistically.
• Animation: Animators manipulate the rigged models to create movement.
Keyframes, interpolation, and motion curves are used to achieve lifelike motion.
• Rendering: The final animation is rendered, generating the images that will make
up the frames of the animation. Rendering includes the application of lighting and
shading effects.

Applications Across Industries

• Entertainment Industry: 3D animation has become a cornerstone of the

entertainment industry, influencing animated films, TV shows, and video games.
The ability to create lifelike characters and dynamic environments has elevated
storytelling possibilities.
• Advertising and Marketing: The advertising world harnesses the visual impact of
3D animation to create compelling and attention-grabbing advertisements. From
product animations to elaborate commercials, 3D animation adds a layer of
sophistication and engagement.
• Medical Visualization: In the field of medicine, 3D animation is employed for
educational purposes and medical visualization. Animated simulations aid in
explaining complex medical procedures and concepts.
• Education and Training: 3D animation finds applications in education and training
through interactive simulations and virtual learning environments. This enhances
the learning experience by providing hands-on and visually engaging content.

73 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Introduction to Moodles

• Moodle is “open source”, allowing developers to tailor the system to individual

needs. It also communicates extremely well with many web -based resources
(Facebook, YouTube, Wikipedia, allowing developers creativity and versatility.
• The design of Moodle is based on socio-constructivist pedagogy. This means its
goal is to provide a set of tools that support an inquiry- and discovery-based
approach to online learning.Furthermore, it proposes to create an environment
that allows for collaborative interaction among students as a standalone, or in
addition to, conventional classroom instruction (CP).
• Moodle (Modular Object-Oriented Dynamic Learning Environment) is
basically an Open Source e-learning platform. Moodle is a Course Management
System (CMS) - a software package designed to help educators to create quality
online courses. Such e-learning systems are sometimes also called Learning
Management Systems (LMS) or Virtual Learning Environments (VLE).
• Moodle presents an excellent platform for resources and communication tools. It
was created by Martin Dougiamas, a computer scientist and educator who deeply
believes that a CMS should be created by an educator and not by an engineer.
• Moodle is the name of a program that allows the classroom to extend onto the
web. This program allows a common place for students to go for many classroom
resources. Using Moodle, teachers can post news items, assign and collect
assignments, post electronic journals and resources. It contains many useful and
friendly tools to create and operate the courses.
• Moodle is a template-based system to which allows us for easy navigation. The
whole page is presented in a "flat view" format. It is laid out in small blocks and
organized around sections following a topic or weekly outline. Each section has
its own tools such as lessons, quizzes, assignments, and forums. All blocks on a
page can be individually arranged, and the elements within each section can be
easily moved around or be hidden.

Applications of Moodle

• It can provide material for trainees and students. The material can divided
according to requirements.
• Assessment of trainee and students.
• Useful for every subject teacher or trainer.
• Moodle is the world‟s most widely used learning management system.
• Moodle is a massively successful open-source project.
• Core Moodle has a robust set of teaching & learning tools.
• Moodle has thousands of regular community contributors pushing the product
forward every day.
• Moodle is free for anyone to download and support, but resources are necessary
to maintain the system.

Key Features and Concepts in Moodle

• Course Management: Moodle allows educators to create and organize courses,

complete with content, assignments, assessments, and resources. Course

74 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

creators have the flexibility to structure courses in a way that suits their specific
teaching methods.
• User Roles: Moodle supports various user roles, including administrators,
teachers, students, and even guest users. Each role comes with specific
permissions and access levels to control what users can do within the platform.
• Content Management: Educators can upload various types of content, such as
text, images, videos, and documents, to create engaging learning materials.
These resources are organized within course modules and topics.
• Assessment and Grading: Moodle offers tools for creating quizzes, assignments,
and exams. It supports a range of question types, including multiple-choice,
essay, and more. The platform also facilitates automatic grading and provides a
gradebook to track student performance.
• Communication Tools: Moodle includes communication features such as forums,
chat, messaging, and announcements. These tools enable instructors and
students to interact and collaborate within the course.
• Collaboration and Group Work: It supports group activities, enabling students to
work together on projects and assignments. Moodle also offers collaborative tools
such as wikis and discussion forums.
• Plug-Ins and Customization: Moodle's modular design allows the addition of
various plugins and extensions to enhance its functionality. You can add features
like video conferencing, gamification, and more through these extensions.
• Reporting and Analytics: Moodle provides insights into student progress and
course performance through detailed reports and analytics. This data can help
educators make data-driven decisions to improve their teaching strategies.
• Accessibility and Multilingual Support: Moodle is designed with accessibility in
mind, making it more inclusive for all learners. It also supports multiple
languages, making it accessible to a global audience.
• Open Source: Moodle is open-source software, which means it's free to use, and
you have the freedom to modify and customize it to meet your specific needs.
Additionally, there is an active community of developers and users who contribute
to its development and support.
• Moodle is commonly used in schools, colleges, universities, and corporate
training environments to deliver online courses, training materials, and
educational content. It's a versatile platform that can adapt to various learning
requirements, making it a powerful tool for educators and trainers. Many
institutions and organizations choose Moodle due to its cost-effectiveness,
flexibility, and extensive feature set for online learning and training.

Creating and Uploading new course in Moodle

Creating an online course in Moodle involves several steps. Here's a step-by-step
guide.
Step 1: Accessing Moodle:
Log In:
Log in to your Moodle account using your credentials.
Access Dashboard:
After logging in, you will land on the dashboard. Locate and select the course
category where you want to create the new course.
Step 2: Creating a New Course:
Navigate to Courses:

75 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

In the left sidebar or main menu, find and click on "Courses."

Create a New Course:
Look for an option to create a new course. This might be labeled as "Create a
new course" or something similar.
Fill in Course Details:
Enter essential details for your course, including the course name, category,
and a brief description. You might also set the enrollment method, format, and
visibility options.
Step 3: Configuring Course Settings:
Configure Course Format:
Choose a course format (weekly, topics, social, etc.) based on how you want
to organize your course content.
Set Course Start Date:
Define the start date of your course, indicating when learners will gain access
to the materials.
Manage Enrollments:
Determine how learners will be enrolled. Options may include self-enrollment,
manual enrollment, or enrollment key.
Step 4: Adding Content:
Navigate to Course Content:
Enter your newly created course. You'll find tabs or sections for various
course elements.
Add Topics/Sections:
Moodle often organizes content into topics or sections. Add these and name
them according to your course structure.
Upload Resources:
Within each section, add resources such as files, documents, videos, or
external links. Moodle supports various resource types.
Create Activities:
Incorporate interactive elements by adding activities like quizzes,
assignments, forums, and surveys. These engage learners and assess their
understanding.
Step 5: Customizing Appearance:
Customize Appearance:
Explore options to customize the appearance of your course. This might
include adding a course image, specifying display options, and adjusting the
course layout.
Step 6: Enabling Completion Tracking (Optional):
Enable Completion Tracking:
If desired, set up completion tracking for activities and resources. This allows
you to monitor learners' progress through the course.
Step 7: Save and Preview:
Save Changes:
After configuring your course, ensure to save your changes.
Preview Course:
Before making the course available to learners, preview it to ensure
everything looks and functions as intended.
Step 8: Making Course Available:
Set Course Availability:

76 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Once satisfied with your course setup, set it to "Available" or "Visible" to allow
learners to access it.
Step 9: Announcements and Communication:
Use Announcements:
Utilize the announcement feature to communicate important updates,
changes, or information to your learners.
Step 10: Continuous Monitoring and Updating:
Monitor Learner Progress:
Regularly check learner progress, participation, and engagement. Use
analytics and reports available in Moodle.
Update Content:
Update course content as needed based on feedback, changes in curriculum,
or updates in the field.

Publishing course in Moodle

Certainly! When we talk about "publishing" a course in Moodle, it essentially means

making the course visible and available for enrolled students to access. Here's an
explanation.

Publish the Course in Moodle

• Log in to Moodle
Start by logging in to your Moodle account using your administrator or teacher
credentials.
• Navigate to the Course
Access the "Courses" section or the Moodle dashboard, and locate the specific
course you want to publish.
• Enter Course Settings
Click on the course name to enter the course and access its settings.
• Turn Editing On
To make changes to the course, ensure that the editing mode is turned on. Look
for an "Edit" or "Turn editing on" button. Click on it to enable editing.
• Adjust Visibility Settings
Locate the visibility settings for the course. This is often represented by an eye
icon. If the eye icon is closed (indicating the course is hidden), click on it to open
it (make it visible).
• Set Availability
Some Moodle installations may have additional settings related to course
availability. Ensure that the course is set to be available and accessible to
students.
• Save Changes
After adjusting the visibility and availability settings, save the changes. Look for a
"Save changes" or "Update" button on the page. This step is crucial to apply the
modifications.
• Turn Editing Off
If you turned editing on, remember to turn it off after saving changes. This is
typically done by clicking the "Turn editing off" button.
• Confirm Visibility

77 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Navigate back to the course page or the main course listing. Confirm that the
course is now visible. Students should be able to see the course on their
dashboard or course listings.

78 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

UNIT-5: Create and Add Assessment, Add and Enroll User and Discussion Forum,
Content Management System: Joomla, Content Management System: Drupal.

Create and Add Assessments

Creating assessments in Moodle involves setting up various activities and resources

to evaluate and measure the performance of students.

Here's a general guide on how to create assessments within a Moodle course

Types of Assessments in Moodle

• Quiz
Quizzes in Moodle can include various question types, such as multiple-choice,
true/false, short answer, and essay questions.
• Assignment
Assignments allow students to submit work, such as essays, projects, or any file-
based submissions. Instructors can grade and provide feedback.
• Forum
Forums can be used for discussion-based assessments where students engage
in online discussions. Instructors can assess participation and quality of
contributions.
• Glossary
Glossaries allow collaborative creation of a list of definitions or explanations.
Instructors can assess contributions to the glossary.
• Wiki
Wikis enable collaborative content creation. Instructors can assess the content
created by students.

Creating a Quiz

• Navigate to your Course

Log in to your Moodle site, access your course, and turn editing on.
• Add an Activity or Resource
Click on the section where you want to add the quiz, and then click "Add an
activity or resource”.
• Select Quiz
Choose "Quiz" from the list of activities.
• Configure Quiz Settings
Give your quiz a name and configure settings such as time limits, attempts
allowed, and review options.
• Add Questions
Add questions to your quiz. You can create various question types, set point
values, and shuffle questions.
• Save Changes
Save your quiz settings and questions.

Creating an Assignment
79 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)
 Web Content Management System_NEP_Syllabus

• Navigate to your Course:

Log in to your Moodle site, access your course, and turn editing on.
• Add an Activity or Resource:
Click on the section where you want to add the assignment, and then click "Add
an activity or resource”.
• Select Assignment:
Choose "Assignment" from the list of activities.
• Configure Assignment Settings:
Give your assignment a name and configure settings such as submission types,
due dates, and feedback options.
• Save Changes:
Save your assignment settings

Grading Assessments

• Access the Course

Log in to your Moodle account and navigate to the course where the assessment
you want to grade is located.
• Access the Assessment
Find the assessment in the course content. It could be a quiz, assignment, or
another type of activity.
• Enter the Grading Interface
Click on the assessment to enter the grading interface. Depending on the type of
assessment, this could take you to a page where you can view submitted
answers, essays, or other responses.
• Review Responses
Carefully review each student's submission. For quizzes, you may see multiple-
choice answers, short answer responses, or essays. For assignments, you might
see uploaded files or text submissions.
• Grade Submissions
Grade quizzes, assignments, or other assessments based on the criteria you've
set. Provide feedback as needed.
• Release Grades
Once grading is complete, release grades to students based on your preferred
schedule.

80 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Add and Enroll User and Discussion Forum

Adding and enrolling users in Moodle, as well as setting up a discussion forum,
involves administrative and course management tasks.

Here's a guide on how to add and enroll users, and create a discussion forum in
Moodle

Adding and Enrolling Users

• Adding Users:
Log in to your Moodle site as an administrator or a user with the necessary
permissions.
Navigate to "Site administration" and select "Users" > "Accounts" > "Add a new
user."
For each user, select the role you want them to have in the course (e.g., student,
teacher, non-editing teacher, etc.).
Fill in the required user information, including username, password, email, and
any other necessary details.
Save the new user account.
• Enrolling Users in a Course:
After creating the user, navigate to the course where you want to enroll the user.
Click on "Participants" in the course administration block. This will show you the
list of users currently enrolled in the course.
Click on the "Enrol users" button.
Select the user(s) you want to enroll in the course.
Choose the appropriate role (e.g., student, teacher, etc.).
Click the "Enrol" button to add the user to the course.
If necessary, inform the newly enrolled users about their access to the course
and any relevant instructions or guidelines.

Creating a Discussion Forum

• Navigate to Your Course

Log in to your Moodle site, access your course, and turn editing on.
• Add an Activity or Resource
Click on the section where you want to add the discussion forum, and then click
"Add an activity or resource”.
• Select Forum
Choose "Forum" from the list of activities. This will allow you to create a
discussion forum.
• Configure Forum Settings
Give your forum a name and description. Describe the purpose of the forum to
guide students. And configure settings such as subscription options, display
format, and attachments.
• Define Forum Type
Choose the type of forum you want to create, such as a standard forum for
general use, a single simple discussion, or a Q and A forum.
• Set Permissions:
Configure access and permissions for participants. You can specify who can
view, post the discussions.
81 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)
 Web Content Management System_NEP_Syllabus

• Save Changes:
Once you've configured the forum settings, click the "Save and return to course"
button. Your discussion forum is now created and added to the course.
• Encourage Participation:
Encourage Participation: Encourage students to participate in the discussion
forum by providing clear instructions and guidelines. You may want to set
expectations for participation, respectful communication, and frequency of
interaction.

Additional Tips

• User Roles:
Understand the different user roles in Moodle (e.g., student, teacher,
administrator) and assign appropriate roles to users based on their
responsibilities.
• Group Enrollment:
Explore group enrolment options if you want to organize students into specific
groups within a course.
• Forum Moderation:
Consider enabling forum moderation to control and monitor discussions within the
forum.
• Announcements:
Use announcements to notify users about new discussions or important updates
in the course.

Content Management System: Joomla

Introduction

• Joomla is an open source Content Management System (CMS), which is used to

build websites and online applications.
• It is free and extendable which is separated into front-end and back-end
templates (administrator).
• Joomla is developed using PHP, Object Oriented Programming, software design
patterns and MySQL (used for storing the data).

History

Joomla is based on Mambo CMS which was developed by an Australian company in

2001 and initially released on August 17, 2005. The official version of Joomla 1.0
was released on September 22, 2005.

Features

Joomla has its own powerful built-in features (core features).

82 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• User Manager: It allows managing the user information such as permission to

edit, access, publish, create or delete the user, change the password and
languages. The main part of the user manager is Authentication.
• Content Manager: It allows managing the content using WYSIWYG editor to
create or edit the content in a very simple way.
• Banner Manager
It is used to add or edit the banners on the website.
• Template Manager
It manages the designs that are used on the website. The templates can be
implemented without changing the content structure within a few seconds.
• Media Manager
It is the tool for managing the media files and folder in which you can easily
upload, organize and manage your media files into your article editor tool.
• Contact Manager
It allows to add contacts, managing the contact information of the particular
users.

• Web Link Manager

The link resource is provided for user of the site and can be sorted into
categories.
• Search
It allows users to search the appropriate information on the site. You can use
smart indexing, advanced search options, auto suggest searches to make
Joomla search best.
• Menu Manager
It allows to create menus and menu items and can be managed subsequently.
You can put menu in any style and in multiple places.
• RSS
It stands for Really Simple Syndication, which helps your site contents and RSS
files to be automatically updated.

Advantages

83 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

• It is an open-source platform and available for free.

• Joomla is designed to be easy to install and set up even if you're not an
advanced user.
• Since Joomla is so easy to use, as a web designer or developer, you can quickly
build sites for your clients. With minimal instructions to the clients, clients can
easily manage their sites on their own.
• It is very easy to edit the content as it uses WYSIWYG editor (What You See Is
What You Get is a user interface that allows the user to directly manipulate the
layout of the document without having a layout command).
• It ensures the safety of data content and doesn't allow anyone to edit the data.
• By default, Joomla is compatible with all browsers.
• The templates are very flexible to use.
• Media files can be uploaded easily in the article editor tool.
• Provides easy menu creation tool.

84 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Disadvantages

• It gives compatibility problem while installing several modules, extensions and

plugins simultaneously.
• Plugins and modules are not free in Joomla.
• Development is too difficult to handle when you want to change the layout.
• Joomla is not much SEO (Search Engine Optimization) friendly.
• It makes website heavy to load and run.

Real World Examples of What Joomla Can Create

• Corporate web sites or portals

• Corporate intranets and extranets
• Online magazines, newspapers, and publications
• E-commerce and online reservations
• Government applications
• Small business web sites
• Non-profit and organizational web sites
• Community-based portals
• School and religious web sites
• Personal or family homepages

Content Management System: Drupal

• Drupal is a free, open-source content management system (CMS) with a large,

supportive community. It’s used by millions of people and organizations around
the globe to build and maintain their websites.
• We probably use Drupal every day without knowing it, as many top businesses
and government organizations use Drupal, like the Government of Australia, Red
Cross, Harvard, The Economist, BBC, NBC News, Whole Foods, Cisco, Twitter,
and many, many more.

Features

• Drupal makes it easy to create and manage your site.

• Drupal translates anything in the system with built-in user interfaces.
• Drupal connects your website to other sites and services using feeds, search
engine connection capabilities, etc.
• Drupal is an open source software hence requires no licensing costs.
• Drupal designs highly flexible and creative website with effective display quality
thus increasing the visitors to the site.
• Drupal can publish your content on social media such as Twitter, Facebook and
other social mediums.
• Drupal provides more number of customizable themes, including several base
themes which are used to design your own themes for developing web
applications.
85 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)
 Web Content Management System_NEP_Syllabus

• Drupal manages content on informational sites, social media sites, member sites,
intranets and web applications.

Advantages

• Drupal is a flexible CMS that allows handling content types including video, text,
blog, menu handling, real-time statistics, etc.
• Drupal provides a number of templates for developing web applications. There is
no need to start from scratch if you are building simple or complicated web
applications.
• Drupal is easy to manage or create blog or website. It helps to organize,
structure, find and reuse content.
• Drupal provides some interesting themes and templates which gives your website
an attractive look.
• Drupal has over 7000 plug-ins to boost your website. Since Drupal is an open
source, you can create your own plug-ins.

Disadvantages

• Drupal is not a user-friendly interface. It requires advanced knowledge and few

basic things about the platform to install and modify.
• Drupal is a new content management system. It is not compatible with other
software.
• Performance is low compared to other CMS. The website which is built using
Drupal will generate big server loads and will never open with a slow internet
connection.

Choosing Between Joomla and Drupal

• Ease of Use
If you're looking for a user-friendly CMS with a gentle learning curve, Joomla
might be a better fit.
• Complexity and Scalability
If you need a highly flexible and scalable solution for a complex website or
application, Drupal may be the preferred choice.
• Community and Support
Both Joomla and Drupal have active communities, but Joomla might be more
approachable for beginners seeking community support.
• Development and Customization
If you have specific customization needs and development skills, Drupal's robust
architecture may be more suitable.
• Performance
Joomla is lighter and faster compared to Drupal, making it a good choice for
smaller websites or projects with limited resources.
• Security
Both Joomla and Drupal have dedicated security teams and regular updates to
address vulnerabilities. However, Drupal is often perceived as having a stronger
security focus.

86 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)

 Web Content Management System_NEP_Syllabus

Ultimately, the choice between Joomla and Drupal depends on your specific project
requirements, technical expertise, and preferences.

Both CMS platforms have their strengths and are used successfully across a wide
range of websites and applications.

Comparison between Joomla, WordPress and Drupal

87 INTERFACE BCA COLLEGE, DVG (Site: www.iccadvg.org , Phone no: 8884768574)