VISVESVARAYA TECHNOLOGICAL UNIVERSITY

“Jnana Sangama”, Belagavi-590018

INTERNSHIP REPORT

“PERSONAL BLOG”
Submitted in partial fulfilment of the requirement for the award of

BACHELOR OF ENGINEERING
In

ARTIFICIAL INTELLIGENCE AND MACHINE LEARNING

By
SIDDARTHA R (1RR20AI029)

Conducted at
COMPANY NAME: VARCONS TECHNOLOGIES PVT LTD.

DEPARTMENT OF AI&ML ENGINEERING

RAJARAJESWARI COLLEGE OF ENGINEERING

MYSORE ROAD, BANGALORE-560074
(An ISO 9001:2008 Certified Institute)
(2023-24)
 RAJARAJESWARI COLLEGE OF ENGINEERING
Department of Artificial Intelligence and Machine Learning
Approved by AICTE, Bengaluru

CERTIFICATE

This is to certify that the Internship titled “Personal Blog” carried out by
SIDDARTHA R, a bonafide student of Rajarajeswari College of Engineering,
in partial fulfillment for the award of Bachelor of Engineering, in
ARTIFICIAL INTELLIGENCE AND MACHINE LEARNING under
Visvesvaraya Technological University, Belagavi, during the year 2023-2024.
It is certified that all corrections/suggestions indicated have been incorporated
in the report.

The project report has been approved as it satisfies the academic requirements
in respect of Internship prescribed for the course Internship / Professional
Practice(18AII85).

Signature of Guide Signature of HOD Signature of Principal

External Viva:

Name of the Examiner Signature with Date

1)

2)

2
 DECLARATION
I, SIDDARTHA R, final year student of Artificial Intelligence and Machine
Learning, Rajarajeswari College of Engineering - 560074, declare that the
Internship has been successfully completed, in Varcons Technologies Pvt. Ltd.
This report is submitted in partial fulfillment of the requirements for award of
Bachelor Degree in Artificial Intelligence and Machine Learning, during the
academic year 2022-2023.

Date: 21/09 /2023 :

Place: Bangalore

USN: 1RR20AI029
NAME: SIDDARTHA R

3
INTERNSHIP CERTIFICATE

4
 ACKNOWLEDGEMENT

This Internship is a result of accumulated guidance, direction and support of

several important persons. We take this opportunity to express our gratitude to
all who have helped us to complete the Internship.

We express our sincere thanks to our Principal, Dr. R Balakrishna for providing
us adequate facilities to undertake this Internship.

We would like to thank our Head of Dept –AIML, Dr. Rajesh K S, for providing
us an opportunity to carry out Internship and for his valuable guidance and
support.

We would like to thank our Professor’s Software Services for guiding us during
the period of internship.

We express our deep and profound gratitude to our guide, Rashmi K M,

Assistant/Associate Prof, for her keen interest and encouragement at every
step in completing the Internship.

We would like to thank all the faculty members of our department for the support
extended during the course of Internship.

We would like to thank the non-teaching members of our dept., for helping us
during the Internship.

Last but not the least, we would like to thank our parents and friends without
whose constant help, the completion of Internship would have not been possible.

NAME: SIDDARTHA R
USN: 1RR20AI029

5
 ABSTRACT

This project presents the development and implementation of a dynamic personal

blog website using a combination of frontend technologies, including HTML, CSS,
JavaScript, and Bootstrap. The objective of this project was to design and build a
feature-rich personal blog that not only showcases the author's content but also
incorporates various functionalities to enhance the user experience.

The motivation behind the project and outlining the project's goals and objectives. It
also provides a brief overview of the technologies and tools used in the development
process, highlighting the importance of HTML for structuring content, CSS for
styling, JavaScript for interactivity, and Bootstrap for responsive design. User
Interface Design describes the design process, including wireframing and
prototyping, and how Bootstrap was employed to ensure a visually appealing and
responsive layout. Content Management discusses how HTML was used to structure
the blog's content, including articles, images, and multimedia elements.
Various functionalities were implemented, including a user authentication system,
search functionality, and dynamic content loading. These features aimed to enhance
the overall user experience and provide seamless navigation.

