Generic

Design Specification

My BloomsDay

Project Description

Design Specification (UX)

Date :

10th October 2013

Authors:

Conor Gilmer

James Keating

Hazel ODonnell

James Byrne

Version:

12

Status:

Draft

Document Control

CONTRIBUTORS

Name/Position

Organization

Contact Details

Hazel ODonnell / PM & DM

DSA

hazel.odonnell@webelevate.ie

Conor Gilmer / Programming

DSA

conor.gilmer@webelevate.ie

James Keating / Design

DSA

james.keating@webelevate.ie

James Byrne /Programming

DSA

james.byrne@webelevate.ie

VERSION HISTORY

Date

Version

Status

Comments

4-9-2013

1

Draft

None

8-9-2013

2

Draft

Sections 1-3

10-9-2013

3

Complete

Section 4 & Sprint 0

20-9-2013

4

Draft

Section 5

22-9-2013

5

Draft

Section 6

23-9-2013

6

Draft

Sections 5 - 7

26 - 9 -2013

7

Draft

Sections 5 - 7

27- 9 -2013

8

Complete

Sections 5 - 7

3-10-2013

9

Draft

Section 8

7-10-2012

10

Draft

Section 8

11-10-2013

11

Draft

Section 9

12-10-2013

12

Draft

Section 7 - Wireframes

16-10-2012

13

Draft

Section 10

18-10-2013

14

Complete

Sections 7 -10

                

Changes since last version

Section 7 - 10 reworked and completed

Known Omissions

N/A

Approvals

Date

Name

Title

Signature

Version


Reviewers Comments

No comments


Table of Contents

1. Introduction

1.1         Purpose of the Document

1.2         Document Conventions

1.3         Intended Audience

1.4        Definitions, Acronyms and Abbreviations

2. Design Overview

2.1        Product Definition

2.2         Concept Design

3. Personas

3.1        Introduction

3.2        List of Personas

3.3        Informed by Data Gathering and Analysis

3.4        Personna Breakdown

3.5         List of Goals

4. Scenarios

4.1        Introduction

4.2         List of Scenarios

4.3        Informed by Data Gathering and analysis

4.4        Scenario Breakdown

5. Task Cases

5.1        Introduction

5.2        List of Task Cases

6. Use Case Diagrams

6.1        Introduction

6.2         List of Use Case diagrams

7. Use Cases

7.1         Introduction

7.2        List of Actors

7.3        List of Uses

8. Structure Maps

8.1        Introduction

8.2        List of Wireframes

9. Behaviour Diagrams

9.1        Introduction

9.2        List of Flow and Task Flow Diagrams

10. Storyboards

10.1  Introduction

10.2  List of Storyboards

11. State Transition Diagram

11.1  Introduction

11.2  List of State Transition Diagrams

12. References

13. Appendix

13.1 Appendix 1 - Online Form, Sitemap, Flow Diagram and Early Mockups

13.2 Appendix 2 - Places of Interest  Ulysses and Joyce

13.3 Appendix 3 - Potential User Feedback

13.4 Appendix 4 - Visual Metaphors

Page 8

Page 10

Page 11

Page 17

Page 20

Page 23

Page 24

Page 40

Page 48

Page 52

Page 56

Page 63

Page 64

Table of Figures

Figure 7.1: Use Case Diagram 1: Landing Page

Figure 7.2: User Interface Wireframe 1: Landing Page

Figure 7.3: Use Case Diagram 2: Main Menu  

Figure 7.4: User Interface Wireframe 2: Main Menu

Figure 7.5: Use Case Diagram 3: About

Figure 7.6: User Interface Wireframe 3: About

Figure 7.7: Use Case Diagram 4: Tours & Places

Figure 7.8: User Interface Wireframe 4: Tours & Places

Figure 7.9: Use Case Diagram 5: News & Events

Figure 7.10: User Interface Wireframe 5: News & Events

Figure 7.11: Use Case Diagram 6: Settings

Figure 7.12: User Interface Wireframe 6: Settings

Figure 8.1: My Bloomsday Structure Map 

Figure 8.2: Landing Page / Log in

Figure 8.3: Main Menu

Figure 8.4: News & Events

Figure 8.5: Create Event

Figure 8.6: Viewing news & events details

Figure 8.7: Tours & Places

Figure 8.8: About Tour

Figure 8.9: About Place

Figure 9.1 : Application Overview Flow diagram - Taking a Tour / Visiting a Place

Figure 9.2 : Application Overview Flow diagram - View News & Events

Figure 9.3 : Application Overview Flow diagram - Upload an Event

Figure 10.1 : User Interface StoryBoard_0001 Start A Tour

Figure 10.2 : User Interface StoryBoard_0002 Create An Event

Figure 11.1: User Interface State Transition Diagram_0000_Level 0_Main Menu

Figure 11.2: User Interface State Transition Diagram_0001_Level 2_About

Figure 11.3: User Interface State Transition Diagram_0002_Level 3_News & Events

Figure 11.4: User Interface State Transition Diagram_0003_Level 4_Tours & Places

Page 25

Page 26

Page 27

Page 27

Page 28

Page 29

Page 30

Page 31

Page 34

Page 35

Page 38

Page 38

Page 39

Page 40

Page 40

Page 41

Page 41

Page 41

Page 41

Page 42

Page 42

Page 44

Page 45

Page 46

Page 48

Page 50

Page 52

Page 53

Page 54

Page 56

  1. Introduction

  1. Purpose of the Document

The purpose of this document is to specify and record the interaction design for the My Bloomsday app. This document is intended to be viewed by the project group members, the design team and the stakeholders of the project.

  1. Document Conventions

This document concerns the software engineers who would work on the further development of the My Bloomsday App, as well as the stakeholders and project members. This is currently the only document written which describes MyBloomsday’s design requirements. It is to be used by the software engineers who will develop this software, and it should also be used for the formalization of the software which will be delivered to the clients/user's. Every future change in the requirements of this software should be made through a typical procedure of change and final acceptance of this document.

The format of this design specification is simple. Bold face and indentation is used on general topics and or specific points of interest. The document will be written using standard font and will be laid out clearly in the sections identified in the Table of Contents shown above.

  1. Intended Audience

This document is intended for all project personnel who will be involved in the product delivery – designers, developers, testers, trainers, business process designers.

