SUMMER INTERNSHIP REPORT ON

EMERGENCY AMBULANCE SYSTEM

An Industrial Internship Report

Submitted By

ABHISHEK GUPTA

16BCE0109

in partial fulfillment for the award of the degree of

Bachelor in Technology

In

SCOPE

SCHOOL OF COMPUTER SCIENCE AND ENGINEERING

 DECLARATI ON

I hereby declare that the Industrial Internship report entitled “EMERGENCY AMBULANCE
SYSTEM” submitted by me to Vellore Institute of Technology, Vellore in partial fulfillment of the
requirement for the award of the degree of B.tech in CSE is a record of bonafide industrial training
undertaken by me under the supervision of Mr. Ashirwad Gupta, NEC Laboratories India. I further
declare that the work reported in this report has not been submitted and will not be submitted, either in
part or in full, for the award of any other degree or diploma in this institute or any other institute or
university.

Abhishek Gupta

16BCE0109
 School of Computer Science and Engineering

BONAFIDE CERTIFICATE

This is to certify that the Industrial Internship report entitled “EMERGENCY

AMBULANCE SYSTEM” submitted by Abhishek Gupta(16BCE0109) to Vellore

Institute of Technology, Vellore in partial fulfillment of the requirement for the

award of the degree of B.tech in CSE is a record of bonafide Industrial Internship
undertaken by him/her under my supervision. The training fulfills the
requirements as per the regulations of this Institute and in my opinion meets the
necessary standards for submission. The contents of this report have not been
submitted and will not be submitted either in part or in full, for the award of any
other degree or diploma in this institute or any other institute or university.

SUPERVISOR

Date: Date:

Internal Examiner (s) External Examiner (s)

Certifiate of Completion
 ACKNOWLEDGEMENT

The internship opportunity I had with NEC Laboratories India was a great chance for learning
and professional development. Therefore, I consider myself as a very lucky individual as I was
provided with an opportunity to be a part of it. I am also grateful for having a chance to meet
so many wonderful people and professionals who led me though this internship period.
Bearing in mind previous I am using this opportunity to express my deepest gratitude and
special thanks to Mr. Ashirwad Gupta of NEC Laboratories India who in spite of being
extraordinarily busy with his duties, took time out to hear, guide and keep me on the correct
path and allowing me to carry out my project at their esteemed organization and extending
during the training.
It is my radiant sentiment to place on record my best regards, deepest sense of gratitude to Mr.
Sachin Mishra, Solution Designer and Mr. Akihiko Iketani, HEAD of NEC Laboratories
India, my industry guides for his careful and precious guidance which were extremely valuable
for my study both theoretically and practically which was very helpful for this report.
I express my deepest thanks to all the industry experts who took out time from their busy
schedules to hold a session with me and to provide the best of their knowledge and experience
in order to make this training a success.
I would also like to thank, DEAN and HOD for taking part in useful decision & giving
necessary advices and guidance and arranged all facilities. I choose this moment to
acknowledge there contribution gratefully.
I perceive as this opportunity as a big milestone in my career development. I will strive to use
gained skills and knowledge in the best possible way, and I will continue to work on their
improvement, in order to attain desired career objectives. Hope to continue cooperation with
all of you in the future.

Place: Vellore Abhishek Gupta(16BCE0109)

CHAPTER NO. TITLE PAGE NO.

List of Figure

1. INTRODUCTION
2. Company Profile
3. Benefits and Knowledge Gained During The Training
3.1 Skill Set before the training period

3.2 Knowledge acquired from the In-plant training

3.3 Application of the gained knowledge
3.4 Comparison of competency levels before and after the
training and self evaluation of students by themselves.
4. Evolution of Web Technology
4.1 Developments in Browsers
4.2 Advancements in Web Server Technology
4.3 Web Technology of the Future
5 EVOLUTION OF DESIGNING LANGUAGES
5.1 HTML / HTML 5
5.2 CSS
5.3 Bootstrap
6 Evolution in Development languages
6.1 Client Side Scripting Language
6.2 Server Side Scripting Languages
7. Introduction To Database
SQL
8 What Are Framework?
10.1 What is Programming Framework
10.2 Examples of Framework
9 Project Description- Emergency Ambulance System
10 Conclusion
 List of Figure

Figure:1 HTML Implementation

