E-COMMERCER APPLICATION

A SUMMER INTERNSHIP REPORT

Submitted by
Rathod Dhruvkumar UmeshBhai
200430116507

In partial fulfilment for the award of the degree of

BACHELOR OF ENGINEERING
in
Information Technology
Shantilal Shah Engineering College, Bhavnagar

Gujarat Technological University, Ahmedabad

July 2022
Shantilal Shah Engineering College, Bhavnagar

CERTIFICATE

This is to certify that the Summer Internship report submitted along with the

project entitled “E-Commerce Application” has been carried out by Rathod

DhruvKumar Umeshbhai (200430116507) under my guidance in partial

fulfillment for the degree of Bachelor of Engineering in Information

Technology, 7th Semester of Gujarat Technological University, Ahmedabad

during the academic year 2022-23.

Prof. Disha Sanghani Prof. M.S. Shah

Internal Guide Head of the Department
Shantilal Shah Engineering College, Bhavnagar

DECLARATION

I hereby declare that the Summer Internship report submitted along with the

Project entitled “E-Commerce Application” submitted in partial fulfillment

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 Shantilal Shah Engineering College

- Bhavnagar under the supervision of Prof. Disha Sanghani 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

Team ID:- 246157 Acknowledgment

Acknowledgment

I am heartily thankful to all faculty members of the department of information technology from

SSEC-BHAVNAGAR for doing this project. It is my pleasure to take this opportunity to thank

all people who helped me directly or indirectly. To prefer this project would have been

impossible without their guidance. They all encouraged and trusted my ideas. They were

always available for me to give guidance about the project. The disruption of the project and

the excellent advice given by them helped to make this project complete. I am thankful for their

pristine and enlightening guidance throughout the semester.

I am incredibly thankful to our internal guide of the project, prof. Disha Sanghani, for his

encouragement, guidance, understanding, and lots of support and trust. Without his help, this

project would not be a success.

Finally, I thank all persons who directly or indirectly supported me in this projec
Team ID:- 246157 Abstract

Abstract

Electronic Commerce is process of doing business through computer networks.

A person sitting on his chair in front of a computer can access all the facilities
of the Internet to buy or sell the products.

Unlike traditional commerce that is carried out physically with effort of a

person to go & get products, ecommerce has made it easier for human to
reduce physical work and to save time. E-Commerce which was started in
early 1990’s has taken a great leap in the world of computers, but the fact that
has hindered the growth of e-commerce is security. Security is the challenge
facing e-commerce today & there is still a lot of advancement made in the field
of security.

The main advantage of e-commerce over traditional commerce is the user can
browse online shops, compare prices and order merchandise sitting at home on
their PC.

For increasing the use of e-commerce in developing countries the B2B e-

commerce is implemented for improving access to global markets for firms in
developing countries. For a developing country advancement in the field of e-
commerce is essential. The research strategy shows the importance of the e-
commerce in developing countries for business applications
Team ID:- 246157 List of Figures

List of Figures

Fig. 1.1 Time Line Chart …………………………………………………………………... 4

Fig. 2.1 Activity ………………………………………………………………………......... 8

Fig. 2.2 Activity 2 …………………………………………………………………………. 9

Fig. 3.1 ER Diagram …………………………………………………………...……………14

Fig. 4.1 Use Case Diagram …………….…………………………………………………. 15

Fig. 5.1 DFD Level 0 ….……………………………...…………………….……………... 16

Fig. 5.2 DFD Level 1 …………………………….………………………. ……………….16

Fig. 5.3 DFD Level 2 …………………………….………………………. ……………….17

Fig. 6.1 Login and Register ……………………………………………………….…………19

Fig. 6.2 Sign up Page ……………………………………………...………………………. 20

Fig. 6.3 Sign In page ……………………………………………………………. ………….21

Fig. 6.4 Home Page ………………………………………………………….……………. 22

Fig 6.5 Description Page……………………………………………………………………22

Fig 6.6 Your cart Page………………………………………………………………………23

Fig 6.7 Payment Page……………………………………………………………………….24

Fig 6.8 Shipping Page ………………………………………………………………………25

Fig 6.9 UPI Page……………………………………………………………………………26

Fig 6.10 UPI mode…………………………………………………………………………...27

Team ID:- 246157 List of Figures

List of Symbols

Use Case / Actor:

Actor

Use Case / Use Case: Use Case

