INDUSTRIAL TRAINING

REPORT
For partial fulfillment towards

completion of DIPLOMA in

COMPUTER TECHNOLOGY

Submitted by
Mr Aher Sarthak Navnath

Guided by
Prof.Shinde B.B.

at

Amrutvahni sheti & shikshan Vikas Sanstha’s

AMRUTVAHINI POLYTECHNIC SANGAMNER

Sangamner, District- Ahmednagar (Maharashtra)

Academic Year-2024-25
 Academic Year-2024-25

Amrutvahini Polytechnic, Sangamner

DEPARTMENT OF COMPUTER TECHNOLOGY

This is to certify
Mr Aher Sarthak Navnath

Has satisfactorily completed the In- Plant Training at

“Sumago Infotech Pvt. Ltd. Nashik”.
This report is being submitted in partial fulfillment for the award of diploma in
Computer Technology to Maharashtra State Board of Technical Education, under my
guidance.

Prof.Shinde B.B. Prof. Kale G.B.

Mentor, HOD,
Dept. of Computer Technology Dept. of Computer Technology
Amrutvahini polytechnic, Sangamner Amrutvahini polytechnic,
Sangmner
 INDUSTRIAL TRAINING REPORT APPROVAL SHEET

Maharashtra State board of technical education Mumbai

MAHARASHTRA STATE BOARD OF

TECHNICAL EDUCATION
(MSBTE)

Certificate of Completion

This is to certify that Mr. Aher Sarthak Navnath with Enrollment

No.
2200800175 has successfully completed Industrial Training (22057) in Full
Stack Development in Python and Django from 03-06-2024 to 13-07-2024
for partial fulfillment towards completion of Diploma in Computer
Engineering from Amrutvahini Polytechnic, Sangamner Institute code
0080.

Date: Place:Sangamner

Mentor: Head of the Dept.

 ACKNOWLEDGMENT

The Acknowledgement is just like a drop in the ocean of the deep sense of gratitude
within our heart for people who helped us out of most embarrassing part of our life
when I was standing at most difficult step towards my dream of life.

Many people have contributed to the success of this in-plant training. Although a
single sentence hardly suffices, I would like to thank Director & Chief Executive
Officer (CEO) of Sumago Infotech PVT. LTD., Ms.Sonali Gorade and Training Co-
ordinators for giving me such golden opportunity to train at their site, and, providing a
chance to get more hands-on approach for better understanding.

This Summer Industrial Training wouldn’t have been possible without the
support of our honorable Principal Prof. Dhumal V.B, who has given his precious
time and gave some ideas and suggestion towards this training.

I extend sincere and heartfelt thanks to central support of our department

respected Prof. Kale G.B, Head of Department, Computer Engineering, for providing
me the right ambience for carrying out this work.

I'm grateful and sincerely appreciate the effort of my respected mentor Prof.
Shinde B.B. who acted as a fulcrum for me and supported me during the ups and
downsof this training.

I express immense pleasure and thankfulness to all the teachers and staff of the
Department of Computer Engineering for their cooperation and support.

Name:Aher Sarthak Navnath

College Name: Amrutvahini Polytechnic, Sangamner
 ABSTRACT

Industrial training is very important for the future. Industrial training is an important phase of a every
student life. In industrial training many thinks learn that period. This time is given a direction to future.
It develops an awareness of industrial approach to problem solving, based on a broad understanding of
process and mode of operation of organization.

Our implant training industry is situated at Nashik. The Name of industry is NP IT SOLUTION. During
the training period of 6 weeks at Sumago Infotech PVT. LTD. we were able to learn the basic concepts
of Python, HTML, CSS, JavaScript, Bootstrap, MySQL, and much more.

Sumago Infotech PVT. LTD. is one of the leading companies in Nasik in the area of software
Development and Training Services. They are received ISO 9001 – 2015 Quality standard for our
services. They are providing services to people since last 10 years. They are basically work in website
design and development, Android application development, Software development, Digital Marketing.
They are also providing training to students on these platforms.

They are thinking that it is necessary for students as they will realize how actually work is done at
industry. Also, they will be benefited by the practical knowledge through this training. Keeping this
view in mind their management has decided to organize a 6 Week Implant / Industrial Training program
for the students of polytechnics. In this program students will have choice to adopt different
technologies for their training. They will be fully trained on that technology.

In the Sumago Infotech PVT. LTD. during the entire 6 weeks Implant Training, we have come across
various new things which were really interesting and were not that much aware to those things. In our
industry we can attended the online ITR lectures. and this online lecture is best experience in the implant
training.
 INDEX

Sr No. Title of Chapter Page No.

1. Company Background and Organizational Structure 1- 5

2. Introduction 6-8

