1) The document outlines an internship project to create a simple dynamic and responsive OTT platform website. 2) Key features included sign up/login pages for users, a playlist page for each user, a home page with categories like movies and TV, and a video player to preview content. 3) Technologies used were HTML, CSS, JavaScript, SQL, PHP, Node.js, Bootstrap and ReactJS. The project involved learning front-end and back-end development skills.

1. Acharya Institute of Technology
Department of ISE
Title : OTT Platform
Under the Guidance of:
Prof. Ramesh Sengodan
Assistant Professor
Department of ISE
Acharya Institute of Technology
Presented by:
Name: Utkarsh Dixit
USN:1AY18IS131
INTERNSHIP (2021-22)

2. Acharya Institute of Technology
Department of ISE
Agenda
2
2
Create a simple dynamic responsive website which has the following specs
1) Create a sign up and login page for the users to login
2) After the user logins, create a playlist page for each users to view what each of them are
watching
3) Create a home page which has categories such as TV shows, movies, etc.
4)Add a video player that shows the preview of the movie and a button which plays the
movie with the help of a video player.
5)Tech Stacks that can be used : HTML, CSS, JS, SQL, PHP, NodeJs, Bootstrap, ReactJs,
and suitable
6)APIs
7)Flow: Sign up/ Login > Playlist > Home page/ player

3. Acharya Institute of Technology
Department of ISE
Abstract
3
3
This internship is a 4 weeks long task project based activity to help naive coders to get
started in development .This curtail learning simple tasks as well as scheduling the time
to learn those task efficiently. Learning resources are provided beforehand along with
references to help individual in gathering the information required without much effort.
This is a self learning task where the individual can complete the task as per their
comfort. The tech stack provided is beginner friendly and can be learnt easily.The task
provided are in accordance to the industry standards and tech stack can be further learnt
more to give individual an edge on development phase.

4. Acharya Institute of Technology
Department of ISE
About Company
4
1.Softora was founded with a mission to help companies and individuals build
a stronger online presence in a world headed towards digitalization.
2. Softora emphasizes on fast paced interactive development and design to provide the
users the best match for their ideas and design.
3.By enabling our services of Website and App Development, Graphic Designing,
Digital Marketing, Social Media Management, etc, you can just sit back and let us take
the steering wheel as we take you on a journey through the digital world.
4. Softora is a platform used to bring ideas and designs to customers in designing,
developing and delivering the products as per the requirement with fast paced execution.

5. Acharya Institute of Technology
Department of ISE
Introduction
5
In modern times a website is an important tool to reach a wide range of audience. Thus to
learn how to build an website is equally important. Basic requirements of an website
should be to provide a comfortable user experience and give appropriate response to an
user query. Under this guided 4 weeks, all the tools required for creating a basic website
had been taught with focus on providing efficiency. HTML, css, bootstrap are used to
create a fluid and comforting website while php,javascript has been used to pull data and
operate upon it. Sql is chosen as the standard database language to create the database
and keep it error free. Careful consideration has been give to keep syntax correct. Finally,
Xampp is used to host to website on the local host. Vscode is used as the editor to fix
bugs.

6. Acharya Institute of Technology
Department of ISE
Technology Learnt
6
Front-end:
1.Html
2.Css
3.Bootstrap
Back-end:
1.PHP
2.Javascript
3.Sql for database manipulation and creation
Hosting tool:
1.Xampp
2.Github.com/Git

7. Acharya Institute of Technology
Department of ISE
7
Objectives
1. To develop an interface for streaming system.
2. To develop a user interface for an online streaming system.
3. To provide admin privileges and create a CRUD website(create,read,update,delete)
4. To create a cohesive and robust data-base to perform operations on data as well as
maintenance.

8. Acharya Institute of Technology
Department of ISE
Design
8

9. Acharya Institute of Technology
Department of ISE
Methodology
9

10. Acharya Institute of Technology
Department of ISE
Results
10

11. Acharya Institute of Technology
Department of ISE

12. Acharya Institute of Technology
Department of ISE

13. Acharya Institute of Technology
Department of ISE

14. Acharya Institute of Technology
Department of ISE

15. Acharya Institute of Technology
Department of ISE
Challenges
15
1.To provide fluidity to the website and lessen the responsive time
2.To provide a smooth and easy to understandable user experience as well as
ease of ordering.
3.To create a database with consistency and without error.
4.To provide admin more privileges then the user as well as to provide better
update features.
5.To appropriately pull the data coming from the website and operate on it as
well we to save it error free in the database.

16. Acharya Institute of Technology
Department of ISE
Conclusions
16
By the end of this 4 week program, an individual would be able to create a fluid website
from scratch and modify it as per the requirement. This also helps in gaining knowledge on
various different fields of the development such as hosting the website, front-end
manipulation and back end creation. The purpose and objective of this internship is
achieved. By providing extremely rich graphical user interface, web page designing is easy
and in an aesthetic form. Flexibility in design allows users to employ their imagination,
allowing even the most inexperienced user to create and realise their vision of web page
creation.

17. Acharya Institute of Technology
Department of ISE
References
17
1. http://www.emenuworld.com/emenu/features_22
2. http://www.deploid.com/tablet/ipad/
3.http://aptito.com/Why-Aptito
4. http://www.waitersrace.com/tablets-and-e-menu-debates-around-
therestaurants-tables
5.http://www.touchbistro.com/features

18. Acharya Institute of Technology
Department of ISE
Internship Completion Certificate
18

19. Acharya Institute of Technology
Department of ISE
Thank you
19

20. Acharya Institute of Technology
Department of ISE
20