3ltayer
Presented by: Mohammad Habash
			   Basssam hillo
Supervisor: Dr. haya sammaneh


Outline
Introduction.
Motivation.
Features.
Technologies.
Methods & Techniques.
Constraints.
Future work & recommendations.


What is 3ltayer
It’s a Android and Web application to manage markets, captains and users and let user order items from markets and track his order in map.


Motivation
Transportation in Palestine suffers from traffic jams.
User face difficulties to track his orders.
User face difficulties to order from markets.
3G Availability.



Features
GPS tracking tool for users.
Manages the distribution of orders to the best captains for it.
Notification system that provides a level of direct notification between the users and captains.
Orders history to display all arrived orders for captains and users..
Traders can add all their markets items.


Technologies






React
JavaScript library used mainly in building front-end interfaces.
React applications are written using JSX.
Facebook developed React to support browsers.
React can be used to develop the whole app or just a single page for mobile or web application.


Firebase
Firebase Real-time Database is a cloud-hosted database.
Data is stored as JSON and synchronized in real-time to every connected client.
It stores and syncs data with our NoSQL cloud database.
Data is synced across all clients in real-time, andremains available when our app goesoffline.


Android( Java, XML )
Java object oriented programming language.
Java cross-platform language that can be run on any platform in other words.
many applications were written in Java, with many libraries and tools available to help developers.
XML, which is a markup language that denes a set of rules for encoding a human-readable and machine-readable document.
XML was chosen mainly because it is familiar and is supported by a number of IDEs.


Methods & Techniques
Registration.
Home page & Navigation.
Notification system.
Database.


Registration







Home & Navigation


































Notification System




Database





















Constraints
Shortage of Time.
 React setup is tedious and annoying.
 Documentations: most of react documentations were about basic concepts.
A lot of things we needed to learn:
Android Studio: to test and build our app.
JSX: To produce react components, render elements, etc.
ES6: We only have basic familiarity with the JavaScript syntax.


Future work
Make chat between user and captain.
Notify market to prepare the order.
Evaluate users and captains.


Thank You 


image1.png

image2.png

image3.png

image4.png

image5.emf

image6.emf

image7.jpg

image8.emf

image9.emf

image10.emf

image11.emf

image12.emf

image13.emf

image14.emf

image15.emf

image16.emf

image17.emf

image18.emf

image19.emf

image20.emf

image21.emf

image22.emf

image23.emf

image24.emf

image25.emf

image26.emf

image27.emf

image28.emf

image29.png

image30.emf

image31.emf

image32.emf

image33.emf

image34.png


/docProps/thumbnail.jpeg