Figure:2 BOOTSTARP AND CSS Implementation
Figure:3 Map using JavaScript and JQuery
Figure:4 Alerts using JQuery
Figure:5 Page using JavaScript
Figure:6 Page alerts using JQuery
Figure:7 CSS
Figure:8 JavaScript
Figure:9 JQuery
Figure:10 PHP
Figure:11 Design Language Implementation
Figure:12 Super flex I
Figure:13 Super flex II
Figure:14 Super flex III
Figure:15 Code implementation I
Figure:16 Ambulance to user
Figure:17 User to Hospital
Figure:18 PHP view 1
Figure:19 PHP view II
Figure:20 PHP view II
Figure:21 SQL Login
 INTRODUCTION
In this report, I have discussed about how the WEB TECHNOLOGY field
evolved from that era which totally was dependent on mass media for the
delivery of information and to an era which is completed dominated by the
use of small screen computer devices called as mobile phones. I have briefly
explained the basis of normal use of HTML, CSS, JAVASCRIPT and
ANDROID in projects and majorly using JavaScript and PHP to create a
responsive and complex web Application and also used BOOTSTRAP
WHICH is one of the framework of CSS which has designed coding in a
flow to make the projects responsive.
Furthermore, I have described about the evolution of WEB APPLICATION
and ANDROID and the importance of web and android development. These
Application just gives a layout that the user can see but in order to have
logical work like submitting the form, calculation the CGPA we use the
development part and not just this logical part things like form validation,
client-side validation, server-side validation all comes under this validation.
This document also tells about the evolution of Android as the development
language and then entirely dominating the development field with PHP,
JavaScript and then its framework.
Furthermore, there has been a drastic change in the use of languages. In the
initial years only one side validation was done but then to improve the
security came the use of both side validation.
Apart from this the report also contains about the knowledge I acquired
while pursuing my training with this organisation and how it helped me to
improve my skill set.
 COMPANY PROFILE

NEC Corporation is a Japanese multinational information technology and electronics

company. The company was known as the Nippon Electric Company, Limited. It provides IT
and network solutions to business enterprises, communications services providers and to
government agencies, and has also been the biggest PC vendor in Japan since the 1980s. They
Manufactures many Electronic and computer, provide Logistic solution to Indian Government,
they also provide Artificial Intelligence and Analysis solution. NEC was the world's fourth
largest PC manufacturer by 1990. Its semiconductors business unit was world's largest
semiconductor company from 1985 to 1992, the second largest in 1995, one of the top three in
2000, and one of the top 10 in 2006. NEC has spun off its semiconductor business to Renesas
Electronics and Elpida Memory.

They have many offices in India and Outside the India.

Company details
Website:
https://www.nec.com/en/global/rd/labs/india/index.html
Headquarters
Minato, Tokyo, Japan

Year founded
July 17, 1899
Company type
Electronics and IT

Company size
109,390 employees

Specialties

Software Development, Application Development, Electronics Manufacturing,

Telecommunications equipment, Servers, Domestic appliances, Lighting, Artificial
Intelligence, Computer Vision, Logistic Solution and Renewable Technology .
 Benefits and Knowledge Gained During The Training Period
3.1 Skill Set before the training period
My internship was done in the break period of 6th semester and 7th semester that is May-June
time period. So, I had actually completed my 6th semester and then took my internship. Till
6th semester I had completed courses such as Problem Solving and Programming, Problem
solving and Object Oriented Programming, Data Structures And Algorithm, Operating
Systems, Computer Architecture And Organisation, DBMS(Database Management System),
Networks and Communication etc. So because I had studied these subjects during the course
of the curriculum many of the subjects helped me a lot in order to create a basic skill set
related to technical knowledge in Computer Science.

1. Problem Solving And Programming :

This was the first computer science that I completed and was allotted in the 1st semester.
The programming language that was taught to us was “Python” which was an entirely
new language and an upcoming language. This actually helped me how we actually deal
with the new syntax, and the basic requirements of a new programming language. This
language helped me in getting familiarised with libraries and how we actually
implement in our problems. This course also helped me creating logics for various
problems and how do we actually approach a problem.
The next language in this course was C.

2. Problem Solving And Object Oriented Programming:

This course was selected in the 2nd semester and this course consisted of the language
C++ and the major part in the discussion of the course was object oriented programming
in C++. This was the first instance when I actually got familiarised with object oriented
programming and got to know the importance of OOPS in solving various problems
with proper coding techniques.

3. Data Structures And Algorithm:

This course was selected in the 2nd semester and this course consisted of various data
structures that are present and are how we implement them
Basically three steps are performed:-
 1) Take some input
