HO CHI MINH CITY UNIVERSITY OF TECHOLOGY AND EDUCATION
FACULTY OF INTERNATIONAL EDUCATION

GRADUATION THESIS
MAJOR: ELECTRICAL AND ELECTRONICS ENGINEERING

PLANNING OF CHARGING STATION AND
MOBILE APP

Advisor: PhD. LE TRONG NGHIA

Students: LE TAN PHAT
NGUYEN NGOC QUY

Student ID: 19142001
Student ID: 19142102

Ho Chi Minh City – January, 2024

MINISTRY OF EDUCATION AND TRAINING
HO CHI MINH CITY UNIVERSITY OF TECHOLOGY AND
EDUCATION

GRADUATION THESIS
MAJOR: ELECTRICAL AND ELECTRONICS ENGINEERING

Advisor: PhD. LÊ TRỌNG NGHĨA
Student: LE TAN PHAT

Student ID: 19142001

Student: NGUYEN NGOC QUY

Student ID: 19142102

TP. HCM – 2024

THE SOCIALIST REPUBLIC OF
VIETNAM
Independence – Freedom– Happiness
-Ho Chi Minh City, January 1, 2024

GRADUATION PROJECT ASSIGNMENT
Student name: Le Tan Phat

Student ID: 19142001

Student name: Nguyen Ngoc Quy

Student ID: 19142102

Advisor: PhD. Le Trong Nghia

Phone number:

Date of assignment:

Date of submission:

1. Project title:
Location Determination of EV Charging Station and Mobile App.
2. Content of the project:
-

Research the factors of how to analyze the location of EV charging station
and which elements directly affect the charging station.

-

Research how to a mobile app through some software apps such as
React Native framework, Visual Studio Code, and Android Studio.

3. Final product:
-

Location determination includes many different features and the reasonable
analyzation for the potential factors of EV charging station.

-

Completed mobile application connecting to the realistic model to upload the
data on the internet which is obtained from the users.

CHAIR OF THE PROGRAM
(Sign with full name)

ADVISOR
(Sign with full name)

THE SOCIALIST REPUBLIC OF
VIETNAM
Independence – Freedom– Happiness

-Ho Chi Minh City, January 1, 2024

ADVISOR’S EVALUATION SHEET
Student name: Le Tan Phat

Student ID: 19142001

Student name: Nguyen Ngoc Quy

Student ID: 19142102

Major:

Electrical and Electronics Engineering

Advisor: PhD. Le Trong Nghia
Project title: Location Determination of EV Charging Station and Mobile App.

1. Content of the project:
2.

3.

4.

5.

..........................................................................................................................................
..........................................................................................................................................
Strengths:
.........................
...

...
rCoords.latitude
let lon2 = userCoords.longitude
var dLat = Geolocations.degreesToRadians(lat2 - lat1)
var dLon = Geolocations.degreesToRadians(lon2 - lon1)
lat1 = Geolocations.degreesToRadians(lat1)
lat2 = Geolocations.degreesToRadians(lat2)
var a =
Math.sin(dLat / 2) * Math.sin(dLat / 2) +
Math.sin(dLon / 2) * Math.sin(dLon / 2) * Math.cos(lat1) *
Math.cos(lat2)
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a))
return (earthRadiusKm * c)?.toFixed(2)
}
return (
Block flex backgroundColor={theme.colors.white}
Block flex
MapView
showsUserLocation
showsMyLocationButton={true}
style={{ width: width, height: height }}
initialRegion={{
latitude: userCoords?.latitude || 10.813821,
longitude: userCoords?.longitude || 106.715249,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}}

{dataMarker?.map(renderMarker)}
/MapView
/Block
Modal transparent visible={isShowDetail}

121

Pressable onPress={() = setisShowDetail(false)} style={{ flex: 1
}}
Block justifyEnd flex backgroundColor={rgba(0,0,0,0.5)}
Pressable onPress={() = {}}
Block
borderTopLeftRadius={10}
borderTopRightRadius={10}
backgroundColor={theme.colors.white}
padding={20}

Text size={24}{stationInfo?.name}/Text
Text marginBottom={10}
Distance: {getDistance(stationInfo)}Km
/Text
TouchableOpacity
onPress={() =
Linking.openstationInfo.linkGoogleMap)}

Block
paddingVertical={6}
paddingHorizontal={10}
radius={10}
alignSelf={flex-start}
backgroundColor={theme.colors.blue}

Text color=whiteDirection/Text
/Block
/TouchableOpacity
Block
borderTopWidth={1}
// borderBottomWidth={1}
borderColor={theme.colors.grayInput}
marginTop={20}
paddingVertical={10}

TextAddress: {stationInfo?.address}/Text
/Block
Block
borderTopWidth={1}
// borderBottomWidth={1}
borderColor={theme.colors.grayInput}
// marginTop={20}
paddingVertical={10}

TextMore infomation: {stationInfo?.des}/Text

122

/Block
Block
borderTopWidth={1}
borderBottomWidth={1}
borderColor={theme.colors.grayInput}
// marginTop={20}
paddingVertical={10}

Text
Number of available charging ports:{ }
{parseInt(JSON.stringify(stationInfo?.countPort))}
ports
/Text
/Block
Block
borderTopWidth={1}
borderBottomWidth={1}
borderColor={theme.colors.grayInput}
// marginTop={20}
paddingVertical={10}

Text
Price: {formatPrice(stationInfo.price)} VNĐ
/Text
/Block
/Block
/Pressable
/Block
/Pressable
/Modal
/Block
)
}
export default HomeView

123