This document is the result of the presentation of wireframes, mockups and prototypes to stakeholders, users, focus groups and market consumers. The designs and user interactions described here have been validated by in the field observations, workshops, interaction walkthroughs, interaction testing and they have been approved by stakeholders.

This is a working document as the team iterates through build sprints. The principles, premises and interactions resulting from each build will be evaluated with stakeholders, users, focus groups, market consumers, support personnel, operations personnel trainers and business process designers. Following on from these assessments, the functionality, interactions, branding, style and deployment environments may change. These changes will be communicated, assessed and approved via the policy’s, processes and procedures outlined in the project initiation document (PID).

  1. Definitions, Acronyms and Abbreviations

UX - User Experience

WiFi - Wireless mobile Internet

3G - Third generation mobile phone network

4G - Fourth generation mobile network

GPS - Global Positioning System

Smartphone - iPhone, Android mobile device.        

Social Media - Facebook, Google+, Twitter, Instagram, SnapChat, Pinterest

Joycean - people, places and relevant material to James Joyce

  1. Design Overview

  1. Product Definition

The MyBloomsday App provides information on all things James Joyce related and allows users to document, track and share their own Bloomsday experience in Dublin.

Walk through Dublin using your GPS locator, take a photo of famous locations from Ulysses and share your experience with friends and fellows.

Aimed at tourists, natives and anybody with an interest in James Joyce, MyBloomsday uses smartphone technology and user-generated content to help users bring Ulysses to life.

  1. Concept Design

The following concept has been put forward;

A smartphone application allowing its users to document,track and share their own version of Bloomsday by selecting a place and starting a tour based on locations from Ulysses. Information regarding historical and fictional references to the literature to be provided by the app, as well as content generated by other users. The MyBloomsday app will allow users more interaction with Bloomsday events via social media and provide relevant  information to all those interested in James Joyce and his literary works. The App will allow users to start their own or join others in tours based upon famous routes in ‘Ulysses’ with possible extensions to include ‘Dubliners’ and other James Joyce novels and short stories using GPS technology and social media (Facebook, Twitter, Pinterest).

  1. Personas

  1. Introduction

Throughout the completion of the initial requirement specification document for the My Bloomsday App, research was carried out in order to identify the main types of users for the app. This research was carried out using different methods, and through these personas were developed, as indicated below.

  1. List of Personas

Ref

Name

Type / Attitude

Interface

P-0001

Pablo

Tourist

Smartphone

P-0002

Jonathan

Scholar

Tablet

P-0003

Sarah

Student

Smartphone

P-0004

Alan

Book Club Member

Smartphone

P-0005

Mary

Department manager

Tablet

P-0006

Karl

Fund Accountant

Tablet

P-0007

Niamh

Teacher

Smartphone


  1. Informed by Data Gathering and Analysis

  1. Real people

An overview of the data gathering process and the main themes and comments that informed the design. The attitudes and needs from real people that influenced our design

Ref

Gender

Age

Background

Their main comments and views on the proposed product

PRU-0001

Female

45

Local

Portability - Easier to carry it on your phone or one of those kindle devices than than a heavy book. But I do like a book.

PRU-0002

Male

30

Scholar

Interesting way of breaching the divide between literary technophobes and the more tech savvy younger generation. It would be interesting to see how the social aspect of it works. I think the ability to track journeys would be a great feature.

PRU-0003

Female

35

Tourist

"I think it would be neat if it could help a non

 Dubliner navigate through Leo Bloom's day. I've found it difficult to keep my bearings in the Grafton area.

It could also give travel directions to Sandymount Strand, the Monto, or Nora Barnacle's home in Galway.

It could also give some historic facts about different unlabeled places, such as Finn's hotel. "

PRU-0004

Male

50

Tourist

It would definitely enhance the experience. Hearing anecdotes about his life, and being able to find famous places associated with James Joyce, would immerse the user in the world of James Joyce and lead to an unforgettable Bloomsday experience.

PRU-0005

Female

45

Local

Quotes from his books would be a good idea. Joyce was famous for his witty observations on Ireland. This would definitely be of interest to tourist who are here to truly experience Ireland.

  1. Persona Breakdown

Persona Type

Tourist

Name

Pablo

Age

50

Education

Degree

Nationality

Spanish

Location

Madrid, Spain

Social Life

Is a hard-working professional with a young daughter living in Ireland. Visits frequently with his wife and has a very basic command of English. Reads the Spanish dailies and follows football, often going to Real Madrid matches.

Work Life

Works in an international trading company in a fast-paced industry.

Goals

To retire early and see to his family's' well being

Attitude

Interested in learning more about Irish culture after a few visits

Is becoming more tech savvy through his business contacts and work processes

Persona Type

Scholar

Name

Jonathan

Age

28

Education

Trinity College Dublin

Nationality

U.S

Location

Dublin

Social Life

Jonathan lives in Dublin but is from the U.S. He studied in TCD and has a masters degree in Literary History. He has worked for the James Joyce Centre for the last 8 years. Interested in jazz, reading and history.

Work Life

Has worked for the JJC for 8 years. Sometimes temporary, often permanent

Goals

To work in the arts

Attitude

Interested in seeing app development in the area of literary history and incorporating into the literary festivals

Persona Type

Student

Name

Sarah

Age

21

Education

Currently a student

Nationality

Irish

Location

Dublin

Social Life

Sarah lives and studies in Dublin. She enjoys meeting up with friends at the weekend and finding interesting and slightly obscure things to do.

Work Life

She has a part time job that takes up about twelve hours a week

Goals

To finish that degree

Attitude

Sarah isn't studying English but is starting to appreciate the cultural icons she learnt about in school.

Social media is a large part of how she and her friends organise themselves, anything that helps that is a good thing

Persona Type

Book Club Member

Name

Alan

Age

71

Education

Leaving Cert. and Civil Service Exams

Nationality

Irish

Location

Dublin

Social Life

Plays bridge and sings in his local choir. Joined the local amateur drama and book club since retiring

Work Life

Retired Public Servant

Goals

Enjoy an Active Retirement

Attitude

Initially reluctant to embrace new technology, but uses facebook and skype to keep in touch with his son living in Australia.

Persona Type

Local

Name

Mary

Age

55

Education

Third Level Degree and Masters

Nationality

Irish

Location

Dublin

Social Life