Use Case / Association:

Use Case / Include Relationship: << include >>

Class Diagram / Association:

Class Diagram / Inheritance:

Class Diagram / Aggregation:

Class Diagram / Composition:

Team ID:- 246157 list of Table

List of Table

1.1 Category Table……………………………………………………………………….….12

1.2 Product Table…………………………………………………………………………….12
1.3 Payment Table…………………………………………………………………………....13
Team ID:- 246157 Table Contents

Table of Contents
Acknowledgment

Abstract

List of Figures

List of Symbols

List of Table

Table of Contents

Chapter 1 Introduction..................................Error! Bookmark not defined.

1.1 PROJECT SUMMARY ................................. Error! Bookmark not defined.

1.2 PURPOSE ........................................................................................................ 1

1.2 SCOPE………………………………………………………………………..2

1.5 TECHNOLOGY REVIEW .............................................................................. 2

1.5.1 Flutter: ............................................................................................... 2

1.5.2 Supported by Android Studio and VS Code .. Error! Bookmark not

defined.

1.5.3 Framework architecture: ................................................................... 3

1.5.4 IDE Support ...................................................................................... 3

1.6 PROJECT SCHEDULING .............................................................................. 4

1.6.1 Gantt Chart ........................................................................................ 4

Chapter 2 System Analysis ..........................................................................5

2.1 Study of Current System .................................. Error! Bookmark not defined.

2.2 Problem and Weaknesses of Current

System………………………………….Error! Bookmark not defined.
2.3 Requirement of New System ......................... Error! Bookmark not defined.

2.4 Activity In New System ................................................................................... 8

2.5 Feature of New System………………………………………………………10

2.6 SELECTION OF HARDWARE / SOFTWARE FOR DEVELOPMENT….11

Team ID:- 246157 Table Contents

2.6.1 Hardware Selection:……………………………………………….11

2.6.1 Software Selection…………………………………………………11

Chapter 3 System Design…………………………………………………….12

3.1 Data Dictionary……………………………………………………………...….12
3.2 ER Diagram…………………………………………………………………….14
3.2 Use Case Diagram……………………………………………………………...15
3.3 DFD Level-0 & DFD Level-1 Diagram………………………………………..16

Chapter 4 Implementation…………………………………………………..18
5.1 Implementation Platform Details ……………………………………………….18
5.2 Samples of Forms…………………………………………………………….....19

Chapter 5 Conclusion………………………………………………………..28
References…………………………………………………………………………………...29
Team ID:-246157 Introduction

Chapter – 1

INTRODUCTION

1.1 PROJECT SUMMARY

Its is a simple project of application using the programming language using the simple program.

So, to properly understand and get familiar with the Flutter language, I am doing this project
immediately after learning the Flutter language.

In this project, I will use a different type of method and function to built the application to
perform the different task using Dart extension

1.2 PURPOSE

The primary purpose behind this project is to learn and truly get familiar with the Flutter
programming language.

Alongside these, I also learned the followings:

• Easy Use
• No Advertisement
• Application Using Flutter
• Using different in-built, External Extension using Dart.

OBJECTIVE

Below are the objectives of the project:

✓ Establish Deeper Business Relationships

✓ Provide a unique customer experience
✓ Refine Service Efficiency
✓ E-Commerce Mobile application Responsive.
✓ Payment getway online.

Gujrat Technological University 1 Shantilal Shah Engineering College

Team ID:-246157 Introduction

SCOPE

The scope of the project is apparent.

➢ Using Open-source framework Flutter, Dart etc. Built easy and simple app for user to
buy electronics things.
➢ Using the Flutter make a simple and attractive application which is easy to use.

TECHNOLOGY REVIEW

Flutter:

• Flutter is a free and open-source mobile UI framework created

by Google and released in May 2017. In a few words, it allows
you to create a native mobile application with only one codebase.
This means that you can use one programming language and one
codebase to create two different apps (for iOS and Android).

Flutter consists of two important parts:

• An SDK (Software Development Kit): A collection of tools that are going to help you
develop your applications. This includes tools to compile your code into native
machine code (code for iOS and Android).

• A Framework (UI Library based on widgets): A collection of reusable UI elements

(buttons, text inputs, sliders, and so on) that you can personalize for your own needs.

If you know a bit of programming, Dart is a typed object programming language. You
can compare Dart's syntax to JavaScript.
“Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for
mobile, web, and desktop from a single codebase.” - Google, flutter.dev