2) Process it
3) Give back the output.
Data structures comprises of the processing part that is DS helps us to properly store
the data and use the data wisely. The data structures that I studied and there example
are listed below:
Array, Queue, Stack, Linked List, Trees, Binary Trees, Hashing, Hash Table
Algorithms :- Greedy algorithm, Knapsack Problems, Travelling Sales man Problem,
Dijikstras Algorithm etc.
4. Database management System:
I opted for this course in 3rd semester, this subject Provided me the basis of storage
and how the software application store the data in computer. It also help me to learn
about RDBMS and it’s properties which later help me a lot in application design.

3.2 Knowledge acquired from the training

Before the training I had a very little knowledge about Web Design. I only knew about
HTML and that too only some of the basic tags. I had no idea about CSS or BOOTSTRAP or
what actually a responsive design is, didn’t knew about what a mobile view is or how to
change the layout on small screen. Had no knowledge about how static websites are created
into interactive websites using development languages. Since I had studied SQL so had the
knowledge about database and SQL queries and how the queries are implemented, how we
create tables, how we insert data into tables, Update the information, Retrieve the data, use of
primary key and foreign key. But how all this actually gets implemented in a complete
website, how the connection are established and how the development languages, design
languages and the database gets combined together to form an entire web application.
This specific training during the internship period helped me gain all this knowledge getting
started from the scratch.
So, the very first thing that started learning was HTML
3.2.1 HTML:- This forms the basis of the web page as it gives us the basis layout and
structure of the web page. Without HTML it is not possible to imagine a web page as styling
are done on a specific layout using HTML and without HTML we cannot go on with the
layout.
The definition of HTML is HyperText Markup Language.
HyperText is the method by which you move around on the web — by clicking on special
text called hyperlinks which bring you to the next page. The fact that it is hyper just means it
is not linear — i.e. you can go to any place on the Internet whenever you want by clicking on
links — there is no set order to do things in.
Markup is what HTML tags do to the text inside them. They mark it as a certain type of text
(italicised text, for example).
HTML is a Language, as it has code-words and syntax like any other language.

Figure:1:HTML Implementation

3.2.2 CSS:- After complementing HTML thoroughly the 2nd thing that I learnt was
CSS(Cascading Style Sheet).Now this actually helps us to do the styling.
Cascading Style Sheets (CSS) is a style sheet language used for describing
the presentation of a document written in a mark up language like HTML.
CSS is designed to enable the separation of presentation and content, including layout, colors,
and fonts. This separation can improve content accessibility, provide more flexibility and
control in the specification of presentation characteristics, enable multiple web pages to share
formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and
repetition in the structural content.
So, to the basic structure is give external CSS in styles folder under CSS and using the class
as the main source of giving the CSS the properties are mentioned.
3.2.3 BOOTSTRAP:- After complementing HTML thoroughly the 2nd thing that I learnt was
BOOTSTRAP. Now this actually helps us to create a responsive design.
Now, this is a framework which consists of in build classes so we just have to include the
files and give the classes.
This is mainly used to get a responsive design and to reduce the CSS given by the designer.

Bootstrap is a free and open-source front-end framework (library) for

designing websites and web applications. It contains HTML- and CSS-based design
templates for typography, forms, buttons, navigation and other interface components, as well
as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-
end development only.

Figure 2: BOOTSTARP AND CSS Implementation

3.2.4 JAVASCRIPT:- After complementing BOOTSTRAP thoroughly the 2nd thing that I
learnt was JAVASCRIPT. Simply JavaScript makes a web page more interactive. JavaScript
does all validation operation to the browser side and saves data from mismatching to the server
side which can cause the crash of the database.

One more interesting fact about JavaScript is that we can make games using HTML Canvas
and JavaScript. There are many games developed using JavaScript. Some examples are Frog
hop, Backgammon, Checkers, Tic Tac Toe and so many.

3.2.5 Jquery:- After complementing JAVASCRIPT thoroughly the 2nd thing that I learnt was
Jquery. jQuery is not a language but a well-written JavaScript code. It is nothing but a small,
mostly used (near about 65%) JavaScript library. JQuery is very well written compact
JavaScript code which increases the productivity of developer and enables them to handle
critical UI functionality in websites by writing a very small amount of code.

As jQuery is very light weighted, it decreases the loading time of web pages. Because of this,
most web browsers like Google and Bing uses jQuery. In game constructions, jQuery is the
most used library of JavaScript.