The report concludes with a summary of the project's achievements, lessons learned,
and potential future enhancements and features that could be added to further
improve the personal blog.
In summary, this project report provides a comprehensive overview of the
development process involved in creating a dynamic personal blog using HTML,
CSS, JavaScript, and Bootstrap. The resulting website not only showcases the
author's content but also offers a user-friendly and interactive platform for readers to
engage with the content.

6
 TABLE OF CONTENTS

Sl. no Description Page no

1 Company Profile 8
2 About the Company 10

3 Task Performed 15
4 Introduction 17
5 System Analysis 20

6 Requirement Analysis 22

7 Implementation 25

8 Snapshots 27

7
 CHAPTER 1
COMPANY PROFILE

8
 1. COMPANY PROFILE
A Brief History of Varcons Technologies
Varcons Technologies, was incorporated with a goal “To provide high quality and
optimal Technological Solutions to business requirements of our clients”. Every
business is a different and has a unique business model and so are the
technological requirements. They understand this and hence the solutions
provided to these requirements are different as well. They focus on client
requirements and provide them with tailor made technological solutions. They also
understand that Reach of their Product to its targeted market or the automation of
the existing process into e-client and simple process are the key features.

Varcons Technologies is a Technology Organization providing solutions for all

web design and development, MYSQL, PYTHON Programming, HTML, CSS,
ASP.NET and LINQ. Meeting the ever increasing automation requirements,
Sarvamoola Software Services. specialize in ERP, Connectivity, SEO Services,
Conference Management, effective web promotion and tailor-made software
products, designing solutions best suiting client requirements.

Varcons Technologies, strive to be the front runner in creativity and innovation in

software development through their well-researched expertise and establish it as
an out of the box software development company in Bangalore, India.

They understand that the best desired output can be achieved only by
understanding the clients demand better. Sometimes even they wonder that they
have completely redefined their solution or new application requirement during
the brainstorming session, and here they position themselves as an IT solution
consulting group.

They believe that Technology when used properly can help any business to scale
and achieve new heights of success. It helps Improve its efficiency, profitability,
reliability; to put it in one sentence” Technology helps you to Delight your
Customer” and that is what we want to achieve.

9
 CHAPTER 2
ABOUT THE COMPANY

10
 1. ABOUT THE COMPANY

Varcons Technologies is a Technology Organization providing solutions for all web

design and development, MYSQL, PYTHON Programming, HTML, CSS,
ASP.NET and LINQ. Meeting the ever increasing automation requirements,
Varcons Technologies specialize in ERP, Connectivity, SEO Services, Conference
Management, effective web promotion and tailor-made software products,
designing solutions best suiting client requirements. The organization where they
have a right mix of professionals as a stakeholder to help us serve our clients with
best of our capability and with at par industry standards. They have young,
enthusiastic, passionate and creative Professionals to develop technological
innovations in the field of Mobile technologies, Web applications as well as
Business and Enterprise solution. Motto of our organization is to “Collaborate with
our clients to provide them with best Technological solution hence creating Good
Present and Better Future for our client which will bring a cascading a positive
effect in their business shape as well”. Providing a Complete suite of technical
solutions is not just our tag line, it is Our Vision for Our Clients and for Us, we
strive hard to achieve it.

Products of Varcons Technologies

Android Apps

It is the process by which new applications are created for devices running the
Android operating system. Applications are usually developed in Java (and/or
Kotlin: or other such option) programming language using the Android software
development kit (SDK), but other development environments are also available,
some such as Kotlin support the exact same Android APIs (and bytecode), while
others such as Go have restricted API access.

The Android software development kit includes a comprehensive set of

development tools. These include a debugger, libraries, a handset emulator based
on QEMU, documentation, sample code, and tutorials. Currently supported
development platforms include computers running Linux (any modern desktop
Linux distribution), Mac OS X 10.5.8 or later, and Windows 7 or later.

11
Web Application

