Janak Intern Report
Janak Intern Report
Internship
Report On
“Website Designing”
Under the
supervision Of
Mr.Dipendra Kumar Ayer
Submitted By:
Janak Bahadur Bist (Exam Roll No.8080698 )
Submitted To:
Department of Computer Science and Information Technology
Far Western University
Mahendranagar, Kanchanpur
CERTIFICATES
I
CERTIFICATE OF APPROVAL
The undersigned certify that they have read and recommend to the Department of
Computer Science for acceptance, an internship report titled “Website Designing”,
submitted by Janak Bahadur Bist (8080698) in partial fulfillment for the degree
of Bachelor of Computer Science and Information Technology.
……………………………. ……………………………….
Dipendra Kumar Ayer Karn Dev Bhatt
Supervisor (HOD)
Department of Computer Science Department of Computer Science
Far Western University Far Western University
……………………………. …………………………….
Internal Examiner External Examiner
Lecturer, Far Western University Lecturer, Far Western University
II
DECLARATION
I Janak Bahadur Bist hereby declare that I have under taken 3 months internship
work at “Sofsee Tech” during a period from 2nd feb 2023 to 3rd may 2023 in partial
fulfillment for the award of bachelor of science and technology from Far Western
University,mahendranagar. The work which is being presented in the internship
report submitted to department of computer science and technology from Far
Western University, mahendranagar is an authentic record of training work.
Date: August,2023
Janak Bahadur Bist
(8080698)
III
RECOMMENDATION
…………………………..
Dipendra Kumar
Ayer Department of
CSIT Far Western
University
IV
ACKNOWLEDGEMENT
I would also like to express my special gratitude to Sofsee Tech for providing
opportunity to do internship at this reputed organization with full support and
cooperation. I would also like to thank Mr. Niraj Pal, Managing Director Sofsee
Tech for his mentorship.
At the end, I would like to express my sincere gratitude to entire Sofsee Tech team
for their valuable guidance and support. I would like to thank all the individuals
who have directly or indirectly helped me during my internship and to complete
this report. Without them, I would not have been able to make this report.
` Janak Bahadur
Bist (8080698)
V
ABOUT INSTITUTE
VI
ABSTRACT
Website Design and learning HTML were the main objective of this internship. To
develop a web based application there are several programming languages that are in
use. Some of them are only used for the front-end and back-end design of the software.
For example, HTML3, HTML4, HTML5, CSS, Bootstrap, JavaScript etc. There are
also some other programming languages that are used to develop the dynamic
functions of the software or application. For example- PHP, Java etc. Nowadays there
are also some frameworks that use vastly. Frameworks are basically structured
programming by using Model, View and Controller. It is also called as MVC. If we
develop web based application that is very useful for use because we can access it
from anywhere in the world. It is very helpful for our daily life. That is why I choose
subject of my report as “WEB DESIGN”. Training in Universal Informatics added
huge experiences in my upcoming career. Solving real life problems was another key
issue. This report takes us through all the details of WEBSITE DESIGN knowledge
and experience gathered during this internship period.
VII
TABLE OF CONTENTS
Recommendation.................................................................................................IV
Acknowledgement.................................................................................................V
About Company/Industry/Institute....................................................................VI
Abstract............................................................................................................... VII
Table of Content................................................................................................VIII
Figure Index.....................................................................................................X-XI
List of Abbreviations...........................................................................................XI
CHAPTER 1: INTRODUCTION....................................................................1-9
Introduction to internship..............................................................................1
OBJECTIVE..............................................................................................2-8
To gain skills and
knowledge To get filled
work experience
VIII
To enhance our communication
skills To link theory with practice
To build a network
Goals.............................................................................................................3
Motivation.....................................................................................................4
Tools and Technology used...........................................................................4
Training Attended...........................................................................................10
Internship Detail.......................................................................................10
web Designing.................................................................................................11
Organization
Selection Placement
IX
Roles and Responsibility.......................................................................12
Work Environment................................................................................12
Discussion.....................................................................................................13
Learning Outcome.............................................................................13-14
HTML
CSS
Bootstrap
JavaScript
Delegated Responsibilities.................................................................14
Problems
Solutions
Performed tasks..................................................................................18
Result............................................................................................18-23
Conclusion.................................................................................................24
Future scope..............................................................................................24
References.................................................................................25
X
LIST OF THE FIGURES
Fig.2…………………JQuery....................................................................8
Fig.3…………………Bootstrap................................................................9
Fig.4…………………Screenshot1............................................................19
Fig.5…………………Screenshot2............................................................19
Fig.6…………………Screenshot3............................................................20
Fig.7…………………Screenshot4............................................................20
Fig.8…………………Screenshot5............................................................21
Fig.9…………………Screenshot6............................................................22
Fig.10………………..Screenshot7............................................................22
XI
LIST OF ABBREVIATIONS
Code
XII
CHAPTER -1
INTRODUCTIO
N
Introduction to Internship
An internship is much more than its definition; it rather defines the nature of
the use of information obtained and helps determining the student whether
the career choice is compatible or not. It helps students to study a job
environment, provide insight and overview of an organization, relationship
among the co-workers and widen professional contacts apart from the
obvious college credits.
1
Objective
The objective of the web design is to handle the entire design of a website.
The software keeps track of all the information about the entire website. The
system contains database where all the information will be stored safely.
Objective of Internship
Internship program is integral requirement for the completion of 8th semester
course in B.Sc. CSIT. The general objectives of the internship program were:
This internship provided us essential skills and knowledge one requires in the field of
web designing. The crucial tools used during the tenure helped us in gaining
knowledge about programming languages.
By taking this training we enhanced our knowledge in Web designing and got insight
in how the websites are designed using HTML and CSS.
2
By interacting with my trainee and classmates I got to learn a lot. It helped me to
enhance my communicative skills and represent my work with confidence. It boosted
my confidence to design more webpages and create some great designs just for fun.
First we learned the theory aspect and then we put that got familiar with it. By putting
our theoretical knowledge into practical, coding became more fun. into practice. By
doing the practical work, our concept got clearer and it was easy to code into HTML
once we got familiar with it .By putting our theoretical knowlegde into
practical,coding became more fun.
To build a network
By learning how to code in HTML and CSS it is easy to build and design our own
websites with all the changes we want. We also got to know about how websites are
designed initially and the logic behind that.
Goals
• Knowing practical knowledge about programming.
• Gain knowledge about HTML3, HTML4, HTML5, CSS, Bootstrap
Framework, PHP, Java etc.
• Increase communication skill with other.
• Gain essential background knowledge.
• Works well with others.
• Develop research skills.
• Improve administrative skill.
• Increase the capability for solving the problems.
• Knowledge of professional journals and newsletters.
• Knowledge of key professional.
• Improve professional ethics and values.
• Improve technical
Motivation
For internship to induce the sensible expertise within the field of technology and
Engineering. It's extraordinarily vital that knowing about hypothetical information
3
and actualize inside the reasonable field to broaden our gifted ability in building work
advertise. The motivation of this internship actually came from the intention of
learning more about the job sectors and the work environment of IT farms. A desktop
base system of creating websites is easy to learn. Before joining the internship, i knew
that I am in a primary stage and beginner level in learning web development, my first
task is to learn and create and be creative. The ©Daffodil International university 6
learning curve of a web development is such interesting and charming. It is very
simple to build a project fully by HTML, CSS, MYSQL and PHP when you know
what you are doing.
Various tools and technology were used during our internship training. Some of them
are listed below:
A. HTML
HTML stands for Hyper Text Mark-up Language. It is used to design web pages
using mark-up language. HTML is the combination of Hypertext and Mark-up
language. Hypertext defines the link between the web pages. Mark up language is
used to define the text document within tag which defines the structure of web pages.
HTML5 is the fifth and current version of HTML. It has improved the mark-up
available for documents and has introduced. application programming interfaces (API)
and Document Object Model (DOM). Below example illustrate the HTML5 content:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p> This is a paragraph. </p>
</body>
4
</html>
This is a Heading
This is a paragraph.
Output of the above program
B. CSS
5
</aside>
</body>
</html>
C. JavaScript
C. VS Code
6
Studio Code is a source-code editor that can be used with a variety of programming
languages, including Java, JavaScript, Go, Node.js, Python, C++ and Fortran.
Fig.1 : VS Code
E. JQuery
jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and
manipulation, as well as event handling, CSS animation, and Ajax. It is free, open-
source software using the permissive MIT License.JavaScript has long been
considered an essential front end language by developers, although it's not without its
problems: riddled with browser inconsistencies, its somewhat complicated and
unapproachable syntax meant that functionality often suffered. That was until 2006,
when jQuery - a fast, small, cross platform JavaScript library aimed at simplifying the
front-end process - appeared on the scene. By abstracting a lot of the functionality
usually left for developers to solve on their own. jQuery allowed greater scope for
creating animations, adding plug-ins, or even just navigating documents. And it's
clearly successful-jQuery was by far the most popular JavaScript library in existence
in 2015, with installation on 65% of the top 10 million highest trafficked sites on the
web.
7
Fig.2 : JQuery
F. Bootstrap
8
Fig.3 : Bootstrap
9
Chapter-2
Training work
undertaken
Training Attended
According to Far Western University, the VIII Semester of Bsc.CSIT must involve an
internship program. The students require at least 3 month of internship program for
attaining a successful career in the related fields. There are more attendant and
requirement is need to build a project. We know that, we can mix all languages like
C++, C, HTML, PHP, JavaScript and more. The web server combines the results of
the interpreted and executed HTML code, which maybe any type of data, including
images, with the generated web page. The training that I attended In Broadway
included:
✓ HTML5
✓ CSS
✓ Bootstrap
✓ JavaScript
✓ JQuery
Internship Detail
The internship was done in Sofsee Tech, Mahendranagar under the mentorship
of Mr. Niraj Pal, Managing Director of the organization. The detail regarding
internship is mentioned below:
Organization:Sofsee Tech.
Address:Mahendranagar,Kanchanpur
Mentor: Niraj Pal
Designation: Managing Director of Sofsee Tech
1
web designing
Web designing is the creation of websites and pages to reflect a company’s brand and
information and ensure a user-friendly experience. Appearance and design are
incorporated as vital elements whether you’re designing a website, mobile app or
maintaining content on a web page. You can learn web designing to create a site for
your own business or become a professional web designer creating sites for clients. In
this article, we explain what web designing is as well as common elements and uses.
Organization Selection
As per FWU (Far-Western University), the internship is assigned six credit hours
(minimum of ten weeks or 180 hours long). As per the organization selection process
includes two major requirements which are as follows:
- Organization must be working in domain which is coherence with the final year
project of the student.
- Students must be assigned minimum of 7 hours of duration per business day at the
organization.
Placement
The intern candidates are placed under the supervision of author assigned by the
selected organization Sofsee Tech. The supervisor of this internship project was Mr.
Niraj Pal, The supervisor helped the intern candidates towards the research work and
provided direction in fulfilling project objectives.
1
Roles and Responsibility
As an intern my responsibilities at Sofsee Tech was to cover all aspects of creating
web A Report On Website Designing to become a web developer. For this required
core knowledge about designing tools like HTML, CSS, Bootstrap. JavaScript, etc.
The main responsibility was to ensure that the web application designed must appeal
to the desired target audience and, as a result, catches their attention and also include a
working knowledge of different web browsers. While learning about web
development I also gained knowledge about front end designing. During my
internship period I mostly worked with designing "Food Website" web application as
well as other mini projects too.
Work environment
Web designers work for companies, contract for agencies or operate their own
businesses. These professionals typically do their jobs at desks, where they work on
desktop or laptop computers. They may work in spaces with open layouts, in cubicles
or offices. Web Designers can work from home, as the job only requires a computer
and web design software. Projects may include meeting with clients and collaborating
with web developers, so some employers want you to be in the office at least part of
the time.
Frontend Developer The main job of a frontend developer is to work at the client
side designing web pages and graphics that is s accessible by the user.
Backend Developer The responsibility of a back end developer is to develop the rear
end of a website that interacts with the server. This type of web developer specializes
in the languages like PHP, ruby, ASP.Net, Java, Cold Fusion, and Perl [6].
The job profiles for the web developer includes:
• Frontend web developer.
• Backend web developer.
• Developer of web applications
• Analyst for Design and layout Analyst for.
• Senior web analyst.
• Web marketing an
1
Chapter-3
Result and Discussion
Learning Outcome
HTML
• Basic Concept (WWW & HTTP, client server communication)
•Basic HTML (tags, element, attributes, paragraphs, headings, line breaks, lists,
table, color codes, font, text linking, email, images, background, comments, media,
charset)
•HTML Forms (input, text fields, password, checkbox, combo-box, radio box, text
areas, files, buttons)
•HTML5 features
CSS
• Basic CSS (selector, internal, external, inline, class, id. background, font,
text, padding, margin, border, list CSS, hovering and elements)
• Advance CSS (border-radius, opacity, cursor. layers, position, display,
float, gradient and multiple-column)
• Concept of Menu (single menu, drop-down menu)
• Template design using CSS div.
Bootstrap
• Grid System
• Typography
• Tables, forms, buttons, images
• Dropdown, button group
• Navigation element Bootstrap plug-ins (Transition, Modal, Dropdown, Tab,
1
tooltip, Alert, Button)
1
JavaScript Basic
• JavaScript (syntax, enable, location, operators, variables, events, alert,
confirm, prompt, POP up, date. print)
• JavaScript string (strings, length, split, search, replace)
Delegated Responsibilities:
• UI/UX design.
Designing UI/UX for Websites and Mobile applications.
• Web design.
Designing
websites.
• Frontend development.
Developing the frontend of various websites.
1
These issues can be caused by out dated web servers or when clients make incorrect
changes to them. Finding the sources of these issues can be time consuming and
developer had to tackle this in a daily basis.
Solutions
Web development really is so fascinating and at the same time tough to me, I will
learn and understand several goals with interest through internship training as if after
studying I could understand web development and it is so interesting then all the other
languages to me. During my training period, I solved the CSS and other problems.
Clean software eliminates unforeseen errors that can impact the load of site.
Automated website monitoring solutions frequently enable developers to view the
websites of their customers in real time and set alerts to notify them when potential
issues arise. Not only does this allow developers to recognise an issue before the
customer does it, it also gives them the opportunity to address it in many situations
before the problem affects the business of the costumer.
SDLC
SDLC is a systematic process for building software that ensures the quality and
correctness of the software built. SDLC process aims to produce high-quality software
that meets customer expectations. The system development should be complete in the
pre-defined time frame and cost. SDLC consists of a detailed plan which explains
how to plan, build, and maintain specific software. Every phase of the SDLC life
Cycle has its own process and deliverables that feed into the next phase. SDLC stands
for Software Development Life Cycle and is also referred to as the Application
Development life-cycle.
Here, are prime reasons why SDLC is important for developing a software system.
1
Helps you to decrease project risk and project management plan overhead
SDLC Phases
The entire SDLC process divided into the following SDLC steps:
Here,I have explained all these Software Development Life Cycle Phases
The requirement is the first stage in the SDLC process. It is conducted by the senior
team members with inputs from all the stakeholders and domain experts in the
industry. Planning for the quality assurance requirements and recognization of the
risks involved is also done at this stage.
This stage gives a clearer picture of the scope of the entire project and the anticipated
issues, opportunities, and directives which triggered the project.
Requirements Gathering stage need teams to get detailed and precise requirements.
This helps companies to finalize the necessary timeline to finish the work of that
system.
Once the requirement analysis phase is completed the next sdlc step is to define and
document software needs. This process conducted with the help of ‘Software
1
Requirement Specification’ document also known as ‘SRS’ document. It includes
everything which should be designed and developed during the project life cycle.
Phase 3: Design
In this third phase, the system and software design documents are prepared as per the
requirement specification document. This helps define overall system architecture.
This design phase serves as input for the next phase of the model.
Phase 4: Coding
Once the system design phase is over, the next phase is coding. In this phase,
developers start build the entire system by writing code using the chosen
programming language. In the coding phase, tasks are divided into units or modules
and assigned to the various developers. It is the longest phase of the Software
Development Life Cycle process.
Phase 5: Testing
Once the software is complete, and it is deployed in the testing environment. The
testing team starts testing the functionality of the entire system. This is done to verify
that the entire application works according to the customer requirement.
During this phase, QA and testing team may find some bugs/defects which they
communicate to developers. The development team fixes the bug and send back to
QA for a re-test. This process continues until the software is bug-free, stable, and
working according to the business needs of that system.
Phase 6: Installation/Deployment
Once the software testing phase is over and no bugs or errors left in the system then
the final deployment process starts. Based on the feedback given by the project
manager, the final software is released and checked for deployment issues if any.
Phase 7: Maintenance
Once the system is deployed, and customers start using the developed system,
following 3 activities occur
1
-Bug fixing – bugs are reported because of some scenarios which are not tested at all
The main focus of this SDLC phase is to ensure that needs continue to be met and that
the system continues to perform as per the specification mentioned in the first phase.
Performed Tasks
The name of the project is the design and implementation of the Online food oder E-
Commerce Website. An online store is a web-based virtual store where customers can
browse the catalog and select interesting food item. The selected items will be
gathered in shopping cart. The items will be presented as an order when the customer
wants to check out from the site. This time the website will ask for more information
for the transaction. The customer will fill a billing from containing billing address,
shipping address, options for shipping and his or her payment information like credit
card number. The customer will receive an e-mail notification when the order is
placed.
Result
Following are the screenshots of the result of the projects(food website) done during
the internship period.
i) Home Page:
In this page the home screen of the website is showed. Users can surf through this
page to access all the products the website contains. The overview the website is also
present in this page.
1
Fig.4 : Homepage of website
ii) About Us: This page shows about our gym facility and what we are
.What services we provide to the people .
Fig.5 : About us
2
iii)Explore: Our 2-floor gym combines a fantastic range of resistance, functional and
cardio equipment in an open plan, bright, and well-ventilated environment.
We provide a welcoming place for everyone. We value, respect and celebrate the
diversity and inclusion of our members.
Our mission is to provide expert support to inspire our community to achieve their
ambitions. Your goals are our goals!
Fig.6 : Explore
iii) Trainers : This page shows about our trainers, How qualified they are
and how they train people who join our gym.
2
Fig.7 : Trainers
2
iv) Review P a g e : This page cointains all the reviews of costumer. Each time a
customer lands on your review page the order of your review links changes, this helps
evenly spread your reviews across all your review platforms.
Fig.8 : Review
2
Fig.9 : Register
vi) Information Page: This page is dedicated to all the info needed by the
customer and consumers to contact the administrators of the web page. Figure 10
shows the info.
Fig.10 : Info
2
CHAPTER 4
CONCLUSION AND FUTURE SCOPE
Conclusion
In conclusion, I can say that this internship was a great experience. Thanks to this
project, I acquired deeper knowledge concerning my technical skills, but I also
personally benefited. Currently HTML is a common part of web applications, and it is
one of the most popular language for web designing used by professionals worldwide.
If we surf internet, we can see millions of websites designed with HTML and CSS. I
learned to live in a different environment from the one I am used to. Indeed, I grew
more independent in work and also in everyday life. I realized that I could do more
things than I thought, like learning new things by myself.
There are huge opportunities available for the students who want to work in this field.
Many private and public organizations hire web designer for their online work and
website development. With the rapid advent of online industry, the demand of web
development professionals is increasing, and this has created a huge job opportunity
for the aspirants in the upcoming days.
Also, an experienced person in this field can also work as a freelancer; there are many
online companies which provide online projects to the individuals
Future Scope
If someone has no experience in this field, finding work can be a real challenge. A
successful internship can help an individual turn an experience into a career
opportunity. So as a successful internship some future scopes are:
• To work in IT company.
• Can work as a Software Engineer .
• Can work as a Web Designer.
• Can work as a Web Developer .
• Can work as a QA Tester.
2
References
- https://www.w3schools.com
- https://wikipedia.com
- https://youtube.com
-https://quora.com
-[1] Blue Muffin Studio Pvt. Ltd. Website:
http://bluemuffinstudio.com.au/
- http://www.themeforest.net/
- http://www.thedesigninspiration.com./
-http://www.behance.net/
-http://www.cssdesignawards.com/
-http://web.dev/learn/