3.2.6 PHP:- PHP is the world’s fastest web scripting language till now. PHP stands for PHP
Hypertext Preprocessor, the first letter of PHP stands for its acronym PHP. PHP is server side
scripting language primarily designed for web development but it is also used as a general-
purpose programming language.
PHP5 is the version which is currently in use for web development and included several new
features like support for object-oriented programming, an interface for database access and
other enhanced features. PHP6 and PHP7 are also launched with other new and enhanced
features.

3.2.7 FIREBASE:- It is the world fastest growing and scalable database developed by google
for high performance application. It is very flexible, easy to use and help us to collect the real
Time data from application and provide various method to monitor our application like crash
analysis and data monitoring etc.

3.3 Application of the gained knowledge

Any, knowledge is in complete without any practical implementation, and this training is not
an exception. After the completion of each module of study a practical implementation of
each module was done in order to have a proper idea of how to actually implement the
elements in order to get the real essence of how actually things work.
1. A project implementation which used all design concepts- HTML, CSS,
BOOTSTRAP(Appendices contain the relevant code screen shot)
2. A mini project implementation which used the concept of JavaScript to
create a dynamic project(Appendices contain the relevant code screen shot)
3. A mini project implementation which used majorly JavaScript, JQuery and
PHP Description mentioned below.
4. I used google API for Map and navigation of the route on the map.
5. I designed API which will be used by the application to find nearest Auto
Rickshaw.
 6. I also learned about design element and design principle which help me to
design such good responsive website with high complex system.
7. Developed the live tracking system of vehicle using Firebase to track the
victim and auto rickshaw.

Figure 3: Map using JavaScript and JQuery Figure 4: Alerts using JQuery

Figure 5: Page using JavaScript Figure 6: Page alerts using JQuery

3.4 Comparison of competency levels before and after the training
It is always necessary that there should be an increase in the skill level after the training is
complete. Before the training I knew core programming languages such as C and C++. But
had a limited knowledge about web related languages only a bit of knowledge of HTML that
to I didn’t knew all the tags and how to create a proper layout. I had no idea what CSS is or
what a mobile responsive design. And apart from this I had no knowledge about PHP, or
JAVASCRIPT or JQuery. But after undergoing training I was capable of designing a
webpage layout using HTML and CSS. A mobile responsive design using BOOTSTRAP. I
was able to create a interactive Web Application using JavaScript and PHP. I also learned to
used the API and its implementations. I also under goes Business Development training in
which they taught us, how to develop technology which can be used customer and how we
can expand our business. I also learned about real time system and designed the real time
vehicle travelling using JavaScript and Google Map API.

3 EVOLUTION OF WEB TECHNOLOGY

Web technology has come a long way since its introduction during the 1980s. There was a
time when the World Wide Web was used primarily by researchers of universities to share
information related to their academic work with specific audience (co-workers). Times have
changed greatly and today social media sites like Facebook and Google search engine have
become a part of daily life even for a layman living in third world nations. The developments
responsible for this change within the web technology landscape are spread across different
fields. It has to do with advancements in mark-up languages, programming languages, server
technology, data transmission technology and infrastructure that supports internet.

3.1 Developments in Browsers

Tim Berners-Lee takes credits for the development of first web browser the World Wide Web
in 1990. Soon, there were many other browsers that followed and this began the internet
revolution. By the year 1993 there were browsers that could bring home graphical content
which, for the first time, made web pages available and useful to layman. The beginnings
were dominated by a browser named Netscape, thanks to the pictures and content it could
display on web pages. Microsoft entered the market during late 1990s by integrating its
browser application with the Windows operating system. The name Internet Explorer took
over the market and it continues to be a popular browser even today, about 30 years after its
introduction. It is referred to as one of the oldest browsers which is still in use.

3.2 Advancements in Web Server Technology

From the time when World Wide Web was created, there has been rapid transformation in the
web server technology which has fuelled the growth of internet. The combined developments
in server technology (software side and hardware side), web browsers and website design and
development have resulted in this phenomenal growth in information technology landscape.
During the beginnings of internet era the speed at which requests for web pages were
processed and retrieved and the hosting space offered for website content on the server were
limited. With the growth of internet, website technology started to spread its roots into most
of the business landscapes which created the need for higher processing speed and increased
accessibility for large number of users. Thanks to the developments in technologies such as
virtualization and advanced data management systems in recent times, today we are able to
achieve phenomenal data handling capabilities and processing speeds.

3.3 Web Technology of the Future

