NOVATRIP CREATION OF A RESPONSIVE WEBSITE Alexandre Maille Erwan - - PowerPoint PPT Presentation

▶
novatrip
SMART_READER_LITE
LIVE PREVIEW

NOVATRIP CREATION OF A RESPONSIVE WEBSITE Alexandre Maille Erwan - - PowerPoint PPT Presentation

Nov 28, 2022 261 likes •709 views

NOVATRIP CREATION OF A RESPONSIVE WEBSITE Alexandre Maille Erwan Briand Cyril Maugard S8 - pWESDE CONTENT What is the Novatrips project? I. Brief presentation of the Novatrip website II. Mock up presentation III. IV. Why we have

slide-1
SLIDE 1

NOVATRIP

CREATION OF A RESPONSIVE WEBSITE

Alexandre Maille Erwan Briand Cyril Maugard S8 - pWESDE

slide-2
SLIDE 2

CONTENT

I.

What is the Novatrip’s project?

II.

Brief presentation of the Novatrip website

III.

Mock up presentation

  • IV. Why we have chosen WordPress

V.

Website presentation

  • VI. Conclusion
slide-3
SLIDE 3
  • 1. WHAT IS THE NOVATRIP’S PROJECT?
slide-4
SLIDE 4

II. BRIEF PRESENTATION OF THE NOVATRIP WEBSITE

To design your own trip

Introduce you to the travel agents

Inspire you with a selection of trips or agents

Rate and comment an agent

Accept, decline or discuss a quote

Share your experiences with the community

Have a personalize account (favorites, planning, quotes)

slide-5
SLIDE 5
  • III. MOCK UP PRESENTATION

D:\Ei2\Novatrip\Mock up\Novatrip Mock Up.pdf

slide-6
SLIDE 6
  • IV. WHY WE HAVE CHOSEN WORDPRESS

Main reason: the admin interface to create a new content and to administrate users

Rights management

Building functions

Comments, rating, and stories features

slide-7
SLIDE 7

V. WEBSITE PRESENTATION

slide-8
SLIDE 8

BREADCRUMB NAVIGATION

1.

Home page : personalize a trip (and Area pages)

2.

Travel inspirations

3.

Travel pages and ask for a quote

4.

Agent pages – comments and rating (and Agents search)

5.

My account pages

6.

Admin interface – creating content

slide-9
SLIDE 9

HOME PAGE FOCUS

slide-10
SLIDE 10

AREA PAGE

slide-11
SLIDE 11

MAP STEP 1

slide-12
SLIDE 12

GO TO STEP 2

slide-13
SLIDE 13

STEP 2

slide-14
SLIDE 14

GO TO STEP 3

slide-15
SLIDE 15

SUGGESTIONS

slide-16
SLIDE 16

FORM STEP 3

slide-17
SLIDE 17

FORMVERIFICATIONS

slide-18
SLIDE 18

AGENT PROPOSITION

slide-19
SLIDE 19

MAIL SENT TO THE AGENT

slide-20
SLIDE 20

TRIP SEARCH

slide-21
SLIDE 21

TRIP SEARCH

slide-22
SLIDE 22

TRIP SEARCH

slide-23
SLIDE 23

TRIP’S PAGE

slide-24
SLIDE 24

DAYS OF THE TRIP

slide-25
SLIDE 25

GUIDE SEARCH

slide-26
SLIDE 26

AGENT’S PAGE

slide-27
SLIDE 27

COMMENT AND RATING

slide-28
SLIDE 28

COMMENT FIELD

slide-29
SLIDE 29

MY ACCOUNT

slide-30
SLIDE 30

CONTACT AN AGENT

slide-31
SLIDE 31

MY FAVORITES

slide-32
SLIDE 32

ADD TO FAVORITES

slide-33
SLIDE 33

EDIT MY PROFILE

slide-34
SLIDE 34

CONTACT US

slide-35
SLIDE 35

SIGN IN / SIGN UP

slide-36
SLIDE 36

USER ADMIN

slide-37
SLIDE 37

ADMIN PAGES

slide-38
SLIDE 38

META TRIP

slide-39
SLIDE 39

META AGENT

slide-40
SLIDE 40

VI. CONCLUSION

slide-41
SLIDE 41

WHAT REMAINS TO BE DONE

Online payment

Story / Stories

Planning of a user

Remove automatically a quote after a certain period

Remove an account

Improve the verification functions used after submitting a form

slide-42
SLIDE 42

AXIS FOR IMPROVEMENT

Manage the behavior when the inputs are changed using a debugging console

Add an interface for guides

Scalability (server requests for travels available)

To be socially present

Manage the display of country maps according to the first step selection

slide-43
SLIDE 43

WHAT WE HAVE LEARNED

Working on a challenging project (HTML-PHP-WordPress-JavaScript-CSS)

Learning web technologies with time constraints

Teamwork, organization and adaptation

Our first complete project during three months, just before our internship

slide-44
SLIDE 44

THANKS FOR YOUR ATTENTION