3. Services Offered 9-12

4. Safety Procedures 13

5. Experiments in Industry 14-18

6. Description of the Project 19-22

7 Experience in Industry 23-24

- References 25

-
 Chapter 1
COMPANY BACKGROUND & ORGANIZATION STRUCTURE

We at Sumago Infotech PVT. LTD. are a group of IT experts, who accompanied a promise of
conveying technology-enabled business solutions. We give world-class software and web advancement
services that focus on assuming a supportive job to your business and its holistic development. Our
profoundly skilled associates and worldwide conveyance capabilities ensure the accessibility and scale
to adjust client's technology solutions to their business needs. Our offerings span the whole IT life cycle
from Consulting through Packaged, Custom, and Cloud Applications as well as an assortment of
Infrastructure Services.
We have certified and tech savvy professionals who are richly experienced in different
disciplines of online solutions that exceptionally support the businesses to fulfil several objectives We
craft the solutions as per the requirements of the clients

Services Provided by Sumago Infotech PVT. LTD.:

• Website Design & Development
• Branding, Catalogue Designing, Logo Design
• Web hosting, Domain Registrations & Professional Email Service
• CRM, ERP Software Development
• Customized Software Development
• E-Commerce Website Development
• Android Application & IOS Application Development
• Search Engine Optimization & Social Media Management
• Bulk Email Service, Bulk SMS Service
• SAP Business one Support & Consultancy
• IT Consultancy
•
Some Statistics about Sumago Infotech PVT. LTD.:
 50+ Work Experiences
 750+ Clients
 55+ CRM Client & ERP
 700+ Static Websites
 22 Web Development Team
 5 Android Development Team

Some Training Statistics of Sumago Infotech PVT. LTD.:

 100 + Workshops
 80 + Seminars
 55 + Corporate Training
 70 + MOU
 5000 + Students Trained
 1000 + Tech Video Library

Dept. of Computer Technology 7 Amrutvahini Polytechnic

Working Style / Development Process:

Dept. of Computer Technology 8 Amrutvahini Polytechnic

 Chapter 2
INTRODUCTION TO COMPANY

2.1 Introduction
Sumago Infotech PVT. LTD. give world-class software and web advancement services that focus on
assuming a supportive job to our business and its holistic development. It profoundly skilled associates
and worldwide conveyance capabilities ensure that accessibility and scale to adjust client’s technology
solutions to their business needs. It has certified and tech savvy professionals who are richly
experienced in different disciplines of online solutions that exceptionally support the business to fulfil
several objectives.

Location: Sumago Infotech PVT. LTD., Kamod Nagar, Nashik, Maharashtra

Industry Product Range :

Sumago Infotech PVT. LTD. are a group of IT experts, who accompanied a promise of conveying
technology- enabled business solution. We give world-class software and they advancement services
that focus on assuming a supportive job to your business and its holistic development.

Some Statistics about Sumago Infotech PVT. LTD.:

 50+ Work Experiences
 750+ Clients
 55+ CRM Client & ERP
 700+ Static Websites
 22 Web Development Team
 5 Android Development Team

Some Training Statistics of Sumago Infotech PVT. LTD.:

 100 + Workshops
 80 + Seminars
 55 + Corporate Training
 70 + MOU
 5000 + Students Trained
 1000 + Tech Video Library

Dept. of Computer Technology 9 Amrutvahini Polytechnic

 Chapter 3
SERVICES
OFFERED

 WEB DESIGN & DEVELOPMENT

Today business strategies have been changed, online presence is becoming key factor for every
business irrespective of its size, it is an implied rule, that if your business is progressive enough, it will
undoubtedly have a website of its own. Website is the best method to enrich progress of your business
by customizing correspondence strategy for target audience and furthermore to generate generic data
about potential customer.

Our team makes effective use of the latest designing, website development, maintenance tools for the
benefit of the client's representation on the World Wide Web Our team of expert designers and
developers work with same enthusiasm to develop all type of websites like simple static website, event
management website, matrimony website, retails website to e- commerce website. Our team focuses on
optimized content, graphics, designs and other light weight elements so as to make an interactive stage
which draws in more targeted customers. We make the best use of web-based tools to deliver custom
web designs which make effective use of blaze, and other such designing techniques which will benefit
your internet marketing objectives

 MOBILE APP DEVELOPMENT

The number of Android users is growing rapidly all over the globe. If you feel, mobile technology is
important to your business, services, or products then you need a partner like Sumago Infotech PVT.
LTD.. Hire our professional android app developers, who are well-versed in App development and
create path-breaking Android Apps. Do you wish to create an Android App within an affordable
budget? Sumago Infotech PVT. LTD. has a professional and highly qualified team of Android App
developers. With extensive experience and in-depth knowledge in building unique Android Apps, we
offer Apps development service across the world. Our expert team will understand your requirement and
will deliver good results along with an end-to-end service to assist you at every stage.