There has been a drastic transformation in the applications of website technology. From the
time where web pages were used to merely display text to the times where video calls and
live streaming are possible, websites have come a long way. Today, everything from
connecting to unknown people to buying stuff happens online. There are billions of users
accessing the internet every day. Browsers and applications have become so complex that
they can sense the mood of users and display appropriate content on web pages.
In future it may become difficult to draw a line between what is today web/internet
technology and daily life activities. With everything from phone to refrigerator, television to
automobiles becoming smart, the connectivity of devices with the internet in future will be
seamless. There may be automobiles that can remind you that you are late to school and drive
you without you having to do anything.
 4 LANGUAGES USED IN DEVELOPMENT

4.1 HTML / HTML 5

Many of us have heard about HTML or many of us not. Experts say that HTML is the past,
present, and future of the web and mobile applications. In general, we know HTML for website
designing. The time when HTML was introduced it is much evolved up till now.

Let’s see what does Hypertext Markup Language means?

Hypertext refers to hyperlinks or links which connect web pages to one another, markup refers
to the tags used in HTML and language is for Standard English text. The tag is some kind of
code we used in HTML to display elements or contents written for websites.
The journey of HTML towards HTML5 was fascinating with CSS to CSS3, evolving its
features to large extent.

4.2 CSS / CSS3

The word “cascading” because we can have multiple style sheets, with one style sheet
inheriting properties from others.It was called CSS1 (level 1 of CSS). Then it was added some
another styling contents to it to make again better called it CSS2. Now we are using CSS3 with
multiple styling properties with some JavaScript properties like animations and transform.
With CSS we are able to create rules and can apply that rules to many elements within our
website. This offers us many advantages when site-wide changes are required by our client. As
contents and their styling are completely separated, we can make those changes in a style sheet
and have its effect on every applicable element.

Figure 7:CSS
4.3 Bootstrap

Bootstrap is a free and open-source front-end framework (library) for

designing websites and web applications. It contains HTML- and CSS-based design
templates for typography, forms, buttons, navigation and other interface components, as well
as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-
end development only.Bootstrap, originally named Twitter Blueprint, was developed by
Mark Otto and Jacob Thornton at Twitter as a framework to encourage consistency across
internal tools. Before Bootstrap, various libraries were used for interface development, which
led to inconsistencies and a high maintenance burden.

5 EVOLUTION OF DEEVELOPMENT LANGUAGES

There was a time when the websites were made using HTML, CSS or other designing
languages were completely static as the time passed the issues of security were also raised
because these designing languages didn’t provided validation and the user also wanted a
dynamic the website thus the need to use those languages came into existence.

5.1 Client-Side Scripting

Client-side scripting — which includes HTML and CSS — is any code that runs within a web
browser. This means that the web browser temporarily downloads all the files from a web
server and, in turn, displays a static web page; you would be able to view these files even if
you lost your Internet connection (as long as you left your web browser open). JavaScript most
commonly used client-side scripts.

5.1.1 JavaScript
Most of us think that JavaScript is somewhat related to Java because of its name. But it’s not
true. JavaScript is not related to Java; just it is having syntactic similarity.We use JavaScript
with HTML and CSS at the front end for validating a form, animating the HTML
document.Simply JavaScript makes a web page more interactive. JavaScript does all validation
operation to the browser side and saves data from mismatching to the server side which can
cause the crash of the database.One more interesting fact about JavaScript is that we can make
games using HTML Canvas and JavaScript. There are many games developed using
JavaScript. Some examples are Frog hop, Backgammon, Checkers, Tic Tac Toe and so many.
HTML canvas is used for drawing graphics on the web page with the help of JavaScript. It can
be used to draw graphs, make photo compositions or to do simple animations.JavaScript is a
fascinating language and has its wide end use. JavaScript is world’s most popular and most
widely used language.

Figure 8: Javascript

5.1.2 jQuery
jQuery is not a language but a well-written JavaScript code. It is nothing but a small, mostly
used (near about 65%) JavaScript library. JQuery is very well written compact JavaScript code
which increases the productivity of developer and enables them to handle critical UI
functionality in websites by writing a very small amount of code. JQuery is cross-platform and
very light weighted JavaScript library. JQuery itself says that “write less do more”. By writing
very less code you can manipulate the HTML document i.e. you can do animating, event
handling and etc.As jQuery is very light weighted, it decreases the loading time of web pages.
Because of this, most web browsers like Google and Bing uses jQuery. In game constructions,
jQuery is the most used library of JavaScript.

