The slideshow for my Graduation Project, intitled : 'Artificial Intelligence based Web/Mobile application and Facebook Messenger bot for searching and matching between roommates.' Project : https://www.zooz.tn Author : Sami Mnassri Made with love in Tunisia, May 2017.

1. ARTIFICIAL INTELLIGENCE BASED WEB/MOBILE APPLICATION & FACEBOOK MESSENGER BOT
FOR SEARCHING AND MATCHING BETWEEN ROOMMATES !
SUPERVISED BY
M. SAMI MNASSRI
REVIEWER
Ms. LINA HORCHANI
CHAIRMAN OF THE JURY
Ms. SIHEM TLILI
FINAL YEAR PROJECT
www.zooz.tn

3. http://www.ins.nat.tn/
new college students, every year!
~50,000
* Source : National Statistics Institute – Tunisia
*

4. http://www.ins.nat.tn/
new college students, every year!
~50,000
* Source : National Statistics Institute – Tunisia
*
The necessity of moving away from home and settling in a new place.

9. EXISTING SOLUTIONS

11. ADS-BASED WEBSITE : TAYARA.TN
WHAT’S MISSING ?
No specific layout/structure to hold a ‘Property’ details.
Lack of information about the Property.
No reference about the exact location.
X
X
X
No information regarding the author roommate Preferences.X
EXAMPLE #1

12. FACEBOOK GROUPS FOR FLAT-SHARING
EXAMPLE #2
WHAT’S MISSING ?
One text field to include all different types of information.
Lack of information about the Property.
No reference about the exact location.
X
X
X
Even when subscribed to the group’s activity, user only gets
notifications about “friends” activity.
X

13. THE IDEA ?

14. Web/Mobile application Facebook Messenger bot
THE IDEA ?
A PLATFORM FOR SEARCHING AND MATCHING BETWEEN ROOMMATES

15. Web/Mobile application Facebook Messenger bot
THE IDEA ?
Search for offers.
There you go :
A PLATFORM FOR SEARCHING AND MATCHING BETWEEN ROOMMATES

16. SYSTEM ANALYSIS SYSTEM ARCHITECTURE INTO THE CODE
WHAT WE WILL COVER
GENERAL OVERVIEW

17. SYSTEM ANALYSIS

18. WHAT, WHY and HOW ?
SYSTEM ANALYSIS

19. Search for offers Use Case diagram
USE CASE DIAGRAMS

20. Submit an offer Use Case diagram
USE CASE DIAGRAMS

21. CLASS DIAGRAM

22. SYSTEM ARCHITECTURE

23. SYSTEM ARCHITECTURE
HOW IT IS DESIGNED ?

24. Web/Mobile application Facebook Messenger bot
SYSTEM ARCHITECTURE
HOW IT IS DESIGNED ?

25. Facebook Messenger bot
SYSTEM ARCHITECTURE
Web/Mobile application
HOW IT IS DESIGNED ?

26. Facebook Messenger bot
SYSTEM ARCHITECTURE
Web/Mobile application
HOW IT IS DESIGNED ?

27. Web/Mobile application Facebook Messenger bot
SYSTEM ARCHITECTURE
HOW IT IS DESIGNED ?

28. SYSTEM ARCHITECTURE
Web/Mobile application Facebook Messenger bot
HOW IT IS DESIGNED ?

29. SYSTEM ARCHITECTURE
Web/Mobile application Facebook Messenger bot
HOW IT IS DESIGNED ?

30. Web/Mobile application Facebook Messenger bot
SYSTEM ARCHITECTURE
HOW IT WORKS ?

31. Web/Mobile application Facebook Messenger bot
SYSTEM ARCHITECTURE
HOW IT WORKS ?
Database

32. Web/Mobile application Facebook Messenger bot
SYSTEM ARCHITECTURE
HOW IT WORKS ?
Database
DATA {JSON Objects}
(WEB SERVICE)

33. > INTO THE CODE

34. <div class="row">
<div class="RED col-xs-12 col-sm-12 col-lg-12"></div>
</div>
<div class="row">
<div class=" BLUE col-xs-12 col-sm-12 col-lg-4"> </div>
<div class=" BLUE col-xs-12 col-sm-12 col-lg-4"></div>
<div class=" BLUE col-xs-12 col-sm-12 col-lg-4"></div>
</div>
<div class="row">
<div class=" ORANGE col-xs-12 col-sm-6 col-lg-6"> </div>
<div class=" ORANGE col-xs-12 col-sm-6 col-lg-6"></div>
</div>
SOURCE CODE PREVIEW
Web/Mobile Application
INTO THE CODE
Responsive User Interface: The “Web/Mobile” concept
Writing one code that fits different screen sizes

