Presentation about our project

1. MUNCHESTER. COM
P R O U D L Y P R E S E N T E D B Y G R O U P B 1
A K A S H , A N D R E I , B R I S E I S ,
F E N G T I N G , M A Y A N K , Y A G U B , Y A S M I N E ,
Z A V I R I Y A
Version 2.0

2. OUR TEAM
We are Group B1 – a fantastic team of eight creative individuals.
Different people Different ideas Different knowledge One team

3. INTRODUCTION
1 Our idea-
Purpose, Features, Achievements. 2 Demonstration-
A quick run through of our end product.
3 Technology-
Overall structure & functionality. 4
Organisation & Hindsight-
Our approach to problems and things we
would like to do differently.

4. IDEA AND OVERVIEW
The concept is simple.
A clever play on words (in our opinion!).
We began by envisioning MUNCHESTER as the go to platform for hungry
students who are not familiar with the area or want to discover something
new to eat based on search criteria.

5. Front end
User Interface Server Side
Scripting
Client Side
Scripting
Database
Query Result
Back end

7. SEARCH
ENGINE
RATING/FAV
OURITE
SYSTEM
CORE
FEATURES
SORTING
OPTIONS
GOOGLE
MAPS AND
CAMPUS
MAP
LOG IN
SIGN UP

8. WAY OF WORKING
LANGUAGES TOOLS &
SOFTWARE
• PHP-back end(Server side)
• MYSQL-Database
• Javascript-front end(Location,
Sorting, Alerts)
• Ajax- send user location
• HTML, CSS
• WAMP/MAMP
• GIT
• Photoshop
• Illustrator
• Flash
• Google APIs
• Sublime
• PHPMyAdmin
• Google Docs
• Apple Xcode
• Bootstrap
framework

9. DESIGN DECISIONS -
BLUEPRINT
Creation of wireframes, to brainstorm and
coming up with a layout.
Low-Fidelity blueprint
- less detail, more abstract, quick-mockup.
Interface design
- Arranging and prioritising information in a
way which facilitates usability and
efficiency of the website.

10. FRONT END DESIGN -
MOCKUP &
IMPLEMENTATION
Conversion of blueprint to a more realistic design
Explored websites related to Restaurants & Food
Fonts, typography, colours etc.
Converted blueprint using Photoshop, Illustrator
Implementation - HTML, CSS, JS
Responsive - Bootstrap Framework

11. SITE BEFORE AND AFTER

12. PHP fluently communicates
with SQL to achieve certain
features
From scratch, we used our own
design and way of organising the
PHP files, the database and the lines
of code.
Search Engine Sorting Options
You can search
by:
- tags
You can sort:
- tags
- restaurants
* you cannot search the same
item twice
* you can click on suggested
tags
* you can search multiple tags
* the sorting options help the
user discover more restaurants
or the best ones

13. • Every restaurant ⟹ postcode
• Postcode ⟹ coordinates(API)
• Display a Map on request
• Separate table in the database
• Array of users that voted a specific venue
• Restrictions
• Array in the users table
• Favourites appear in the
profile page of the user
• You can delete them from
the profile panel
• Restrictions
• Hard but rewarding
• AJAX and PHP
• Requests the location
based on IP address
• Compares all the
restaurants location and
chooses the closest

14. • Interactive MAP
• Done using Action Script 3.0
• Will be used in the future
version of our website
• Directly related to the database
• Interactive blanks
• Remembering user(Session &
Cookies)
• Forgot Password

15. WHAT IS OUR DATA BASE STRUCTURE?
WHY WE CHOOSE SUCH STRUCTURE?
HOW WE DESIGN IT?
Requirement Analysis Stage
Data Collection Stage
Data Implementation Stage

16. Data Collection
Stage
Data Impl. Stage

17. SQL INJECTION
WHAT IS SQL INJECTION?
WHY DO WE PREVENT IT?
HOW DO WE DO?
Malicious Attack
Protect User Security
Six Prevention Measures

18. TEAM COMMUNICATION
Updating
group
members
Recorded
progress
Regular
meetings

20. Organisation
Yagub
Front End Back End
Tim
Yasmin Zaviriya Akash
Mayank Andrei

21. PRIVACY TEAMWORK & PROBLEMSCOOKIES

22. REFLECTION
Technical Issues
• Back End
• Front End
Organisational Issues
• Elect a team leader
• More meetings
• Synchronisation
Ethical Issues
• Documentation
Use of tools
• Use git from the very
beginning

23. ACHIEVEMENTS
What we think we have done good and
helped us achieve our goal.
Technical Achievements:
- learned new languages
- learned use of APIs
- learned git
Created a website, implemented most of ou
features, working together as a big group
Acquired soft skills:
communication, time management,
tolerance

24. Our idea is simple yet has many
useful and unique features that
will make it a success, with
huge scope to be expanded in
the future dependent on time.
We are proud to have
accomplished reaching this
stage in such a short amount of
time.
We thank everyone for their
support but especially our tutor
who has guided us through the
whole process.