Gujrat Technological University 2 Shantilal Shah Engineering College

Team ID:-246157 Introduction

1.2.1 Supported by Android Studio and VS Code

Flutter is available on different IDEs. The two main code editors for developing with this
technology are Android Studio (IntelliJ) and VS Code.

Android Studio is a complete software with everything already integrated. You have to
download Flutter and Dart plugins to start.

VS Code is a lightweight tool, and everything is configurable through plugins from the
marketplace.

I use Android Studio because I don’t need to configure a lot of things to work.

You are free to choose your preferred IDE.

1.2.2 Framework architecture

• Dart platform
• Flutter engine (Skia Graphics Engine)
• Foundation library
• Design-specific widgets
• Flutter Development Tools (DevTools)

1.2.3 IDE Support

Flutter maintains official support for the following IDEs and editors via plugins:

• IntelliJ IDEA
• Android Studio
• Visual Studio Code
• Emacs

Other IDEs can be used with community-supported plugins, or by using Flutter tools from the
command line.

Gujrat Technological University 3 Shantilal Shah Engineering College

Team ID:-246157 Introduction

1.6 PROJECT SCHEDULING

1.6.1 Gantt Chart

Fig 1.1

Gujrat Technological University 4 Shantilal Shah Engineering College

Team ID:-246157 System Analysis

Chapter – 2
SYSTEM ANALYSIS

2.1 Study of Current System

✓ Busy Lifestyle:
just want to shop in a comfortable environment. The lives of people are so fast that they
cannot travel to the swarmed retail markets every day. People
✓ High Disposable Income:
With increased employment opportunities the income has become higher and thus giving
more spending power to individuals. Thus they are energetically ready to pay for the items on
internet.
✓ Awareness of Products:
These days’ people are much more of the new products, their specifications, costs etc through
the assistance of media like TV, radio, news paper etc. So they shop online with confidence.
✓ Rising Computer Educational Level:
Computer education is moving into new skylines because of the efforts of government and
educational institutions in India. People have a greater understanding of programming tools
and applications. Not only urban students, but also rural people and housewives as well as
professionals are also drawn to e-commerce and e-business technologies. Consequently, there
is an unbelievable demand in new products [Jain and Kapoor, 2012].
✓ Increased Usage of Internet:
There are currently over 100 million internet subscribers. In reality, these fundamental Web
consumers have begun to become Web clients in the last few years through sophisticated
Internet travel operators, thereby increasing the domination of the ecommerce sector.

Gujrat Technological University 5 Shantilal Shah Engineering College

Team ID:-246157 System Analysis

2.2 Problem and Weaknesses of Current System

➢ No One Can Buy During Site Crash

This issues is always happen when the offer or discount given by any e-commerce site ,
Because the people buy item lowest price….So many other people or user try to login in
same site so many requested is send in the server.

➢ Shipping Times Can Be lengthy

The Shipping delay is always a problem in the covid time as well as monsoon whether

Because the item which is buy by the user is delay it is depatch from the other state or other
country also.

There is many reason to deliver some items to user .

➢ Security

Security is main pillar of the any online shopping because it contain all the user data , payment
gateway also .. so it is authenticate the site for their personal security .

➢ Product Suitability

Product Suitability means online images which is shown by the seller its real or design in
photoshop. It give all the description of the item But after purchasing the product is sometime
defective or delivery different items.

2.3 Requirement of New System

➢ Computer or Mobile System:

The presence of the computer system is the first requirement of e-commerce; because the basis
of e-commerce is the Internet and the computer is the medium of transaction. The computer
can be linked with the Internet, by pressing its keys. The business transaction under e-
commerce can be seen on the computer screen.

➢ Internet Connection:
For conducting e-commerce transactions, Internet connection is essential. We can get this
facility of Internet connection, sitting at home, through Private Service Provider companies.

Gujrat Technological University 6 Shantilal Shah Engineering College

Team ID:-246157 System Analysis

When we open our Internet connection, the service provider tells us to install the Web Browser.
It controls the activities of e-commerce. It is the Web Browser which takes us into the world
of e-commerce. (Browser means a programme that lets us look at or read documents on the
Internet).

➢ Technically Qualified Workforce:

The business enterprise must have technically qualified people who are capable of working
with computer networks and the Internet without difficulty.

