INTERNSHIP AT SHALIGRAM INFOTECH

AN INTERNSHIP REPORT

Submitted by
MANTHAN DHOLARIYA
200470116008

In partial fulfillment for the award of the degree of

BACHELOR OF ENGINEERING
in
INFORMATION TECHNOLOGY
V.V.P. ENGINEERING COLLEGE, RAJKOT

Gujarat Technological University, Ahmedabad

 GUJARAT TECHNOLOGICAL UNIVERSITY
CERTIFICATE FOR COMPLETION OF ALL ACTIVITIES AT ONLINE PROJECT PORTAL
B.E. SEMESTER VIII, ACADEMIC YEAR 2023-2024
Date of certificate generation : 25 April 2024 (12:32:05)

This is to certify that, Manthan Lavbhai Dholariya ( Enrolment Number -

200470116008 ) working on project entitled with Full Stack Web Development
from Information Technology department of VYAVASAYI VIDYA
PRATISHTHANS SANCH. COLLEGE OF ENGINEERING, RAJKOT had
submitted following details at online project portal.

Internship Project Report Completed

Name of Student : Manthan Lavbhai Name of Guide : Mrs. Sweetu D Sureja

Dholariya

Signature of Student : *Signature of Guide :

Disclaimer :
This is a computer generated copy and does not indicate that your data has been evaluated. This is the receipt that GTU
has received a copy of the data that you have uploaded and submitted as your project work.

*Guide has to sign the certificate, Only if all above activities has been Completed.
April, 202
 V.V.P. ENGINEERING COLLEGE, RAJKOT
Virda Vajdi, Kalawad Road, Rajkot, Gujarat, 360005

DECLARATION

I hereby declare that the Internship report submitted along with the Internship
entitled Full Stack Web Development submitted in partial fulfilment for the degree
of Bachelor of Engineering in Information Technology to Gujarat Technological
University, Ahmedabad, is a bonafide record of original project work carried out by
me at Shaligram InfoTech LLP. under the supervision of Mr. Bhavik Vaghasiya and
that no part of this report has been directly copied from any students’ reports or taken
from any other source, without providing due reference.

Name of Student Sign of Student

Manthan Dholariya

200470107013
 ACKNOWLEDGEMENT

I hereby, would like to have the privilege to show our gratitude to all the persons,
helped me in whatever way for the successful completion of this Internship without
hindrance. I am grateful to all our mentors who inspired me by setting an example
of them for the kind purpose of motivating me to reach my targeted objective.
Without their knowledge and wisdom along with experience and specialization in
their specific field, I would not have been able to think of doing or completing this
work. All the persons who have contributed directly or indirectly with their kind
support and humble approach are highly appreciative and I would always remain
indebted to them in all the ways. I am especially thankful of Prof. Sweetu D Sureja,
who is my internal guide, for his kind support and motivation. I extend our heartfelt
thanks to Dr. Darshna Patel, Head of Computer Department for his co-operation in
our project work.

Thank you,

Manthan Dholariya

200470116008

i
 ABSTRACT

During my 12-week internship, I served as a Full Stack Web Development intern,

focusing on frontend technologies, JavaScript, jQuery, and SQL. Over the course of
the internship, I undertook various tasks ranging from creating static web pages
using frontend technologies to developing dynamic student forms. One of the key
projects I worked on was the creation of an 'Education Management System' web
application, employing JavaScript, jQuery, and API integration to streamline data
collection within educational institutions. In the frontend portion of the internship, I
honed my skills in frontend technologies, JavaScript, and jQuery to develop visually
appealing and interactive web pages. Additionally, I gained practical experience in
creating dynamic web forms to collect and manage student data efficiently. In the
SQL segment of the internship, I tackled more advanced challenges by delving into
complex SQL queries. Through this, I acquired a deeper understanding of database
management and manipulation, further enhancing my skill set as a Full Stack Web
Developer.

Overall, my internship experience provided me with valuable hands-on experience

in Full Stack Web Development, particularly in frontend technologies, JavaScript,
jQuery, and SQL. It allowed me to apply theoretical knowledge to real-world
projects and develop a comprehensive understanding of web development practices.

ii
 List of Figures

Fig 1.5.1 Organization Chart ..........................................................................................................3

Fig. 3.4.7.1 : Webpage of Language Translator ............................................................................ 11

Fig. 3.4.7.2 : Webpage of Super Hero PowerStates .......................................................................12

Fig 5.2.1 Schema For Education Management System ................................................................ 21

Fig 6.2.1.1 Home page of Education Management System .......................................................... 24

Fig 6.2.1.2 Insert Data page of Education Management System .................................................. 24

Fig 6.2.1.3 User login of Education Management System ........................................................... 25

Fig 6.2.1.4 Student Info. of Education Management System ....................................................... 25

Fig 6.2.1.5 Admin login of Education Management System ........................................................ 26

Fig 6.2.1.6 Admin Panel of Education Management System ....................................................... 26

Fig 6.2.1.7 Admin Student insert of Education Management System .......................................... 27

Fig 6.2.1.8 Admin Student Edit of Education Management System ............................................ 27

Fig 6.2.1.9 Admin Student Delete of Education Management System ........................................ 28

Fig 6.2.2.1 Create category_master Table ................................................................................... 28

Fig 6.2.2.2 Create item_master table ........................................................................................... 29

Fig 6.2.2.3 Create coupon and order master table ....................................................................... 29

Fig 6.2.2.4 Store procedure for insert data in table ..................................................................... 30

Fig 6.2.2.5 Inserting data into tables ........................................................................................... 30

Fig 6.2.2.6 create table order_details .......................................................................................... 31

Fig 6.2.2.7 Store procedure to create a order .............................................................................. 31

