Mm Interactive Assignment B 3.2.1

  • 962 views
Uploaded on

Feasibility Study and IDM Designs a web site for the city of Florence (Tourism) …

Feasibility Study and IDM Designs a web site for the city of Florence (Tourism)
Doc Version 3.2

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
962
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. ________________________________________________________________________ Politecnico Di Milano ______________________________________________________ ________________________________________________________________________ ASSIGNMENT ‘B’ - DESIGN MULTIMEDIA INTERACTIVE APPLICATIONS FOR THE WEB AND MOBILE DEVICES 2006-2007 Feasibility Study and IDM Designs a web site for the city of Florence (Tourism) Doc Version 3.2 Instructor: Prof. Paolini Paolo Submission Date: 03/12/2007 Submitted By ************************************** ID: 707241 Ferdous Mohammad Jannatul Master of Science in Computer Engineering
  • 2. Table of Contents Executive summery .............................................................................................................2 1. Users & Goals of the web site .........................................................................................3 2.Content of the web site (Informal Ideas)..........................................................................4 3. Concectual Design...........................................................................................................5 3.1 Design schema ...................................................................................................5 3.2 Text description of schema................................................................................6 4. Logical Design.................................................................................................................7 4.1 Design schema ...................................................................................................7 4.2 Text description of schema................................................................................8 5. Page Design ...................................................................................................................12 5.1 Home Page.......................................................................................................12 5.2 Overall organization structure .........................................................................13 5.3 Principal Pages ................................................................................................13 6. Conclusion.....................................................................................................................16 Multimedia interactive applications for the Web and Mobile devices -1-
  • 3. Executive Summery Tourism is defined as travel that people go out from their regular environment for the certain period of time for pleasure, business, or other purpose. The Austrian economist defined one of the earliest definitions in 1910 which was “bob total of operators, mainly of an economic nature, which directly relate to the entry, stay and movement of foreigners inside and outside a certain country, city or a region”. The World Tourism Organization define tourists as people who quot;travel to and stay in places outside their usual environment for not more than one consecutive year for leisure, business and other purposes not related to the exercise of an activity remunerated from within the place visitedquot;. Although many of us have been “tourist” at some point in our lives, so defining what tourism actually is can be difficult. The aim of this document is to present a design proposal for a tourism site of the city of Florence (Italy), including conceptual and logical choices about the contents of the application and the navigation among them. The approach used in this document is the IDM (Interactive Dialogue Model) design technique. According to it, the design is divided in to three steps: the Conceptual design, where the content is partitioned into “topics” and relations between them, the Logical design where further details about the content organization and navigation are given, and the Page design where the previous choices are translated into pages of the application. As a result of this design process, the document presents a conceptual scheme including the topics and their mutual relations, a logical scheme with the details of each topic and of the navigation, a overall “map” of the organization of the website and some sketches (page design) of its principal pages. Multimedia interactive applications for the Web and Mobile devices -2-
  • 4. 1. Users & Goals of the web site: Users and Goals: User Goal Tourists Better uses of tourism services Visitors Attracting people to become a tourist. Local Students Awareness of the site Peoples of the city More aware of the site about weather forecast, & events etc Multimedia interactive applications for the Web and Mobile devices -3-
  • 5. 2. Content of the web site (Informal Ideas) Content / User Tourists Visitors Local Peoples of the Students city X X X X City Information Accommodation X X Transportation X Dining X Attraction X Transaction Services X X Travel News X X Events X Contacts Credits X City Map X X History City Information: Description of city, weather condition & forecasts, main attractions, interesting places, Languages & dialects of the city. Accommodation: The content of accommodation for the tourist while they travel such as hotel, motel, RV parks, campground, bed, and breakfasts. Transportation: It includes all forms of transportation on roads, rail, in the air to reach the tourist spots. Dining: It encompasses all establishments supplying food and beverages for consumption, from fine dining specialties, ethnic restaurants and institutional food outlets to catering firms, pubs and lounges. Attraction: It includes historic sites, heritage homes, museums, halls of fame, art galleries, botanical gardens, aquariums, zoos, water parks, amusement parks, casinos and cultural attractions. Transaction Services: Ticket booking/buying, cost and offers, searching. Travel News: Text, images, audio, video clips of the tour spots Events: Cultural events, list of events, calendar. Contacts: Contact list & addresses of tourist offices. Credits: Version of product & Company information. City Map: Map of the city, maps of the route & location of important places. History: History of the city & most important or famous places. 3. Conceptual Design 3.1 Design schema Multimedia interactive applications for the Web and Mobile devices -4-
  • 6. 3. Conceptual Design 3.2 Text description of schema: Single Topics: City description: ⇒ Content: General information of city, main attraction of the city, local languages, nature and weather information, Geo-poli-eco-demographic information. ⇒ Motivation: invite people History: ⇒ Content: History of city and & famous places history, story etc. City Map: ⇒ Content: Destination maps of the city including whole city map ⇒ Motivation: helping people to reach city Credits ⇒ Content: application version, company info etc. Contacts ⇒ Content: list of tourist office name, number, email address. ⇒ Motivation: helping people to get contact. Accommodations ⇒ Content: information about quantity and quality of hotels, some sample hotels information with pictures including co-text. Transportations ⇒ Content: information about local transport, types of transport include summery of each. ⇒ Motivation: to guide people how to reach Dining ⇒ Content: a list of general and special food for breakfast, lunch & dinner include restaurants name and address. Attractions ⇒ Content: Attractive place description and pictures with small summery of the place Events ⇒ Content: description of current events and pictures and schedule Travel News ⇒ Content: most recent tourism news, audion/video footage and small summery of important news. Multimedia interactive applications for the Web and Mobile devices -5-
  • 7. Multiple Topics (Kind of topic): Hotel: ⇒ Content: hotel presentation, services, small images of room & hotels, room availability & price etc. ⇒ Editorial plan: 20 Hotels Hotel Service: ⇒ Content: Service topic and details service facility. ⇒ Editorial plan: 5 hotel services Attract Place: ⇒ Content: description of the attractive place, sample pictures and schedule to visit the place ⇒ Editorial plan: 20 places ⇒ Motivation: attract people about this place. Vehicle: ⇒ Content: description and small image of vehicle, timetable for the vehicle ⇒ Editorial plan: 3 types transport Ticket Type: ⇒ Content: information about available type of ticket for each vehicle ⇒ Editorial plan: 10 type tickets 4. Logical Design 4.1 Design schema Multimedia interactive applications for the Web and Mobile devices -6-
  • 8. 4.2 Text description of schema Dialogue Act: City Description: • Presentation: this default act contains general description of the city including weather information; it includes about 20 line of text. • Attraction: this act shows the main attraction of the city within 500 word of text • Demographic information: this act presents mainly Geo-poli-eco-demographic, natural information and also language & dialect; in includes about one page. History: • City history: this default act contains begin of the city history which includes about 30 line of text. • Famous story: this act shows the history of famous places; it includes in one page. City Map: • City Maps: this default act contains maps of the city including total city map, important location maps, and also 2 or 3 transport route maps of the city in one page. Credits • Credits: this default act contains the product version & company information that create this website; it include in a single page. Contacts • Contacts: this default act contains the list of tourist office contacts including email, phone and physical address each of them; it includes about 30 line of text. Accommodations: • General info: this default act contains general information for accommodation in this city in qualitative and quantitative point of view. In includes about 20 lines of text. Pictures: this act includes some sample pictures of some hotels with thumbnail view including co-text. Hotels: this act contains small picture + 200 char of text description for each of top hotels Transportations: • Basic info: this default act contains basic information about availability of local transport inside the city: it includes 30 line of text • Types: this act describes about type of transport 10 line of text Transports: one small vehicle picture + 500 char of text description for each transport type Dining: • Description: this default act contains basic information general & special foods of the city for breakfast, lunch and dinner within one page Restaurants: List of the restaurants picture + 200 char of text description for each. Foods: a list of general & special food pictures with 100 char of text description Attractions: • General info: this default act contains general introduction for the attraction of this city in 20 line of text Pictures: Some pictures of top attraction in the city with thumbnail view Short Desc: a list of small summery of top attraction places 200 char of text description for each attraction; it also include 1 picture of the place with each description Multimedia interactive applications for the Web and Mobile devices -8-
  • 9. Events: • Basic info: this default act contains general description of current events in 30 line of text Entertainment: this act contains brief description of the entertainment and small picture in 25 line of text. • Calendar: this act contains the timetable for the event. Travel News: • Highlights: this default act contains most recent tourism news highlights in 30 line of text Multimedia: this act contains audio or video file with built-in player of travel news Short Desc: this act contains the short description of attractive news in 100 char of text description for each. Attract Place: • Highlights: this default act contains description of the attractive place; it includes 10 line of text and also includes 1 big images for some places. • Pictures: this includes 3/4 JPEG images file with thumbnail view for each place • Timetable: this act contains the schedule to visit that place in one page Vehicle: • Description: this default act contains description of vehicle in 10 line of text with a small picture. • Schedule: this act contains the timetable to use this vehicle. Ticket Type: • Summery: : this default act contains information about available type of ticket in 20 line of text • Price Detail: this act contains the price range for the ticket type. Hotel: • Welcome: this default act describes presentation of hotel; it includes 20 line of text; it also contains one image/animation of the hotel as appetizer. • Service: this act contains a list of service provided by hotel with in 200 word of text Rooms: this act contains a list of available rooms with price by this hotel in index o Booking: this operational act contains general information about booking and link options to book room of this hotel Hotel Services: • Service info: this default act contains the general descriptions of the service in 10 line of text • Details: this act describes the detail facility of this service. Transition Act: Is given by: Line: H. name + picture + short desc Default: Alphabetical Navigation: Index 1 2 3 . . . + Guided Tour Is reached by: Line: A. name + picture + place + type Default: Alphabetical Navigation: Index 1 2 3 . . . Multimedia interactive applications for the Web and Mobile devices -9-
  • 10. Is used by: Line: Type + duration + availability Default: Alphabetical Navigation: Index first + previous + next + last Multimedia interactive applications for the Web and Mobile devices - 10 -
  • 11. Introductory Act: All Hotel Services: Line: S. Name + Icon + Type (rank) Default: Alphabetical User control: by type User features: Accelerators, sorting Navigation: Index first + previous + next + last All Attractions: Line: A. name + place + type Default: Alphabetical User control: by place User features: Accelerators, filtering Navigation: Index 1 2 3 . . . Attract by type: Line: A. name + picture + place Default: Alphabetical Navigation: Index 1 2 3 . . . + Guided Tour Top Attract places: Line: A. name + picture + rank Default: Rank Navigation: Index 1 2 3 . . All Hotels: Line: H. name + place + Type Default: Alphabetical User control: by place, type User features: Accelerators, filtering Navigation: Index 1 2 3 . . . Hotels by place: Line: H. name + picture + short desc Default: Alphabetical Navigation: Index 1 2 3 . . . + Guided Tour All Trans: Line: T. Name + Type + image Icon Default: Alphabetical User control: by type User features: Accelerators, search Navigation: Index Trans by type: Line: T. name + picture + short desc Default: Alphabetical Navigation: Index 1 2 3 . . . + Guided Tour Multimedia interactive applications for the Web and Mobile devices - 11 -
  • 12. 5. Page Design Title 5.1 Home Page Weather info L ⇒ Introductory information A Introductory information N ⇒ Some appetizers D M ⇒ Highlights of some popular places A R ⇒ Current Weather information K S Appetizers ⇒ Links ± City Description ± Accommodations ± Transportations ± Dining L ± Attractions ± Events Single Topic A ± History N ± City map ± D Travel News ± Credits M ± Contacts A + ± All Hotel Services R ± All Hotels K ± Hotels by place ± All Attractions S ± Attraction by type Introductory Act ± Top Attract places ± All Trans ± Trans by type These landmark links are in every page Multimedia interactive applications for the Web and Mobile devices - 12 -
  • 13. 5.2 Overall organization structure City Travel News Description History Contacts City map Credits Transportatio Events ns Attractions Dining Accommodati ons Trans by type All Trans All Hotel All Attraction by Top Attract Hotels by All Hotels place Services Attractions type places Hotel Service Hotel Attract Places Vehicle Ticket Type
  • 14. 5.3 Principal Pages Title All Hotel Services Content: list of the services (with links) + Services: L Type (Rank) + icon A Landmarks (links in the lateral bar) - Service 1: name + rank + icon N - Service 2: name + rank + icon D - Service 3: name + rank + icon M - ….. A R K S Title Service info [Hotel Service] Content: general description of service L Service info information A Structural links: Details N Transition links: List of Hotels D Landmarks (links in the lateral bar) M Details A R K List of Hotels S Details [Hotel Service] Title Content: Details of service Structural links: Service info Transition links: List of Hotels Details L Landmarks (links in the lateral bar) A N D Service info M A R K List of Hotels S Multimedia interactive applications for the Web and Mobile devices - 13 -
  • 15. Is given by Title Content: list of Hotels given this service (with links) + picture + short desc Subject links: “1, 2, 3, … & so on” Hotels by service “Name”: L Landmarks (links in the lateral bar) A - Hotel 1 N o Pic + short Desc D - Hotel 2 M o Pic+ short Desc A - Hotel 3 o Pic + short Desc R - ….. K S << 1 2 3 …>> Welcome [Hotel] Title Content: welcome note + pictures Structural links: Services + Rooms + Booking L Transition links: provides Welcome A Landmarks (links in the lateral bar) N D Services M A Rooms R Booking K S Provides Title Service [Hotel] Content: list of services provided by hotel Services: L Structural links: Welcome + Rooms + A Booking - Service 1 Transition links: provides N - Service 2 Landmarks (links in the lateral bar) D - Service 3 M - ….. Welcome A Rooms Booking R K S Provides Multimedia interactive applications for the Web and Mobile devices - 14 -
  • 16. Rooms [Hotel] Title Content: list of available room + price + short desc Rooms: L Structural links: Welcome + Service + A Booking - Room 1 + Price + Short Desc N Transition links: provides - Room 2 + Price + Short Desc D Landmarks (links in the lateral bar) - Room 3 + Price + Short Desc M - ….. A << 1 2 3 …>> R Welcome K Service S Booking Provides Booking [Hotel] Title Content: Booking instruction + booking option Structural links: Services + Rooms + Booking: L Welcome ________________ A Transition links: provides ________________ N Landmarks (links in the lateral bar) ________________ D M Choose room A Welcome Service R Rooms K S Provides Title Credits L Content: information about the company A Landmarks (links in the lateral bar) Credits N D M A R K S Multimedia interactive applications for the Web and Mobile devices - 15 -
  • 17. 6. Conclusion This report design website makes tourist life easier by providing many facilities in tourism. Tourism is one of the vast domains on our society for country development, developing economic growth etc. So the impact of tourism also effect on our society and here is the city of Florence society. In the above design, we have analyzed and design how and what content should be placed in the tourism site for a city. Here, city of Florence as an example. Thus, IDM design is important before making an effective site. Multimedia interactive applications for the Web and Mobile devices - 16 -