Our team of programmers has strong technical proficiency with a huge experience in Android platform
and technologies. Our services of Android app development include Custom Android app development,
cross-platform Android app development, Android games development, Android app QA & testing,
Android app enhancements & upgrades, Android widget development, Android support & maintenance
and more. If you want to build the best app, connect with a leading Android app development company
in India. We ensure your app is optimized effectively, look no further than Sumago Infotech PVT. LTD..
As we have a massive amount of experience in app design, development, and support.

Dept. of Computer Technology 12 Amrutvahini Polytechnic

  SOFTWARE DEVELOPMENT

Today, Sumago Infotech PVT. LTD. has earned prominence in developing error -free, innovative, class-
apart software solutions for their clients. Sumago Infotech PVT. LTD. is one such destination, where
every client is satisfied and happy by the results they get. Our team follows systematic way of
development; every software is developed and delivered before timeline without compromising in
quality. Repetitive orders are the evidence of our professional work approach.

 DIGITAL MARKETING

Digital marketing has become one of the most popular buzzwords in the last couple of years.
Everybody is talking about digital marketing and professionals praise it's the way to grow an online
business. If you type the phrase 'digital marketing' in Google trends, you will see that there is a clear
upshift in search terms related to digital marketing.

Our Digital Marketing include Search Engine Optimization, Social Media Marketing, Email Marketing
Service, Affiliate Marketing, Pay Per Click.

 GRAPHICS DESIGNING

Designs play a key role while converting your idea to real product or service. Every business grows
with interest of target audience in your product or service, the design is what make your audience
engages to your business.

Our creative expert designers have increased our customer's acquisition rate by implementing
innovative and creative concepts. We provide our vast services from concept to finished product

Our Graphic Services include Logo design, Graphic design, Company Profile Design, Social Media
Post, Brochure Customized Design.

 ERP AND CRM SOFTWARE

Sumago Infotech PVT. LTD. is a top ERP and CRM Software solutions provider company. We offer
full featured, flexible and award-winning software solutions with ERP and CRM that is unmatchable in
the current market. We help enterprises to reach the high levels of success with innovative business
management software solutions. The tech savvy experts are highly dedicated and experienced to scale
up the business to new heights of success. We redefine the integral business operations with best-in-
class ERP and CRM solutions that are designed as per the competitive market. We give high efforts for
meeting ever-increasing customer expectations. With our specially designed software solutions, we
ensure to boost up productivity and efficiency

Dept. of Computer Technology 12 Amrutvahini Polytechnic

  DOMAIN NAME REGISTRATION

Sumago Infotech PVT. LTD. conveys genuine Domain Name Registration Services according to the
particulars of the customers. Sumago Infotech PVT. LTD. has exceptionally experienced educated
experts who comprehend the shifting necessities of customers and are additionally mindful about the
various components of Domain registration. We separate the websites according to the base of the
business and designate the particular domain names. We offer nation level domains like .in, org.in,
ac.in, and so forth alongside.com, organization, .net, and so forth. We offer Domain Name Registration
administrations for government, private, instructive, human services and web-based business sites
alongside different business segments.

 LINUX WEB HOSTING

Sumago Infotech PVT. LTD. has earned wide notoriety as an expert web hosting specialist
organization. For conveying high evaluation web hosting administrations to quantities of organizations
just as experts since years, Sumago Infotech PVT. LTD. has gotten the primary decision in the market.
We have some expertise in Linux Web Hosting administrations and solutions for the customers
requesting for quick, dependable and stable working framework.

Sumago Infotech PVT. LTD. brings world class quality Linux Web Hosting administrations. We have
the group of specialists who endeavor hard to furnish top quality Linux web hosting with uncommon
mix of the unequalled reliability. We have various bundles for people and independent ventures just as
enormous organizations. We offer exceptional bundles for web designers also!

Dept. of Computer Technology 12 Amrutvahini Polytechnic

 Chapter 4
SAFETY

PROCEDURES

4.1 GENERAL SAFETY

 Reduce the risk of workplace incidents, injuries, and fatalities through data- driven
measurements and improvements

 Involve people from different parts of the organization to make safety a shared Responsibility

 Be well organized and structured to ensure consistent growth and performance.

 Be proactive, preventive and integrated into the culture of the entire organization.

 Verify your backups are working.

 Check disk usage.

 Monitor RAID Alarms.

 Update Your OS.

 Update your Control Panel.

 Check application updates.

 Check remote management tools.

 Check for hardware errors.

 Check server utilization.

 Review user accounts.

 Change passwords.

 Check system security.