iii
Fig 6.2.2.8 Execute Create order sp ............................................................................................ 32

Fig 6.2.2.9 Create Function to Calculate Total Price .................................................................. 32

List of Tables

Table 3.5.1 Internship Scheduling Table....................................................................................... 13

Table 8.2.1 Task Evolution Table ................................................................................................. 34

iv
 Abbreviations

HTML Hyper Text Markup Language

CSS Cascading Style Sheet
JS JavaScript
BS BootStrap
SQL Structured Query Language
SSMS SQL Server Management Studio
API Application Programming Interface
JSON JavaScript Object Notation
SP Store Procedure

v
 Table Of Content

Acknowledgement ........................................................................................................................... i
Abstract ........................................................................................................................................... ii
List of Figures ................................................................................................................................ iii
List of Tables ................................................................................................................................. iv
List of Abbreviations.......................................................................................................................v
Table of Contents ........................................................................................................................... vi
Chapter 1 Overview of Company ................................................................................................ 1
1.1 History.....................................................................................................................1
1.2 Vision ...................................................................................................................... 2
1.3 Mission................................................................................................................... 2
1.4 Different Product / Scope of Work ........................................................................ 2
1.5 Organization Chart ................................................................................................. 3
1.6 Capacity of Plant .................................................................................................... 3

Chapter 2 Overview of Department ........................................................................................... 4

2.1 Departments ........................................................................................................... 4
2.2 Technical Specification Of Major Equipment Used .............................................. 4
Chapter 3 Introduction to Internship ........................................................................................ 5
3.1 Internship Summary ............................................................................................... 5
3.2 Objective ................................................................................................................ 5
3.3 Scope ...................................................................................................................... 5
3.4 Technology and Literature Review ........................................................................ 6
3.4.1 Introduction to HTML ...............................................................................6
3.4.2 Introduction to CSS....................................................................................6
3.4.3 Introduction to Bootstrap ........................................................................... 7
3.4.4 Introduction to JavaScript .......................................................................... 8
3.4.5 Introduction to jQuery................................................................................9

3.4.6 Introduction to JSON .............................................................................. 9

vi
 3.4.7 Introduction to SQL ............................................................................... 10
Table Of Content
3.4.8 Practice Tasks ........................................................................................ 11
3.5 Internship Scheduling ........................................................................................ 13
Chapter 4 System Analysis ...................................................................................................... 14
4.1 Study of Current System .................................................................................... 14
4.1.1 Education Management System............................................................ 14
4.1.2 SQL SP for Create Order ....................................................................... 14
4.2 Activity in Proposed System .............................................................................. 14
4.2.1 Education Management System............................................................ 14
4.2.2 SQL SP for Create Order ....................................................................... 15
4.3 List of Main Modules.........................................................................................17
4.3.1 Education Management System Modules............................................. 17
4.3.2 SQL SP for Create Order Modules ........................................................ 17
4.4 Selection of Software ........................................................................................ 17
4.4.1 SQL Server Management Studio .......................................................... 17
4.4.2 Visual Studio Code ...............................................................................18
4.4.3 Mock API Web..................................................................................... 18
Chapter 5 System Design....................................................................................................... 19
5.1 System Design & Methodology ....................................................................... 19
5.2 Data Structure Design ...................................................................................... 20
Chapter 6 Implementation .................................................................................................... 22
6.1 Implementation Platform / Environment .......................................................... 22
6.1.1 Visual Studio Code ...............................................................................22
6.1.2 Mock API ............................................................................................. 22
6.1.3 GitHub...................................................................................................23
6.1.4 SQL Server Management Studio .......................................................... 23
6.2 Result ............................................................................................................... 23

6.2.1 Education Management System Results .............................................. 24

6.2.2 Query Results ....................................................................................... 28
vii
Chapter 7 Testing ................................................................................................................... 33
Table Of Content
7.1 Testing Plan / Strategy ..................................................................................... 33
7.1.1 Unit Testing.......................................................................................... 33
7.1.2 Integration Testing ................................................................................ 33
7.1.3 Regression Testing ................................................................................ 33
7.1.4 Static Code Analysis ............................................................................. 33
7.1.5 Code Review ........................................................................................ 33
Chapter 8 Conclusion and Discussion .................................................................................. 34
8.1 Overall Analysis of Internship ......................................................................... 34
8.2 Task Evolution Date ....................................................................................... 34
8.3 Summary of Internship .................................................................................... 35
References ............................................................................................................................... 36

viii
Team ID : 440705 1. OVERVIEW OF COMPANY

CHAPTER 1 : OVERVIEW OF COMPANY

1.1 HISTORY

Since its establishment in 2015, Shaligram Infotech LLP has been at the forefront of collaborating
with brands to develop forward-thinking digital solutions tailored to address their unique business
challenges. With a steadfast commitment to excellence, Shaligram Infotech LLP has become a
trusted partner for businesses seeking to leverage technology for growth and innovation.

With a formidable team of over 100 developers, Shaligram Infotech LLP stands ready to embark
on the journey of success alongside its clients. The diverse expertise and skill sets within the team
enable the company to deliver comprehensive solutions that meet the evolving needs of modern
businesses.

Having successfully delivered over 990 projects, Shaligram Infotech LLP takes pride in its track
record of providing high-quality software solutions within defined timelines. This consistent track
record underscores the company's dedication to client satisfaction and project excellence.

With a global presence, Shaligram Infotech LLP has garnered a network of over 160 satisfied
clients worldwide. This global reach reflects the company's ability to transcend geographical
boundaries and deliver value to clients across various industries and sectors.

Overall, Shaligram Infotech LLP epitomizes a commitment to innovation, excellence, and client-
centricity, making it a preferred partner for businesses seeking to navigate the digital landscape
and achieve their strategic objectives.