Figure:9: jQuery
5.2 Server-Side Scripting
All websites need to be hosted (i.e. stored) in a database on a web server. Server-side
scripting simply refers to any code that facilitates the transfer of data from that web server to
a browser. It also refers to any code used to build a database or manage data on the web
server itself. Server-side scripts run on the web server, which has the power and resources to
run programs that are too resource intensive to be run by a web browser. Server-side scripts
are also more secure, because the source code remains on the web server rather than being
temporarily stored on an individual’s computer.

5.2.1 PHP
PHP is the world’s fastest web scripting language till now. PHP stands for PHP Hypertext
Preprocessor, the first letter of PHP stands for its acronym PHP. PHP is server side scripting
language primarily designed for web development but it is also used as a general-purpose
programming language.PHP was created by Rasmus Lerdorf in 1994. After that, a development
team was formed to develop PHP further to remove its inconstancy in the functions. PHP goes
in rapid changes and launched its new versions as PHP3 in 1998, PHP4 in 2000 and PHP5 in
2004.PHP5 is the version which is currently in use for web development and included several
new features like support for object-oriented programming, an interface for database access
and other enhanced features. PHP6 and PHP7 are also launched with other new and enhanced
features.

Figure 10: PHP

5.2.2 AJAX
Ajax is a set of Web development techniques using many Web technologies on the client
side to create asynchronous Web applications. With Ajax, Web applications can send and
retrieve data from a server asynchronously (in the background) without interfering with the
display and behavior of the existing page. By decoupling the data interchange layer from the
presentation layer, Ajax allows Web pages, and by extension Web applications, to change
content dynamically without the need to reload the entire page. In practice, modern
implementations commonly utilize JSON instead of XML due to the advantages of JSON
being native to JavaScript.

6 INTRODUCTION TO DATABASE

Database is a systematic collection of data. Databases support storage and manipulation of

data. Databases make data management easy. Let's discuss few examples. An online
telephone directory would definitely use database to store data pertaining to people, phone
numbers, other contact details, etc. Your electricity service provider is obviously using a
database to manage billing , client related issues, to handle fault data, etc.

6.1 What is a Database Management System (DBMS)

Database Management System (DBMS) is a collection of programs which enables its users to
access database, manipulate data, reporting / representation of data. It also helps to control
access to the database. Database Management Systems are not a new concept and as such had
been first implemented in 1960s.Charles Bachmen's Integrated Data Store (IDS) is said to be
the first DBMS in history.With time database technologies evolved a lot while usage and
expected functionalities of databases have been increased immensely.
Types of DBMS
Let's see how the DBMS family got evolved with the time. Following diagram shows the
evolution of DBMS categories.

Figure 11: Design Language Implementation

 6.2 SQL
SQL is a domain-specific language used in programming and designed for managing data
held in a relational database management system (RDBMS), or for stream processing in
a relational data stream management system (RDSMS). It is particularly useful in
handling structured data where there are relations between different entities/variables of
the data. SQL offers two main advantages over older
read/write APIs like ISAM or VSAM: first, it introduced the concept of accessing many
records with one single command; and second, it eliminates the need to specify how to
reach a record, e.g. with or without an index.

7 WHAT ARE FRAMEWORKS?

A framework is a collection of programs that do something useful and which you can use to
develop your own applications. A framework guides you on how to do something (like a
predefined way of doing things). It's kind of the skeleton of an application which you take
advantage of to build your own stuff. Normally frameworks are written in a specific
programming language. That is, I haven't heard about a framework that is implemented in
many language and you can choose from among them.
There are some very special characteristics that differentiate frameworks from normal
libraries. For example:
1. Inversion of control: the framework already laid things for you. You have to
follow the way of doing things that the framework author determined.

2. Has a default implementation: A framework does something useful out of

the box. You just "customize" it for your specific needs.
 8 PROJECT DESCRIPTION
EMERGENCY AMBULANCE SYSTEM

Flow of the project: -

1. Getting to know the complete overview of the project

2. Selecting the way to proceed
3. Deciding the topics for which separate tables are to be created.
4. Deciding and selecting the design template.
5. Implementing the design.
6. Implementing the development languages to get a basic idea
7. Creating the database.
8. Establishing the connection.

8.1 Getting to know the complete overview of the project: -