Mary lives with her family in Dublin. Loves to add a bit of culture to days out with friends or visiting relatives.

Work Life

Mary works in full time as a department manager and works 9-5 Monday to Friday

Goals

Enjoy weekends as a time to share with family and friends

Attitude

Must be a social endeavour. Would be nice to find places to eat along a journey

An app like ours would need to provide information

Any apps would have to be easy to use and intuitive

Persona Type

Local

Name

Karl

Age

32

Education

Third Level Degree in History

Nationality

Irish

Location

Dublin

Social Life

Karl lives in Dublin. His family (mother in particular) and friends are very interested in irish poetry and irish writers so he would  also have a keen interest in these areas.

Work Life

Karl is a fund accountant who works 9-5 Monday to Friday

Goals

Enjoy weekends as a time to share with family and friends

Attitude

Would do this on his own or with others

Likes the idea that it can be flexible to the amount of time which you have available i.e can visit one place or ten

Would be interested in seeing additional features linking information to other poets and writers who were influenced by James Joyce

Persona Type

Diaspora

Name

Niamh

Age

41

Education

MA

Nationality

Irish

Location

New York

Social Life

Niamh lives in New York with her husband and daughter. Originally from Kildare she returns to Ireland as often as possible.

Work Life

An English teacher by profession

Goals

She likes to travel, getting home as often as possible to Ireland.

Attitude

Very interested in Irish Literature, and especially other peoples views

Likes to see other peoples performances of pieces from Joyce

  1. List of Goals

Ref

Name

UG-0001

I want to organise an event

UG-0002

I want to attend an event

UG-0003

I want to take a Bloomsday related tour

UG-0004

I want to get first hand reviews from other tourists / joyceans

UG-0005

I want to connect with like-minded tourists and joyceans

UG-0006

I want to find out about historical locations and characters from James Joyce’s work


  1. Scenarios

  1. Introduction

We developed the following use cases and scenarios based on our research using real-life personas.

  1. List of Scenarios

Ref

Name

US-0001

Alan

US-0002

Mary

US-0003

Jonathan

US-0004

Niamh

US-0005

Pablo

  1. Informed by Data Gathering and Analysis

        3. 1  Real people

An overview of the data gathering process and the main themes and comments that informed the design. What stories from real people influenced your design.

Ref

Gender

Age

Background

Their main comments and views on the proposed product

SRU-0001

Male

50

Tourist

Pablo is becoming more tech savvy through his work processes and thinks that this app would be great to help him learn more about Irish culture

SRU-0002

Male

28

Scholar

Jonathan is interested in seeing app development in the area of literary history and incorporating it into literary festivals

SRU-0003

Female

21

Student

Sarah is more and more recently starting to appreciate the cultural icons she learnt about in school, and she thinks that the social media element would definitely help her organise visits to areas of interest with her friends.

SRU-0004

Male

71

Book Club Member

Alan sings in his local choir and has joined the local amateur drama and book club since retiring. Although he is slow to embrace new technology he has been using it more as of late and sees the app as a good way to find and set up a book club, drama and singing events or meetings.

SRU-0005

Female

55

Local

Mary thinks that our app would be great as a social endeavour and provided additional ideas on what our app could provide to users. She thinks that it would need to be easy to use and intuitive.

SRU-0006

Male

32

Local

Karl said he would do this on his own or with others. He likes the idea that it can be flexible to the amount of time which you have available i.e can visit one place or ten. He would also be interested in seeing additional features linking information to other poets and writers who were influenced by James Joyce

SRU-0007

Female

41

Diaspora

Because Niamh lives abroad she enjoys immersing herself in Irish culture when she comes home. She is always interested in learning other peoples’ views and ideas so is very keen on the user generated content element of the app.

        3. 2  Domain Research

 The aim of our  app was to make Ulysses and James Joyce more accessible to people  by providing them with a mobile app through which they can engage with the book and locations featured in it, while creating their own Bloomsday experience.

Our research discovered that while most people are interested in learning more about one of Irelands great literary figures, they often found the book difficult to read and this was seen as a barrier for them when it came to attending the events surrounding Bloomsday or engaging themselves in reading and learning more about James Joyce and his works.

Through our interviews (see Appendix 3) and submissions on an online form (see Appendix 1) we learned that people were willing to attend and engage in events on Bloomsday as well as using the app as an online guide book[1] and reference.

One crucial feature which interviewees and respondents were interested in was the provision of information about the locations featured in the book, references such as quotes, background information and other cultural information which would enhance a users’ experience of following a tour[2]. Suggestions of places to go was seen as beneficial;  another possible benefit from the app would be to meet others participating on a Bloomsday tour.

One key feature would be a backlog of audio and video content from others tours, or performances from Bloomsday. This was seen as highly valuable since performances and reading out parts of the book are seen of great importance in understanding  Ulysses. As a result user-generated content stored and shared is another vital component of the app.

  1. Scenario Breakdown

Scenario 1 (US-0001)

Alan and his friends have started a book club focusing particularly on the works of Irish poets and writers. Currently they have only 5 members and are looking for new people to join. They also want to find an environment which would incorporate their love for Irish poetry and culture into their meetings.

Scenario 2 (US-0002)

Mary is interested in catching a bit of culture on her weekends. She has started to read a lot more Irish literature and wants to attend any events related to Irish literary history. She would also like to have lunch in any of the historical spots, like the Shelbourne, which feature in James Joyce’s books.

Scenario 3 (US-0003)

Jonathan has a degree in literary history and has worked in the James Joyce Centre for the past 8 years. He has a great love for James Joyce and all of his works, particularly Ulysses, and he is keen to attract more  visitors to the James Joyce Centre. He wants to use the My Bloomsday app to connect with other users and to spread word of the centre and to invite other Joyceans to visit the centre.

Scenario 4 (US-0004)

Pablo is from Spain and comes over regularly to visit his daughter who is working in a bar in Dublin. He has a limited command of English so would like to meet fellow Spanish-speaking tourists who could share insights into Ireland’s heritage. He has a keen interest in late 19th and 20th century literature so the Bloomsday app would definitely appeal to him.

Scenario 5 (US-0005)

Niamh is an American with an Irish ancestry. She is very interested in delving deeper into her roots and she sees Irish literature as a great means of doing so. She would like to see and read about all the famous cultural locations and characters from James Joyce and any time which she has free whilst home in Ireland she enjoys using the My Bloomsday app to share her pictures and adventures with her friends back home.

  1. Task Cases

  1. Introduction