It is a client–server computer program in which the client (including the user

interface and client- side logic) runs in a web browser. Common web applications
include web mail, online retail sales, online auctions, wikis, instant messaging
services and many other functions. web applications use web documents written in
a standard format such as HTML and JavaScript, which are supported by a
variety of web browsers. Web applications can be considered as a specific
variant of client–server software where the client software is downloaded to the
client machine when visiting the relevant web page, using standard procedures such
as HTTP. The Client web software updates may happen each time the web page is
visited. During the session, the web browser interprets and displays the pages,
and acts as the universal client for any web application. The use of web application
frameworks can often reduce the number of errors in a program, both by making
the code simpler, and by allowing one team to concentrate on the framework while
another focuses on a specified use case. In applications which are exposed to
constant hacking attempts on the Internet, security- related problems can be caused
by errors in the program.

Frameworks can also promote the use of best practices such as GET after POST.
There are some who view a web application as a two-tier architecture. This can be
a “smart” client that performs all the work and queries a “dumb” server, or a
“dumb” client that relies on a “smart” server. The client would handle the
presentation tier, the server would have the database (storage tier), and the
business logic (application tier) would be on one of them or on both. While this
increases the scalability of the applications and separates the display and the
database, it still doesn’t allow for true specialization of layers, so most
applications will outgrow this model. An emerging strategy for application
software companies is to provide web access to software previously distributed as
local applications. Depending on the type of application, it may require the
development of an entirely different browser-based interface, or merely adapting
an existing application to use different presentation technology. These programs
allow the user to pay a monthly or yearly fee for use of a software application
12
without having to install it on a local hard drive. A company which follows this
strategy is known as an application service provider (ASP), and ASPs are
currently receiving much attention in the software industry.

Security breaches on these kinds of applications are a major concern because it can
involve both enterprise information and private customer data. Protecting these
assets is an important part of any web application and there are some key
operational areas that must be included in the development process. This includes
processes for authentication, authorization, asset handling, input, and logging and
auditing. Building security into the applications from the beginning can be more
effective and less disruptive in the long run.

Web design

It is encompases many different skills and disciplines in the production and

maintenance of websites. The different areas of web design include web graphic
design; interface design; authoring, including standardized code and proprietary
software; user experience design; and

search engine optimization. The term web design is normally used to describe the
design process relating to the front-end (client side) design of a website including
writing mark up. Web design partially overlaps web engineering in the broader
scope of web development. Web designers are expected to have an awareness of
usability and if their role involves creating markup, then they are also expected
to be up to date with web accessibility guidelines. Web design partially overlaps
web engineering in the broader scope of web development.

Departments and services offered

Varcons Technologies plays an essential role as an institute, the level of
education, development of student’s skills are based on their trainers. If you do
not have a good mentor then you may lag in many things from others and that is
why we at Varcons Technologies gives you the facility of skilled employees so
that you do not feel unsecured about the academics. Personality development and
academic status are some of those things which lie on mentor’s hands. If you are
trained well then you can do well in your future and knowing its importance of
Varcons Technologies always tries to give you the best.
13
They have a great team of skilled mentors who are always ready to direct their
trainees in the best possible way they can and to ensure the skills of mentors we
held many skill development programs as well so that each and every mentor can
develop their own skills with the demands of the companies so that they can
prepare a complete packaged trainee.

Services provided by the Company

• Core Java and Advanced Java

• Web services and development

• Dot Net Framework

• Python

• Selenium Testing

• Conference / Event Management Service

• Academic Project Guidance

• On The Job Training

• Software Traininng

14
 CHAPTER 3

TASK PERFORMED

15
 WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES

WEEK DATE DAY SUMMARY OF THE TOPIC/MODULE COMPLETED

14/8/23 Monday Understanding Web Application Architecture

1st WEEK

15/8/23 Tuesday Installation of VS Code, Introduction to the domain

16/8/23 Wednesday Introduction to HTML
17/8/23 Thusrday Document Structure, Schematic Element, Forms
18/8/23 Friday Introduction to CSS

WEEK DATE DAY SUMMARY OF THE TOPIC/MODULE COMPLETED

2nd WEEK

21/8/23 Monday CSS box Model, Styling Properties

22/8/23 Tuesday Introduction to Bootstrap
23/8/23 Wednesday Introduction to Javascript
24/8/23 Thursday Javascript Objects, Classes, Functions
25/8/23 Friday DOM

WEEK DATE DAY SUMMARY OF THE TOPIC/MODULE COMPLETED