Dept. of Computer Technology 13 Amrutvahini Polytechnic

 TOPICS WE LEARN IN THE INDUSTRY
Exploring Key Areas of Knowledge and Skills for Professional Development

 HTML
HTML, short for Hypertext Markup Language, is the foundation of web development and a
fundamental language for creating web pages. It provides a structured framework for organizing
content on the internet. HTML utilizes tags to define the structure and presentation of elements
within a webpage. These tags, enclosed in angle brackets, indicate the purpose and characteristics
of different elements such as headings, paragraphs, images, links, tables, and forms.

HTML follows a hierarchical structure, with the <html> tag as the root element. Inside the
<html> tag, there are <head> and <body> tags. The <head> section contains meta- information
about the webpage, such as the title, character encoding, and external stylesheets or scripts. The
<body> section encompasses the visible content of the webpage.

HTML tags are used to define various elements. For example, the <h1> to <h6> tags represent
headings of different levels, with <h1> being the highest and <h6> the lowest. Paragraphs are
defined using the <p> tag, while images are inserted with the <img> tag. Links are created using
the <a> tag, allowing users to navigate between web pages. Tables are structured using the
<table>, <tr>, and <td> tags, among others.

Attributes can be added to HTML tags to provide additional information or functionality. For
instance, the "src" attribute is used in the <img> tag to specify the image source, while the "href"
attribute in the <a> tag defines the destination URL of a link.

HTML is a versatile language that serves as the backbone of web development. Understanding its
basics enables developers to create well-structured and visually appealing web pages that are
accessible to users across different devices and browsers.

 CSS
CSS (Cascading Style Sheets) is a fundamental technology used in web development to control
the visual appearance and layout of HTML elements on a webpage. It provides a set of rules and
properties that define how elements should be presented, allowing developers to enhance the
design and user experience of their websites.
CSS works by applying styles to HTML elements, either directly within the HTML file or in an
external CSS file that is linked to the HTML document. It uses a selector mechanism to target
specific elements and then applies various styling properties to modify their appearance.

Dept. of Computer Technology 14 Amrutvahini Polytechnic

  BOOTSTRAP
Bootstrap is a popular open-source framework for building responsive and mobile-first websites. It
provides a collection of pre-designed HTML, CSS, and JavaScript components that can be easily
integrated into web projects, enabling developers to create visually appealing and user-friendly
interfaces quickly.

The core concept of Bootstrap is its grid system, which allows developers to create flexible and
responsive layouts. The grid system divides the web page into a series of rows and columns,
making it easy to arrange content and adapt it to different screen sizes and devices.

In addition to the grid system, Bootstrap offers a wide range of components, such as buttons,
forms, navigation menus, carousels, and modals. These components come with predefined styles
and behaviors, reducing the need for custom coding and speeding up the development process.

Bootstrap also provides a responsive design approach, ensuring that websites automatically adjust
their layout and appearance based on the screen size and orientation of the device being used. This
helps create a consistent user experience across various devices, from desktops to tablets and
smartphones.

By using Bootstrap, developers can save time and effort by leveraging ready-made components
and styles, allowing them to focus on functionality and customization. It has become a popular
choice in the industry for rapid prototyping, building minimum viable products (MVPs), and
creating visually appealing websites with modern design aesthetics.

 JAVASCRIPT
JavaScript is a versatile programming language that is widely used for creating interactive websites
and web applications. It is a client-side scripting language, meaning it runs directly in the user's
web browser. JavaScript allows developers to add functionality, handle user interactions, and
manipulate web page elements dynamically.

At its core, JavaScript provides the basic building blocks of programming, such as variables, data
types, operators, control structures (if statements, loops), and functions. These fundamental
concepts enable developers to write scripts that perform calculations, make decisions, and execute
repetitive tasks.

One of JavaScript's key features is its ability to manipulate the Document Object Model (DOM).
The DOM represents the structure of an HTML document, and JavaScript can access and modify
elements, attributes, and content within the DOM. This allows developers to create dynamic and
interactive web pages, updating content, responding to user actions, and creating visually appealing
effects.

Dept. of Computer Technology 15 Amrutvahini Polytechnic

JavaScript also supports various APIs (Application Programming Interfaces) that provide
additional functionality beyond the browser environment. These APIs enable tasks such as making
HTTP requests (fetching data from a server), manipulating browser history, accessing device
sensors (e.g., geolocation), and working with multimedia (audio, video).

Additionally, JavaScript has a vast ecosystem of libraries and frameworks, such as React, Angular,
and Vue.js, which simplify and enhance the development process. These tools provide pre-built
components, advanced features, and efficient ways to organize and manage code.