35. SOURCE CODE PREVIEW
Web/Mobile Application
INTO THE CODE
Getting data from the database
Example: Creating a web-service that generates all of the properties’ details
<?php
if ( have_posts() ) {
$json = array();
while ( have_posts() ) {
the_post();
$single = array(
'id‘ => $id, 'title‘ => get_the_title(), 'author‘ => get_the_author()
);
$json[] = $single;
}
header("Content-Type: application/json; charset=‘utf-8’");
echo $json;
}

36. SOURCE CODE
<?php
// retrieving data
$input = file_get_contents('php://input');
$data = json_decode($input, true);
// extracting information
$psid = $data["entry"][0]["messaging"][0]["sender"]["id"];
$message = $data["entry"][0]["messaging"][0]["message"]["text"];
// $message = “Asslema !”
// generate the adequate response & send a message (using the Send API)
// …
The Messenger Bot
INTO THE CODE
Retrieving information sent by the user
PREVIEW
Asslema !

37. SOURCE CODE PREVIEW
<?php
// fit the message into a JSON object response
$message = “Hello toutou !”;
$json = '{
"recipient": { "id" : "'.$psid.'" },
"message": { "text": "'.$message.'“ }
}';
// send the reponse
$ch = curl_init("https://graph.facebook.com/v2.6/me/messages?access_token="
.$PAGE_ACCESS_TOKEN);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $json);
curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: application/json'));
return curl_exec($ch);
The Messenger Bot
INTO THE CODE
The Send API
Hello toutou !
Asslema !

38. SOURCE CODE PREVIEW
<?php
// retrieving data
$input = file_get_contents('php://input');
$data = json_decode($input, true);
// extracting the user ID
$psid = $data["entry"][0]["messaging"][0]["sender"]["id"];
// getting the user’s coordinates
$userLat = $data['entry'][0]['messaging'][0]['message']['attachments'][0]['payload']['coordinates']['lat'];
$userLong = $data['entry'][0]['messaging'][0]['message']['attachments'][0]['payload']['coordinates']['long'];
// …
The Messenger Bot
INTO THE CODE
Working with the user’s geolocation

39. THE ‘PRODUCT’

40. www.zooz.tn
DISCOVERING THE APPLICATION
Home Page
Instant results within hands
Instant basic information about properties
Filter offers for more accurate results

41. www.zooz.tn
DISCOVERING THE APPLICATION
Property details Page
Detailed information about the property
Review the property and publish feedback
Possibility to save, share and print the property

42. www.zooz.tn
DISCOVERING THE APPLICATION
Announcer Profile Page
View user’s Information and Preferences
Reach the user for more details

43. www.zooz.tn
DISCOVERING THE APPLICATION
Submit a new property Page
Rich and easy-to-use interface
Possibility to save as a Draft
Email notification for success of submission

44. WHAT’S NEXT ?
FUTURE GOALS

45. www.zooz.tn
WHAT’S NEXT ?
Gregory Y. Titelman
“
JOIN THEM !
IF YOU CAN’T BEAT THEM

46. www.zooz.tn
WHAT’S NEXT ?
Full integration within Facebook

47. MEET
THE
TEAM
www.zooz.tn
WHAT’S NEXT ?
WORLDWIDE DEPLOYMENT
TARGET THE 2 BILLION MONTHLY ACTIVE FACEBOOK USERS

48. CONCLUSION
Every journey comes to an end, at some point!

49. MEET
THE
TEAM+350
HOURS OF CODING & DESIGN
+50
SODA CANS COMSUMED
+45 000
LINES OF CODE
∞PEOPLE CONTRIBUTED
THE JOURNEY IN NUMBERS !
www.zooz.tn

50. SAMI MNASSRI
COMPUTER SCIENCE STUDENT AT FACULTY OF SCIENCES OF GAFSA
mail@sammy.tnwww.sammy.tn

51. www.facebook.com/zooztunisia
MORE INFORMATION & FEEDBACK
asslema@zooz.tn
FOLLOW US ON FACEBOOK
Finding the ideal roommate !
ZOOZ