This is the most important step or part of our project development because in this we actually
get to know the complete brief of the project that what is to be done, what are the points on
which we have to work. So if we have the complete briefing in a proper we can decide how to
work on the project and how to work in the subsequent steps.
So if I have to summarise this entire step then the entire theme of the project, its order of
working and its entire steps of implementation start in our mind from this particular step
itself.
So this project had to be divided into multiple parts and had various modules to be
implemented some of them are:-
1. Survey and business model development.
2. Analysis of Results.
3. Build emergency button for victim.
4. Build emergency system for Auto Rickshaw.
5. Build Auto rickshaw tracking system for hospital.
6. Notification mechanism.
7. Pay roll System.
8. Admin panel.
9. Update all information on regular basis which are needed.
10. Message sending system.
8.2 Selecting the way to proceed:-

Once we know the overall project description we can decide the flow or the way to proceed.
So on analysing the various modules there were many ways that were coming in the mind the
best one for this that we could decide was Modals, View, and Controls i.e
1. First think on the database.
Not to create it but what was to be required in the database as this project is
entirely based on the database.
2. Decide the view or the layout of the project.
3. Finally the development part.
So, this I can was the actual flow of the project. Selecting the right flow is important as it
helps saving time and improves efficiency.
Deciding the topics for which separate tables are to be created.
So, now we to analyse the first step very properly.
First Step: - Think on the database.
So, the various points on which this project is to implemented are:-
1. Hospital management.
2. Ambulance management.
3. Customer management.
4. Transaction management.
5. Back Up of all data.
6. Maintaining the expenses.
7. Pay roll Management.
8. Admin panel.
9. Update management database when needed.
10. Message management.
So we have to decide which point requires a separate table, which one can be accommodated
in at the created tables.
So the tables that are to be created are for the following: -
1. To store the details of Customer.
2. To store the details of Ambulance.
3. To store the details of Hospital.
4. To store the details of Transaction.
5. To back up all required data.
 6. Backup real time data for tracking vehicle.

8.3 Deciding and selecting the design template

So, there are various themes available that we can refer to in order to create the design but it is
very important to select a design that goes well with our topic an also makes the page look
attractive that’s why we attended design workshop which was organised by NEC Laboratories
India. Their we learned many thing related development and also design wireframe for our
project. We participate with many good designer and create eye pleasing design for our project.
So for this particular project we selected a template which is called as “super-flat” template.
Super-flat Features

 Mobile friendly and responsive design

 Touch optimised Sliders and Banners
 Beautiful CSS animated banners
 Video banners and sliders
 Parallax banners
 Easy to customise look and feel.
 Create unlimited forms (optional plugin).
 Built-in Google fonts. 500+ Web Fonts Support with Preview
 Boxed or Wide Layout Option
 Unlimited Sidebars and Widget Areas
 Sticky header for quick navigation (optional)
 Beautiful Custom Checkout design
While using the Super-flat theme we had created a vertical navigation bar at the extreme
left and had at 3-layout structure or a 3-tile structure at the remaining space in order to
fill certain details or create details at those areas.
Figure 12: Super Flat I

Figure 13: Super Flat II

 Figure 13: Super Flat III

8.4 Implementing the design

In implementing the design of the super flat theme we used HTML, CSS, BOOTSTRAP 3
HTML:- Hypertext Markup Language (HTML) is the standard markup language for
creating web pages and web applications.
HTML are the building blocks of HTML pages. With HTML constructs, images and other
objects such as interactive forms may be embedded into the rendered page. HTML provides a
means to create structured documents by denoting structural semantics for text such as
headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated
by tags, written using angle brackets. Tags such as <img /> and <input /> directly introduce

content into the page. Other tags such as <p> surround and provide information about
document text and may include other tags as sub-elements. Browsers do not display the HTML
tags, but use them to interpret the content of the page.
So we used HTML to create a basic layout of the page and give the page a structure. Yes, this
structured is not a proper way since CSS is not used yet to give this a proper shape.
CSS:- Cascading Style Sheets (CSS) is a style sheet language used for describing
the presentation of a document written in a mark up language like HTML.
CSS is designed to enable the separation of presentation and content, including layout, colors,
and fonts. This separation can improve content accessibility, provide more flexibility and
control in the specification of presentation characteristics, enable multiple web pages to share
formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and
repetition in the structural content. So, to the basic structure is give external CSS in styles folder
under CSS and using the class as the main source of giving the CSS the properties are
mentioned.
BOOTSTRAP:- Now, this is a framework which consists of in build classes so we just have to
include the files and give the classes.
This is mainly used to get a responsive design and to reduce the CSS given by the designer.