Gujarat Technological University 1 V.V.P. Engineering College

Team ID : 440705 1. OVERVIEW OF COMPANY

1.2 VISION

We at Shaligram Infotech have a vision of becoming the most eminent software development
company for offshore service seekers globally. We believe in delivering simple business solutions
for complex problems and letting our clients respond to changing market dynamics quickly. We
wish to define the best "collaborative experience" for our clients and their users through our
industry-leading IT solutions.

1.3 MISSION

We at Shaligram Infotech are focused on creating the greatest pull for our services and cost
optimization for our clients. Our internal and external processes are focused on creating the perfect
work environment for our techno-functional consultants as well as for the fresh engineering
graduates. Our continuous improvement processes are focused on optimizing skills of our people
on the latest tools, technologies, frameworks and platforms so as to deliver our services with the
maximum value add to our offshore and domestic clients.

1.4 DIFFERENT PRODUCT / SCOPE OF WORK

• My Class Campus
• Shipping Management System
• Live Chat and Ticket System
• CRM Solution
• HR & Job Portal Solution
• E-Commerce Solution

Gujarat Technological University 2 V.V.P. Engineering College

Team ID : 440705 1. OVERVIEW OF COMPANY

1.5 ORGANIZATION CHART

Fig. 1.5.1 : Organization Chart

1.6 CAPACITY OF PLANT

Our company having 250+ employee and different fields to work. But as company is growing
rapidly its capacity is going higher and higher.

Gujarat Technological University 3 V.V.P. Engineering College

Team ID : 440705 2. OVERVIEW OF THE DEPARTMENT

CHAPTER 2 : OVERVIEW OF THE DEPARTMENT

2.1 DEPARTMENTS

• Microsoft Dynamics 365 Development

• Application Development
• Product Development
• Application Migration and Modernization
• Application Support and Maintenance
• Web Portal Development
• Responsive Website Development
• Testing QA
• Mobile Apps Development

2.2 TECHNICAL SPECIFICATION OF MAJOR EQUIPMENT USED

IN DEPARTMENTS
• 100 MBPS internet line
• 100/1000 MBPS Layer 2-switched intranet
• High grade machines for the engineers - Quad-Core Intel® i5® processor
3.16 GHz, 12 GB RAM
• High grade server with – four Quad-Core Intel® Xeon® processor
3.16 GHz, and 64 GB RAM
• Shared UPS for all team and centralized UPS for servers.
• Backup for the whole facility with automatic line interactive switchover
• Up to 5 test machines and approximately 110 user machines, all equipped
with OS combinations needed for testing apart from individual testing
machines.
• Several UNIX/Linux boxes, Windows operating systems and a few
Macintosh machines form part of our test lab.
• Video Conferencing facilities.

Gujarat Technological University 4 V.V.P. Engineering College

Team ID : 440705 3. INTRODUCTION TO INTERNSHIP

CHAPTER 3 : INTRODUCTION TO INTERNSHIP

3.1 INTERNSHIP SUMMARY

A full stack development internship is an opportunity for individuals to gain practical experience
in developing web applications from the front-end to the back-end. This type of internship typically
involves working with a team of developers and other professionals to build, test, and deploy web
applications using various programming languages, frameworks, and tools.

During the internship, we may work on projects related to website design, database management,
server-side programming, and user experience optimization. We may also learn about web
development best practices, project management methodologies, and collaboration tools
commonly used in the industry.

3.2 OBJECTIVE

The objective of the internship is to provide individuals with an opportunity to gain practical
experience and exposure to the various technologies and tools involved in building and
maintaining web applications.

3.3 SCOPE

The scope of a full stack development internship entails a comprehensive learning experience
aimed at providing practical skills in both front-end and back-end web application development.
Interns work collaboratively with a team of developers to build, test, and deploy web applications
using various programming languages, frameworks, and tools. Key areas of focus include front-
end development with HTML, CSS, and JavaScript frameworks, back-end development with
server-side languages and databases, project collaboration using version control and project
management platforms, testing and quality assurance methodologies, user experience
optimization, and learning industry best practices. Interns also benefit from professional
development opportunities, including mentorship and networking events, to prepare for career
advancement in the tech industry.

Gujarat Technological University 5 V.V.P. Engineering College

Team ID : 440705 3. INTRODUCTION TO INTERNSHIP

3.4 TECHNOLOGY AND LITERATURE REVIEW

3.4.1 INTRODUCTION TO HTML

HTML (Hypertext Markup Language) is the standard markup language used to create and
structure content on the World Wide Web. It forms the foundation of web pages, defining
the structure and semantic meaning of elements within a document. HTML documents
consist of a series of tags and attributes that define how content should be displayed in a
web browser.

HTML follows a hierarchical structure known as the Document Object Model (DOM),
where elements are organized in a tree-like structure. Each HTML element is represented
by a tag, such as `<p>` for paragraphs, `<h1>`-`<h6>` for headings, `<ul>` and `<ol>` for
unordered and ordered lists, and `<img>` for images. Elements can also have attributes that
provide additional information or functionality, such as the `href` attribute for hyperlinks
or the `src` attribute for image sources.

HTML5, the latest version of HTML, introduced new semantic elements such as
`<header>`, `<nav>`, `<main>`, `<article>`, `<section>`, and `<footer>`, which provide
more meaningful structure and improve accessibility and search engine optimization.
HTML also supports multimedia elements like `<audio>` and `<video>`, as well as form
elements like `<input>`, `<textarea>`, and `<button>` for collecting user input.

Overall, HTML serves as the backbone of the web, allowing developers to create well-
structured and accessible content that can be interpreted and rendered by web browsers
across different platforms and devices.

