Hi, I will present an application like Uber
that we can build with App Inventor
To illustrate how it works, let's take a pratcical case:
Phil wishes a ride to "Stade de France" (stadium) from Argenteuil,
He dictates this destination to his phone and chooses a biker :here Wissem
He checks the time and price of this ride
and if OK, sends the reservation.
Wisem, the taxi biker receives the reservation and if she accepts it,
Her agreement is returned to Phil. The ride is the achieved under the agreed conditions.
You will find the tutorial of this app at the internet address shown here.
Before I start, I would like to thank Professor Morelli for his courses
Philippe and Wissem,students in Argenteuil for their participation to the interface design.
To demonstrate how this Uber like app works
we will use three cell phones.
géo locations of these phones must be different,
for the two phones on the right, we will use a GPS simulator,
we will position the center one (Phil) in Argenteuil,
and the left one (Wissem) in "porte Maillot".
We can now set the phones in application mode.
here
I will first define the role and name of each participant,
EAch one can be a passenger or a driver,
First one on the left will be a passenger named :Pierre
I validate his status
His positio is then displayed on the map
I can click on the circle, to center the map on his geo-location,
I can also zoom in and out.
What I also added to this application,
is the presence of simulated bikers to make the app more realistic,
in fact, you can order taxi rides to these bikers,
but they are inactive, and will not answer.
Let's gnow see the second participant :
Ce will call him "Phil"
and he will also be a passenger.
OK, I can validate this setup
and click GO for Phil and Pierre.
Then the third user :he will be set as a taxi biker
and we will call "Wissem"
To recognize her, we need to know that Wissem has a Honda 750 VFR
(great bike) and it's red, so we'll see her coming.
OK validation, and we are now ready for transactions
between passengers and taxi bikers.
On each screen I can drag to pan
center the map on user's location and zoom/unzoom.
Let's now go back to Phil :he'll dictate his destination to his phone
"Stade de France"
and to go to this stadium, he will book
a vehicle or available biker,
in our case he chooses Wissem who is 7 km away.
What happens then, is display of the journey
from Wissem's location, at point D in porte Maillot
to point of arrival, A "stade de France".
(I'll zoom in a little)
So, I see that for this ride, Wissem who is 7.8 km away (direct dist)
can pick up Phil in 19 minutes,
then continue 17 minutes to stade de France.
Total driving distance is 24.7 kilometers, takes 36 minutes
and the price is 48 euros.
Phil can confirm or cancel this order
Here, He confirms.
and We see that the order has been transmitted to Wissem:
she sees on her cellphone that Phil has sent her an order,
and she can check the details,
If she accepts, the reservation is confirmed to Phil
He now only has to wait 19 minutes where he is.
for arrival of Wissem, then go to the "stade de France".
If we look at the participants' representation on the three phones
we see on Wissem's phone on the right, that her bike is shown in green
Phil is shown with a white guy icon
and destination is shown with pin/point A.
On Phil's center screen
the starting/departure (Wissem) is shown by a D,
he shows as a white guy icon
and arrival is shown as point A.
On Pierre's screen on the left,
Wissem's bike no longer shows as a green bike
but with a motorcycle shqdow. That is because it is booked,
and no longer available for a taxi ride.
So we see that all participants share a consistent view of the shared information
and we have computation of paths, distances and prices.
In our case, price is based on Parisian taxi rates.
OK.
This it's a fairly difficult project that will need at least 150 hours
and that requires some earlier experience with App Inventor.
NExt video we will discuss the main topics
that we will use (and explain) while we build the App.