The task cases for the MyBloomsday App as identified by the project team are outlined below.

  1. List of Task cases

Ref

Name

Scenario Cross Ref

TC-0001

In order to find new members for their club they decide to hold a promotion event which they post in the news/events part of the app.

US-0001/3

TC-0002

Find Cultural Events at the weekend

US-0002

TC-0003

Find historical places featured in Ulysses or related to James Joyce

US-0002

TC-0004

Find a tour or create your own

US-0005

TC-0005

Share pictures/videos/audio from a place on your tour

US-0005

Task Case 1 (TC-0001)

        - Organise an Event

User Intention

The user wants to be able to create, organise and promote an event.

Activity Description

Step

User Activity

System Responsibility

TC-0001-1

Log in

Allow the user to log in.

TC-0001-2

Go to the events section

Allow user to create a new event post.

TC-0001-3

Post news about club / event

Save the event and update the events section.

Task Case 2 (TC-0002)

        - Find cultural events at the weekend

User Intention

The user would like to use the app to find out what cultural events are taking place at the weekend.  

Activity Description

Step

User Activity

System Responsibility

TC-0002-1

Navigate to the events section

Display current cultural news/events

TC-0002-2

Browse through events  

Display a search criteria option.

(Day, time, event type, location-map)

TC-0002-3

Choose Event

Show Event Details, maybe link to share

Task Case 3 (TC-0003)

        - Find places of interest relating to Ulysses or James Joyce

User Intention

The user would like to use the MyBloomsday app to help find a nice place for lunch with historical / cultural references.

Activity Description

Step

User Activity

System Responsibility

TC-0003-1

Choose type of place to search for.

Display search criteria, allow search.

TC-0003-2

Navigate to find places.

Get current location. Display map with desired places.

TC-0003-3

Choose place.

Show details about place.

Task Case 4 (TC-0004)

        - Find a tour or create your own

User Intention

The user wants to use the MyBloomsday app to take a historical and cultural tour of locations referenced to in Ulysses.

Activity Description

Step

User Activity

System Responsibility

TC-0004-1

Choose type of tour to search for.

Display search criteria, allow search.

TC-0004-2

Browse suitable tours

Display Tours on a map.

TC-0004-3

Choose a tour.

Display route Info, points of interest, Photos.

TC-0004-4

Feedback

Allow user to rate their tour, post photos.

Task Case 5 (TC-0005)

        - Share pictures/videos/audio from a tour and places you have visited

User Intention

Upon completion of a tour the user wishes to upload his/her photos to their social media network to share their experience with friends and family.

Activity Description

Step

User Activity

System Responsibility

TC-0005-1

In the tour section click on Finish Tour

System to complete the tour and show user stats on their tour such as places visited, duration, etc. They will also be given the option to share their journey.

TC-0005-2

Click on the ‘Share with friends’ button

This will require the user to log in to their social media site. They will be linked directly to this site where they will be able to post their track and pictures.

  1. Use Case Diagrams

  1. Introduction

The MyBloomsday App currently has four functional modules; About, Tours & Places, News & Events, and Settings. The two main functions have been identified as ‘Tours & Places’ and ‘News & Events’. These functions will allow the user to carry out the main purpose of the app which is to find places and events which they wish to visit or attend, and providing users with tour routes and place options through which they will be able to immerse themselves into the culture and history of James Joyce’s Ulysses.

To demonstrate the four functionalities the project team have created use case diagrams to show the reader the functions available within these modules. These four diagrams will be shown below however, for the purpose of this document, we have chosen to expand on only the two primary functions with further descriptions to provide the reader with a better insight into said features.

  1. List of Use Case Diagrams

Ref

Description

UCD-0000

Level 0 - My Bloomsday App Landing Page

UCD-0010

Level 1 - Main Menu

UCD-0020

Level 2 - About

UCD-0030

Level 3 - Tours & Places

UCD-0040

Level 4 - News & Events


  1. Use Cases

  1. Introduction

The use cases for the MyBloomsday App, as identified by the project team, are outlined below, with concentration on the two main functionality the Tours & Places and the News & Events Use Cases

  1. List of Actors

The actors which we have identified for the MyBloomsday App are as outlined below.

Ref

Description

UA-0010

User

UA-0020

MyBloomsday Server

UA-0030

GPS

UA-0040

Social Networks

  1. List of Use cases

Ref

Description

UC-0000

Level 0 - MyBloomsday App Landing Page

UC-0010

Level 1 - Main Menu

UC-0020

Level 2 - About MyBloomsday

UC-0030

Level 3 - Tours & Places

UC-0040

Level 4 - News & Events

UC-0050

Level 5 - Settings

  1. UC-0000_Level 0_MyBloomsday Landing Page

Use case reference

UC-0000

Use case title

MyBloomsday Landing Page

Author

Chase

Creation Date

20/09/13

Version

2

Last Modified by

CHASE

Date Modified

27/09/13

4.1 Actors

4.2 Brief Description

The landing page will allow the user the option to log-in to their account. In order for a user to make use of the main functionalities it will be essential that they have created and logged into their account. The only functionality which will be available to users who are not logged in will be the About section.

4.3 Use Case Diagram

Fig 7.1: Use Case Diagram 1: Landing Page

4.4 User Interface wireframe(s)

F

Fig 7.2: User Interface Wireframe 1: Landing Page _1.0.0

  1. UC-0010_Level 1_Main Menu

Use case reference

UC-0010

Use case title

Main Menu

Author

CHASE

Creation Date

20/09/13

Version

2

Last Modified by

CHASE

Date Modified

27/09/13

5.1 Actors

5.2 Brief Description

This section of the App simply shows the user the functionalities available. This page will act as a springboard from which the user will be able to access all other features which the app provides.

5.3 Use Case Diagram

Fig 7.3: Use Case Diagram 2: Main Menu  

5.4 User Interface wireframe(s)

Fig 7.4: User Interface Wireframe 2: Main Menu

  1. UC-0020_Level 2_About My Bloomsday

Use case reference

UC-0020

Use case title

About MyBloomsday

Author

CHASE

Creation Date

20/09/13

Version

2

Last Modified by

CHASE

Date Modified