➢ System of Receiving Payments:

The business enterprise must have a full-proof system of receiving payment for the goods
sold. The business enterprise must make arrangements with banks, credit card agencies etc. to
facilitate receipts and payments electronically.

➢ Well-Designed Application:
To communicate effectively with customers and others, the business enterprise must develop
a comprehensive website. The information must be detailed and hyperlinked with suitable
supporting pictures etc. (Hyperlink is a place in an electronic document on a computer that is
linked to another electronic document).

Gujrat Technological University 7 Shantilal Shah Engineering College

Team ID:-246157 System Analysis

2.4 Activity in New System

2.1.1. Activity Login

➢ Fig 2.1

➢ This Activity Diagram includes the Authetication of user . In this server check
wether the user is valid or not . If it is valid then it access all the system of
application .
➢ After the user login into the application it will edit the profile , change password ,
search different type of products as well as payment mode also.
➢ This activity show all the flow of user authentication of system.

Gujrat Technological University 8 Shantilal Shah Engineering College

Team ID:-246157 System Analysis

2.1.2. Admin Activity

Fig 2.2

➢ The Admin Activity shows the user activity like name ,address, selected product item
etc.
➢ This activity shows that Admin has acces to change the category or modify the item,
add item , manage all user item , manage all user id password , change the price of
the product provide security to the user.

Gujrat Technological University 9 Shantilal Shah Engineering College

Team ID:-246157 System Analysis

2.5 Feature of New System

➢ In this E-commerce application many different type of feature are use.

➢ In this application the new feature is the user can easily use the responsive page of
the application. It has no special kind of feature the user easlily order the item and get
delivery before the time period , it also provide user order id .
➢ In this the user add all the item in the cart box for further order and it gives a total of
the order.

2.6 List Main Modules of New System

➢ Customer
In this application the customer module is use.
In this its show the customer detail like id , name password , address etc .
➢ Category
Category means the user which select the different type of category like , electronics ,
cloths , glossary etc.
In this category its show only the electronics items to the customer . so the category
module is user .
➢ Product
Product module is the show different type of product to customer .
The product modules contain product id , category id , prices , quantity , product
description etc .
➢ Order
In order module it is simple that the selected item has been order and dispatch to the
delivery that item .
➢ Payment
Payment module is main module that any online shopping.
The payment mode is same at any online shopping like :- Net banking , UPI payment
, QR Scan , or COD(Cash on Delivery).
But in this application it have only two mode of payment COD or UPI .

Gujrat Technological University 10 Shantilal Shah Engineering College

Team ID:-246157 System Analysis

2.7 Selection of Hardware / Software

2.1.3. Hardware specification:

C2D Processor
2.4GHZ 2 GB RAM,
160GB HDD 1024x768 pixels Resolution Colour Monitor
2.1.4. System Requirements:-
Operating System: - Windows 7, Windows XP, etc...
Processor: - 1.4GHzProcessor
RAM: - 512 MB (Minimum); 2GB (Recommended)
Hard Disk: - Up to 250 GB of available space required
Display: - 800 x 600, 256 colours (Minimum); 1024 x 768 high colour, 32-bit
Front End: - Flutter, Dart
Back Hand: - Firebase

Software Specification:
Operating System: Windows 7

Database: Firebase, Chrome, Opera

Gujrat Technological University 11 Shantilal Shah Engineering College

Team ID:- 246157 System Design

Chapter – 3
System Design

➢ Data Dictionary

3.1.1. category table

This table shows the details of categories like cat_id , cat_name.

Sr no. Field Name Data type Field Length Constraint Description

1. Cat_id NUMBER 12 PRIMARY Id of category
KEY
2. Cat_name VARCHAR 25 NOT NULL name of category

3.1.2. product table

This table shows the details of product like product_id , product_name, etc.

Sr no. Field Name Data type Field Constraint Description

Length
1. Product_id NUMBER 12 PRIMARY KEY Id of Product
2. Item_no NUMBER 10 NOT NULL No of Product
3. Product_name VARCHAR 25 NOT NULL Name of Product
4. Price VARCHAR 25 NOT NULL Price of Product
5. Description VARCHAR 25 NOT NULL Description of Product
6. Product Revie VARCHAR 25 NOT NULL Reviw of Product

Gujrat Technological University 12 Shantilal Shah Engineering College

Team ID:- 246157 System Design