Overall, understanding the basics of JavaScript is essential for web developers as it forms the
foundation for creating interactive and dynamic web experiences.

Dept. of Computer Technology 16 Amrutvahini Polytechnic

 Chapter 5
EXPERIMENT IN INDUSTRY
----------------------------------------------------------
"Experimentation in Industry: Unleashing Innovation and Driving Growth through Hands-on Trials and
Iterative Processes"

In today's rapidly evolving business landscape, experimentation has emerged as a critical component
for industries seeking to stay ahead. This short description explores the significance of
experimentation in industry, highlighting how it fuels innovation and drives growth. By embracing a
mindset of trial and error, businesses can explore new ideas, test hypotheses, and gather valuable
insights to optimize processes, develop new products, and enhance customer experiences. Through
iterative experimentation, industries can adapt to changing market demands, identify opportunities,
and ultimately achieve sustainable success in an ever-changing business environment

During our learning journey, we successfully created a total of five static websites. Three of these
websites were developed with the valuable assistance of our mentor during our daily practical
sessions. Additionally, we designed two individual static websites, each serving a unique purpose: one
for our personal portfolio and resume, and another specifically tailored for a CBSE school.

To showcase our accomplishments, we have attached screenshots of all the projects we have
completed. These screenshots provide a visual representation of the websites we developed,
demonstrating our skills and the outcomes of our hard work.

Dept. of Computer Technology 17 Amrutvahini Polytechnic

Screenshot:

Dept. of Computer Technology 18 Amrutvahini Polytechnic

Dept. of Computer Technology 19 Amrutvahini Polytechnic
Dept. of Computer Technology 20 Amrutvahini Polytechnic
 Chapter 6
DESCRIPTION OF
PROJECT
----------------------------------------------------------
Project Title: Tourisum webpage with Python andDjango

Description:

The Asko Tours is a web application developed using Python and Django that simplifies the process of booking and
reserving professional tours . This project aims to provide users with an easy-to-use platform to reserve their tours with
full of facilities and comfort .

Key Features:

1. User-Friendly Interface: The application offers an intuitive and user-friendly interface for users to input their personal
information ,suggestions , Habits, skills, and more.

2. Destination Information- Detailed description of tourist attractions , landmarks and places of interest.

3. Booking System- Integrated booking options for flights ,hotels ,tours and activities

4. Search Functionality- Ability to search for destinations , accommodations , tours and activities

5. Interactive map – Interactive map showing key location , attractions , and recommended tours .Layers to highlight
different types of attraction such as historical sites, restaurants and natural parks ,

6. Special offers and Discounts – Current promotion ,discounts and special travel package . Information on loyalty
rewards and membership benefits . options for visitor to subscribe to updates on deals and offers

7. Payment Options – support for various payment modes including credit cards ,paypal and other digital wallets .
 Chapter 7

Experiences in Industry

REFERENCES

--------------------------------------------------------------------

HTML:

 Mozilla Developer Network (MDN) HTML Documentation:

https://developer.mozilla.org/en-US/docs/Web/HTML

 W3Schools HTML Tutorial:

https://www.w3schools.com/html/

CSS:

 Mozilla Developer Network (MDN) CSS Documentation: https://developer.mozilla.org/en-

US/docs/Web/CSS

 W3Schools CSS Tutorial:

https://www.w3schools.com/css/

Bootstrap:

 Bootstrap Documentation: https://getbootstrap.com/docs/

 W3Schools Bootstrap Tutorial:

https://www.w3schools.com/bootstrap/

JavaScript:

Mozilla Developer Network (MDN) JavaScript Documentation:

https://developer.mozilla.org/en-US/docs/Web/JavaScript

 W3Schools JavaScript Tutorial:

https://www.w3schools.com/js/
 Sumago Infotech PVT. LTD. WEEKLY REPORT

Week 1: From Date: 03/06/24 To: 08/06/24

Day Activities Carried Out

1 Introduction of Sumago Infotech PVT. LTD. and Team Structure. Identify
Responsibilities of different People working In the Company.

2 What is Python
•Things to keep in mind installing editor
•Understanding python basicsyntax
•Features of Python, datatype in it
•What are keywords in Python

3 Operators in java
•Arithmetic Operators
•Assignment Operators
•Relational Operators
•Logical Operators
•Bitwise Operators
•Membership Operators
•Identity Operators

4 Data Types in Python

•Operations on String
•Introduction to Lists
•Methods of Lists

5 Introduction to Tuples
•Understanding Concepts of Tuple
•Understanding Concepts of Sets
•Understanding Concepts of Dictionary

6 Practice Session
Week 2: From Date: 10/06/24 To: 15/06/24

Day Activities Carried Out