3rd WEEK

28/8/23 Monday Introduction to Node.js

29/8/23 Tuesday Node.js Modules
30/8/23 Wednesday Node.js Files
31/8/23 Thursday Node.js Events
1/9/23 Friday Introduction to Node.js MySQL

WEEK DATE DAY SUMMARY OF THE TOPIC/MODULE COMPLETED

4th WEEK

4/9/23 Monday MySQL Queries

5/9/23 Tuesday Introduction to Node.js MongoDB
6/9/23 Wednesday MongoDB Query Operators
7/9/23 Thursday MongoDB Update Operators
8/9/23 Friday MongoDB Validation

WEEK DATE DAY SUMMARY OF THE TOPIC/MODULE COMPLETED

5th WEEK

11/9/23 Monday Introduction to Project Phase and its Details

12/9/23 Tuesday Project Allocation
13/9/23 Wednesday Project Explanation
14/9/23 Thursday Working of Project
15/9/23 Friday Working of Project

16
 CHAPTER 4

INTRODUCTION

17
 2. INTRODUCTION

Introduction to Web Apps

Web applications are similar to the traditional applications you’d install on your
Information, such as Microsoft Office. They are able to perform the same kinds
of tasks, they look the same and they feel the same but there is one key difference
- the application itself is not installed on your phone or Information, but lives in
the cloud. Web apps are not new, but it used to be that they were often unable to
compete with more traditional applications for business critical functions or
where rich user interaction was required. This is no longer the case. With the
power of modern web technologies, we are able to design and build performing,
secure, and feature rich applications that live in the cloud and bring with them a
huge number of benefits.

1. They can be accessed from anywhere.

⚫ Because web applications are built with web technologies and they run in a
web browser Internet Explorer, Google Chrome, Mozilla Firefox – this allows
them to be accessed from every web enabled tool. As long as you have an
internet connection you can use them.

⚫ It allows for remote working, it allows for rapid publishing of content, it

allows for real time collaboration between teams. If you have web access, you
have the ability to access your business tools.

2. They are cost effective.

⚫ Web applications are cheaper to produce and maintain than traditional

applications. No matter how many platforms your business uses (Mac, Linux,
Windows) web application build can be used across them all.

3. They benefit from more rapid update cycles.

⚫ A huge benefit of web applications is that when an update is released, all of

your users are immediately using that version. This doesn’t happen with
installed applications, especially in large organizations with IT policies that
18
 restrict administrator access.

4. They are secure.

⚫ Web developers have had to become experts in security – the web is a

platform designed to share everything with everyone! As such, the types and
levels of security included in web applications are often far greater than those
seen in traditional applications.
⚫ They also benefit from the ability to launch updates in real-time – the
application on the servers is the application people are using. The applications
on people’s laptops however the version last installed. And when those
laptops get left on a train it’s not a concern, as nothing is stored locally.
5. They enable more computing with fewer Information.

• They also benefit from the ability to launch updates in real-time – the
application on the servers is the application people are using. The
applications on people’s laptops however the version last installed. And
when those laptops get left on a train it’s not a concern, as nothing is stored
locally.
6. They enable more computing with fewer Information.

⚫ Web applications push all of the hard work to the servers, and act as intermediaries between
the user interface and the calculations happening behind the scenes. This means you can
accomplish terrifyingly complex work on a tablet, or your phone.

⚫ We’ve built web applications that allow people to understand the complex relationships
between 250,000 pieces of art on their phones, and applications that run the business
systems of one of the largest solar energy providers in the world. Often these products
are not financially viable to build using traditional application processes.

Problem Statement as mentioned in the proposal

Develop an application which facilitates creation of web pages having a need to
install any HTML editor based software and also which can be used by any novice
user (no HTML knowledge needed) that is developing web pages on the online.
This module is designed to reduce the process involved in managing the activity
of customers and business where the business can sell their services .
19
 CHAPTER 5

SYSTEM ANALYSIS

20
 4. SYSTEM ANALYSIS
1.Existing System
Systems analysis is the process of gathering and evaluating data, identifying issues,
breaking down a system into its constituent parts. System analysis is used to
investigate a system or its components in order to determine its goals. The existing
website was pretty good, but the information was not up to the mark. Website for
queries for engineering students is very important in all the aspects. First and fore-
most it was not attractive and navigation friendly