3.4.2 INTRODUCTION TO CSS

CSS (Cascading Style Sheets) is a fundamental technology used in web development to

control the visual presentation and layout of HTML documents. It allows developers to
define styles for HTML elements, such as colors, fonts, spacing, and positioning, thereby
enhancing the aesthetic appeal and usability of web pages. CSS follows a selector-based

Gujarat Technological University 6 V.V.P. Engineering College

Team ID : 440705 3. INTRODUCTION TO INTERNSHIP

model, where styles are applied to specific HTML elements using selectors like tag names,
class names, IDs, attributes, or relationships between elements.

One of the key features of CSS is its ability to cascade styles, meaning that multiple styles
can be applied to the same element, with the most specific styles taking precedence.
Additionally, CSS supports inheritance, allowing styles applied to parent elements to be
inherited by their children.

CSS plays a crucial role in creating responsive web designs that adapt to different screen
sizes and devices. Media queries enable developers to apply different styles based on
factors such as screen width, orientation, and resolution, ensuring optimal viewing
experiences across desktops, tablets, and smartphones.

With CSS, developers can also create complex layouts using techniques like Flexbox and
Grid, as well as add interactivity and animations to web pages using transitions and
keyframe animations. Moreover, CSS preprocessors like Sass and Less provide additional
functionality and efficiency by introducing variables, mixins, and other features to enhance
code organization and maintainability.

In summary, CSS is a powerful styling language that complements HTML, enabling

developers to create visually appealing, responsive, and interactive websites that meet the
needs of modern users.

3.4.3 INTRODUCTION TO BOOTSTRAP

Bootstrap is a popular front-end framework used to design and develop responsive and
mobile-first websites and web applications. Developed by Twitter, Bootstrap provides a
collection of pre-built HTML, CSS, and JavaScript components, as well as a responsive
grid system, that streamline the process of building modern and visually appealing user
interfaces.

One of the key features of Bootstrap is its grid system, which allows developers to create
flexible and responsive layouts that automatically adapt to different screen sizes and

Gujarat Technological University 7 V.V.P. Engineering College

Team ID : 440705 3. INTRODUCTION TO INTERNSHIP

devices. This grid system is based on a 12-column layout, making it easy to create complex
layouts with minimal effort.

Bootstrap also includes a wide range of UI components, such as buttons, forms, navigation
bars, dropdowns, modals, and carousels, that can be easily customized and integrated into
projects. These components are designed to be mobile-friendly and accessible, ensuring a
consistent user experience across devices.

Furthermore, Bootstrap offers extensive documentation and a thriving community of

developers, making it easy for beginners to get started and for experienced developers to
find solutions to common challenges. With its modular and customizable nature, Bootstrap
empowers developers to create professional and responsive websites and web applications
efficiently.

3.4.4 INTRODUCTION TO JAVASCRIPT

JavaScript is a versatile and powerful programming language primarily used for client-side
web development. It is an essential component of modern web development, enabling
dynamic and interactive features on web pages. JavaScript runs in the browser environment
and can manipulate the content and behavior of web pages in response to user interactions
or events.

JavaScript is known for its versatility, as it can be used for a wide range of tasks, including
manipulating HTML and CSS, handling user input, performing calculations, makingAJAX
requests, and creating animations and effects. It is often used in conjunction with HTML
and CSS to create dynamic and responsive web applications.

Key features of JavaScript include its lightweight and interpreted nature, which allows it
to run directly in the browser without the need for compilation. It is also a dynamically
typed language, meaning that variables do not have predefined types and can be assigned
values of any type at runtime.

Gujarat Technological University 8 V.V.P. Engineering College

Team ID : 440705 3. INTRODUCTION TO INTERNSHIP

JavaScript has a rich ecosystem of libraries and frameworks, such as React, Angular, and
Vue.js, which simplify the process of building complex web applications by providing
reusable components and abstractions. Additionally, JavaScript is supported by all modern
web browsers, making it a ubiquitous language for web development.

In summary, JavaScript is a fundamental language for web development, empowering

developers to create dynamic, interactive, and engaging web experiences for users. Its
versatility, ease of use, and widespread adoption make it an essential tool for building
modern web applications.

3.4.5 INTRODUCTION TO JQUERY

jQuery is a lightweight and feature-rich JavaScript library designed to simplify web

development tasks such as DOM manipulation, event handling, and Ajax interactions. It
offers a concise and intuitive syntax, allowing developers to accomplish complex tasks
with minimal code. jQuery's cross-browser compatibility ensures consistent behavior
across various platforms and devices. With its extensive collection of plugins, jQuery
provides additional functionality for tasks like form validation, animations, and user
interface enhancements. Overall, jQuery streamlines the development process, making it
easier for developers to create dynamic and interactive web applications.

3.4.6 INTRODUCTION TO JSON

JSON (JavaScript Object Notation) is a lightweight data interchange format used for
transmitting data between a server and a web application. It is based on a subset of the
JavaScript programming language, making it easy for both humans and machines to
understand and parse. JSON represents data as key-value pairs enclosed in curly braces
`{}`, with keys and strings always wrapped in double quotes `""`. It supports several data
types including strings, numbers, booleans, arrays, objects, and null values. JSON's
simplicity, readability, and interoperability have made it a popular choice for exchanging
data between web services and applications. Its structured format allows for easy parsing
and manipulation, while its lightweight nature ensures efficient data transmission over the

Gujarat Technological University 9 V.V.P. Engineering College

Team ID : 440705 3. INTRODUCTION TO INTERNSHIP

network. Overall, JSON serves as a versatile and efficient solution for data interchange in
modern web development.

Example:

3.4.7 INTRODUCTION TO SQL

Structured Query Language (SQL) is a powerful and widely used programming language
designed for managing and manipulating relational databases. It provides a standardized
syntax for querying, updating, and managing data stored in a database management system
(DBMS). SQL allows users to perform various operations such as retrieving data with
SELECT statements, inserting new records with INSERT statements, updating existing
records with UPDATE statements, and deleting records with DELETE statements.

SQL operates on relational databases, which organize data into tables consisting of rows
and columns. Each table represents a distinct entity, and relationships between tables are
established using keys. SQL supports various data types such as integers, strings, dates,
and booleans, enabling users to store and manipulate different types of data efficiently.

Key features of SQL include its declarative nature, which allows users to specify what data
they want to retrieve or manipulate without needing to specify how to achieve it. SQL
queries are portable across different database systems, making it a versatile and widely
adopted language in the industry.

Gujarat Technological University 10 V.V.P. Engineering College

Team ID : 440705 3. INTRODUCTION TO INTERNSHIP

Additionally, SQL provides advanced features such as transaction management,

constraints, indexing, and stored procedures, allowing users to ensure data integrity,
optimize performance, and automate repetitive tasks within a database system.

In summary, SQL is a fundamental language for working with relational databases,

providing users with a powerful set of tools for managing and manipulating data
effectively. Its standardized syntax, portability, and advanced features make it an essential
skill for database administrators, developers, and analysts in various industries.

3.4.8 Practice Tasks

During your internship, you were tasked with creating two web pages. The first webpage
was a translation page where users could input sentences and translate them from one
language to another. This involved implementing a translation feature using APIs for
language translation.

Fig. 3.4.7.1 : Webpage of Language Translator

Gujarat Technological University 11 V.V.P. Engineering College

Team ID : 440705 3. INTRODUCTION TO INTERNSHIP

The second webpage involved users entering the name of a superhero. Based on this input,
the webpage retrieved data from an API to display information about the superhero's
powers and stats. This required integrating with a superhero API and designing the
webpage to present the information in a user-friendly format.

Fig. 3.4.7.2 : Webpage of Super Hero PowerStates

Overall, your practice tasks involved both frontend and backend development, including
working with APIs to enhance the functionality of the web pages.

Gujarat Technological University 12 V.V.P. Engineering College

Team ID : 440705 3. INTRODUCTION TO INTERNSHIP

3.5 INTERNSHIP SCHEDULING

WEEKS TECHNOLOGIES
1 HTML & CSS
2-3 bootsrap
4-6 Javascript
7-8 Jquery
9 - 10 SQL
11 - 12 Tasks Implementation

Table 3.1 : Internship Scheduling Tabel

Gujarat Technological University 13 V.V.P. Engineering College

Team ID : 440705 4. SYSTEM ANALYSIS

CHAPTER 4 : SYSTEM ANALYSIS

4.1 STUDY OF CURRENT SYSTEM

4.1.1 Education Management System
The system "Education Management System" serves to collect and manage student
education data through an API. This system involves two primary roles: users and
administrators. Users have the ability to sign up, log in, view their own details, and
update them. On the other hand, administrators possess additional privileges, including
adding, deleting, updating, and viewing user data.

4.1.2 SQL Store Procedure for Create Order

The stored procedure described serves the purpose of placing orders based on input
parameters, specifically itemid, quantity, and an optional couponid. Upon execution, the
procedure generates relevant data from three different tables and updates both the
order_details and order_master tables accordingly.

4.2 ACTIVITY IN PROPOSED SYSTEM

4.2.1 Education Management System

User Sign-Up and Profile Management:

User Sign-Up: New users can register on the platform by providing their personal and
educational details via the API.

Data Entry: Upon signing up, users fill in their educational information, including
academic records and personal details, through API endpoints.

Profile Viewing: Upon successful login, existing users can view their stored details fetched
from the API.

Profile Update: If required, existing users can update their personal and educational details
through the API endpoints.

Gujarat Technological University 14 V.V.P. Engineering College

Team ID : 440705 4. SYSTEM ANALYSIS

Administrator Functions:

Admin Login: Administrators log in to the system using their credentials.

Student Creation: Upon login, administrators have the ability to create new student
profiles by entering relevant information through the API.

Student Deletion: Administrators can delete existing student profiles from the system
using the API endpoints.

Student Update: If necessary, administrators can update the details of existing student
profiles via the API calls.

API Interaction:

Data Retrieval: Both users and administrators retrieve data from the system by making
API calls, which fetch relevant information such as user profiles and student details.

Data Update: Users and administrators update data in the system by sending API requests,
which trigger updates to the corresponding database records, ensuring real-time
synchronization of information.

Error Handling and Security:

Error Handling: The API endpoints include error handling mechanisms to address issues
such as invalid inputs or unauthorized access, providing informative responses to users and
administrators.

Authentication and Authorization: The API endpoints are secured with authentication
mechanisms to ensure that only authorized users and administrators can access and modify
data, maintaining data integrity and security.

4.2.2 SQL Store Procedure for Create Order

This activity involves processing orders based on certain conditions and calculating the
total amount, including delivery charges and discounts if applicable.

Gujarat Technological University 15 V.V.P. Engineering College

Team ID : 440705 4. SYSTEM ANALYSIS

Item Availability Check:

The system checks if the item is active. If not, it returns a message stating "Item is not
available."

Category Availability Check:

If the category of the item is not active, the system returns a message stating "Category is
not available."

Item and Category Validation:

If both the item and its category are active, the system proceeds with further execution.

Calculate Total Item Amount:

A function calculates the total item amount based on the quantity provided.

Add Delivery Charges:

Depending on the total item amount, the system determines the delivery charges:

If the total amount exceeds 1000, free delivery is provided.

For amounts between 500 and 1000, a Rs 50 delivery charge is applied.

For amounts up to 500, an Rs 80 delivery charge is applied.

Coupon Validation:
The system checks if the coupon is expired. If not, it calculates the discount based on the
percentage mentioned in the coupon table.

Save Order Data:

All relevant data, including item details, total amount, delivery charges, and any applicable
discounts, are saved in the order and order details tables.

Select Order and Order Details:

Finally, the system selects the order and order details tables as output for the processed
order.

Gujarat Technological University 16 V.V.P. Engineering College

Team ID : 440705 4. SYSTEM ANALYSIS

4.3 LIST OF MAIN MODULES

4.3.1 Education Management System Modules

• Bootstrap Modal
• API Handling
• Login
• CRUD
• DataTables

4.3.2 Create Order Modules

• Create tables
• References to tables
• SQL Functions
• Insert data in tables
• Conditions
• Store procedures

4.4 SELECTION OF SOFTWARE

4.4.1 SQL SERVER MANAGEMENT STUDIO (SSMS):

SSMS, short for SQL Server Management Studio, is a comprehensive integrated

development environment (IDE) provided by Microsoft for managing and administering
SQL Server databases. It offers a wide range of tools and features to streamline database
development, maintenance, and administration tasks. With its intuitive user interface,
developers and database administrators can efficiently write and debug T-SQL queries,
design and modify database schemas, and manage security settings. SSMS provides robust
tools for monitoring server performance, analyzing query performance, and
troubleshooting database issues. Its seamless integration with SQL Server Reporting
Services (SSRS) enables the creation and deployment of reports directly from the IDE.
Overall, SSMS is an essential tool for database professionals, offering a rich set of features
to enhance productivity and streamline database management tasks.

Gujarat Technological University 17 V.V.P. Engineering College

Team ID : 440705 4. SYSTEM ANALYSIS

4.4.2 VISUAL STUDIO CODE (VS CODE):

Visual Studio Code (VS Code) is a lightweight yet powerful source code editor developed
by Microsoft. It's designed to be highly customizable and versatile, catering to the needs of
developers across various platforms and programming languages. With its intuitive user
interface and extensive marketplace of extensions, VS Code offers a rich set of features to
enhance productivity and streamline the development workflow. Developers can write,
debug, and refactor code efficiently using built-in tools such as syntax highlighting, code
completion, and intelligent code suggestions. VS Code also provides seamless integration
with version control systems like Git, enabling collaborative development and code
management. Its lightweight nature and fast performance make it a popular choice among
developers for coding tasks ranging from simple scripts to complex applications. Overall,
Visual Studio Code is a versatile and feature-rich code editor that empowers developers to
write high-quality code with ease.

4.4.3 MOCK API WEB:

MockAPI is a powerful tool for developers to quickly create mock APIs for testing and
prototyping purposes. With MockAPI, developers can easily design custom endpoints and
define the structure and behavior of the data returned by those endpoints. This allows teams
to simulate real-world scenarios and test their applications' interactions with APIs without
relying on actual backend services. MockAPI offers a user-friendly interface for creating
and managing mock APIs, with support for various HTTP methods, request parameters,
and response formats. Developers can customize response status codes, headers, and delays
to simulate different network conditions and error scenarios. Additionally, MockAPI
provides features for sharing and collaborating on mock APIs, allowing teams to work
together seamlessly during the development process. Overall, MockAPI streamlines the
API mocking process, enabling developers to iterate quickly and efficiently during the
development lifecycle.

Gujarat Technological University 18 V.V.P. Engineering College

Team ID : 440705 5. SYSTEM DESIGN

CHAPTER 5 : SYSTEM DESIGN

5.1 SYSTEM DESIGN & METHODOLOGY

In the development of our web application, a crucial aspect revolved around efficiently managing
data exchange between the front-end interface and the back-end database. To achieve this, we
utilized API calls in conjunction with the JSON (JavaScript Object Notation) format.

API Integration: APIs (Application Programming Interfaces) serve as the bridge between
different software systems, enabling seamless communication and data exchange. By integrating
APIs into our system, we were able to retrieve, manipulate, and transmit data between the client-
side and server-side components of our application.

JSON Format: JSON emerged as the preferred data interchange format due to its lightweight,
human-readable, and easy-to-parse nature. JSON utilizes key-value pairs to represent structured
data, offering a flexible and efficient method for transmitting information over the network.

Data Representation: Through API calls, our web application interacted with external data
sources or internal databases, retrieving data in JSON format. This data was structured according
to predefined schemas, ensuring consistency and integrity across the system.

Handling Responses: Upon receiving JSON data through API requests, our front-end interface
parsed and processed the data to extract relevant information. This allowed us to dynamically
populate user interfaces with updated data, enhancing the responsiveness and usability of our
application.

Error Handling: Additionally, our data structure design accounted for error handling mechanisms
when dealing with API requests. We implemented robust error handling routines to manage
exceptions, validate responses, and provide appropriate feedback to users in case of failures.

Gujarat Technological University 19 V.V.P. Engineering College

Team ID : 440705 5. SYSTEM DESIGN

Scalability and Flexibility: The use of API calls and JSON format provided scalability and
flexibility to our system architecture. It allowed us to easily integrate new features, expand
functionalities, and adapt to evolving business requirements without significant architectural
changes.

5.2 DATA STRUCTURE DESIGN

JSON FORMAT

JSON (JavaScript Object Notation) is a lightweight and versatile data interchange format
commonly used for transmitting structured data between a server and a client. In designing
the data structure for JSON format, the goal is to represent data in a structured and easily
understandable manner. Here's an outline of a typical data structure design for JSON
format:

1. Object: JSON data is organized into key-value pairs enclosed within curly braces `{}`.
Each key represents a property or attribute, while its corresponding value can be a string,
number, boolean, array, object, or null.

2. Array: JSON arrays are ordered collections of values enclosed within square brackets
`[]`. Arrays can contain multiple values of different data types, including strings, numbers,
booleans, arrays, objects, or null values.

3. Nested Structures: JSON supports nested structures, allowing objects and arrays to be
nested within each other to represent complex data hierarchies. This enables the creation
of multidimensional data structures with varying levels of depth.

4. Primitive Data Types: JSON supports several primitive data types, including:

- Strings: Sequences of characters enclosed in double quotes `" "`.

- Numbers: Integers or floating-point numbers.

- Booleans: `true` or `false` values.

- Null: A special value representing null or absence of a value.

Gujarat Technological University 20 V.V.P. Engineering College

Team ID : 440705 5. SYSTEM DESIGN

5. Example:

In this example, the JSON data represents information about an individual, including their
name, age, student status, address details, and interests. The data is structured using objects,
arrays, and primitive data types to provide a clear and organized representation of the
information.

Overall, designing the data structure for JSON format involves organizing data into objects,
arrays, and primitive data types to represent complex data hierarchies in a structured and
easily accessible format. This enables efficient data transmission and manipulation across
different platforms and systems.

Fig 5.2.1 : API Data Schema For Education Management System

Gujarat Technological University 21 V.V.P. Engineering College

Team ID : 440705 6. IMPLEMENTATION

CHAPTER 6 : IMPLEMENTATION

6.1 IMPLEMENTATION PLATFORM / ENVIRONMENT

6.1.1 VISUAL STUDIO CODE

Visual Studio Code (VS Code) is a lightweight and powerful source code editor developed
by Microsoft. It offers a rich set of features designed to enhance productivity and streamline
the development workflow for programmers. With its intuitive user interface, customizable
layout, and extensive marketplace of extensions, VS Code provides a versatile environment
for coding in various programming languages. Key features include built-in Git integration,
syntax highlighting, code completion, and intelligent code suggestions, enabling
developers to write code faster and with fewer errors. VS Code also offers a robust
debugging experience with breakpoints, watch variables, and integrated terminal support.
Its seamless integration with popular tools and services, such as GitHub, Docker, and
Azure, further enhances its capabilities. Overall, Visual Studio Code is a versatile and
feature-rich code editor that caters to the needs of developers across different platforms
and programming languages, making it a popular choice in the developer community.

6.1.2 MOCK API

MockAPI.io is a powerful tool for developers to quickly create mock APIs for testing and
prototyping purposes. With MockAPI.io, developers can easily design custom endpoints
and define the structure and behavior of the data returned by those endpoints. This allows
teams to simulate real-world scenarios and test their applications' interactions with APIs
without relying on actual backend services. MockAPI.io offers a user-friendly interface for
creating and managing mock APIs, with support for various HTTP methods, request
parameters, and response formats. Developers can customize response status codes,
headers, and delays to simulate different network conditions and error scenarios.
Additionally, MockAPI.io provides features for sharing and collaborating on mock APIs,
allowing teams to work together seamlessly during the development process. Overall,

Gujarat Technological University 22 V.V.P. Engineering College

Team ID : 440705 6. IMPLEMENTATION

MockAPI.io streamlines the API mocking process, enabling developers to iterate quickly
and efficiently during the development lifecycle.

6.1.3 GITHUB

GitHub is a web-based platform and version control system that facilitates collaborative
software development and project management. It allows developers to store, manage, and
share code repositories, enabling seamless collaboration among team members regardless
of their geographical location. GitHub provides essential features such as version control,
issue tracking, code review, and project management tools, making it an indispensable tool
for software development teams. It leverages Git, a distributed version control system, to
track changes to code files and manage development workflows effectively. GitHub's user-
friendly interface, extensive documentation, and integration with popular development
tools make it accessible to developers of all skill levels. With its robust community and
ecosystem of open-source projects, GitHub serves as a hub for sharing knowledge,
contributing to open-source projects, and advancing the field of software development.

6.1.4 SQL SERVER MANAGEMENT STUDIO

SQL Server Management Studio (SSMS) is a comprehensive integrated development

environment (IDE) provided by Microsoft for managing and administering SQL Server
databases. It offers a wide range of tools and features to streamline database development,
maintenance, and administration tasks. With SSMS, database administrators and
developers can efficiently write and debug T-SQL queries, design and modify database
schemas, and manage security settings. SSMS provides a user-friendly interface for
creating, editing, and executing stored procedures, functions, and triggers, as well as
generating execution plans for query optimization. Additionally, SSMS offers powerful
tools for monitoring server performance, analyzing query performance, and
troubleshooting database issues. Its integration with SQL Server Reporting Services
(SSRS) enables the creation and deployment of reports directly from the IDE. Overall, SQL
Server Management Studio is an essential tool for database professionals, offering a rich
set of features to enhance productivity and streamline database management tasks.

Gujarat Technological University 23 V.V.P. Engineering College

Team ID : 440705 6. IMPLEMENTATION

6.2 RESULT
6.2.1 Education Management System Results

Fig. 6.2.1.1 : Home page of Education Management System

Fig. 6.2.1.2 : Insert Data page of Education Management System

Gujarat Technological University 24 V.V.P. Engineering College

Team ID : 440705 6. IMPLEMENTATION

Fig. 6.2.1.3 : User login of Education Management System

Fig. 6.2.1.4 : Student Info. of Education Management System

Gujarat Technological University 25 V.V.P. Engineering College

Team ID : 440705 6. IMPLEMENTATION