1 Knowing about Conditional and Control Statements
•Introduction to flow control statements
•If statement
•If-Else Statement
•Nested If Statement
•Elif Statement
2 Functions in Python
• Syntax of functions in python
• Benefits of Functions
• Types of functions

3 Anonymous Function
•Introduction to Anonymous Function, Special Function
•Understanding concepts of OOP
•Introduction to Constructors in Python
•Types of Constructors
•Inheritance Introduction

4 Polymorphism in Python
•Method Overriding
•Method Overloading
•Polymorphism with Inheritance
•Abstraction
•Encapsulation

5 Exception Handling In Python

•Types of Error
•Concept of Try-Except
•Understanding concept of try-except, else, finally
•User-defined Exception

6 Practice Session
Week 3: From Date:17/06/24 To: 22/06/24

Day Activities Carried Out

1 File Handling
•Operations on File Handling
•Read operations
•Write operation
•Append content in a file
•Remove files
•Read all lines in a file

2 Learning about database connectivity

•Database interaction with python
•Installation of python
•Connection of Python database
•CRUD operations: Create, Read, Update, Delete:
•Integration of Python in Database

3 What is Html and CSS

• Things to keep in mind installing editor
• Understanding html page structure Html tags HTML attributes
• how to add paragraph heading comment quote and formatting text
• How to add link image and table in html page
• What is div span iframe and creating lists
•Assignment to use All Above Content in One Program

4 Getting learned about Form control.

•Forms control
•Overall Session Task in HTML Form:

5 CSS syntax selector and ways to add CSS

•Handling background
•How to apply different style on text
•Handling font
•what is class Handling CSS stylesheets Adding comment styling html lists
•How to give border outline margin padding
dimensions Assignment to use All Above Content in One
Program
6 Practice Session
Week 4: From Date: 24/06/24 To: 29/06/24

Day Activities Carried Out

1 CSS Box Model , Font , Background
•CSS Box Model
•Background Color
•Background Image
•Font family 9-
•Font size
•CSS Form

2 Getting introduced to Bootstrap

•Bootstrap introduction (v5.2.3)
•Bootstrap container and container-fluid
•Bootstrap basic grid
•Bootstrap table
•Bootstrap form
•Bootstrap button with color
3 Using bootstrap model
•Understanding concept of Bootstrap
•Syntax of function
• Rules to create a function
•Parameterized function
•Return statement
•Javascript scope
4 DOM structure
•Introduction
•DOM structure
•DOM structure in JavaScript
•Javascript validation
•Javascript validation techniques
•Benefits of javascript validation

5 Introduction to Django
•How Django works
•First Django project
•First Django application(App)
•Creating simple Django projects

6 Practice Session
Week 5: From Date: 01/07/24 To: 06/07/24

Day Activities Carried Out

1 URLs, Views and Routing views
•URL’s views and routing overview
•Function-based views - basics
•Dynamic views and routing logic
•Reverse URL’s and URL names
•Connecting a view to a template
2 Learning Django templates ,template diretories
•Django templates
•Templates directories
•Variables in templates
•Filters
•Tags
•For loops
•If, Elif, Else tags
3 Introduction to models in database
•Database overview
•Models and database
•Models and fields
•Migrations
•Data interactions
•Data interaction
4 Data interaction
•Updating entries
•Deleting entries
•Connecting templates and database models

5 Django administration
•Django administration
•Django admins and models
•Introduction to Django forms section
•GET, POST, CSRF Overview
•Django forms class basics
•Django forms-template rendering
•Django model forms
6 Practice Session
Week 6: From Date: 08/07/24 To: 13/07/24

Day Activities Carried Out

1 Introduction to class based views
•Class based views
•Templates view
•Form view
•Create view
•List view
•Detail view
•Update view
•Delete view
2 User authentication
•User authentication and sessions
•User authentication with user model
•Registration and forms
•User specific pages
3 Django linode deployment
•Introduction to Django deployment
•Linode setup and SSH connection
•Version control with git and github
4

5
WORKING ON PROJECT “Asko Tours
6 ”
 Project Code:-

Home Page:-

{% load static %}

<!doctype html>

<html lang="en">

<head>

<!-- Required meta tags -->

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap CSS -->

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-
EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLA
SjC" crossorigin="anonymous">

<title>ASKO Travel</title>

<style>

.navbar-brand img {

border-radius: 50%;

height: 70px;

width: 70px;

Dept. of Computer Technology Amrutvahini Polytechnic

 }