Figure 14 :A view of the code part of the Hospital panel

 Figure 15 :A view of the code part of the admin panel

8.5 Implementing the development languages to get a basic idea

After implementing the design part to extent that the development languages can now be used
to start making the project dynamic in which we first start the validation part which includes
the validation of the User, hospital and ambulance data collection form to collect precise data
and implementing the validation logic on the important aspects. Now this validation can be
done using either client-side scripting language or server-side scripting language.
If we use only client-side scripting language than the problem is this validation can very easily
be broken even using the concept of inspect element as the main request goes on the server
and since there is no server-side scripting the validation actually gets failed if the user somehow
gets to know about it. So, to solve this problem we at least require a server-side validation and
all it functioning so that user cannot modify data and system remain secure from hacker. In this
project, we implement three part which listed below:
8.5.1 User:
In this part, First user have to register with our system then, application is set up in his mobile
and we developed the front end which only consist of single button. when user press the button
it will send message for help to nearest ambulance in range of 1 Km, If ambulance does not
reply to the system doesn’t in 60 seconds then it increase the range till it find ambulance and if
nearest ambulance reply to victim request, then system will display the ambulance information
and contact number to the victim which he can use to call the ambulance driver.
8.5.2 Ambulance:
In this Part, Firstly Ambulance needed to registered with system. We will provide them account
on our system which they use to get there rides. In this part, ambulance will get request from
user for the help and they cannot deny the request because person has suffered accident and
need help and if he deny the request, they will be penalty charge to the driver. After several
denial request. If the ambulance accepts the request, he will get user coordinate and path will
be drawn between user and ambulance. They can follow the line and get to the user and after
reaching the victim position, they will get location and path between victim location and nearest
hospital. We also provide the section of camera which will be used by ambulance driver to take
the picture and send to the hospital, so that, they can arrange the required equipment for that
particular treatment.

Figure 16: Ambulance to user Figure 17: user to nearest hospital

8.5.3 Hospital:
In this part, Hospital will get request from the ambulance and according to it, they will start
making arrangement to handle that case and hospital can track auto driver using navigation
system we have designed for them and payment will be done by hospital to ambulance on per
ride and designed the OTP System, which is a secure method for payment. Later the money
will be added to victim bill.

Figure 18: A view of the code part of jQuery Validation

Figure 19: A view of JS and jQuery used in validation

 Figure 20: A view of PHP used in dynamic session and ajax creation

Figure 21: A view of PHP used in creation of dynamic elements

8.6 Creating the database

We explained above database was already decided that what all will the tables, the data etc. as
the entire module creation is based on this database itself. Now just to start writing and
implementing the SQL logic and query part we need to have the database in order to execute
them properly. So for our project we have used PHPMYADMIN with FIREBASE to create the
database as it always to encrypt the important data and apart from this SQL implementation is
easy and PHP can also understand the SQL language.
So the creation of the table takes place from this step. The tables that were created are: -
1. Customer detail
2. Ambulance detail
3. Hospital detail
4. Transaction detail
5. Payment detail
6. Bach up all detail
8.7 Establishing the database connection
We have two entirely different Backend which is FIREBASE and MYSQL database that are
to be connected to each other in order to have a proper establishment and the working of the
project hence we need a connection establishment between these two entities so that can be
used and executed all together hence we create a connection (a relationship in which a person
or thing is linked or associated with something else).
So this connection takes place in steps and the language of the connection depends on the
language which is being used with SQL. In our project PHP is the language used with SQL
hence the connection will be made in PHP Language. (Appendices has the code part for the
database connectivity).

Figure 22: A view of the code part of the admin panel

 Figure 23: SQL implementation for login

8.8 Implementation of the project in real life

Now this project that is made is not only useful for this company to generate revenue but also
help people to save the life. Using our application, user can be delivered to the hospital fast
and efficiently without loss of blood. In this way we optimize the chain of ambulance and
make them work optimally. This system can be extended to auto rickshaw and cab who are
willing to help the people. We can also provide our platform to Non – governmental
organizations and generate the revenue from them.

9 Conclusion

Every aspect of learning teaches us something only if we do some practical implementation.

With proper training and guidance given at NEC Laboratories India at making me do some
practice implementations for each module which actually made me to understand the
theoretical concept properly apart from this practical implementation teaches other things
which may not be present while studying things theoretically. Overall it was a great
experience with various concepts covered properly and making me successfully learn and
implement projects.