Ministry of High Education,

Culture and Science City at Oct 6,

The High Institute of Computer Science & Information Systems

‫اﻟﻤﻌﮭﺪ اﻟﻌﺎﻟﻲ ﻟﻌﻠﻮم اﻟﺤﺎﺳﺐ وﻧﻈﻢ اﻟﻤﻌﻠﻮﻣﺎت‬

Graduation Project

Online Transporting heavy shipment and idle cars

Prepared by

‫ احﻤﺪ ﺳﻌيﺪ عبﺪ اﻟفتﺎح‬-٤١٠١٣ (۲ ‫ ابراهيﻢ شﻌبﺎن ﻣﺤﻤﺪ‬- ٤١٠٠٧ (١

‫ عبﺪاﻟرحﻤن ﻣﺤﻤﺪ عبﺪه‬-٤١٠٩٥ (٤ ‫ اﻣير ﻣنير عبﺪ هللا‬-٤١٠٤٥ (٣

‫ يﻮﺳف رضﺎ ادريس‬-٤١١٧١ (٦ ‫ ﻣؤﻣن ﻣجﺪي ﻣﺤﻤﺪ‬-٤١١١٦ (٥

‫عبﺪهللا ﻣﺤﻤﺪ عبﺪ هللا‬-٤۲٠١١ (۸ ‫ جﻤﺎل الشين عبﺪ اﻟﺤﻤيﺪ‬-٤۲٠٠٦ (٧

Assistant

Eng.: Donia Gamal

Supervised by

Dr: Ashraf Fahmy

Project No: 22 Academic Years: 2021/2022
 Acknowledgement

We have taken efforts in this project. However, it would not have been possible without the
great Culture and Science City where our beloved computer science faculty is hosted and with
the kind support and help of its professors and on the behalf of my colleagues I would like to
extend our sincere thanks to all of them.

First, we would like to thanks Dr. Ashraf Fahmy for his patience, guidance, for his
supervision as well as for providing necessary information regarding the project and also for
his support in completing the project, We could not have imagined having a better advisor and
mentor for our graduation project, we also would like to express our sincere gratitude to our
advisor Eng. Donia Gamal for the continuous support of our graduation project and study,
for her patience, motivation, enthusiasm, and immense knowledge. Her guidance helped us
in all the time of project and writing of this thesis.

Finally, we would also like to expand our deepest gratitude to our family and friends who have
supported us all the way when they haven't had the slightest idea on what we're doing.

Teamwork

1
 Abstract

This project aims to provide a means to transport and deliver heavy loads to
anywhere and enjoy them high efficiency and high reliability, this project meet
requirements of the higher institute of computer and information sciences.

For example if the management of the institute wants to move anything to and
from the campus, it can do so through this project, and we also choose drivers
very carefully so that the user can get all services and enjoy the highest levels of
security, and speed up the transportation of goods .

It is can destroy the operation or delivery to the desired destination, so the first
problem of management is the difficulty of controlling the situation from chaos,
and this problem is solved by giving the user the required system that guarantees
credibility and security at the highest level, and there are three users in this project
(administrator, driver and client).

Therefore, the management of the system decided to take into account all the
requirements of the work and to be fully keen on providing an honorable form .

2
Acknowledgement .......................................................................................................................................... 1
Abstract .......................................................................................................................................................... 2
- Book Structure .............................................................................................................................................. 6
Chapter 1: Introduction ................................................................................................................................... 6
Chapter 2: Theoretical Background and tools .................................................................................................. 6
Chapter 3: System Analysis and Design. ........................................................................................................... 6
Chapter 4: Website implementation. .............................................................................................................. 6
Chapter 5: Mobile application implementation............................................................................................... 6
Chapter 6: Conclusion and Future Work. ......................................................................................................... 6
Chapter 1: Introduction ................................................................................................................................... 7
1.1 An Overview .............................................................................................................................................. 7
1.2 purpose ..................................................................................................................................................... 8
1.3 Scope of project ................................................................................................................................. 8
1.4 Problem statement ............................................................................................................................ 9
1.5 Benefits ............................................................................................................................................. 9
1.6 Technologies Used..................................................................................................................................... 9
Chapter 2: Theoretical Background and tools ................................................................................................ 11
2.1 Related work ........................................................................................................................................... 11
2.2 Tools ....................................................................................................................................................... 14
Web site Tools:.............................................................................................................................................. 14
Mobile application Tools: .............................................................................................................................. 16
Chapter 3: System Analysis and Design. ......................................................................................................... 18
3.1software Requirements ............................................................................................................................ 18
3.1.1User characteristic ................................................................................................................................. 18
3.1.2Functional Requirements ....................................................................................................................... 19
3.1.3General: ................................................................................................................................................ 19
3.1.2Customer:.............................................................................................................................................. 20
3.1.3Administration: ..................................................................................................................................... 20
3.1.4Drivers (car owner) : .............................................................................................................................. 21
3.2 Non-functional requirements: ................................................................................................................. 21
3.2.1Safety: ................................................................................................................................................... 22

3
3.2.2 Security: ............................................................................................................................................... 22
3.2.3 Reliability Requirements: ...................................................................................................................... 23
3.2.4 Usability Requirements:........................................................................................................................ 23
3.2.5 Availability Requirements: .................................................................................................................... 24
3.2.6 Constraints ........................................................................................................................................... 24
3.3 Requirements Specifications:................................................................................................................... 25
3.3.1 Context diagram: .................................................................................................................................. 25
3.2.2 System Data Flow Diagram: .................................................................................................................. 26
3.2.3 Use Case Diagram: ................................................................................................................................ 27
3.2.4 Use Case Description: ........................................................................................................................... 29
Table 3.2.4 Description of Transporting system use case diagram .................................................................. 29
3.2.5 Activity diagram for the system: ........................................................................................................... 30
3.2.6 Sequence Diagram: ............................................................................................................................... 31
3.2.7 Sequence diagram request: .................................................................................................................. 32
..................................................................................................................................................................... 32
3.2.8 Class diagram for the system: ............................................................................................................... 33
System Design ............................................................................................................................................... 34
3.3 Introduction: ........................................................................................................................................... 34
3.3.1 Purpose: ............................................................................................................................................... 35
3.3.2 The Design: ........................................................................................................................................... 35
3.3.3 web site: ............................................................................................................................................... 35
3.4 Application: ............................................................................................................................................. 46
3.5 Competitors: ........................................................................................................................................... 52
3.6 Conclusion: .............................................................................................................................................. 53
Chapter 4: Website implementation ............................................................................................................. 54
4.1 Introduction: ........................................................................................................................................... 54
Chapter 5: Mobile application implementation............................................................................................. 64
5.1 introductions ........................................................................................................................................... 64
5.2 implementation ............................................................................................................................... 66
Chapter 6: Conclusion and Future Work. ....................................................................................................... 72
Conclusion .................................................................................................................................................... 72
Future Work .................................................................................................................................................. 73

4
References .................................................................................................................................................... 74
Appendix (A) ................................................................................................................................................. 76
Appendix (B) ................................................................................................................................................. 81
Appendix (C) ................................................................................................................................................. 81

5
- Book Structure
This book is organized as follows:

Chapter 1: Introduction

 Briefly describes the projects, its compotes and gives overviews of

the otherchapters.

Chapter 2: Theoretical Background and tools

 Related work
 Tools

Chapter 3: System Analysis and Design.

 The system architecture is being discussed in this chapter. System

analysis, required resources and components were presented in this
chapter.

Chapter 4: Website implementation.

 In this part, we explain the design of the project and how the web page
works and page analysis.
 Implementation for website and how function works.

Chapter 5: Mobile application implementation.

In this part, we explain the design of the mobile application and how the
Application work.

Chapter 6: Conclusion and Future Work.

A brief summary of the project and derived results were concluded beside the future
proposal and suggestions for this project were done.

6
 Chapter 1: Introduction

The next section provides an overview web page on the topic of moving goods, heavy
weights, and idle vehicles.
At the outset the purpose of the document is presented and the target audience is
identified to obtain the best possible results and achieve success in the global market.
Next, the scope of the project defined in the document is presented with a special focus
on what the resulting software will do in designing and then implementing some of the
processes to produce an application capable of operating in the global market, the
benefits associated with it and the terminology used in the upcoming chapters.
Our project website and operations are also explained in one harmonious build process
after another.
There is also a shortcut to the project and what will be modified in the future.

1.1 An Overview

The system is just two things, a website and a mobile application first of all, the site
the site contains several things, including the system interface, but it contains some
designs that help customers achieve their requests, and the site also contains a system
interface with all means of communication that provides the customer with
everything.
There are also some people working throughout the system from development,
services and problem solving, the customer begins to log on to the site and then
begins to register through his account and starts requesting the service he needs, the
site sends all the customer's data to the drivers and then the driver begins to deal with
the customer and reach him to carry out all his requests.

7
And second the mobile application, it is an application that the customer downloads,
whatever the system he is dealing with from Android or IOS, the customer starts by
downloading the application and then begins to enter the main interface in which
there are after things, including contacting the help center or some interfaces through
which it is possible to monetize through the special personal inclination With him or
through his phone number, then the system interface starts with acquiring the
application .
First, it starts by locating the customer’s location and starts the application by
sending the shoulder of the drivers who are close to it, and then starts the request for
the driver until the driver implements all the customer’s requests.

1.2 purpose

The purpose of this document is to provide a detailed and summarized

description of “Transportation of Heavy Goods and Idle cars” which is a
web-based transportation system.
The system provides everything customers need in terms of transporting
anything they need, whatever the distance and distance, at the appropriate
cost and at the time the customer needs .

1.3 Scope of project

This system will be the transportation of heavy trucks and idle cars, and it also helps
provide all the ways the customer needs to move anything they need, also makes all
safety methods through the administration in order to ensure the safety of consumer
things communication between management and customers in everything, and the
system also helps provide all the convenience to the customer in transporting anything
he needs from transportation all light and heavy products are priced before
commencing transportation.

8
1.4 Problem statement
The project aims to solve a lot of challenges and errors such as removal the cost
involved in the usual means of transportation, the improvement of transportation
performance, the saving of some effort, and the use of some types of modern
technology in transportation vehicles. Improves the ability to reach the destination on
time, allows to easily make complex trips, it also allows providing all amenities to
users.

1.5 Benefits

An increase in providing all the requests of some people and saving some time for
them in transporting all the things they need from merchandise, living rooms, etc.
Providing some job opportunities to some people who can apply to work through the
application, which leads to a great renaissance and growth in the country.

1.6 Technologies Used

1. Visual studio code: used to provide a unified environment where this app was
built for web development Visual studio is official integrity development
environment (IDE) for web develops.

2. Typescript: is a programming language developed It is a strict syntactical

superset of JavaScript and adds optional static typing to the language. It is designed
for the development of large applications and Trans piles to JavaScript. As it is a
superset of JavaScript, existing JavaScript programs are also valid Typescript
programs.

9
2. Java script: used in frontend part to create the user-facing aspects ofsoftware;
the text, images, graphics, forms, and buttons with which users interact. Java
script is used to build large class applications.

4. Angular: is a platform and framework for building single-page client applications

using HTML and Typescript. Angular is written in Typescript. It implements core
and optional functionality as a set of Typescript libraries that you import into your
applications.

5. PHP often runs on a web server, and it can also be used as a command line
interface or used to develop graphical interface programs that run on the user’s
computer. PHP can be used under most web servers.

6. Works on most operating systems, and its development team It provides its
complete source code that users can build and develop to suit their needs. Basically
PHP takes the file containing PHP commands (php files) as input and outputs
viewable data.

7. Laravel: This framework provides a simple way to implement authentication

and authentication, and also provides a simple way to organize logical switching
and control access to resources.

8. Dart: is a programming language designed for client development, such as for the
web and mobile apps. It is developed by Google and can also be used to build server
and desktop applications .It is an object- oriented, class-based, garbage-collected
language with C-style syntax. It can compile to either native code or JavaScript, and
supports interfaces, mixing, abstract classes, reified generics and type inference.

10
 Chapter 2: Theoretical Background and tools

2.1 Related work

In this chapter, we explain what the applications that are similar to our project are and
what are their advantages, we also explain our project and its advantages and what is
different from these applications.
- First, the Uber app: The Uber service provides delivery services, and as this
slogan was announced for this service, which is the possibility of receiving new
cars and using them to transport people safely wherever they want, the Uber
application provides different services from taxi drivers and those services are of
high quality. Uber via mobile phone, so when a person wants to leave, he asks
the application for the nearest Uber car.
How to use the Uber app?

 At first, the customer who wants to checkout operates the GPS website
through his device.
 The customer then logs in to the Uber application that was installed on
the phone.
 The customer presses the word “to” choose the place he wants to go out
to.
 The customer follows the written steps that appeared in front of him.
 The customer follows the map and the timer that determines the number
of minutes that the captain-driver is away from the customer's location.
 The captain communicates with the customer with utmost sophistication
and good dealings.
 At the end of the customer's trip, the captain contacts the company to
determine the value of the trip fees.
11
- Uber app features:

 Before starting the trip, a mask must be worn to prevent the spread of
diseases.
 The driver disinfects the car between every trip.
 You can file a complaint with Uber if you see that the driver wants to
increase the cost of the trip by increasing the distance.
 You can file a complaint with Uber if you see that the driver wants to
increase the cost of the trip by increasing the distance.

- Second, our project: - Our company provides delivery services, and as this
slogan was announced for this service, which is the possibility of registering
new cars and using them to transport goods and heavy weights to the desired
place, the application of our company provides various services from the
drivers of shipping companies, and these services are of high quality. The
app is downloaded via the mobile phone, so when someone wants to move
something, the app asks for the nearest truck.

- How do you use the company's application?

 Initially, the customer who wants to checkout operates the GPS location
through his device.
 The customer then logs into the company's application installed on the
phone.
 The customer presses the word “to” to choose the place he wants to
transport the cargo to.
 The customer follows the written steps that appear in front of him.

12
  The customer follows the map and the timer that determines the number
of minutes the truck driver is away from the customer's location.
 The driver communicates with the customer with the utmost
sophistication and good handling.
 At the end of the customer's trip, the driver contacts the company to
determine the value of the trip fee.

- Application features and what is different?

 The driver does the necessary maintenance for the car before the start of
the trip.
 You can file a complaint with the company if you see that the driver
wants to increase the cost of the trip by increasing the distance, or if the
driver tells you that the increased load increases the cost.
 The most important priorities of the company is that the comfort of the
customer must be taken into account, and all safety standards must be
observed.
 In the event that any of the cargo is lost, the company will be notified
with a complaint mail.
 We differ a lot from shipping companies, first of all paying full attention
to the transported shipment, arriving on time, choosing drivers very
carefully, always making sure that the shipments to be transported are
what they contain to take into account how to deal with them.
 This application will achieve great success because it saves a lot of
efforts on the customer. He only asks for the car and his cargo is
transferred, a complete distance away from going down the street and
finding a car.

13
2.2 Tools

In this part, the programs and tools used in (website - and application) will be
explained.

Web site Tools:

 Visual Studio Code (VS Code): is a lightweight yet powerful source
code editor that runs on your desktop and is available for Windows,
macOS, and Linux. It comes with built-in support for JavaScript,
TypeScript, and Node.js and has a rich ecosystem of plugins for other
languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such
as .NET and Unity ).
 HTML: or Hyper Text Markup Language, allows web users to create
and structure sections, paragraphs, and links using elements, tags, and
attributes. However, it's worth noting that HTML is not considered a
programming language as it can't create dynamic functionality.

 CSS: Cascading Style Sheets, fondly referred to as CSS, is a simple

design language intended to simplify the process of making web pages
presentable. CSS handles the look and feel part of a web page. Using
CSS, you can control the color of the text, the style of fonts, the spacing
between paragraphs, how columns are sized and laid out, what

14
 background images or colors are used, layout designs, variations in
display for different devices and screen sizes as well as a variety of
other effects.
 JavaScript: JavaScript is a scripting or programming language that
allows you to implement complex features on web pages — every time
a web page does more than just sit there and display static information
for you to look at updates — displaying timely content, interactive
maps, animated 2D/3D graphics,scrolling video jukeboxes, etc. you can
bet that JavaScript is probably involved. It is the third layer of the cake
of standard web technologies, two of which (HTML and CSS) we have
covered in much more detail in other parts of the Learning Area.
 Bootstrap: Bootstrap is the most popular HTML, CSS and JavaScript
framework for developing a responsive and mobile friendly website. It
is absolutely free to download and use. It is a front-end framework used
for easier and faster web development. It includes HTML and CSS
based design templates for typography, forms, buttons, tables,
navigation, modals, image carousels and many others. It can also use
JavaScript plugins. It facilitates you to create responsive designs.
 PHP Framework Larval: Larval is a free and open source PHP
framework that provides a set of tools and resources for building
modern PHP applications. With a complete ecosystem that takes
advantage of its built-in features, and a variety of compatible packages
and add-ons, larval has seen its popularity growing rapidly in the past
few years, with many developers adopting it as their preferred
framework development processes.

15
 Angular: is a platform and framework for building single-page client
applications using HTML and Typescript. Angular is written in
Typescript. It implements core and optional functionality as a set of
Typescript libraries that you import into your applications.

Mobile application Tools:

 Flutter: Flutter is a new open-source framework created by Google that

assists in developing native Android as well as iOS apps with one
codebase. It is more than just a framework as it is a full software
development kit that has everything you require for building cross-
platform apps.
 Dart: Dart is a high-level, interpreted programming language. It is
developed by the Google and is used to make mobile, desktop, server
and web applications. It is an alternative to JavaScript – at least, this is
how the company positions this programming language. The first
version of the interpreter became applicable in midautumn 2011. Dart
started getting more attention in 2017 when Google officially announced
Flutter beta for cross platform mobile app development. Since then, the
popularity of Dart has drastically increased.

16
 Android studio: is an application writing platform that makes it easier
for developers to? type the source code for Android applications, allows
the developer to preview its application body on various screen
measurements instantly during development, and facilitates the
development of multilingual applications.
Design tools:
 Adobe XD program included all the phrases that the designer needs in
the user interface, as most of these characteristics are similar to the
design features found in Adobe programs such as Photoshop. On the
other hand, the characteristics of drawing tools and layers in XD differ
from those elements in the rest of the Adobe programs. These elements
are used in a group of other elements, in addition to the variety of icons
that represent a kind of expression of different types of composition,
images, images, clicks, and looking to the icon that represents its
configuration.

17
 Chapter 3: System Analysis and Design.

This chapter aims to analyze and define project requirements Transporting heavy
shipment and idle cars.

3.1software Requirements

The following section presents a complete set of functional and non-functional

requirements for the topic of transporting heavy goods and idle vehicles.
The functional requirements are listed first, according to their relationship to
management, customers and drivers Next, the non-functional requirements related
to safety, security, interface, ergonomics, qualification, operation, maintenance
and performance are presented.
The functional requirements were determined using a natural language description.

3.1.1User characteristic
Four types of user interaction with the system:
-Management: Plans, coordinates and manages the system. Can start a file .

-System administration: Read application forms/requests, remove a driver, and

Start or end submission.

-Driver: A person who meets the conditions that allows him to run forLocation.

- Client: He is the person who submits an application for the beginning of a

serious journey. The client must be aware that work schedules respected and
the correct destination should be determined in order not to waste time.

18
3.1.2Functional Requirements
This subsection presents the identified functional requirements for the subject .

Initially, general requirements that pertain to the whole system are given. Where
possible, subsequent requirements have been demarcated based on their relevance to
the users of the system, that is, customers, waiters, chefs and supervisors.

3.1.3General:
Table 3.1.3 presents the specific functional general requirements that are
directly related to the topic of Transporting heavy shipment and idle cars.

Requirement Description
G01 The server must host the system and provide the ability to
process and store system data
G02 The work application must have all system requirements
G03 All services must be provided in the administration’s organs to
deal as soon as possible with all means of the system
G04 The display screen should provide the driver with information
about the trip and how to reach the customer
G05 All system screens must be accessed by a simple touch
G06 Some services must be activated in the application to help the
customer simplify payment methods

Table 3.1.3 Functional General Requirements

19
3.1.2Customer:

Table 3.1.2 presents customer specific functional requirements that are directly
related to the topic of Transporting heavy shipment and idle cars.

Requirement Description
C01 The customer must be able to log into the site using
the registered username and password after
validating it.
C02 The search for the vehicle begins
C03 The customer must be able to edit his profile page.
C04 The customer must be able to view the driver profile page.
C05 The customer must be able to register on the site.
C06 The customer must be able to access the contents of
thesystem if new items are added.

Table 3.1.2 Functional Customer Requirements

3.1.3Administration:

Table 3.1.3 shows all the orders made through the administration
(And supervisors) on the topic of Transporting heavy shipment and idle cars.

Requirement Description
B01 Allows management to control the entire system.
B02 Allows management to create accounts for clients.

B03 Allows management to verify registered customers.

B04 Allows management to provide technical support to customers

through some points.
B05 Allows the customer to track the order

Table 3.1.3 Functional Administration Requirements

20
3.1.4Drivers (car owner) :

Table 3.1.4 presents the requirements for supervisors and drivers related to the
topic of Transporting heavy shipment and idle cars.

Requirement Description
H01 The driver must be able to log into the site using his
usernameand password
H02 The driver must view and edit their profile page
H03 The driver must create and upload private information.
H04 The driver must display the information of each
customerrequesting communication with him.
H05 The driver must be able to provide all services to the customer.
H06 The driver can refuse the request according to the load.
Table 3.1.4 Functional Drivers (car owner)
Requirements

3.2 Non-functional requirements:

This subsection introduces the specific non-functional requirements for

the topic Transporting heavy shipment and idle cars.
The Subcategories of the given non-functional requirements are Safety,
Security, Interface, Human Engineering, Qualification, Operation and
Maintenance.
This subsection presents the specific non-functional
Requirements for the transportation site topic for heavy and idle vehicles.

21
 The subcategories of non-functional requirements presented are performance,
security, reliability, usability and availability.
System users can they usually find ways to get around the functionality of a
system that doesn't really meet their needs.

3.2.1Safety:
Table 3.2.1 presents the identified non-functional safety requirements that directly
relate to the entire subject Transporting heavy shipment and idle cars

Requirement Description
A01 The system shall log every state and state change of every
surface computer, tablet and display to provision
recoveryfrom system failure.
A02 The system shall be capable of restoring itself to its previous
state in the event of failure (e.g. a system crash or power loss)
A03 The system shall be able to display a menu at all times
tofacilitate manual order taking should the need arise.
A04 The system shall utilise periodic 30-second keep-alive
messages between tablets and the server to monitor tablet
operational status.

Table 3.2.1 Non-Functional Safety Requirements

3.2.2 Security:
Table 3.2.2 presents the identified non-functional security requirements that
directly relate to the entire subject Transporting heavy shipment and idle cars.

22
T03 Restricting communications between some program areas
T04 Verify data integrity for important variables
T05 The latest version of the software will include encryption
techniques in the user authentication / authorization process.
T06 The program will include an error tracking log that will help the
user to know what went wrong when the application crashes as
well as suggestions on how to prevent the error from happening
again.
T07 The connection must be restricted when the app verifies the
authenticity of the user or the license

Table 3.2.2 Non-Functional Security Requirements

3.2.3 Reliability Requirements:

Table 3.2.3 presents the specific non-functional reliability requirements that are
directly related to Full theme heavy cargo Transport and idle cars.

Requirement Description
M01 All data storage for user variables will be committed to the
database at the time of entry.
M02 Data corruption is prevented by possible system
backupprocedures and techniques.

Table 3.2.3 Non-Functional Reliability Requirements

3.2.4 Usability Requirements:

The logical interface is necessary for an easy-to-use system, which speeds up
common tasks as well as the speed of order and adherence to the times specified
by the customer to receive and send the shipment to be shipped .Any element of

23
 the system will take no longer than 10-seconds to restart.

A surface computer must not dismiss an engaged menu unless the customer
requests it.

3.2.5 Availability Requirements:

Table 3.2.5 presents specific non-functional availability requirements that are
directly related to the transportation of heavy goods with full subjects andidle cars.

Requirement Description
S01 All cached data will be rebuilt during each startup.
S02 There is no recovery for user data if it is lost
S03 Default values for system data will be set when necessary.

Table 3.2.5 Non-Functional Availability Requirements

3.2.6 Constraints
• The application supports Android platforms.

• All users must have their own e-mail to register. Internet

connection is in progress. Since the application Fetches
data from online database.

24
3.3 Requirements Specifications:

3.3.1 Context diagram:

The context diagram is used to create the context and boundaries of the system to be
modeled: what things are inside and outside the system being modeled, and what is the
system's relationship to these external entities.

Figure 3.2.1 Context Diagram

25
3.2.2 System Data Flow Diagram:

In the figure 3.2.2, the data flows from the customer, the start of the registration, and
the driver also registers. All the data is sent to the data base part. In the next step, the
work site is searched and the cost of the ride is calculated based on the distance
calculation, the driver meets the customer, and then the payment method is done via by
(cash-card), then the driver is given an assessment.

Figure 3.2.2 Data flow diagram for the system

26
3.2.3 Use Case Diagram:

This subsection extends to functional requirements in a detailed use case view. To

facilitate a clear and unambiguous view of how end users interact with the topic of
heavy cargo transportation and idle vehicles. Use Cases finds login, checkout, order
acceptance, item delivery, bank card processing, cash payment processing, account
cancellation, refund issuance, order placement, account payment and order
accept/reject.

Figure 3.2.3 Use Case Diagram.

27
 Figure 3.2.4 sub-use case Diagram

(Figure 3.2.3 and Figure 3.2.4) : The use case diagram is a graphic depiction of
potential user interactions with the system, Shows the use case diagram that occurs in
the mobile app.

28
3.2.4 Use Case Description:

Customer,Driver,Administration.
Actors
The customer logs in first, and then enters all the required
data from, the destination truck is selected and there are
three types (small, heavy, and medium), the customer makes
an order, from here comes the role of the driver who records
all his data, and then Register all his data on the system, the
driver begins to accept the customer's request, the customer
Descriptin must know all the details about the driver (photo, name,
mobile number, type of car), after arrival, the payment
method is determined by the customer (cash, card).

The customer and the drivers enter the data, and the
administration receives this data and then makes the
connection between the driver and the customer. It also
Data stores the data part. There is also a link between how to
record these data in the Database part.

Providing some means of comfort, ease of use, more

Response security, safety and credibility, which leads to achieving
complete success in this system.
Types of shipments: There are three types of trucks in this
system.

First, heavy trucks: These trucks are used to transport large

boxes from the port to all parts of the town.
Comment
Second, medium trucks: they transport goods from factories
to shops...etc.

Third: Small trucks: This truck is requested according to the

customer's desire, as the transportation of home furniture.

Table 3.2.4 system use case diagram

29
3.2.5 Activity diagram for the system:

An activity diagram visually displays a series of actions or control flows in a

system similar to a flowchart or data flow diagram. Activity diagrams are
often used in business process modeling. They can also describe the steps in
a file.

Figure 3.2.5 activity diagram

30
3.2.6 Sequence Diagram:

1' Sequence diagram shows object interactions arranged in a time sequence. It depicts
the objects involved in the Scenario and the sequence of messages exchanged between
the objects needed to carry out the functionality of the scenario.

In the second scenario, we define some diagrams that show us the interaction of the
components in our system, so we start with the entry of the customer and the order
flow process: -

1. The user logs into the mobile application using their own account.

2. The account is checked if it is valid or not.

3. The data that is recorded by the client is obtained.

4. The data is displayed and stored in the Database.

5. When we verify that all The customer's data is correct, we start implementing his
requests.

6. Check near car in database.

7 .Order state and order confirmation.

31
3.2.7 Sequence diagram request:

Figure 3.2.7 Sequence diagram request.

32
3.2.8 Class diagram for the system:

It is a very important part of the Unified Modeling Language (UML), an

organization diagram whose task is to display classes in a given system with
all the relationships that connect them, and it is the most famous type of
diagram in software engineering. Provides an application-independent
description of the types that are used in a system and passed between its
components.

Figure 3.2.8 Transporting heavy cargo and idle cars Class Diagram

33
 System Design

3.3 Introduction:

This idea may be a simple, complex idea, depending on the engineer and the customer
at the same time, it may be a solution to a problem or we can also say about the design
idea that can make it able to make the audience face the place. The idea of the design is
based on the idea of the project that people should use. It is simple and easy to use and
does not have a complex part. It should attract the attention of others in terms of colors,
consistency, organization and how to use. Therefore, the design is the soul of the
project that you are doing because through it you explain to others how to work and
use it and it’s consist of:

1-It is the general idea in its initial form.

2-The beginning of thinking, which needs a lot of detail and development later.

3-The kernel of the design framework, which appears in its complexity with

persistence of design.

4-The mental image that resulted from the analysis of the project and its goal.

5-And the primary ways to deal with the design process.

6-Initial rules for developing and creating the overall goal of the project.

7 -Initial ideas of the resulting texts.

34
3.3.1 Purpose:

Seeing the designs for the project in the project aims to be similar to the design of the
project. By choosing materials, colors, distribution, shapes, and atmosphere their basic
idea is to provide a user experience in a way that is convenient and straightforward, not
pretty, and it is designed to change with paths that can be changed quickly, easily and
at minimal cost. It is available in a convenient location.

3.3.2 The Design:

The design is divided into two types:

1-Web site 2- Application

3.3.3 web site:

Web design is the process of planning and executing multimedia content over the
network (Internet), using patterns of technologies such as markup languages suitable
for display on Internet browsers or other user interfaces built in the Internet.

35
1- It contains the principles of the login page through which registration and
verification of personal data such as name, gender and date of birth to enter the
site.

Figure 3.3.1 Sign up Personal info

36
2- Then it goes to the next page, which is to register the postal information such as
the name of the email, password and phone number.

Figure3.3.2 Sign Up Account Details

37
3- If we have an email already registered, you can log in by name and password, or
through a google email or Facebook email.

Figure 3.3.3 Sign In

38
4- After registration, it will direct us to the home page through which we can learn
about our project in a nutshell and also to make a new request.

Figure 3.3.4 Home Page

39
5- After clicking on add a new request, it will appear for us to choose a transport
vehicle or a vehicle to lift idle cars.

Figure 3.3.5Choose the shipping method

40
6. After pressing trucks, it will appear for us to choose the size of the car in terms of
large, medium and small.

Figure3.3.6 Size of cars

41
7. And when you press the winch, it will show us a car that lifts idle cars.

Figure 3.3.7 Idle cars

42
8- And when you click on any car, if it is a transport vehicle or an idle car transport
vehicle, a page will appear specifying the place of receipt, the place of delivery, the
time and date that I will want the car to come to, and then the price will appear
automatically according to the distance and type of car.

Figure3.3.8 Select details order

43
9- When you select the place, the map will show us on which we will determine the
place.

Figure 3.3.9 Select place in map

10- After selecting the location, the payment method will appear to us if it is by Visa
or Cash.

Figure 3.3.10 Payment details

44
11- After completing the request, all the information related to the request will appear
to us in terms of the date and date of the trip, the type of car and all information about
the driver such as name, photo and phone number. and also the feature to cancel the
request.

Figure 3.3.11Order details

45
3.4 Application:

An application, also referred to as an application software or application software, is a

computer software package that performs a specific function directly for an end user
or, in some cases, for another application. The application can be standalone or a group
of programs. A program is a set of processes that run an application for the user.

1- It contains the principles of the login page through which personal data such as
name, gender and date of birth are recorded and verified in order to enter the
application. Then it goes to the next page, which is to register the postal
information such as the name of the email, password and phone number

Figure 3.4.1 Sign Up

46
2- If we have an email already registered, you can log in by name and password, or
through a google email or Facebook email.

Figure 3.4.2 Sign In

47
3- After registering and entering the application, a brief definition of the
application and an explanation for it will appear.

Figure 3.4.3 Definition of the application

48
4- After defining the application, a screen will appear dividing the cars into
transport cars or idle car transport cars, and then a screen will appear for us to
choose the size of the car in terms of large, medium and small.

Figure3.4.4 Choose the shipping method and size car

49
5- And when you click on any car, if it is a transport vehicle or an idle car transport
vehicle, a page will appear specifying the place of receipt, the place of delivery, the
time and date that I will want the car to come to, and then the price will appear
automatically according to the distance and type of car. Determine the location on the
map.

Figure 3.4.5 Select details order and show in map

50
6. Determine the method of payment in terms of Visa or cash, complete the order,
and show the details of the order in terms of time, date, place of receipt and
delivery, type of car, car number.

Figure 3.4.6 Payment method and details order

51
3.5 Competitors:

1- Our system: It is characterized by transporting heavy goods, unlike Uber, it

transports light people whose weight does not exceed 50 kg and has the size of one car,

while we have more than one size of the car and we are also distinguished by

transporting idle cars from anywhere to any place other than Uber, It does not have the

advantage of moving idle cars, we are moving at lower prices and higher quality.

2- Shipping companies: they transport light shipments and cause defects and cause

many losses, while we transport heavy shipments with ease, safety and free of defects.

In terms of design, we assign the customer the weight of the car he wants while he has

one type of car and an expensive car. This application is not easy to handle and does

not contain everything I need and is not distinguished from others in high performance

and efficiency, even if you are in a competitor, I think it will be much less than your

program.

52
3.6 Conclusion:

This system we are using will save a lot of time and effort. How many people have
been exploited by this problem. We have given them many solutions to move heavy
stuff and idle cars at the time and date they want. For the success of this project, all
amenities must be provided such as improving roads to prevent accidents and for
drivers to be fully aware of how to drive professionally and fully aware of the road
environment, and for the success of our project, all characteristics must be working
perfectly to compete with all other projects in terms of design and implementation. I
also aspire in the future for this project to invade all regions of the Middle East and
help improve the Egyptian economy, and this idea will be available to all groups and
all ages with ease and safety. Every improvement in technology has helped people
move more and move faster. Transport in Egypt is a major activity that boosts the
Egyptian economy. The main activities of the nation cannot take place without means
of transportation. On the other hand, road networks should be improved so that people
find ease in their use. All people throughout the day buy a lot of heavy things, but it is
difficult for them to transport them in an easy and safe way because there is no suitable
transport structure. When they transport their things, they get damaged, and this
bothers people a lot, so we guarantee the transportation with preventing any damage to
anything, as well as people whose cars break down on the road and are exploited to
transport them. Car to anywhere and it is very expensive other than abuse by drivers,
so we will transport their idle car to wherever they want and at the lowest possible cost
and satisfy the customer by all means, we satisfy the customer first and transport it
with ease and safety second. Finally, I hope this project will make you very happy.

53
 Chapter 4: Website implementation

4.1 Introduction:
The system provides real-time carpool sharing services based on location
(https://www.noxe.com/). The system aims to help the user find a truck "nearby"
according to both the passenger and driver's location. The company can track all the
locations of registered trucks (in fact, it depends on the drivers' mobile phones on which
this application is installed) on the server. Based on scalable matching algorithms in
carpool sharing, the company can quickly find cars near the location of a passenger
request and notify those motorists. The truck driver who accepts the request will drive
the user to his destination. In their scenarios, you need to manage a wide range of
spatiotemporal information for both users and drivers and connect them dynamically.

The site also aims to facilitate some options for the customer according to his desire,
which leads to meeting all the needs that he wants.

Below is an explanation of the steps:

1. The customer begins to create his own account

2. Start logging in to the site
3. The customer takes an overview of the site and how to communicate
and use the existing services.
4. The customer begins to choose one of the two options (winch - truck).
5. Start choosing the size of the truck you want (large - medium - small).
6. The work begins with the completion of the application and waiting for
approval from the driver.
7. Payment steps are determined (cash-card).
54
1. The customer starts adding his data (first name, last name, private email, mobile
number, password, city) after that he presses “Sign Up”

Figure 4.1.1 Sign Up

55
Figure 4.1.2Sign up with Data

56
2. The sign has been registered successfully.

Figure 4.1.3 Success

57
3. The customer starts adding his email and his password to enter the site

Figure 4.1.4 Sign in with Data

58
4. The customer begins to get acquainted with the site through the main page and
then begins to direct the services he needs.

Figure 4.1.5 home page

59
5. The customer begins to choose the truck (winch - a type of truck), based on his
needs and on the amount of items carried.

Figure 4.1.6 Choose the Shipping Method

6. The customer chooses the desired car.

. Figure 4.1.7 Transportation Cars

60
7. The customer begins to enter the data (from-to, date, time, type of truck), then
presses the confirm order to carry out the required.

Figure 4.1.8 Order

61
8. Clarify payment methods, including (cash - card).

Figure 4.1.9 Payment Details

9. The customer starts by entering the card’s data from (card number, card holder,
expression month, expression year, cvv.

Figure 4.1.10 VISA

62
10. The customer can pay cash when the shipment arrives at the specified

destination.

Figure4.1.11 CASH ON DELIVERY

63
 Chapter 5: Mobile application implementation

5.1 introductions

This application aims to provide a means to transport and deliver heavy loads to
anywhere, and we wanted to put all our educational information and our experience in
it, we made it by using flutter that has made us able to succeed in creating this
application in the right way and the way we wanted, which makes everyone who use it
to benefit from it.

Flutter is a free and open-source mobile UI framework created by Google and released
in May 2017, and it allows to create a native mobile application with only one
codebase, this means that us 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 us develop our application, this includes tools to compile our code into
native machine code (code for iOS and Android).

 A Framework (UI Library based on widgets): It is a collection of reusable UI

elements (buttons, text inputs, sliders, and so on) that we can personalize for our
needs.

To develop with Flutter, we will use a programming language called Dart, this
language was created by Google in October 2011, but it has improved a lot over these
past years, it focuses on front-end development, and we can use it to create mobile and
web applications.

64
If we know a bit of programming, Dart is a typed object programming language, so we
can compare Dart's syntax to JavaScript.

In addition to all of that, we have used a special program called "Android Studio",
through this program all these requirements were achieved as we wanted and as
planned.

Finally, we would also like to expand our deepest gratitude to our family and friends
who have supported us all the way when they haven't had the slightest idea on what
we're doing.

65
5.2implementation

1- Sign in screen is the first screen in our application, that is allow to the
users to login by entering their emails and passwords, and it includes two
functions that must be entered,
 The first one is : Email
 The second is : Password
- And if the user don’t have an account, he can create a new account by click on
"Sign up”.

Figure5.2.1 sign in

66
 2- Sign up screen is the secound screen in our application, and it appears
when the user wants to create a new account and login, and it will be
happen when the user enter these four required data:
 The first one is : Email
 The second is : Password
 The third is : Full Name
 The fourth is : Phone Number
- If the users entered this data correctly, now they has an account and the can use
our application .

Figure5.2.2 sign up

67
3- Now, users can choose the type of car that they need to carry the specific
shipment by click on (Trucks or Winches) to take them to the next screen
where they can knew more details and book this car if they want .

Figure5.2.3 choose the type

68
 4- This screen will appear if user chooses the truck to be the appropriate
means of transport for his load .
- From this screen they can select the size of truck and select from where and to
where he wants to go, in addition to the time that he wants to start this process .
- And automatically the price for this process is determined .
- Then, the next step is to click on "Confirm Order" to take them to the next
screen, which is the payment screen .

Figure5.2.4 choose size of the truck

69
5- This screen will appear if user chooses the Winche to be the appropriate means
of transport for his load .
From this screen they can select from where and to where he wants to go, in
addition to the time that he wants to start this process .
And automatically the price for this process is determined .
Then, the next step is to click on "Confirm Order" to take them to the next
screen, which is the payment screen .

Figure5.2.5 Idle cars

70
6- This screen has :
 Card Holder
 Card Number
 CVV
 EXP
- This credit card data that must be entered by the user to complete the reservation
process and this after pressing "Confirm Shipment" button.
- In the end, the process has peen successfully completed and the vehicle specified
by user has been reserved.

Figure5.2.6 payment details

71
 Chapter 6: Conclusion and Future Work.

Conclusion

The three factors we have discussed will play a role in the rapid rise of this company
which are safety standards, customer service and marketing plans. These are the things
that give the company a competitive advantage, and the reason why the company is so
promising not only because it threatens to enforce the existing system, but because it
can reduce the scope of regulation. They can do this by solving problems that markets
have had in ensuring the flow of information, and keeping their promises.
Furthermore, and most importantly, they can enhance the competition needed to get
the most out of the freight vehicle markets. The company has taken the pre-existing
concept of freight and heavy cargo transportation, improved it and designed a model
that fits the world as it is today. Its competitive advantage lies in its simplicity and ease
of use. The company offers superior advantages when it comes to ease of ordering,
ensuring when the vehicle will arrive, and being able to see the route you are on

In general, the example given by the company can be used. Nowadays, it is not difficult
to set up an organization and provide some unusual new services. However, it is always
difficult to gain a good reputation, prove the quality of services and create suitable
working conditions.

A The necessity of providing people with quality services at reasonable prices is urgent
nowadays. Not all people are able to use the quality they want. The company opens
new horizons and possibilities.

However, its attempts to cooperate only with major cities are not enough to become
one of the best. It is necessary to make further improvements and encourage changes.
Drivers are eager to work in different places. The company can provide jobs for drivers
and citizens with transportation services. The success factors and challenges discussed
in the present paper show that the company has every opportunity to succeed in
international marketing. The only thing the company has to do is keep developing and
thinking about its employees.

72
Future Work

In this project we encountered some limitations and problems that it will deal with in
the future.

One of these restrictions was the creation of a special part for drivers in the mobile
and the website, due to the lack of sufficient time. Also, in the future, these points
will be added to complete the system

Another limitation was the creation of a page for the administration through which
the site as a whole could be controlled, such as (seeing the shipments' itinerary, and
controlling all system features. This feature will be added in the future.

There was another limitation, which is the specific scope of the use of the regulator.
We did not cover the Republic as a whole, but some areas were used. In the future,
we would like to add all parts of the Republic, especially the ports and airports, to
achieve great success inside and outside the country.

73
References

[1] https://en.wikipedia.org/wiki/Systems_analysis

[2] https://www.systems-analysis.org/.

[3] https://study.com/academy/lesson/what-is-a-use-case-definition-
examples.html.

[4] https://www.edrawmax.com/context-diagram.

[5] https://www.visual-paradigm.com/guide/uml-unified-modeling-
language/what-is-sequence-diagram/.

[6] https://www.lucidchart.com/pages/data-flow-diagram.

[7] https://www.educba.com/class-diagram/.

[8] https://www.w3schools.com/.

[9]https://academy.hsoub.com/design/graphic/%D8%AF%D9%84%D
9%8A%D9%84-
%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%
85-adobe-xd-
%D9%84%D9%84%D9%85%D8%A8%D8%AA%D8%AF%D8%A
6%D9%8A%D9%86-%D9%81%D9%8A-

74
%D8%B9%D8%A7%D9%84%D9%85-
%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85
-r548/
[10]https://www.techtarget.com/searchsoftwarequality/definition/applic
ation
[11] http://www.kohl.ca/2012/three-keys-to-mobile-application-design-
part-4-conclusion/
[12]https://ecampusontario.pressbooks.pub/incd2020exhibit/chapter/an
-introduction-to-design-and-the-design-process/
[13] https://www.udacity.com/course/intro-to-the-design-of-everyday-
things--design101
[14] https://www.udemy.com/course/learn-adobe-xd-for-ui-ux-design-
with-a-design-project/
[15] https://searchcode.com/.

[16] https://www.codeproject.com/.
[17] Cheok, D. (2015). The current state of Uber’s global challenges,
mapped. Bloomberg Business. Web.

[18] Doole, I. & Lowe, R. (2008). International marketing strategy: Analysis,

development and implementation. London, UK: Cengage Learning EMEA.

75
 Appendix (A)

This project was uploaded in GitHub:

https://github.com/ahmedsaid114/transporting-heavshippment.

(API connection)

<?php

namespace App\Http\Controllers\API;

use App\Models\Role;

use App\Models\User;

use Illuminate\Http\Request;

use Tymon\JWTAuth\Facades\JWTAuth;

use App\Http\Controllers\Controller;

use Illuminate\Support\Facades\Hash;

use Illuminate\Support\Facades\Validator;

class AuthController extends Controller

public function register (Request $request)

$validator = Validator::make($request->all(), [

'role' => 'nullable|string',

'first_name' => 'required|string',

76
 'last_name' => 'nullable|string',

'email' => 'required|email|unique:users',

'phone' => 'nullable|string|max:11',

'city' => 'nullable|string',

'password' => 'required|min:6',

]);

if ($validator->fails()) {

return response()->json([

'status' => false,

'message' => $validator->errors()->all()

]);

if(!$request->role){

$role = Role::where('name', 'user')->first();

} else {

$role = Role::where('name', $request->role)->first();

$user = User::create([

'role_id' => $role->id,

'first_name' => $request->first_name,

'last_name' => $request->last_name,

'email' => $request->email,

'phone' => $request->phone,

'city' => $request->city,

'password' => Hash::make($request->password),

]);

77
 if (!$token = JWTAuth::fromUser($user)) {

return response()->json([

'status' => false,

'message' => 'User not logged in'

]);

// $token = $user->createToken('authToken');

return response()->json([

'status' => true,

'message' => 'User created successfully',

'data' => [

'user' => $user,

'token' => $token

]);

public function login (Request $request)

// $credentials = $request->only('email', 'password');

// if ($token = auth()->attempt($credentials)) {

// return $token;

// }

$validator = Validator::make($request->all(), [

'email' => 'required|email',

'password' => 'required|string',

78
]);

if ($validator->fails()) {

return response()->json([

'status' => false,

'message' => $validator->errors()->all()

]);

$user = User::where('email', $request->email)->first();

if (!$user) {

return response()->json([

'status' => false,

'message' => 'Email not found'

]);

if (!Hash::check($request->password, $user->password)) {

return response()->json([

'status' => false,

'message' => 'Password is incorrect'

]);

if(!$token = JWTAuth::fromUser($user)){

return response()->json([

'status' => false,

'message' => 'User not logged in'

]);

79
 // $token = JWTAuth::fromUser($user);

return response()->json([

'status' => true,

'message' => 'User logged in successfully',

'data' => [

'user' => $user,

'token' => $token

]);

80
 Appendix (B)

This web site was uploaded in GitHub:

https://github.com/Abdelrahman60/Heavyshipment.

Appendix (C)

This mobile application was uploaded in GitHub:

https://github.com/himashaban/heavytransportation.git.

81
 ‫نظام نقل البضائع واألوزان الثقيلة والمركبات الخاملة‪.‬‬

‫يهدف المشروع الي نقل البضائع والشحنات الثقيله والسيارات وما الي ذلك وتضمن معايير‬
‫السالمة لالشياء‪ .‬يمكنهم القيام بذلك عن طريق حل المشاكل التي واجهتها األسواق في ضمان‬
‫تدفق المعلومات ‪ ،‬والوفاء بوعودهم‪ .‬عالوة على ذلك ‪ ،‬واألهم من ذلك ‪ ،‬يمكنهم تعزيز المنافسة‬
‫الالزمة لتحقيق أقصى استفادة من أسواق مركبات الشحن‪ .‬ادخلت الشركة المفهوم الموجود مسبقًا‬
‫للشحن ونقل البضائع الثقيلة ‪ ،‬وقمت بتحسينه وتصميم نموذج يناسب العالم كما هو اليوم‪ .‬تكمن‬
‫ميزتها التنافسية في بساطتها وسهولة استخدامها‪ .‬تقدم الشركة مزايا فائقة عندما يتعلق األمر‬
‫بسهولة الطلب والتأكد من موعد وصول السيارة ‪ ،‬والقدرة على رؤية الطريق الذي تسير فيه‪.‬‬
‫بشكل عام ‪ ،‬يمكن استخدام المثال الذي قدمته الشركة في الوقت الحاضر ‪ ،‬ليس من الصعب إنشاء‬
‫منظمة وتقديم بعض الخدمات الجديدة غير العادية‪ .‬ومع ذلك ‪ ،‬من الصعب دائ ًما اكتساب سمعة‬
‫طيبة وإثبات جودة الخدمات وتهيئة ظروف عمل مناسبة‪ .‬ويمكن ايضا للعميل ان يتابع الشاحنه عن‬
‫طريق الموقع والتاكد من سالمة االشياء المراد نقلها سؤا كانت (بضائع او سياره) واذا وجد مشكله‬
‫يقوم التواصل مع خدمة العمالء عن طريق الرقم الخاص بخدمة العمالء او الشات الخاص بهم في‬
‫الموقع او تطبيق الهاتف وسف يقوم بعمل االجرات الالزمه للسائق‪.‬‬

‫‪I wish a happy ending‬‬

‫‪82‬‬
83
84
85
86