Professional Documents
Culture Documents
1SP16CS090-Internship Report
1SP16CS090-Internship Report
An Internship report on
“Web development intern as subdomain developer at All Time
News”
Submitted in partial fulfilment of the requirement for the award of the degree of
Bachelor of Engineering in
Computer Science and Engineering
Submitted by
SAURABH KUSHWAHA 1SP16CS090
CERTIFICATE
Certified that the internship entitled “Web development intern as subdomain
developer at All Time News” carried out by SAURABH KUSHWAHA (1SP16CS090),
bonafied student of S.E.A College Of Engineering & Technology, in partial fulfillment
for the award of Bachelor of Engineering in Computer Science and Engineering
Department of the Visvesvaraya Technological University, Belgaum during the year 2019-
2020. It is certified that all corrections/suggestions indicated for internal assessment have
been incorporated in the report deposited in the department library. The project report has been
approved as it satisfies the academic requirements in respect of internship work prescribed for
the said degree.
1.
2.
INTERNSHIP COMPLETION CERTIFICATE FROM
THE ORGANIZATION
ABSTRACT
Having a positive online presence is very essential especially for a news company. All Time News
is a National Hindi weekly of Time Media House. I was approached by one of their contacts
providing me an excellent opportunity to intern for the development and deployment of their
official website from scratch. This opportunity would not only give me industrial experience to
some extent but also will enable me to learn how a website is deployed within a really small amount
of time. Hence, I accepted the challenge and took up the internship.
The web development team was in constant contact with the higher authority and settled at the
domain name – “timemedianews.in” which will be online for at least one year from the date of
purchasing the server hosting the website content.
The team chose Wordpress as the platform to develop and deploy the website as it provides
powerful tools and easy to use graphical user interface. Wordpress also has several features and
tools like plug-ins and themes which supports smooth website operation.
After the two month period, the web development team was able to make the website skeleton
which was ready to include news related posts including some performance optimization
techniques. This website was accepted by the organization and our work was appreciated.
ACKNOWLEDGEMENT
Firstly, I thank the management and late Shri A. Krishnappa. Chairman S E A College of
Engineering and Technology for providing necessary infrastructure and creating a functional
environment.
I would like to express my thanks to our college principal Dr. K Suresh for the assistance
and support given by him.
I would like to express my sincere thanks to Dr. Sundeep Kumar, HOD of Computer
Science and Engineering for his encouragement, guidance and motivation.
I have got an opportunity to develop my professional skills while undertaking the internship
entitled “Web development intern as subdomain developer at All Time news”.
I give my sincere thanks to my guide Dr. B. Loganayagi who have always been a guiding
force. She brought my attention to various cyber security related topics which helped me gain
awareness about them.
I also extend my thanks to all faculty members of COMPUTER SCIENCE Dept. who
gave me valuable guidance and help when I needed it.
My obligations remain due to all those people who have directly or indirectly helped me in
successful completion of the internship. No amount of words written here will suffice for my sense
of gratitude towards them all.
SAURABH KUSHWAHA
(1SP16CS090)
TABLE OF CONTENTS
3 INTRODUCTION TO WORDPRESS 7
3.1 Why Wordpress? 8
3.2 The Wordpress interface 8
4 TASKS PERFORMED 11
4.1 Creating and managing website subdomains 14
4.2 Installing Wordpress in the subdomain 17
4.3 Embedding Google ads – AdSense into the 20
website
5 SCREENSHOTS 26
6 CONCLUSION 29
7 REFERENCES 30
FIGURE INDEX
Chapter 1
ABOUT THE ORGANIZATION
'All Time News' is the National Hindi weekly of Time Media House, the parent organization behind
the Time Media School of Journalism that has groomed many prominent journalists from print and
electronic media worldwide.
The newspaper has a strong and active presence in society as well as government organizations and
departments, and various central and state ministries.
With a digital audience ranging from a few senators and MP's of USA, Canada, Great Britain and
many more European, Asian and Latin American countries, it covers people of more than 22,000
small and big cities and towns over the globe in many regional and international languages.
CPIM
The grace of their mentor, an experienced journalist and writer with the Russian Embassy's Soviet
Union, the late Shri Ramakant Srivastava who joined the league of many eminent writers like
Harivansh Rai Bachchan when he was awarded the 3rd Soviet Land Nehru Award by Indira
Gandhi and the Soviet Union in the year 1968. (Mother Teresa received the same award 22 years
later in 1990).
The organization is committed to follow the guiding light shown by their forefathers to keep striving
for "Journalism of Truth."
The organization “All Time News” is a company focused on not only gathering genuine news from first
hand sources but also trying their best to broadcast it as clearly in a justified and fair manner.
The main service of this organization is to provide transparent, unedited and unbiased news to all and
follow the path of ethics to meet their functional needs.
Facebook
Youtube
Instagram
LinkedIn
The organization is in its early phase adopting the online media and hence was looking to create a
news website which would not only present the user with accurate news but also provide details
about the organization and essential contact information.
As All Time News is related to an educational institute which teaches journalism practices, they also
have certain online programs to help the students and people get acquainted with the field of writing
news and content. In the upcoming chapter we will have an overview of such programs which are
provided by this organization.
Chapter 2
Internship is an effective way to get to know potential employee regarding their domain specific
skills and other social skills as well. This acts as an opportunity for not the intern but also the
organization for gaining better clarity on their new hires.
In All Time News, the internship department follows traditional hiring methods and relies on the
goodwill and skills of the interns to carry out certain tasks.
This department can be contacted by the official internship e-mail and after successful completion of
the assigned tasks in the internship period, an email containing soft copy of the certificate is received
from the department, as in my case.
The “Internship” department deals with hiring eligible and skilled interns for carrying out tasks
related to the functioning of the organization like journalism and in my case – website development
and deployment.
The website development team was first of its kind in the organization to create their official website
available at reference [4] where news and other related information can be displayed in an effective
manner keeping in mind the various devices the website may be viewed in.
The web development team consisted of four interns with each having some unique tasks and
overlapping tasks as well. In the most granular level, the team members maintained a strong contact
for communicating, sharing ideas and general web development process.
This program is designed and is focused on providing marketing exposure to students in their
school or colleges. Working professional may also join the program to reskill themselves or
explore the field of marketing from the basics. The form website can be seen in Fig 2.2.1.
Google forms is used to collect the initial information regarding enrolment and easy management of
user data submitted. As Google forms provide a quick way to setup a form and provide convenient
editing mechanisms, it was chosen as a primary platform for online enrolment.
This program is focused on providing journalism, news writing and content writing training
which is available to all. The program can be completed online and there is no requirement
for offline classes. The form website can be seen in Fig 2.2.2.
For enrolling into any of the programs, the organization can be contacted by their respective e-mails
and fill an online form.
Chapter 3
INTRODUCTION TO WORDPRESS
Wordpress is a free and open-source content management system (CMS) written in PHP and paired
with a MySQL or MariaDB database. It allows a user to create and deploy a website without having
the need to code every single aspect of the website. Initially, wordpress was used mainly to publish
blogs and now it can used from making an online learning system to creating an online store for sales
and business.
The following are some statistics which reflect the popularity of wordpress:
Wordpress has more than 60% market share as a content management system with a total of
24,808,989 websites online [1].
33.6% of the top 10 million websites as of April 2019 use wordpress [2].
This may have clarified why wordpress was our choice to develop and deploy the news website.
Wordpress provides powerful tools to manage any content on the website and gives easy to use and
intuitive interface to interact with the website being made during development process. In next
section we will look at some specifics of why exactly we chose to work with wordpress.
Wordpress is free and open source which makes it easy to make changes via our own code
and customize the website as needed.
Wordpress makes is easy to manage weekly/daily posts (news posts in our case) which can be
edited and removed anytime through a simple option provided in the interface.
The basics of wordpress is easy to learn and implement as there are many online resources
and the wordpress community is huge and welcoming.
Websites deployed with wordpress are enriched with SEO (Search Engine Optimization)
techniques which will allow the website to reach wider audience.
The performance and loading times of the websites is impressive even when deployed on a
shared Linux server like in our case.
Finally, the websites are adaptable to any standard screen size which ensures user
convenience.
Now, we will have a look at the type of interface wordpress provides to manage the development of
a website. Fig 3.2.1 shows the login page for getting access to the website development tools. This
can be opened by appending “/wp-admin” after the wordpress enables website domain.
After successful credential verification, a dashboard as seen in Fig 3.2.2 loads which has all the
necessary menus and details with further submenus in order to get started with editing the website.
As seen in Fig 3.2.2, the black menu on the left contains essential management options like:
Posts
Media
Comments
Appearance
Plug-ins
Users
Settings etc
“Posts” and “Media” options are to manage news upload and any media (audio/video) on the website
respectively and “Comment” option is used to deal with any comments on any post.
“Appearance” option has a sub-menu option called “Customize” which opens up the interface used
to set the layout of the website as seen in Fig 3.2.3.
As seen in the figure above, in top left corner a blue button called “Published” is present. This button
changes to “Publish” and becomes clickable. Once clicked, all the changes made to the website are
saved and the same changes are reflected in the live website.
Chapter 4
TASKS PERFORMED
My main role in the internship was to administrate and develop the subdomains apart from the main
domain in which every member of the team had some overlapping contributions. The following are
the tasks performed by me during the course of the internship:
Before explaining the tasks in detail, the explanation about the hosting platform is required.
Though wordpress provides its own hosting options, we chose was “Hostgator” as it had the most
value for server configuration and easy wordpress specific options to manage the website. Fig 4.1
shows the plans, configurations and pricing of wordpress related hosting.
After successfully purchasing the required server configuration the “cPanel” becomes accessible and
Hostgator sends the credentials required to access the cPanel and the server interface.
The developer of the website needs to append “/cpanel” after the website domain name to be
redirected to the cPanel login page as shown in Fig 4.2.
The cPanel interface after successful credential verification shows the options as seen in Fig 4.3 to
Fig 4.5.
Now, as we have become a little familiar on the procedure of how to access the server which is
hosting the complete website, we can look at how subdomain are created.
A subdomain can be seen as a sister site of the main domain with different themed content or content
with a different presentation style which belongs to the same category and objectives as of the main
domain.
Subdomains in our case is used as a convenient way to translate the entire main website from English
to Hindi as the organization has a big presence in northern India where Hindi is well understood and
interpreted.
Being from a Hindi speaking background, I took up this role so as to ensure a certain level of
grammatical correctness in the Hindi content and all the Hindi translates website elements.
Clicking the “Subdomains” option leads to the page where subdomains can be managed (created,
removed etc). This can be seen in the Fig 4.1.2
As seen from the figure above the subdomain called “hindi.timemedianews.in” was created by me so
as to create a directory called “hindi” in the file manager which can be seen in Fig 4.1.3.
An important feature to keep in mind is that all the domains and subdomains get an SSL
certificate which makes the connection between the user and server secure. Here, hostgator
provided us with unlimited subdomain creation which can be further interpreted as unlimited
SSL certificates for all the subdomains.
Once the directory is created in the file manager, it is time to install wordpress in it and configure it
in the same way as the main domain as in our case the only changes to be made is to translate all the
possible English elements to Hindi. In the next section, we will look at how to install wordpress in
the file manager under “hindi” directory.
The first step to install wordpress is to download wordpress from their official website and keep the
same version as used in the main domain. The official website to download it is
wordpress.com/download as seen in Fig 4.2.1.
Once the wordpress download is finished (extract the zip), the file manager is opened and “hindi”
directory is selected. An “Upload” option appears in the top toolbar and an upload interface as seen
in Fig 4.2.2 appears.
The files from the extracted zip files are selected and uploaded into the “hindi” directory as seen with
the contents in Fig 4.1.3.
Once the wordpress related files are uploaded, it is now time to create a database where all the
content on the website like posts, comments and user accounts will be saved.
To create a new database, “MySQL databases” option is selected as seen in Fig 4.1.1 and we get the
interface as seen in Fig 4.2.3.
Any new database name will be prefixed by “time1ml_” as it is the username of the cPanel account.
The database can be accessed by the “phpMyAdmin” option as seen in Fig 4.1.1. If this option is
selected after successful installation, we can view the interface as shown in Fig 4.2.4.
The final step to install wordpress into the directory is to execute the following command (in the
form of a URL) in a browser and wait for its completion.
Installation command:
http://example.com/blog/wp-admin/install.php
This will take some time to install as it extracts and gets the server-side file manager ready. The
installation time may also depend on the configuration of the hosting server chosen.
The domain will come online after installation is finished and the “/wp-admin” option will become
available to be used to login into the wordpress dashboard.
And this finishes the installation and deployment of the subdomain. In the next section we will know
about how I embedded ad space on the website using the most popular ad provider – Google Ads.
Displaying relevant advertisements (ads) in a website is not only an effective way to generate a
revenue stream but also an ethical one as well.
In the news website developed, I decided to embed ads from Google ads platform - AdSense. Even
though the ads did not become visible as the website was still under construction, a space where ads
can be displayed was clearly made.
These advertisements are available in many sizes as a graphical representation of the product being
advertised.
It is a general fact that Google and its online platforms like the Google search engine and
YouTube are by far the most popular sites on the internet.
AdSense the biggest search ad provider with around 80% market share [3].
AdSense has secure and fair monetary returns.
It implements systems to prevent click-bombing effectively.
The final benefit of using AdSense is that it is completely free to use and it takes 32% of your
revenue generated by user clicking and interacting with the ads.
This gives me confidence that choosing AdSense as the preferred ad provider is right.
Before putting ads on your website, the website must comply by AdSense rules. Some of the rules
are:
Now, let us have an overview on how did I use AdSense to create a space for potential ads. This is a
straight forward procedure and does not require complex coding.
Step2: Login into the AdSense website and you will see the interface as shown in Fig 4.3.1
Step 3: Click on “Sites” option in the sidebar for open the interface to add the name of the website
you want to display ads in. See Fig 4.3.2.
Step 4: Click on “Ads” option in the sidebar and select “By ad unit” tab. This shows all the ad units
active which can display ads if website meets the requirement. See Fig 4.3.3
Step 5: Click on the “Display ads” option in Create new ad unit section of the same “By ad unit” tab
which will show the interface where you will select the shape of the ad and keep the size as
“Responsive” and click on the “Create” button in the bottom right corner as seen in Fig 4.3.4.
Step 6: The window shown in Fig 4.3.5 will pop up and I copied the code snippet given in it.
Step 7: Open the “Widget” option form the “Appearance” menu, choose the place on the website you
want to display the ad on, create a text widget and paste the copied code form Step 6 in the text
section and click “Save”. See Fig 4.3.6.
Step 8: Open the website and see the ad space as shown in Fig 4.3.7.
As we can see in Fig 4.3.7, the space where the ad will be displayed is present while the ad itself is
not. This is because the website does not have enough original content and has some blank pages as
the website was still under development.
With this, I was able to successfully use and embed AdSense ads on the website and the same
procedure can be repeated on the subdomains as well.
Chapter 5
SCREENSHOTS
Chapter 6
CONCLUSION
Throughout the two months of actively interning, communication was kept strong between the team
as it was our first experience deploying a website. I was able to gain much needed experience which
was working on a live project even if it was not coding heavy but required moderate technical skills.
I certainly was able to contribute towards development of a live website from scratch which gave me
confidence to be able to claim that I can now not only build but also deploy a website as well with
very reasonable costs associated.
Following are some technical insights I gained during the internship period:
The chosen website hosting platform, Hostgator, provided free SSL certificates on all the
domains and subdomains which ensures secure connection between the user and the website.
As Wordpress provides the developers with powerful tools and is open source, the website
can be edited with additional CSS code which will override the existing website layout code.
This was used to better express a normal website as a news website.
Wordpress also provided basic SEO (Search Engine Optimization) implementation on the
website for making the website appear in search engines like Google and Bing when it is
looked up.
Along with getting much needed technical knowledge, the following are non-technical skills which I
was able to improve:
Understanding the roles and tasks assigned to the team members and work on them.
Effectively communicate any information which is to be conveyed.
Learning, listening and contributing to the collective team effort.
Keeping an open mind for improving the website with new ideas from anyone.
The website developed was successfully deployed as a proof of concept and was appreciated by the
authorities.
REFERENCES
[1] ‘‘Top 10 Popular CMS by Market Share (to Start a Website)”. Available:
https://www.isitwp.com/popular-cms-market-share
[4] “All Time News” website developed during internship. Available: https://timemedianews.in