27/09/13

6.1 Actors

6.2 Brief Description

The About Part of the MyBloomsday App contains information about the app itself, and also about Bloomsday, Ulysses and other James Joyce-related information. This can be accessed and viewed by all users, regardless of whether an account has been created or logged into.

6.3 Use Case Diagram        

Fig 7.5: Use Case Diagram 3: About

6.4 User Interface wireframe(s)

Fig 7.6: User Interface Wireframe 3: About

  1. UC-0030_Level3_Tours & Places

Use case reference

UC-0030

Use case title

Tours & Places

Author

CHASE

Creation Date

20/09/13

Version

2

Last Modified by

Conor Gilmer

Date Modified

27/09/13

7.1 Actors

7.2 Brief Description

The objective of this use case is to demonstrate the functionality of how the user will find, choose and begin a tour or visit a place. A user can choose a tour or place from a list of  options provided by the system or from the list of routes which have been previously taken by others. Users also have the option to create their own tour based on a list of places of interest, places and tours which will be suggested based on their proximity to a location using their GPS location. When creating a tour the user can set a duration for the time he/she wishes to undertake a tour. The user can then see which locations from Ulysses or other James-Joyce related culture can be visited in the locality. By selecting their current location as a starting point the users steps can be followed through GPS technology which, as we will come to see, acts as a reference for other MyBloomsday users.

7.3 Use Case Diagram

Fig 7.7: Use Case Diagram 4: Tours & Places

7.4 User Interface wireframe(s)

Fig 7.8: User Interface Wireframe 4: Tours & Places

(i) Trigger Event

This Use Case is triggered when the user clicks the ‘Tours and Places’ button on the main menu.

(ii) Basic Flow

Here, the user can choose either a place of interest or a tour using three different methods. Either by using a map (touch the pin on the map to view details), by choosing from  a list of places and suggested tours which come with the app, or by choosing from a user-generated list. When they choose a tour, the next screen displays the details of the chosen item. Details could include description, photos, video and location. If it is a tour the user can choose to begin the tour and the app will then track their progress as they make their way to the places marked on the tour. They can upload and share their experience as they go, and save and share their route when they finish.

(iii) Alternative Flows

An alternative flow could be if the user wants to find a Joyce or Ulysses related Place of Interest. The search would be much the same as the tours (two lists and map), and when they choose they would see the same description screen without the go option. This screen would provide the user with  information about the chosen place (Historical, practical, location, opening times etc). Once the user has visited the place they can upload photos and rate and share their experience using social networks.

(iv) Non-functional Requirements

  1. Usability - This is the main function of the app, it should provide the user with quick and easy access to ideas and experiences.
  2. Reliability - Reliability would depend on internet connection and Gps, also the input of the users. Content may need to be regulated, for user entered tours. Some content such as about could be stored within the App itself in case there is no connection available.
  3. Performance - Performance should not be an issue here aside from internet speeds for loading content.
  4. Supportability - User uploaded tours and places of interest may need to be regulated by an administrator.

(v) Artifacts

When a tour or place of interest is created it must be saved and displayed in the list of places/tours  section (where applicable).

(vi) Pre-conditions

User must be logged in for this section. Must be connected to the internet to upload/view tours/places. Gps is necessary for the tour/place tracking.

(vii) Post-conditions

When the user finishes their tour they can share their experience (via social media), rate the tour, upload any photos, videos or audio. When they are finished this they can return to the list of places and events or the main menu.

(viii) Expandability

Like the News and events section the tours and places of interest could be a way for businesses to meet potential customers. For example a tourist looking for a guide, recommended places to eat, bike hire, busses. etc . Also like minded people can meet while participating on a tour or at a venue.

(ix) Authorization and audit requirements

Users will need to be logged in to use this function. This section may need to be monitored by an administrator. i.e. uploaded tours and content created by other users may need to be checked for suitability (authorised) before being displayed to other users.

(x) Business Rules

Commercial entities engaged with the application must add value and be seen as adding benefit to the remit of the app.

(xi) Assumptions

N/A

(xii) Issues

N/A

(xiii) Constraints

N/A

(xiv) Data model and metadata requirements

N/A

  1. UC-0040_Level 4_News & Events

Use case reference

UC-0040

Use case title

News & Events

Author

CHASE

Creation Date

20/09/13

Version

2

Last Modified by

CHASE

Date Modified

27/09/13

8.1 Actors

8.2 Brief Description

The ‘News and Events’ section of the MyBloomsday app allows the user to find a Bloomsday or James Joyce related event. The top of the app will display to the user the most recent news and they will then be able to expand on this feature to see all older news. When choosing an event the user can  browse through the available events by either viewing a full list, searching for something more specific or choosing to search via a map based on their current location. Before the user chooses an event they will be able to expand on the event to view further details such as description, location, times, etc. They will then be able to click on ‘attend event’ if they wish to attend. Through this function the user will also be able to create an event for other users to attend.

8.3 Use Case Diagram

Fig 7.9: Use Case Diagram 5: News & Events

8.4 User Interface wireframe(s)

Fig 7.10: User Interface Wireframe 5: News & Events

(i) Trigger Event

This Use Case is triggered when the user clicks the events section on the home screen.

(ii) Basic Flow

Here, the user either wants to create news/event or find view news/event details. When the user logs in a list of James Joyce related news and upcoming  events is displayed. The user can click any of these to see more detail such as a  detailed description, photos, video links, map, directions etc.

From the news and events page the user can also click to create his/her own event or add news. This will all need to be regulated by the administrator.

(iii) Alternative Flows

The news/events section can only be accessed from the main menu. News or events could possibly be entered by alternative means  such as rss feed or by administration through an update. This functionality would not concern the end user.

(iv) Non-functional Requirements

i. Usability - This part should be very straightforward and should give the user an amount of    information with just one click from the menu with more detail available if required.

ii. Reliability - Reliability would depend on internet connection and also the input of the users. Content may need to be regulated and updated.

iii. Performance - Performance should not be an issue here aside from internet speeds for loading content.

iv. Supportability - User uploaded news and events may need to be regulated by an administrator.

(v) Artifacts

When an event or news item is created it must be saved and displayed in the news section (if suitable).

(vi) Preconditions

User must be logged in for this section. Must be connected to the internet to upload/view up to date news or event.

(vii) Postconditions