Fig. 6.2.1.5 : Admin login of Education Management System

Fig. 6.2.1.6 : Admin Panel of Education Management System

Gujarat Technological University 26 V.V.P. Engineering College

Team ID : 440705 6. IMPLEMENTATION

Fig. 6.2.1.7 : Admin Student insert of Education Management System

Fig. 6.2.1.8 : Admin Student Edit of Education Management System

Gujarat Technological University 27 V.V.P. Engineering College

Team ID : 440705 6. IMPLEMENTATION

Fig. 6.2.1.9 : Admin Student Delete of Education Management System

6.2.2 Query Results

Fig. 6.2.2.1 : Create category_master Table

Gujarat Technological University 28 V.V.P. Engineering College

Team ID : 440705 6. IMPLEMENTATION

Fig. 6.2.2.2 : Create item_master table

Fig. 6.2.2.3 : Create coupon and order master table

Gujarat Technological University 29 V.V.P. Engineering College

Team ID : 440705 6. IMPLEMENTATION

Fig. 6.2.2.4 : Store procedure for insert data in table

Fig. 6.2.2.5 : Inserting data into tables

Gujarat Technological University 30 V.V.P. Engineering College

Team ID : 440705 6. IMPLEMENTATION

Fig. 6.2.2.6 : create table order_details

Fig. 6.2.2.7 : Store procedure to create a order

Gujarat Technological University 31 V.V.P. Engineering College

Team ID : 440705 6. IMPLEMENTATION

Fig. 6.2.2.8 : Execute Create order sp

Fig. 6.2.2.9 : Create Function to Calculate Total Price

Gujarat Technological University 32 V.V.P. Engineering College

Team ID : 440705 7. TESTING

CHAPTER 7 : TESTING

7.1 TESTING PLAN / STRATEGY

7.1.1 UNIT TESTING

This involves testing individual units or components of the software in isolation.
Programmers write test cases to verify the behavior of specific functions, methods, or
classes within the codebase.

7.1.2 INTEGRATION TESTING

Programmers conduct integration testing to verify that the interaction between different
units or components of the software functions correctly. It ensures that the integrated
parts work seamlessly together.

7.1.3 REGRESSION TESTING

Programmers often perform regression testing to ensure that recent code changes do not
introduce new bugs or regressions into the existing codebase. It involves re-running
previously executed test cases to validate the stability of the software after modifications.

7.1.4 STATIC CODE ANALYSIS

Programmers use static code analysis tools to analyze the source code for potential
defects, security vulnerabilities, and adherence to coding standards. It helps identify
issues such as syntax errors, code smells, and potential performance bottlenecks.

7.1.5 CODE REVIEW

While not strictly a testing activity, code reviews involve programmers systematically
examining each other's code to identify defects, improve code quality, and ensure
adherence to coding standards and best practices.

Gujarat Technological University 33 V.V.P. Engineering College

Team ID : 440705 8. CONCLUSION AND DISCUSSION

CHAPTER 8 : CONCLUSION AND DISCUSSION

8.1 OVERALL ANALYSIS OF INTERNSHIP

My 12-week internship at Shaligram Infotech in full stack web development was a transformative
learning experience. Through practical exploration of HTML, CSS, JavaScript (JS), jQuery, and
SQL, I gained a comprehensive understanding of essential web development technologies. The
internship commenced with a focus on HTML and CSS, where I learned to create structured and
visually appealing web pages with responsive designs. Progressing to JavaScript and jQuery, I
honed my skills in DOM manipulation, event handling, enhancing website interactivity and
functionality. Additionally, the internship provided valuable insights into SQL for database
management, empowering me to design and query relational databases effectively.

Throughout the internship, practical application through real-world projects and assignments
allowed me to apply my skills and collaborate with experienced developers. Despite encountering
challenges, such as debugging JavaScript code and optimizing SQL queries, I persevered and
developed problem-solving skills. Overall, the internship at Shaligram Infotech equipped me with
the knowledge and confidence to pursue a career in full stack web development, and I am grateful
for the mentorship and support provided by the team.

8.2 TASK EVOLUTION DATE

EVOLUTION DATE
EVOLUTION 1 30-03-2024

Table 8.2.1 Task Evolution Table

Gujarat Technological University 34 V.V.P. Engineering College

Team ID : 440705 8. CONCLUSION AND DISCUSSION

8.3 SUMMARY OF INTERNSHIP

During my 12-week internship at Shaligram Infotech as a Full Stack Web Development intern, I
acquired invaluable industry experience while working with a diverse range of technologies. My
role involved designing and developing responsive web interfaces using HTML, CSS, and
JavaScript, integrating backend database management with SQL, and collaborating with team
members to deliver high-quality solutions within project timelines. Throughout the internship, I
gained proficiency in HTML, CSS, JavaScript, jQuery, and SQL, and had the opportunity to work
on real-world projects that provided hands-on experience and insights into industry best practices.
Overall, my internship at Shaligram Infotech has equipped me with essential skills and industry
exposure, preparing me for a successful career in web development.

Gujarat Technological University 35 V.V.P. Engineering College

Team ID : 440705 REFERENCES

REFERENCES

1. W3SCHOOLS
https://www.w3schools.com/

2. JQUERY
https://jquery.com/

3. MDNWEBDOCS
https://developer.mozilla.org/en-US/

4. DATATABLES
https://datatables.net/

5. GITHUB
https://github.com/

6. BOOTSTRAP
https://getbootstrap.com/

7. YOUTUBE
https://www.youtube.com/

8. STACKOVERFLOW
https://stackoverflow.com/

9. MOCK API
https://mockapi.io/

Gujarat Technological University 36 V.V.P. Engineering College