Disadvantages of the Existing System

Some disadvantages of existing blog websites can include:

1. Limited Customization: Many platforms have predefined templates and limited

customization options, restricting unique design and branding.

2. Dependency on Platform: You rely on the platform's rules, policies, and

potential changes, which can affect your blog's visibility or features.

3. Costs and Pricing Structures: Some platforms charge fees for advanced
features, customization, or removing ads, potentially adding to your expenses.

2. Proposed System
It focuses to Create an intuitive interface allowing users to easily customize their
blog's layout, colors, fonts, and other design elements without requiring coding
skills. an extensive knowledge base and video tutorials to assist users in learning
how to optimize their blogs, improve engagement, and utilize the platform
effectively. By focusing on simplicity, transparency, community building, and
empowering users with essential tools and knowledge, one can propose a user-
friendly and effective blogging platform.

3.Objective of the System

1. Create an intuitive interface allowing users to easily customize their blog's
layout, colors, fonts, and other design elements without requiring coding
skills.

2. Webpage is designed with respect to public usage even a common person

can also easily understand and access the information provided.

3. User friendly access: A user-friendly interface enhances the overall

experience for bloggers and visitors, making it more pleasant and engaging.
21
 CHAPTER 6

REQUIREMENT ANALYSIS

22
 5. REQUIREMENT ANALYSIS

Hardware Requirement Specification

• HTML, CSS, JS, BOOTSTRAP

• Notepad++ Editor, VS Code

• Processor: Intel core i5 processer

• Memory: 15.6 GB

• Hard Disk: 40 GB
Software Requirement Specification
A] Functional Requirements

1. User Authentication and Authorization:

- Users can create accounts and log in securely.
- Different user roles (e.g., admin, author, reader) with appropriate
permission

2. Content Management:
- Authors can create, edit, and delete blog posts.
- Ability to categorize and tag blog posts.

3. Search and Navigation:

- Users can search for specific blog posts based on keywords, categories, or
tags
- Navigation features like menus and search bars for easy access to content.

B] Non-Functional Requirements

1. Performance:
- The blog should load within a reasonable time (e.g., under 3 seconds) to ensure
a good user experience

2. Scalability:
- The system should handle increased traffic and data growth gracefully.

3. Security:
- Use encryption for sensitive data, secure authentication, and protect against
common web vulnerabilities (e.g., XSS, CSRF).
23
4. Reliability:
- The blog should be available and functional most of the time, with minimal
downtime.

5. User Experience:
- Intuitive and easy-to-use interface to enhance user satisfaction.
- Consistent branding and design elements for a cohesive look and feel

24
 CHAPTER 7
IMPLEMENTATION

25
 6. IMPLEMENTATION

1. Subscribe Page

2. Home Page

• Header

• Sidebar

• Contents

• Widget

MODULES DESCRIPTION

• The basic webpage of this project is created using HTML, styling of the
webpage is done using CSS and Javascript for interactive web content.

• The main objective of this project is to learn the implementation of HTML,

CSS and JavaScript.

• The Website mainly include:

1. Header: Includes Logo, icons, Search Bar, blogs, Dashboard

2. Content: Includes various blogs on food, travel, etc.

3. Feed: Includes Information and posts with various blogs.

4. Widget: Includes Widget Header and Contents.

26
CHAPTER 8
SNAPSHOTS

27
8. SNAPSHOTS

28
29
 9. CONCLUSION

The package was designed in such a way that future modifications can be
done easily. The following conclusions can be deduced from the development
of the project:

1. Automation of the entire system improves the efficiency

2. It provides a friendly graphical user interface which proves to be better

when compared to the existing system.

3. It gives appropriate access to the authorized users depending on their

permissions.

4. It effectively overcomes the delay in communications.

5. Updating of information becomes so easier

6. System security, data security and reliability are the striking features.

7. The System has adequate scope for modification in future if it is necessary.

30
 10. REFERENCE

1. https://www.w3schools.com/

2. https://getbootstrap.com/

3. Youtube

4. GeeksforGeeks

31