After a user creates or uploads they can either return to the list of news and events or return to the main menu.

(viii) Expandability

This section could become a place for local businesses to promote themselves. Possible Monetisation opportunity - adverts. Charities could use the app to have a Joyce themed Charity event.

(ix) Authorization and audit requirements

This section may need to be monitored by an administrator. i.e. uploaded news events may need to be checked for suitability (authorised)  to the theme of the app before being displayed to other users.

(x) Business Rules

Commercial entities engaged with the application must add value and be seen as adding benefit to the remit of the app.

(xi) Assumptions

N/A

(xii) Issues

N/A

(xiii) Constraints

N/A

(xiv) Data model and metadata requirements

N/A

  1. UC-0050_Level 5_Settings

Use case reference

UC-0050

Use case title

Settings

Author

CHASE

Creation Date

20/09/13

Version

2

Last Modified by

CHASE

Date Modified

27/09/13

9.1 Actors

9.2 Brief Description

In the settings section the user can refresh his/her settings, login and logout of the app, while also checking the current GPS settings available.

9.3 Use Case Diagram

Fig 7.11: Use Case Diagram 6: Settings

9.4 User Interface wireframe(s)

Fig 7.12: User Interface Wireframe 6: Settings

8. Structure Maps

8.1 Introduction

The structure map shown below has been designed to give the reader an overall view of all functions and features available within the MyBloomsday App. Each feature has been referenced with a unique code, which co-ordinates with its corresponding wireframe, as shown in Section 7.

Ref

Description

UISM - 1.0.0

My Bloomsday Site Map

Fig 8.1 MyBloomsday Structure Map

8.2.List of Wireframes

Ref

Description

UIWF-1.0.

Landing Page / Log In

UIWF -1.1

Main Menu

UIWF -1.1.3

News & Events

UIWF -1.1.3.1

Create Event

UIWF -1.1.3.2

View Details

UIWF- 1.1.2

Tours & Places

UIWF - 1.1.2.2.1

About Tour

UIWF - 1.1.2.1.1

About Place

UIWF - 1.0: Landing Page / Login

Fig 8.2: Landing Page / Log in

UIWF - 1.1: Main Menu

Fig 8.3: Main Menu

UIWF - 1.1.3: News and Events

Fig 8.4: News & Events

UIWF - 1.1.3.1: Create Event

Fig 8.5: Create Event

UIWF - 1.1.3.2: View Event Details

Fig 8.6: Viewing news & events details

     UIWF - 1.1.2: Tours & Places

     Fig 8.7: Tours & Places

UIWF - 1.1.2.2.1: About Tour

Fig 8.8: About Tour

UIWF - 1.1.2.1.1: About Place 

Fig 8.9: About Place

9.Behaviour Diagrams

9.1 Introduction

The behaviour diagrams listed below represent the task flow illustrations of the corresponding use cases, as outlined in Section 5.2 above. They demonstrate the 4 key functions of the app; taking a tour, viewing news & events, uploading news & events and sharing content on social media.

9.2 List of Flow and Task Flow Diagrams

Ref

Description

Diagram
Type

Cross-ref to
0.0.0.0

UIBD-0001

Behaviour diagram showing how the user takes a tour / visiting a place.

Task Flow

UC_0030

UIBD-0002

Behaviour diagram showing how the user views news & events

Task Flow

UC_0040

UIBD-0003

Behaviour diagram showing how the user creates an event

Task Flow

UC_0040


UIBD-0001        Taking a Tour / Visit a Place

Figure 9.1 : Application Overview Flow diagram - Taking a Tour / Visiting a Place

List of Selections in the Take a Tour Flow Chart

Ref

Description

a

Select to take a listed tour or make your own via a list of places

b

Select to go to a place and tag yourself there or select another place

c

Select to Take a Photo etc., go to next place, or finish tour

d

Post Photo etc. on Social Media?

e

Share Tour or  log out

9.2.1        Flow Narrative

The task begins as the user opens the app and lands on the ‘Log-In’ page. Upon logging in the user is directed to the main menu from which they can choose the ‘tours and places’ option. When on the tours and places page the user has three tabs. If the user wants to take a tour they can click on the ‘Tours’ tab where they will be provided with a list tours. They will also have to option to create their own tour based on a list of places of reference to James Joyce, Ulysses and Bloomsday (Appendix. 2).

When selecting a place the user can view details about the place, quotes from the book, audio / visual content from the location, and content and reviews which have been saved by other users at the location. The user can choose to tag the location as part of their tour, and take photos, videos, comments etc., which they will be able to save and post to their social media accounts if they wish.

The user can then choose to select the next place on their tour, or select another place from the list. Whenever the user desires they have the option to finish and save their tour, as well as posting their route and experiences to their social media account.

UIBD-0002:        View News & Events

Figure 9.2 : Application Overview Flow diagram - View News & Events

9.2.2        Flow Narrative

The task begins as the user opens the app and lands on the ‘Log-In’ page. Upon logging in they are directed to the main menu where he / she will be able to choose to view James Joyce and Ulysses related news and events. A list of all upcoming events and news headlines can be viewed here. The user will be able to click on each article where they will be brought to a new page containing further information pertaining to its context. The user can then return to the list for further news and event browsing.

 

Figure 9.3 : Application Overview Flow diagram - Upload an Event

UIBD-0003: Upload an Event

9.2.3         Flow Narrative

The task begins as the user opens the app and lands on the ‘Log-In’ page. Upon logging in they are directed to the main menu where he / she will be able to choose to view James Joyce and Ulysses related news and events On this page the user will have to option to create an event. In the create event section the user can enter the details of their Joycean / Ulysses related event. These details will include all relevant information such as the name, location, date/time, images, videos and any other important details. When finished the user can return to the News & Events page (where, depending on the administrative validation process, they may be able to view their post). Alternatively they will be able to return straight to the main menu page.

10.Storyboards

10.1 Introduction

We designed the following storyboards to show two examples of the functionality of the MyBloomsday app. Both storyboards are accompanied by a narrative explanation.

10.2 List of Storyboards

Ref

Description

Cross-ref to 0.0.0.0

UISB-0001

The user wants to take a tour

UC_0030

UISB-0002

The user wants to create an event

UC_0040


10.2.1: UISB-0001        Start a Tour

Figure 10.1 : UISB_0001 Start A Tour