.nav-link, .navbar-brand {

color: #343a40;

.nav-link:hover, .navbar-brand:hover {

color:blue !important;

.dropdown-menu { background-

color: #343a40;

.dropdown-item {

color: #fff !important;

.dropdown-item:hover {

background-color: #ffc107;

color: #343a40 !important;

.btn-outline-success {

color: black;

border-color: #ffc107;

.btn-outline-success:hover {

Dept. of Computer Technology Amrutvahini Polytechnic

 background-color: #ffc107;

border-color: #ffc107; color:

#343a40;

.form-control {

border-radius: 20px;

.btn-primary {

background-color: #343a40;

border-color: #343a40;

.btn-primary:hover

background-color: #ffc107;

border-color: #ffc107;

border: #343a40;

color: #343a40;

.card {

margin: 20px auto;

border: 2px solid black;

border-radius: 20px;

Dept. of Computer Technology Amrutvahini Polytechnic

 font-family: 'Times New Roman', Times, serif;

font-size: 20px;

.card {

transition: transform 0.3s ease; /* Smooth card hover effect */

margin-bottom: 20px;

.card:hover {

transform: translateY(-5px); /* Lift card on hover */

box-shadow: 0 8px 16px rgba(0,0,0,0.2); /* Increase shadow on hover */

.description1 {

padding: 20px;

margin-top: 20px;

font-family: 'Times New Roman', Times, serif;

font-style: italic;

font-size: 20px;

background: white;

border-radius: 10px;

border: 2px solid black;

Dept. of Computer Technology Amrutvahini Polytechnic

 .description2 {

padding: 20px;

margin-top: 20px;

font-family: 'Times New Roman', Times, serif;

font-style: italic;

font-size: 20px;

background: white;

border-radius: 10px;

border: 2px solid black;

.description3 {

padding: 20px;

margin-top: 20px;

font-family: 'Times New Roman', Times, serif;

font-style: italic;

font-size: 20px;

background: white;

border-radius: 10px;

border: 2px solid black;

.description1

Dept. of Computer Technology Amrutvahini Polytechnic

 font-size: 30px;

.description2

margin-top: 150px;

font-size: 30px;

.description3

font-size: 30px;

</style>

</head>

<body>

<nav class="navbar navbar-expand-lg navbar-light bg-light">

<div class="container-fluid">

<a class="navbar-brand" href="#"><img src="{% static 'images/logo.png'

%}" alt="Logo" height="50" width="50"></a>

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-

target="#navbarNav" aria-controls="navbarNav" aria- expanded="false" aria-
label="Toggle navigation">

Dept. of Computer Technology Amrutvahini Polytechnic

 <span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarNav">

<ul class="navbar-nav me-auto mb-2 mb-lg-0">

<li class="nav-item">

<a class="nav-link active" aria-current="page" href="C:\Users\ATHARVA\

OneDrive\Desktop\Sumago\ASKO travel project\asko.html" style="font-size:
20px;">Home</a>

</li>

<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"

role="button" data-bs-toggle="dropdown" aria-expanded="false"style="font- size:
20px;">

Packages

</a>

<ul class="dropdown-menu" aria-labelledby="navbarDropdown">

<li><a class="dropdown-item" href="summer/">Summer</a></li>

<li><a class="dropdown-item" href="winter/">Winter</a></li>

<li><hr class="dropdown-divider"></li>

<li><a class="dropdown-item" href="rainy/">Rainy</a></li>

</ul>

</li>

Dept. of Computer Technology Amrutvahini Polytechnic

 </ul>

<form class="d-flex">

<input class="form-control me-2" type="search" placeholder="Search" aria-

label="Search"style="font-size: 20px;">

<button class="btn btn-outline-success" type="submit"style="font-size:

20px;">Search</button>

</form>

</div>

</div>

</nav>

<div id="carouselExampleControls" class="carousel slide" data-bs- ride="carousel">

<div class="carousel-inner">

<div class="carousel-item active">

<img src="{% static 'images/cara1.jpg' %}" class="d-block w-100"

alt="..." height="650px" width="400px">

</div>

<div class="carousel-item col-md-4 col-lg-6 col-sm-6">

<img src="{% static 'images/cara2.jpg' %}" class="d-block w-100" alt="..."

height="650px" width="400px" >

</div>

<div class="carousel-item col-md-4 col-lg-6 col-sm-6">

<img src="{% static 'images/cara3.jpg' %}" class="d-block w-100" alt="..."

height="650px" width="400px">

Dept. of Computer Technology Amrutvahini Polytechnic

 </div>

<div class="carousel-item col-md-4 col-lg-6 col-sm-6">

<img src="{% static 'images/temple.jpg' %}" class="d-block w-100" alt="..."

height="650px" width="400px" >

</div>

<div class="carousel-item col-md-4 col-lg-6 col-sm-6">

<img src="{% static 'images/cara5.jpg' %}" class="d-block w-100" alt="..."

height="650px" width="400px" >

</div>

<button class="carousel-control-prev" type="button" data-bs-

target="#carouselExampleControls" data-bs-slide="prev">

<span class="carousel-control-prev-icon" aria-hidden="true"></span>

<span class="visually-hidden">Previous</span>

</button>

<button class="carousel-control-next" type="button" data-bs-

target="#carouselExampleControls" data-bs-slide="next">

<span class="carousel-control-next-icon" aria-hidden="true"></span>

<span class="visually-hidden">Next</span>

</button>

</div>

<div class="container">

<div class="row">

<div class="col-lg-6 col-sm-12">

<div class="card">

Dept. of Computer Technology Amrutvahini Polytechnic

 <img src="{% static 'images/homesummer.avif' %}" class="card-img-top"
alt="Summer" style="border-radius: 20px;">

<div class="card-body">

<h5 class="card-title" style="font-size: 50px;">Explore the Summer</h5>

<p class="card-text">Join us on a whirlwind Summer Tour! From sandy shores

to lively festivals, our journey awaits. Pack your shades, groove to the beat, and let the
sun guide us on unforgettable adventures. Get ready to make memories that shimmer
like the summer sun.</p>

<a href="summer/" class="btn btn-primary">View More</a>

</div>

</div>

</div>

<div class="col-lg-6 col-sm-12">

<div class="description1">Summer tours offer curated travel experiences during

the vibrant summer months. From city explorations and beach getaways to adventurous
hikes and cultural immersions, these tours are designed to maximize your vacation with
hassle-free itineraries including transport, accommodation, and guided activities.
Whether you're seeking relaxation or adventure, summer tours cater to diverse interests
and ensure memorable experiences in beautiful destinations.</div>

</div>

</div>

<div class="row">

<div class="col-lg-6 col-sm-12 order-lg-2">

<div class="card">

<img src="{% static 'images/homewinter.jpg' %}" class="card-img-top"

Dept. of Computer Technology Amrutvahini Polytechnic

 alt="Winter"style="border-radius: 20px;">

<div class="card-body">

<h5 class="card-title" style="font-size: 50px;">Explore the Winter</h5>

<p class="card-text">Embrace the magic of the season on our Winter Tour!

From snowy peaks to charming villages, let's wander through landscapes dressed in
white. Snuggle up by crackling fires, sip hot cocoa under starlit skies, and revel in the
beauty of winter's wonderland. Join us for moments that sparkle like freshly fallen
snow!</p>

<a href="winter/" class="btn btn-primary">View More</a>

</div>

</div>

</div>

<div class="col-lg-6 col-sm-12 order-lg-1">

<div class="description2">Winter tours offer thrilling adventures amidst

snow-covered landscapes. Enjoy activities like skiing, snowboarding, and
snowshoeing. Experience cozy accommodations, stunning scenery, and possible
sightings of the Northern Lights. Don't forget warm clothing for a magical winter
getaway!</div>

</div>

</div>

<div class="row">

<div class="col-lg-6 col-sm-12">

<div class="card">

<img src="{% static 'images/homerainy.jpg' %}" class="card-img-top"

alt="Rainy"style="border-radius: 20px;">

<div class="card-body">

Dept. of Computer Technology Amrutvahini Polytechnic

 <h5 class="card-title" style="font-size: 50px;">Explore the Rainy</h5>

<p class="card-text">Embrace the rhythm of the rain on our Rainy Tour!

From misty forests to urban streets washed clean, let's explore under nature's gentle
shower. Hear the pitter-patter of raindrops, feel the cool breeze on your skin, and
discover the beauty in every rain-soaked corner. Join us for an adventure where even
the clouds have silver linings!</p>

<a href="rainy/" class="btn btn-primary">View More</a>

</div>

</div>

</div>

<div class="col-lg-6 col-sm-12">

<div class="description3">Embrace the magic of our city even when the skies are
gray. Our guided tours take you through charming, historic streets, showcasing the best
indoor attractions. Visit fascinating museums, bustling markets, and cozy cafes where
you can enjoy a warm drink. Explore stunning art galleries, majestic cathedrals, and
hidden gems that come alive in the rain.
Don't miss our immersive cultural experiences, from traditional music performances to
interactive exhibits. With comfortable transportation and knowledgeable guides, you'll
discover the unique charm and beauty of our city, rain or shine. Join us and make
unforgettable memories, no matter the weather!</div>

</div>

</div>

</div>

<!-- Optional JavaScript; choose one of the two! -->

<!-- Option 1: Bootstrap Bundle with Popper -->

<script

Dept. of Computer Technology Amrutvahini Polytechnic

 src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.mi n.js"
integrity="sha384-
MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVX
M" crossorigin="anonymous"></script>

</body>

</html>

Dept. of Computer Technology Amrutvahini Polytechnic