3.1.3. payment table

This table show the payment details of the user like , date of payment , payment id etc.

Sr no. Field Name Data type Field Constraint Description

Length
1. Payment_id NUMBER 12 PRIMARY KEY Id of payment
2. Payment_type NUMBER 10 NOT NULL Type of payment
3. Payment_status VARCHAR 25 NOT NULL Status of Payment
4. Payment_date VARCHAR 25 NOT NULL Date of Payment

Gujrat Technological University 13 Shantilal Shah Engineering College

Team ID:- 246157 System Design

3.2. ER Diagram

Fig 3.1

Gujrat Technological University 14 Shantilal Shah Engineering College

Team ID:- 246157 System Design

3.3. Use Case Diagram

Fig 4.1

Gujrat Technological University 15 Shantilal Shah Engineering College

Team ID:- 246157 System Design

3.4. DFD Diagram

3.4.1. DFD Level-0

Fig 5.1

3.4.2. DFD Level 1

Fig 5.2

Gujrat Technological University 16 Shantilal Shah Engineering College

Team ID:- 246157 System Design

3.4.3. DFD Level 2

Fig 5.3

Gujrat Technological University 17 Shantilal Shah Engineering College

Team ID:- 246157 Implementation

Chapter – 4
Implementation

4.1. Implementation Platform Details

➢ For creating this application I use Flutter Development Tools.

➢ In this development tools Dart Material Design widgets implement

Google's design language of the same name.

➢ For authentication and data storing I use firebase as database.

➢ I use firebase authentication in which the user authenticate with email for

forgot password.

➢ Flutter is use make or design the UI of application so that Material

Design is use.

➢ In this all the user activity like saved product in cart or id pass word store

in the firebase.

➢ In firebase we can delete the records of the user.

➢ In data base we can only see the email not password.

➢ In this application I use razor pay for transfer the money.

➢ We have to use a key which is given by the razor pay after login in that

we add a key the flutter file.

Gujrat Technological University 18 Shantilal Shah Engineering College

Team ID:- 246157 Implementation

4.2. Samples of Forms

4.2.1. Login or Register page

Fig 6.1

Gujrat Technological University 19 Shantilal Shah Engineering College

Team ID:- 246157 Implementation

4.2.2. Sign in Page

Fig 6.2

Gujrat Technological University 20 Shantilal Shah Engineering College

Team ID:- 246157 Implementation

4.2.3. Sign up Page

Fig 6.3 Fig 6.4

Gujrat Technological University 21 Shantilal Shah Engineering College

Team ID:- 246157 Implementation

4.2.4. Home Page

Fig 6.5

4.2.5. Selected item description

Fig 6.6

Gujrat Technological University 22 Shantilal Shah Engineering College

Team ID:- 246157 Implementation

4.2.6. Your cart Page

Fig 6.7 Fig 6.8

Gujrat Technological University 23 Shantilal Shah Engineering College

Team ID:- 246157 Implementation

4.2.7. Payment Page

Fig 6.9

Gujrat Technological University 24 Shantilal Shah Engineering College

Team ID:- 246157 Implementation

4.2.8. Shipping page

Fig 6.10 Fig 6.11

Gujrat Technological University 25 Shantilal Shah Engineering College

Team ID:- 246157 Implementation

4.2.9. UPI payment Page

Fig 6.12

Gujrat Technological University 26 Shantilal Shah Engineering College

Team ID:- 246157 Implementation

4.2.10. Select UPI mode

Fig 6.13 Fig 6.14

Gujrat Technological University 27 Shantilal Shah Engineering College

Team ID:- 246157 Conclusion

Chapter – 5
Conclusion

➢ In the end, the project was worth the time it took. I learned the Flutter language truly
and got different type of design is use in this.
➢ I learned how to develop the UI or How to connect together.
➢ I learned how to connect with the database with firebase.
➢ I learned how a system is designed and modelled from start to end; This included how
a system is divided into interdependent modules and how to bind those modules
together so that we get what we planned; a systematic and well-structured system.
➢ I learned how to learn on my own using the most extensive knowledge base – the
Internet.

Gujrat Technological University 28 Shantilal Shah Engineering College

Team ID:- 246157 Conclusion

Reference

• https://github.com/
• https://meeraacademy.com/
• https://sourcecodehero.com/
• https://codecan

Gujrat Technological University 29 Shantilal Shah Engineering College