10.2.1:UISB-0001 Storyboard Narrative

When the user clicks ‘Tours & Places’ from the main menu they are brought to the ‘Tours and Places’ screen (UIWF: 1.1.2). On this Screen there are 3 tabs; ‘Tours’, ‘Places’ and ‘Others’. Tours shows a list of tours; ‘Places’ shows a list of places; and ‘Others’ shows a list of user- generated tours. For this storyboard the user presses ‘Tours’ and is shown the list of pre- installed tours. They can refine this list by clicking the ‘Refine’ button. This will display a screen where the user can narrow the list by choosing the type of tour;walking, cycling, driving, distance or duration.

Back on the ‘Tours and Places’ screen the user can click on one of the tours from the list to see it highlighted on the map view.  They can click again to go to the next screen - ‘About Tour’. Here they can see information about the tour including a map of the route. There is also a list of places on the route which the user can click to investigate further.

The user clicks ‘Start’ to begin the tour and is shown the ‘Places’ screen where they can see the first place on the tour. From here they can link to maps and GPS navigation to find the selected place. When they get to the place the app will show them lots of intresting things such as video, photos, Joyce related stories, quotes relating to the place etc. From here they  can post to social media or continue to the next place on the tour.

Along the way, (or when finished) the user can click ‘View’ to monitor their progress so far. From this screen they can save their tour, post to social media or finish.

10.2.2: UISB-0002        Create an Event

Figure 10.2 : UISB_0002 Create an Event

10.2.2.1 UISB-0002 Storyboard Narrative

Here, the user wants to create a new event. Within the news and events page the user has the option to click to create his/her own event. In creating the new event, the user can post  text, links , photos or audio visual content about the event, the time and venue (place) for the event. Only the creator of an event or the moderator can edit an event.  Events posted  to the app will need to be regulated by the administrator.

11. State Transition Diagram

11.1         Introduction

The state transition diagrams for our MyBloomsday app are shown and described below.

11.2        List of State Transition Diagrams

Illustrates all the possible transitions from one screen to another within the application or website. If the diagram is too big to fit on one page then a high level diagram may be created, then each high level state in the top level diagram will have a state transition diagram showing the state transitions between its components.

Ref

Description

Cross-ref to
0.0.0.0

UIST-0000

Level 0 Main Menu

UIST-0001

Level 1 About

UIST-0002

Level 2 News & Events

UIST-0003

Level 3 Tours & Places

UIST-0000_Level 0_Main Menu

Fig 11.1_UIST-0000_Level 0_Main Menu

Narrative:

Main Menu - The User Opens the App and logs in. They are taken to the Main Menu. from the main menu the user can choose what they would like to do. The Options are:

For information about James Joyce, Bloomsday, Ulysses and the app itself.

News & Events - Pre-programmed and user-generated Events and Joyce-related news.

Start A Tour - A tours and places of interest section

Settings - Use GPS; Allows others to see me etc.

These main sections are expanded below

UIST 0001_Level 2_About

Fig 11.2_UIST 0001_Level 2_About

Narrative

The user opens the app and logs in. Then Clicks the ‘About’ button on the Main Menu. From here they have four different sections available to them as shown.

The user can view the about sections then return to the menu or exit.

Note: A limited about section may be available to non logged in users.

UIST 0002_Level 3_News &  Events

Fig 11.3_UIST 0002_Level 3_News & Events

Narrative

The user opens the app and logs in then clicks on the News & Events button on the main menu. Here they will be presented with a list of the latest News & Events relating to bloomsday. They can scroll down through the list and click on an item. They are shown the Details screen which displays any details which have been entered. Details could include The Name, Description, Date/Time, Location (Map), Photos/Videos.

To create an event, the user clicks the ‘Create’ button on the main News & Events screen. The system displays a form where the user can enter details of their News Item or Upcoming Event. With Details entered the user clicks ‘Create’ where they will be taken to a review screen where they can see their entry as it will be displayed. They can either submit or return to the Edit screen. There is also an option to post the event to social media.

Depending on how the app is set up the News & Event Item could be submitted for review by an administrator or posted straight away.  

UIST 0003_Level 4_Tours & Places

Fig 11.4_UIST 0003_Level 4_Tours & Places  

Narrative

The user opens the app and logs in then clicks on the Tours and Places button on the main menu. Here they will be presented with a screen consisting of three tabs. Tours Places and Others.

Tours

When the tours tab is pressed the user is shown a list of tours which are installed with the app. If the list is too long the user can refine their search by clicking the refine button. The user can choose the desired distance, duration, mode of transport and location to center the tour around. From there they can return to the refined list of tours.

When the user finds a tour they might be interested in they can click on it and be taken to the details screen. This displays the details about the tour such as description, photos, videos, reviews, ratings and also a list of places on the tour.

The user can click on a place in the list to be shown further details about the place on the place details screen. (Discussed below)

Places

If the user doesn't feel like taking a full tour they can simply choose a single place from the places screen. The place can be chosen from a list or by using the map. This list can be refined in a similar manner to the list of tours using criteria such as location, distance from me, type of place (restaurant, museum, park etc.).

Other

The others tab is the much as the places and tours except the list is generated from tours and places which the users have saved.

Place Details

Any Interesting details about the place in question can be found here. Description, details, stories and anecdotes, photos, videos, location (map), user reviews and ratings. If the user is on a tour, they can click next to be shown the next place. They can click ‘Go’ to be taken to the map for directions or navigation. They can click ‘View’ to view the tour so far, they can click post to share their experience on social media as well as settings, back or exit.

Your Tour

The user is shown their progress so far. They can save the tour, return to the places screen or post to share their experience on social media.

12. References

Material gathered during the requirements phase may be referred to in the document e.g. the layout of a report, QR Code specifications, best practice guidelines, business process documents, ISO Standards etc. A list of these references are catalogued here and citation management is used to reference them throughout the document.

  1. The James Joyce Centre Dublin (2012). James Joyce Centre Website. Available at: www.jamesjoyce.ie (Accessed 8 September 2013)
  2. Totally Dublin (2013).10 Ways to Spend Bloomsday. Available at: http://totallydublin.ie/arts-culture/festival-features/10-ways-to-spend-bloomsday-2013/ (Accessed 8 September 2013)
  3. Joyce, James. Ulysses. Editions Artisan Devereaux, 1924.

