Professional Documents
Culture Documents
Internship Report 6th Sem
Internship Report 6th Sem
Internship Report 6th Sem
Internship Report
On
“Template For Space Exploration Site”
SUBMITTED IN PARTIAL FULFILLMENT FOR THE AWARD OF DEGREE
BACHELOR OF ENGINEERING
IN
COMPUTER SCIENCE AND ENGINEERING
SUBMITTED BY
DHANUSH P
[1JB21CS041]
Under the Guidance of
Mr. SHANTHA KUMAR H C
Associate Professor
Dept. of CSE, SJBIT
2023 - 24
||Jai Sri Gurudev||
Sri Adichunchanagiri Shikshana Trust ®
SJB INSTITUTE OF TECHNOLOGY
BGS Health & Education City, Kengeri, Bengaluru-560 060.
CERTIFICATE
Certified that the Internship report entitled “TEMPLATE FOR SPACE EXPLORATION
SITE” carried out by DHANUSH P [1JB21CS041] are bonafide students of SJB Institute of
Technology in partial fulfilment for the award of “BACHELOR OF ENGINEERING” in
COMPUTER SCIENCE AND ENGINEERING as prescribed by
VISVESVARAYA TECHNOLOGICAL UNIVERSITY, BELAGAVI during the academic year
2023-24. It is certified that all corrections/suggestions indicated for internal assessment have been
incorporated in the report deposited in the departmental library. This report has been approved as it satisfies
the academic requirements in respect of Internship prescribed for the said degree.
I would like to express my profound grateful to His Divine Soul Jagadguru Padmabhushan
Sri Sri Sri Dr. Balagangadharanatha Mahaswamiji and His Holiness Jagadguru Sri Sri Sri
Dr. Nirmalanandanatha Swamiji for providing me an opportunity to be a part of this institution.
I would also like to express my profound thanks to Revered Sri Sri Dr. Prakashnath Swamiji,
Managing Director, SJB Institute of Technology, for his continuous support in providing amenities
to carry out this Internship in this admired institution.
I express my gratitude to Dr. K V Mahendra Prashanth, Principal, SJB Institute of Technology,
for providing me excellent facilities and academic ambience; which helped me in satisfactory
completion of Internship work.
I extend my sincere thanks to Dr. Babu N V, Academic Dean, SJB Institute of Technology for
providing us constant support throughout the period of my Internship work.
I extend my sincere thanks to Dr. Krishna A N, Professor & Head, Dept. of CSE for providing us
invaluable support throughout the period of my Internship work.
i
ABSTRACT
The report will summarize about my internship done at Varcons technologies on full stack web
development where the project is on space exploration site it is like a virtual spaceship that
takes us on a thrilling journey through the wonders of the universe. With captivating images,
fun facts, and interactive activities, we make learning about space exciting and accessible for
everyone. Whether you're curious about distant galaxies, fascinated by astronauts' adventures,
or eager to learn about the latest discoveries, our site has something for you. Join us as we
explore the cosmos together and unlock the secrets of the universe!
iv
TABLE OF CONTENT
Acknowledgement
Abstract
Tables of Content
List of Figures
CONTENTS
Chapter No. Page No.
1 Company Profile
2.3 JavaScript 9
2.4 Django 11
3.5 Implementation 15
CONCLUSION 19
REFERENCES 20
iii
LIST OF FIGURES
2.9 JavaScript 11
iv
CHAPTER 1
COMPANY PROFILE
1.1 BRIEF HISTORY OF COMPANY
Varcons Technologies is a leading provider of cutting-edge technologies and services, offering
scalable solutions for businesses of all sizes. Founded by a group of friends who started by
scribbling their ideas on a piece of paper, today we offer smart, innovative services to dozens
of clients. We develop SaaS products, provide Corporate Seminars, Industrial trainings
and much more.
At VCT, We make sure every product/service that we offer is built keeping in mind the
practical usability of the product/Service, We're a startup focused on Creativity and
Customizability, and We also provide subscription models for Software that we have already
built, Since the application is already configured, the user has a ready-to-use application. This
reduces installation and configuration time.
intelligent & connected devices that can be remotely monitored and controlled while
leveraging edge and cloud computing for a host of intelligent applications and analytics.
Applications of HTML
HTML is used for various purposes. Some of them are:
a. Web Pages Development
Every web page contains a set of HTML tags and hyperlinks which are used to connect
other pages. Every page on the internet is written using HTML.
b. Navigating the Internet
Navigating on the internet would have been quite a tedious task without HTML. The
anchor tags of HTML allows us to link pages and navigate easily.
c. Embedding Images and Videos
HTML allows us to embed images and videos with ease and gives us features to adjust
height, position and even rendering type. You can adjust controls, thumbnails,
timestamps and much more for videos.
d. Game development
Although you cannot create complex high-end video games with HTML, the <canvas>
element of HTML can be used to make 2D and 3D games using CSS and JavaScript
which can be run on browsers.
Features of HTML
a. The learning curve is very easy (easy to modify)
b. Creating effective presentations
c. Adding Links wherein we can add references
d. Can display documents on platforms like Mac, Windows, Linux, etc
e. Adding videos, graphics, and audios making it more attractive
f. Case insensitive language
HTML Editor
a. Simple editor: Notepad, Notepad++ and VS Code
HTML Skeleton
<!DOCTYPE html>
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
HTML Basic
a. <!DOCTYPE html>: Instruction to the browser about the HTML version.
b. <html>: Root element which acts as a container to hold all the code. The browser
should know that this is an HTML document
c. <head>: Everything written here will never be displayed in the browser. It contains
general information about the document like Title, definitions of CSS and script sheets
Metadata (information about the document)
d. <body>: Everything written here will be displayed in the browser contains text,
images, links that can be achieved through tags
Examples
a. <p> This is our first paragraph. </p>
b. <a href=”http://www.google.com”>Go To Google</a>
c. <img src=”photo.jpg”>
HTML Lists
Unordered HTML List
An unordered list starts with the <ul> tag. The list items will be marked with bullets
(small black circles) by default.
Ordered HTML List
An ordered list starts with the <ol> tag.The list items will be marked with numbers.
a. Selector: Selector indicates the HTML element you want to style. It could be any tag
like <h1>, <title> etc.
b. Declaration Block: The declaration block can contain one or more declarations separated by a
semicolon. For the above example, there are two declarations:
a. color: yellow;
b. font-size: 11 px;
Each declaration contains a property name and value, separated by a colon.
a. Property: A Property is a type of attribute of HTML element. It could be color, border
etc.
b. Value: Values are assigned to CSS properties. In the above example, value "yellow" is
assigned to color property.
How to Link CSS to HTML File Externally
It requires a separate document with a .css extension which solely contains
all CSS rules without HTML tags.
Unlike internal and inline styles, this method changes many HTML pages by editing
one CSS file. It saves time – there is no need to change each CSS property on every
website’s HTML page.
Start linking style sheets to HTML files by creating an external CSS document using
an HTML text editor and adding CSS rules. For instance, here are the style rules
of example.css:
Internal CSS
An internal style sheet may be used if one single HTML page has a unique
style.The internal style is defined inside the <style> element, inside the head
section.Internal styles are defined within the <style> element, inside the <head>
section of an HTML page.
Inline CSS
An inline style may be used to apply a unique style for a single element. To use
inline styles, add the style attribute to the relevant element. The style attribute
can contain any CSS property.
c. Class Selector: The class selector selects HTML elements with a specific class
attribute.
d. Universal Selector: The universal selector (*) selects all HTML elements on the
page.
e. Group Selector: The grouping selector selects all the HTML elements with the
same style definitions. It will be better to group the selectors, to minimize the code.
To group selectors, separate each selector with a comma(,).
f. Hover Selector: The hover selector is used to select elements when you mouse over
them. The hover selector can be used on all elements, not only on links.
2.3 JAVASCRIPT
It is called as a lightweight, a cross-platform, a single-threaded, and an interpreted compiled
programming language. It is also known as the scripting language for webpages. It is well-
known for the development of web pages, and many non-browser environments also use it.
How to Link JavaScript File in HTML?
JavaScript can be added to HTML file in two ways:
a. Internal JS: We can add JavaScript directly to our HTML file by writing the code
inside the <script> tag. The <script> tag can either be placed inside the <head> or the
<body> tag according to the requirement.
b. External JS: We can write JavaScript code in another files having an extension.js
and then link this file to the HTML file in which we want to add this code.
Conditional Statements
Very often when you write code, you want to perform different actions for different
decisions.
You can use conditional statements in your code to do this.
In JavaScript we have the following conditional statements:
a. Use if to specify a block of code to be executed, if a specified condition is true
b. Use else to specify a block of code to be executed, if the same condition is false
c. Use else if to specify a new condition to test, if the first condition is false
d. Use switch to specify many alternative blocks of code to be executed
Javascript Functions
JavaScript functions are used to perform operations. We can call JavaScript function many
times to reuse the code.
Advantage of JavaScript function:
There are mainly two advantages of JavaScript functions.
a. Code reusability: We can call a function several times so it save coding.
b. Less coding: It makes our program compact. We don’t need to write many lines of
code each time to perform a common task.
JavaScript Function Syntax:
function functionName([arg1, arg2, ...argN]){
//code to be executed
}
Changing the HTML Styles
Changing HTML styles involves modifying the visual presentation of elements on a webpage.
This is typically achieved using CSS (Cascading Style Sheets), which allows you to control
attributes like color, size, font, and layout. Styles can be applied inline directly within HTML
tags, internally within the <style> element in the HTML document, or externally through a
separate CSS file linked to the HTML. This separation of content and presentation enhances
maintainability and flexibility in web design. By adjusting styles, you can customize the look
and feel of your webpage to suit your design preferences and enhance user experience.
JavaScript output refers to the content displayed as a result of script execution, such as
text, HTML updates, or console messages.
2.4 DJANGO
Django is a Python-based web framework which allows you to quickly create web
application without all of the installation or dependency problems that you normally
will find with other frameworks.
Django architecture
Django is based on MVT (Model-View-Template) architecture. MVT is a software design
pattern for developing a web application. MVT Structure has the following three parts
a. Model: Model is going to act as the interface of your data. It is responsible for
maintaining data.
b. View: The View is the user interface — what you see in your browser when you
render a website. It is represented by HTML/CSS/Javascript and Jinja files.
c. Template: A template consists of static parts of the desired HTML output as well
as some special syntax describing how dynamic content will be inserted.
Installation of Django
a. Install python3 if not installed in your system (according to configuration of your
system and OS) from here . Try to download the latest version of python it’s
python3.6.4 this time.
b. Install pip
c. Install virtual environment
d. Set Virtual environment
e. Install Django
To initiate a project of Django on Your PC, open Terminal and Enter the following
command
django-admin startproject projectName.
To create a basic app in your Django project you need to go to directory containing
manage.py and from there enter the command :
python manage.py startapp projectApp.
Django views are Python functions that takes http requests and returns http response, like
HTML documents. A web page that uses Django is full of views with different tasks and
missions. Views are usually put in a file called views.py located on your app's folder.
The urls.py file you just created is specific for the members application.
Django views are Python functions or classes that process web requests and return
responses. They act as the core of the application's business logic, interacting with models
and templates to render dynamic content.
In Django, URLs are defined using URL patterns that route web requests to appropriate
views. This system allows for clean, readable URLs and efficient handling of user requests
within the web application.
While the observation of objects in space, known as astronomy, predates reliable recorded
history, it was the development of large and relatively efficient rockets during the mid-
twentieth century that allowed physical space exploration to become a reality. Common
rationales for exploring space include advancing scientific research, national prestige,
uniting different nations, ensuring the future survival of humanity, and developing military
and strategic advantages against other countries.
The primary objective of our project, "Exploring the Cosmos," is to delve into the
multifaceted realm of space exploration. Through an in-depth examination of both its
historical significance and contemporary advancements, we aim to elucidate the critical role
that space exploration plays in expanding our understanding of the cosmos. Our project seeks
to inspire curiosity, foster scientific literacy, and ignite a passion for discovery among
audiences of all ages.
I had the opportunity of learning Django the framework used where it can be used to connect
the frontend and backend. With this we also were exposed to project building aspects, where
we were made into groups and was given an opportunity to choose a topic and build project
based on it. We chose the topic Template for space exploration dashboard inn which we used
the Django framework to create the website and using face recognition we have created the
Login.
I gained valuable practical experience in various web development technologies. Here are the
key outcomes of my internship:
a. HTML Layouts: I successfully implemented layouts using float, flexbox, and grid. This
enhanced my understanding of responsive design and improved my ability to create
visually appealing web pages.
b. CSS Mastery: Through the development of four interactive dashboards, I deepened my
knowledge of CSS and its advanced concepts. I learned how to style complex elements
and manage layout effectively.
c. JavaScript Proficiency: I made significant progress in JavaScript, starting with the basics
and gradually mastering more advanced concepts. I honed my skills in data structures,
algorithms,and ES6 features, allowing me to write efficient and optimized code.
d. Component Development: I made a project based in this on the Template for space
explorationdashboard
Overall, my internship provided me with hands-on experience and a deeper understanding of
web development. I am now better equipped to tackle real-world challenges and contribute
effectively to future projects. The exposure to a professional work environment has been
invaluable, and I am grateful for the support and guidance provided by my mentors and friends
throughout this enriching experience.
The space exploration dashboard home page provides an overview of key metrics, mission
statuses, and recent discoveries.It offers interactive visuals and up-to-date information for enthusiasts
and professionals alike.
The space exploration dashboard output page 1 displays exploration milestones. It provides users
with in-depth insights and real-time updates on space exploration activities.
The space exploration dashboard output page 2 showcases interactive maps depicting celestial
bodies. It offers a visually engaging exploration experience, allowing users to delve into space
exploration geography.
The space exploration dashboard admin login page offers secure access for administrators to
manage user accounts, data, and system settings.
CONCLUSION
As we conclude to our journey through this space exploration template, we reflect on the vast
expanse of knowledge we've uncovered together. Through engaging content and interactive
experiences, we've embarked on a voyage through the cosmos, marveling at its wonders and
embracing the spirit of discovery. As we conclude this chapter, let us carry the torch of curiosity
forward, inspired by the endless possibilities that await us among the stars. While our exploration
on this platform may end, our quest for understanding and exploration persists. Thank you for
joining us on this cosmic adventure. Until we meet again in the realms of space and discovery,
keep looking up.
REFERENCES
[1] https://www.varconstech.com/
[2] https://utsavdesai26.medium.com/summer-internship-ii-a-comprehensive-report
[3] https://www.w3schools.com/django/index.php
[4] https://medium.com/@ForuzanAmin/django-authentications-methods-packages
[5] https://core.ac.uk/download/pdf/161428038.pdf
[6] https://www.ijert.org/research/systems-space-using-lbh-IJERTV8IS030135.pdf