13. Appendix

Appendix 1 - Online Form

A form was created using google forms and the responses gathered from the spreadsheet it produced.

https://docs.google.com/forms/d/1QF-3vLav5uoolamaqn7DAFLdPnR9ZrC1fbHb1-qRq5w/viewform 

  1. Sitemap

  1. Happy Flow Diagram


  1. Hi-Resolution Mockups (early beta versions)

Appendix 2  - Ulysses and Joyce related places

A list of places featured in Ulysses and related to James Joyce (Totally Dublin, 2013 and James Joyce Centre, 2012)

Ulysses

From the Ulysses Map :

Telemachus 8am

1. The Joyce Tower, Sandycove.*

Nestor 9.45am

2. The School, Summerfield, Dalkey Avenue.*

Proteus 11am

3. Sandymount Strand.*

Calypso 8am

4. No. 7, Eccles Street.

Lotus eaters 9.45am

5. Sir John Rogerson’s Quay.

6. Westland Row Post Office.

7. Sweny’s shop, Lincoln Place.

Hades 11am

8. Paddy Dignam’s house, 9 Newbridge Avenue,

Sandymount.

9. Funeral route  to Glasnevin Cemetery.*

Aeolus 12.15pm

10. Freeman’s Journal/ Evening Telegraph office, Prince’s Street.

Laestrygonians 1.10pm

11. Graham Lemon’s sweetshop, 49 Lwr. O’Connell Street.

12. Davy Byrne’s pub, Duke Street.

Scylla and Charybdis 2.10pm

13. National Library of Ireland, Kildare Street.

Wandering Rocks 2.55pm

14. Father Conmee: Jesuit house, Gardiner Street

15. Marino.*

16. Blazes Boylan: Thornton’s shop, 63 Grafton Street.

17. Ned Lambert: the Chapter House, St. Mary’s Abbey.

18. Lenehan and M’Coy: Crampton Court.

19. Mr Bloom: Merchant’s Arch.

20. Dilly Dedalus: Dillon’s auction rooms,

25. Bachelor’s Walk.

21. Mr. Kernan: James’s Street.

22. Stephen Dedalus: Russell’s shop, 57 Fleet Street.

23. Martin Cunningham: Dublin Castle.

24. Buck Mulligan: DBC tearooms, 33 Dame Street.

25. Master Dignam: Ruggy O’Donohoe’s pub,

23 Wicklow Street.

26. Viceroy’s cavalcade: Viceregal Lodge,

Phoenix Park* ( ) to

27. RDS showgrounds, Ballsbridge.

Sirens 3.40pm

28. The Ormond Hotel, Ormond Quay.

Cyclops 5pm

29. Arbour Hill/Stoneybatter.

30. Barney Kiernan’s pub, 8-10 Little Britain Street.

Nausikaa 8.25pm

31. Sandymount Strand.*

Oxen of the Sun 10pm

32. Holles Street Hospital.

Circe 11.25pm

33. Mabbot Street (now James Joyce Street)

entrance to Nighttown.

34. Bella Cohen’s, 82 Lwr. Tyrone Street (Railway Street).

Eumaeus 12.40pm

35. Cabman’s shelter, Butt Bridge.

Ithaca 1am

36. Cabman’s shelter

James Joyce

Places Related to James Joyce and other works other than Ulysses

The geo co-ordinates can be mapped and found using www.freegeocoder.com 

Sample Tours

About Section of MyBloomsday App

For the About Section I think will have to explain the MyBloomsday app but provide information on James Joyce, Ulysses and Bloomsday

Sources

Ulysses Map of Dublin[5] Visit Dublin

A Walk Around Joyces Dublin Diarra

Walking Ulysses Joyce’s Dublin Today, Boston College

Walk with Leopold Darcys Dublin Walks

Bloomsday - Wikipedia Entry

Ulysses - Wikipedia Entry

Social Media - Posting & Sharing

There will be 2 types of Post/Sharing, one when you are at a venue and one when you have completed your route  - The term Posting will be used for posting to social media at a venue, while sharing(your route) will be used on completion of a route / tour.

The main social media networks and content sharing networks should be provided for such as

There is probably others


Appendix 3 - Potential User Feedback

Notes from conversations with people whom were shown the MyBloomsday app mockups to and asked for their thoughts.

Rob

Date: 15/10/2013

Background: Leaving and Post-Leaving Cert. English School Teacher

Comments: I like that you don’t have to use Facebook to log in, I deleted my account. I like the way the app helps you do the tour on your own.

Dara

Background: DSA Student

Comments: Joyce is better or easier to understand when performed so to have recordings and youtube videos available is a great thing to help people understand it. I know in New York they try to have their own version of bloomsday and try to get it going, and people do dress up for it.

Page

Date: 15/10/2013

Background: US Tourist/English Teacher (Joyce was part of her MA in University)

Comments: I have visited Dublin twice, and I would have liked to see more places related to joyce, I visited The Dead house on the liffey, and Great Georges Street. The app would be useful if like me you didnt visit on Bloomsday itself and could see events from it on your phone

Alan

Date 16/07/2013

Background: Joyce Enthusiast

Comments: Enjoys attending events and dressing up in edwardian costume, he signs in a choir, and while not tech savy he attends events with his daughter who is, and she would be able to use the app to help them.

Appendix 4 - Visual Metaphors

Visual Metaphors                                                                

                                                                        

                                                        

Design Specification_CHASE_MyBloomsday App           Page  of


[1] "ULYSSES MAP Revised - Visit Dublin." 2011. 22 Sep. 2013 <http://www.visitdublin.com/pdf/ULYSSES-MAP.pdf>

[2] "A Walk around James Joyce's Dublin - DoChara." 2009. 22 Sep. 2013 <http://www.dochara.com/tour/itineraries/joyce-tour/>

[3] "A Walk around James Joyce's Dublin - DoChara." 2009. 22 Sep. 2013 <http://www.dochara.com/tour/itineraries/joyce-tour/>

[4] "Walk with Leopold | One of the best James Joyce Tours around ..." 2013. 22 Sep. 2013 <http://darcysdublinwalks.com/walk-with-leopold/>

[5] "ULYSSES MAP Revised - Visit Dublin." 2011. 22 Sep. 2013 <http://www.visitdublin.com/pdf/ULYSSES-MAP.pdf>