17

Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin
Page 2: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin
Page 3: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

11

Figure 2: Research identified this flowchart of blender use.

Page 4: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin
Page 5: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

Stage 1

Stage 2

Stage 3

LIFTGlobal Navigation

Local Navigation

Related Events

Title

Date, Venue, More Details... Book Now...

www.liftfest.org

LIFT Introduction

LIFT '01 Festival Introduction

NewsLIFT '01 Festival / Calendar

LIFT HistoryContact

ContactMailing List details

People Details

Phone Number

Box Office Detailsemail addresses

NewsLatest LIFT updates

Programme Changes

Newsletter Content?Links in content to relevant

sections

Teachers Forum

IntroductionEvents

Background Material

Related Events

Development

IntroductionSponsors list / logos

Mutual links to sponsors sites

Business Arts Forum

IntroductionEvents

Background Material

Related Events

Page TitleMain Content AreasMain Links

PR (hidden)Press Releases/Press Nights

Photo Call Schedule

Marketing Agreement

Images – Lo and Hi-Res

Box Office Guides

Contacts

LIFT HistoryLIFT last 20 years

Previous Festivals

About the Founders

LIFT '01 Programme

Previous Festival Web Archive

Contact

LIFT '81–'99 Archive

Festival Introductions

Programme ListingLIFT '01 Programme

Contact

LIFT '01 Festival

Overall Details

HighlightsTalks/Dialogues

Performances

Calendar / Booking

Context

Performance Index

Brief Introduction to Performance

Performance ListBooking Information

Calendar

Performance Event

In Their Own Words

LIFT Synopsis

DatesMore Info... Book Now!

ContextRelated Events Context Pages

EditorialBackground Material

ForumsDiariesQuotes and Reviews

Related Events

Feedback System

Need to discuss how this works

IntroductionFeedback form

Feedback to LIFT

Feedback on Event

Feedback on Editorial

Feedback to People / Companies

Talks/Dialogue Index

Brief Introduction to Talks

Talks List

Booking Information

Calendar

Talk/Dialogue Event

In Their Own Words

LIFT Synopsis

DatesMore Info... Book Now!

ContextRelated Events

BookingTitleIn Depth Details

Venue Details/Access Etc.

Secure CC order (Sadler's Wells)

Related Events

CalendarChronological Organisation

All Events

More Info... Book Now!

Boarding Pass

Booking (popup)

Title etc(see booking architecture)

Boarding Pass Details

PriceEntitlements

Back to Event Details

Related Events

Context Index

IntroductionEditorial Highlights

Diaries Highlights

Quotes/Reviews Highlights

Related Events

LIFT ClubIntroductionList of Events

Booking |nformation

Calendar

Layout Template

KeyLIFT Website Architecture Timo Arnall – revised 10 April 2001

LIFT '01 FESTIVAL

LIFT GENERAL

EXTERNAL

Page 6: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

front pagelogo and navigationfor consideration:

latest news item and

current event introduction

learninglatest learning event

introductions to the

three learning strands

dialoguelist of 12 latest

discussion topics

articles & commentsfull discussion topic

and subsequent

responsesopen text form for

adding comments

archived articles

and commentsfull index of all

discussions

teacher forum

latest initiativemore informationdownloadable resources

links to dialogue threads

business arts

forumlatest initiativemore information

downloadable

resourceslinks to dialogue

threads

event specific

latest initiativemore informationdownloadable

resourceslinks to dialogue

archiveshort timeline for the

last 3-6 eventsquick search

events timeline

visual access to some

of the key events in the

history of LIFTquick search

eventarchived event

introduction page

searchfull search of the entire

archive, by date, title,

production, cast, etc.

(categories and

controlled vocabulary

to be defined as part of

the design of the

database)

companyarchived event

productionarchived event

cast & crewarchived event

reviewsarchived event

aboutintroduction to LIFT

historytimeline of major

events, links to archivefoundersinterviews with the

founders

peoplean up-to-date list of

people and contact

information

newsthe news section acts

as a portal to the entire

site, informing visitors

of recent updates and

the latest events

resourcesfeatured linksfeatured books

featured downloadslinks to more details

linkslist of festivals,

resources, partners...

(categories to be

defined)books & reading

what is lift currently

reading?archive of good books

eventscurrent event introductionfuture event introductionlink to archive

venues & access

access details, links to

streetmap.co.uk

current event

event full introduction/

marketing textdates, times

future eventsideas, intentions,

themes, proposed

dates, etc.(to be expanded as the

event becomes

current)

bookingdates, times, prices,

discounts, special

offers

details of online

booking, postal

booking, telephone

and box office

login / register

Sadler's Wells booking

popup window

paymentSadler's Wells booking

popup window

confirmSadler's Wells booking

popup window

working with lift

introduction to lift

careers and opportunities

recruitmentjob descriptions

downloadable

application formscommissionsjob descriptions

downloadable

application forms

contactemail addresses &

formpostal addressmailing list signup

emailing list signup

link to 'people' section

downloadsa full index of the

repository for all

education packs,

learning resources etc.

placementsjob descriptions

downloadable

application forms

companyabout the company production

about the production cast & crewabout the cast & crew reviewsselect reviews

liftfest.org Content Architecture17 July 2002

NotesSee also the liftfest.org styleguide atwww.liftfest.org/styleguide

Timo Arnallwww.elasticspace.com

Page 7: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin
Page 8: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin
Page 9: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

FAQ

source1.comglobalcompany

casestudies

serviceofferings

currentclient

accountsection

worldwideoffices

Philippinesstory

search

about us

contact usemployment

site map

news and events

accountmanagement

whyco-source

with source1

what isco-sourcing?

csrquality

client account sectiondemo

demodescriptionand form

advancedtechnology

login

Key points:• MYTHS AND CONCERNS• QUALITY AND LOW COST• DOING BIZ IN PHILIPPINESContent:• labor/cost comparison• 100% college grads• stable telecomm• turnover/attrition low• high capacity/ rapid scalability• comparison with other locations• cost/quality• English speaking/US culture• US based account mngmt.• video/audio tour• 3d site tour• "free analysis" form

Key points:• FLEXIBILITY• ADDED VALUE• EXPANDED SERVICESContent:• disaster recovery• understand and accommodate global & international customers• follow the sun for 24/7 service• global to serve domesticUS companies• highlight Philippines

Offices:• Bloomfield, NJ• Carlstadt, NJ• Sydney, Aus• NYC, NY• London, Eng.• Toronto, Ca• Paris, Fr• South AfricaMultilingual:• English• Spanish• French• Chinese

Clients:• American Express• MedTech• JVC America• Sony (Product Redesign)• BMS (RN story)• Georgeson

Key points• FUNCTIONS w/LINKS TO CASE STUDIES• CLIENT ISSUES w/LINKS TO CASE STUDIESContent:• explain all services in detail• customized solutions (CHARM)

Content:• company overview• colorful managementbios, background• awards• press releases• strategic alliances(become a partner email)• Links to Georgeson

Content:• individual contact byrole/location• free analysis form

Content:• reports• data• standard operating procedures• account rules• knowledge center

Content Samples:• dummy account by chosenindustry vertical (on demo form)• knowledge center

Content Samples:• description of client account and knowledge center• contact form

Content:• industry news• connections to offline events

Key points:• CUSTOM DEVELOPMENT• CRM - CHARMS• TESTIMONIAL LINKS TO CSContent:• technology empowers Source1 to work with you• technology breakdown• network operations ctr.• CHARM/demo• talk2human demo• cost savings• flexibility/scalability• customized solution• "free analysis" form

Key points:• MONITORING PROCESSES• HIRING PRACTICES• TRAINING PROCESSES• TESTIMONIAL LINKS TO CSContent:• QA calibration process• high quality people are the key to call center performance• listen to call/view centers• highlight training procedures• cost savings• video• "free analysis" form

Case studies sorted by:Industry vertical:• Consumer Product• Pharmaceuticals - Over the counter - Prescription• Financial Services• Electronics---------------------------Functions to be touched upon:• Account Management• Advanced/Flexible Tech• High quality CSRs• Training• Tech Support• Recall/Crisis Management• Marketing Support• Multiple Touchpoints• Philippines/American culture vibe• System Integration• Impact of Outsource• Inhouse vs. Outsource• Contact vs call• Customer Satisfaction

C level key points:• FREQUENT ISSUES & CONCERNS• PROCESS & TIMELINE• DECISION MAKING FACTORSContent:• Relieve VP's from daily operations to focus more on company strategy• better handle spikes and cost overhead• in/out of house comparison chart• links to testimonials/case studies• ROI calculator/prose• "free analysis" form

Content:• Brand positioning/attitude• Flash piece introducingrelevant aspects of Source1• Consistent UI navigation

LEGEND

Each "bubble" represents a labeled, categorized area or category of content/functionality. Pleasenote that nomenclature is not final.

The adjoining boxes contain all content and functionality to be further architected in the site architecture map and schematics

The color scale represents information hierarchy as it pertains to global navigation.

Key points:• STRATEGIC PARTNER• TECHNOLOGY MANAGER• TESTIMONIAL LINKS TO CSContent:• local account management• portrait of a account manager• account manager training• interface for all operation issues• cost savings (for entire project)• to make client look better• "free analysis" form

1SourceCustomer Contact Centers

Conceptual Diagram v1.0 - Final 12/18/01 ORGANIC

Page 10: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

Projet : Ma trousse Éco-MaxClient : Service au consommateur (SAC)

En vracFiches conseils

Tunnel d'introductionChauffage

MenuPrincipal

Tunnel d'introductiongénéral

Écran d'accueil

(1) Mise en écran des 10 mots-clés + illustration.

(2) Au survolement d'un mot-clé dans une liste alphabétique, apparition du texte correspondant dans une zone d'affichage.

(1) Description sommaire de l'entreprise + lien au site webhttp://www.service-aide-consommateur.qc.ca/

Disponible en tous temps par le logo du SAC.

(2) Autres sections: déclenchement d'une boîte d'alerte avec mention "En développement"

L'ensemble des sections sont disponibles en tous temps.

Chauffage

(1) Animatique synchronisée sur une bande-son de 30 secondes. Possibilité de passer l'intro à la 2e visite seulement.

Appareils ménagersEau chauffée

ÉclairageAutomobile

Quitter

(1) Quitter l'application avec option de retour à la section en cours.

Disponible en tous temps.

(1) Logotype + descripteur abrégé + bouton d'entrée.

L'efficacité énergétique

(1) Accès à toutes les fiches conseils par navigation. Pour chacune d'elle, rajouter l'illustration correspondante. Une seule fiche développée avec table de calcul fonctionnelle. Les autres devront porter la mention "En développement".

(2) Une 2e fiche conseil avec table de calcul fonctionnelle. Dans une des deux fiches conseils fonctionnelles, l'illustration devra être animée en boucle. Accès au taux par KWatt/heure par un fichier externe.

InfosSAC

Organigramme des versions sur support et en ligneProduction : Institut Grasset, H-05

Professeur : René St-Pierre

Légende :

(1) : éléments à produire pour le TP2 (4 mars) (2) : éléments à produire pour l'évaluation finale (22 avril)

(2) Animatique synchronisée sur une bande-son de 60 secondes.

Disponible en tous temps par le logo Ma trousse Éco-Max. Possibilité de passer l'intro à la 2e visite seulement.

Introduction(1) Section par défaut après le tunnel d'introduction. Une page-écran avec résumé + illustration. Un clique sur cette zone ramène au tunnel d'intro.

(1) Section par défaut après le tunnel d'introduction. Une page-écran avec résumé + illustration.

Disponible en tous temps.

Vos économies (1) Mise en écran du bilan général des économies pour chacune des cinq sections. Affichage du nom de l'utilisateur.

(2) Total reporté pour l'ensemble des sections. Sauvegarde locale des données pour chaque utilisateur.

Inscription de l'utilisateur

(1) Report du nom de l'utlisateur dans l'interface 'Vos économies'.

(2) Possibilité de récupérer un profil d'économies énergétiques.

Page 11: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

Annotations

Fenêtre locale (pop-up) permettant de prendre des notes, commentaires, etc.

Sauvegarde et chargement d' annotations.

Contrôle sonore

Possibilité de contrôler le volume de 1 à 7.

Activation de la barre de menu sur sélection de la barre d'espacement. La barre de menus comprendra 3 menus :

Fichier>Ouvrir, Sauvegarder, QuitterVolume>1à7Annotions>Sujets:...

Fonctionnalité Description Remarques

L'ouverture d'une nouvelle session offrira une possibilité de sauvegarde s'il y a de nouvelles annotations.

Cartedu site

Permet de visualiser en un coup d'oeil l'ensemble du contenu du site.

Club AventureSpécifications fonctionnelles de la version sur supportNote : Les fonctionnalités sont accessible à tous moment. Le système est normalisé au démarrage de l'application.

Cette carte interactive contiendra aussi une liste cliquable des annotations. L'ouverture d'une annotation doit offrir un accès à la section dont le sujet traite. Exemple: Inde: Tableau climatique.

Possibilité de s'enregistrer à titre individuel.

L'ajout d'une annotation devra se refléter dynamiquement dans le menu Annotations.

Diaporama avec lecteur de médias (lecture, pause, retour, etc.).

Visionnement d'images prises par des voyageurs. Vous devez adapter le fichier Director fourni (diaporama.dir) et ajouter une série de planches contacts permettant un accès direct aux images.

Barre d'espacement

Diaporama

LectureÉcriture

La séleciton d'un niveau déclenchera une rétroaction sonore ( monitoring).

Page 12: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

Product Detail through Checkout

Featured CDs

- Alternative- Country- Jazz/Blues- Latin- R&B- Rap- Soft Rock/Pop- Soundtracks

YES

NO

Content MapSite Evolution 2Member side: Music

A-Z

Best Sellers

Newly Available

Music Club Home

Dance

- Christian- Classical- Hard/Metal- Holiday- Light & Easy- New Age/World

Featured CDs

A-Z

Best Sellers

Best Sellers

A-Z

Newly Available

Best Sellers

A-Z

Best Sellers

Gospel

Bargain Titles

Bargain Spotlights

Bargains: A-Z

Web Extras

Deluxe Box Sets

Greatest Hits

50 Music Milestones

A-Z

- Membership Info- Password & Sign In- Your Account- Bonus Points- Online Codes & SpecialOffers- Searching for Albums- Album Information- Making a Purchase- Shipping- Sign Up A Friend- Privacy & Security

Club Help

Frequently AskedQuestions Link Accounts

Sound Samples

- Contact Us- Report TechnicalProblems

Sent MessageConfirmation

Returns Request a Return Label Request a Return LabelConfirmation

Get the WindowsMedia™ Player

Get the RealAudioPlayer

About Columbia House

Club Musica Latina

Columbia HouseCanada

- DVD Club Help- Video Club Help- TV Greats Help

Special Features

Sign up a friend

Selection of the Month SOM Index

Friends' status

Questions?

Sign up friends Sign up friendsConfirmation

Send a Reminder Reminder Confirmation

OutstandingSOMs?

SOM Detail SOM Confirmation

Wish List

Gift Certificates Customize Preview Verify Receipt

View Sample Send Thank you Email

Email Confirmation

YES

NO

Search Search ResultsResultsFound?

Search Help

Completed OrdersCompleted Orders

My Account

Account Overview Link Accounts

Change Personal Info

Change MusicPreference

Change MusicPref. Confirmation

Change Personal InfoConfirmation

Change PasswordConfirmation

Account History Completed Orders

Make A Payment

Email Preferences Change EmailPref. Confirmation

Pay Partial AmountConfirmation

Pay Full AmountConfirmation

KEY

navigation link; not a page

default page for this section

grey page in progress, not live

page includes pagination links

pop-up window

links to product detail pages*

links out of current Club

Columbia HouseNovember 9, 2001

Note: this map shows permanent site elements,but does not reflect dynamic features orfunctionality, including features and error pages.

Product Detail Shopping Cart ReceiptCheckout

Change Shipping Info

Change Payment Info

Shop by Selection #

Music Club

Other

Logout Logout Confirmation

Offer Details Offer Details

Mailing Offer Enter Online Code

Columbia HouseMexico

Page 13: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

flash home

why co-source?

issues andconcerns

decision makingfactors

inbound telephonesupport

interactiveresponsecapabilities

recalls

fulfillment

outboundtelephonesupport

advancedtechnology

account management

csrquality

CHARMS

networkoperationcenter

talk2humans

account manager bio

account manager training

our strengthsclient profiles services contact usabout us

site map

managementbios

client account section

CHARMSdemowalkthrough

evaluationform

error page

asia(philippines)

north america

europe

australia

africa

YES

YE

S (potential client)

YES (potential client)

YES

NO

NO

contact form

press room

press releases

news

georgesonshareholder

log-in

HELPCLIENT ACCESSPROSPECT CLIENTS

360 degree sitetour

PDF

hiringpractices

trainingprocesses

monitoringprocedures

printerfriendlyversion

printerfriendlyversion

ny/nj

testimonial links to case studies

links to "evaluation form"

philippine push

links to "evaluation form"

KEY:

Main Pageof Section

ExternalLinks

User Action 0rTask/Submit

Standard Page UserInteraction

Content

correctid/password?

correctid/password?

thank you

submit

form complete?

NO

YES

thank you

submit

submit

submitform

complete?NO

YES

Page

FutureContent

SystemDecision

UserDecision

Page

External Domain

Submit Content

Logic DecisionLogic

ApplicationPage

s1_01

statichome

get flashpop-up

s1_01_a

s1_02

s1_02_a

s1_02_a1

s1_02_b

s1_02_b1

toronto

s1_02_b2

s1_02_c

s1_02_d

s1_02_e

s1_03

s1_03_a

s1_04

s1_04_a

s1_04_b

s1_05

s1_05_a

s1_05_a1

s1_05_a2

s1_05_a3

s1_05_a4

s1_05_b

s1_05_b1

s1_05_b2

s1_05_c1

s1_05_c2

s1_05_c3

s1_05_c

s1_06

s1_06_a

s1_06_b

s1_06_c

s1_06_d

s1_06_e

proxysolicitation

s1_06_f

s1_05_a1_a

s1_05_a1_b

s1_07

s1_07_a

s1_08

s1_08_a

s1_08_b

s1_09_b

s1_09

careers

s1_10

s1_09_a

1SourceCustomer Contact Centers

Site Architecture Map v2.0 01/25/02 ORGANIC

choosevertical

choosecapability

AccountDemo Access

Link toEvaluationForm

PhilippinePush

TestimonialLinks tocase studies

s1_08_b1

s1_08_b2

verticalprofiles

s1_03_a1

in-depthcase study

PDF

s1_03_b

capabilitiesprofiles

s1_03_a1

in-depthcase study

BROWSER DETECT

IF BROWSER IF BROWSERHAS FLASH DOES NOT HAVE FLASH

global resources

components

Page 14: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

logged in index

site withgear

gear (new)manager

gearmanager

sign-up (uds)

gearspecs

add agroup

modifygroup

delete group add a gear

gearspecs

delete gear move gear

MV

systemstatus about us

terms ofservice advertise

jobsprivacyvow *log-outhelp

modifygear

LV

htmlGEARsite map & flow

LV

KEY

User Choice

System Choice

When user is logged-in

Log In Verification - checks to see if cookie is set. * If yes, the user proceeds to chosen destination. * If no, the user is served with the LOG IN page. * If log in is not valid, the user is served with an ERROR page. A link to SIGN UP is found on this page.

MV

Member Verification - similar to Log In Verification, but also checks one additional thing - it checks to see if the user has a site/gears in the GEAR MANAGER. * If yes, the user gets served the GEAR MANAGER with all their sites/gears. * If no, the user gets served the GEAR MANAGER - NEW USER page, which prompts the user to enter a site name/url or gear grouping name. * If the log in is not valid, the user is served with an ERROR page. A link to SIGN UP is found on this page.

user clickson gear icon

user clicks "get this gear"

user clicks "gear manager"

user joins UDS, creates a gearmanagerstructure and continues to "modify gear"

error

error

non-loggedin index

MV

consistant footer

consistant footer

*

Page 15: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

This diagram represents an overview of the animateonline site, pages are ordered according to their depth in the system. This is not intended to represent user experience, and language used is not final.

A note regarding search: every page will have a basic one-field search feature. Results will be delivered through the browse template. Searches prefixed with a type (film for example) and adv search are the same. When the prefix indicates that some fields and parameters and fields will be determined upon arrival at the adv search page. These predefined parameters are not fixed.

Wireframes are yet to be specified. Templates indi-cate content but are not intended to specify layout. Subdomains yet to be specified, pending hosting arrangements.

Information written white on black represents function, in that it requires the user to perform an operation, like submit. Information written black on pink represents open text fields that require user input. Black type on orange will open up a new mail in the users mailing software with an address appropriate to the origin of the operation, [email protected] for example. marks functions or areas that may only be operated by someone with moderator priveleges. marks functions or areas that may only be operated by someone who has subsribed.

home navnewseditorial archiveheadlinesfeatures

news item content

external links

editorial

animate! funding

what are they animate! schemes

how it works how to apply

standard

how it works how it works

how to apply

standard

apply for web

apply for broadcast

how to apply how to apply

how it works

standard

home page www.animateonline .org

what is animate! last updated

headlinesummary editorial titlesummary

subscribe,editorial archive

custom

editorial film still, or image

adv search

subscribe

subscribe 'this will give you access…'

standard

users information, first and last name, mail address etc

confirm

thanks and confirm

back to source page

help information on site structurehow to update material

informationsitemap

standard

report a problem

sitemap detailed explanation of site structure, and diagram, all main links

help

custom

bookmark

stream clip

synopsis, all parameters (xml dtds)

any supporting material

other films by this film maker

current status, special notice, link to relevant editorial

people involved

update info

film entryfilm still

entry

film search

featured film history

list of all prev-ious films and of curators. links to featured talent

browse

searchfilm search

featured film past

editorial copy, list of people involved, curator information

film still

editorial

searchfilm search

film browsing parameters

film search (adv) results

list of films found by search and filmmaker, any other links

browse

film info or search query

film home page

the film remit description of animate! film database. how to browse etc.

add film

featured film and curator, link to archive

custom

film search

film info or search query

featured people history

list of all prev-ious talented people and of curators. links to featured films

browse

searchpeople search

featured person past

editorial copy, list of films involved with, curator information

photo

editorial

searchfilm search

people browsing parameters

person search (adv) results

list of people found by search and films, any other relevant links

browse

people info or search query

bookmark

biography, all parameters (xml dtds)

any additional material links to external material

people who work with this film maker

current status, special notice, link to relevant editorial

films produced

update info

person entryphoto

entry

people search

contact this person

add person

people home page

the remit for people in database. how to browse etc.

featured person and curator and link to archive

custom

people search

person info or search query

editorial archive

the remit for editorial material

list all editorials by date and category

browse

adv search

bookmark

e-mail to a friend

respond to this article

editorialdate posted, type, author + parameters

editorial content

print-friendly version

editorial

bookmark

e-mail to a friend

respond to this article

editorial template

date posted, type, author + parameters

editorial content

internal cross-references

relevant imagery

print-friendly version

page name

content title- description, links in blue

image title

template name

function

adv search

links to traditional mail contact

represents area that requires user input

browse template

film results list- titles, date, filmmakerpeople results list- names, role or job, films madeeditorial results list- titles, date posted, author

parameters can be tweaked to refine search

adv search, some fields defined by previous search

xxx

adv search

how the search works, and how the results work

parameters can be tweaked to refine search

Appendix 1 | animateonline.org site mapglobal naveditorialfilmspeopleanimate! fundingsubscribe to animate!search

film navrequest a filmsubmit filmfeatured film archive

people navfeatured talentarchived talentadd personrequest a person

update information

updating page

explanation of process

home section

entry

one level deep

browse level

content

film section

database

people section

is user registered?

y

n

S

S1

S

S

S

S

information animate! xml dtds, links to contributors, contacting animate!

external

standard

request more info

download marketing and link materials

press press release events and screenings

standard

press contact

S

Subscribe pageContent:Reasons to subscribe subscribe to animate! have access to all content and receive animate! news, download movie clips and update privileges. 250 words

Fields required: - first name - email address and confirmation - password and confirmation

Check boxes required: - tick here if you want to receive the animate! newswire - remember me - i accept the terms and conditions

Film main pageSearch by - all - title - length - festivals - length - awards - filmmaker- date completed dd.mm.yy* - technique/process - title - keywords - production companies - made before/after dd.mm.yy*

Browse by - genre - technique - date - festivals - awards - production company - title.

People main pageContent:Featured talent, curator browse featured talent archive

Browse by - production company - filmmaker - composer - role - awards

Updating information

Users are able to submit entries to be included in the database. This serv-ice is available only to users who have sub-scribed. A user attempting to access any functionality which requires sub-scriber privileges will be directed to the subscribe page, and returned to their orig-in upon completion.

Information pageContent:Detailed information about contacting animate!, links of contributors, publication of the animate! xml dtds for other organisations. a general space for dialogue concerned with the workings of the site. Link to 'link to animate!' on press page and explanation.

Press pageContent:Information on press releases, marketing material, artwork, stills, events, screenings. Users will be able to download logos. Information regarding the republishing of animate! material.'Link to animate!' download.

Downloading animate! materialsAvailable from home page, press and information page. This means that users will be able to download the animate! logo for print and for web, a 'link to animate!' download will be available so that other sites can easily link to animateonline. This is only available to those who have subscribed.

The numbers refer to their counterparts on the map:

user chooses fields to update, enters content and defines parameters

user submits updates

forwarded to a hidden part of the database

user submissions are checked and confirmed by an animate! moderator

upon confirmation, material is switched to public facing, and is imported into the correct template and directed to the appropriate area in the database

1

2

3

4

5

The following is a more explicit description of some key pages, there is also some initial thoughts on how entries might be searched.

*full knowledge of the date is not required in order to conduct a search by date

accept entry

delete entry

assign priveleges

moderation tool www.admin.animat eonline.org

no content has been specified

none

search all

upload editorial content

M

M

S

M

M

M

password

submit any changes, or add to copy

press entry www.press.animate online.org

none

re-directed

submit

hidden

user submission

content

all parameters

none

2

3

5

4

pending hosting arrangements

responses

4

M

about conduct regarding contact

Ap

pen

dix

1 |

ani

mat

eonl

ine.

org

sit

e m

ap |

and

orif

| f

inet

ake

| J

S09

| 2

0.04

.01

Page 16: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

Schéma pour conception d’un site transactionnel

CLIENT

Catalogue(items,

détails des items)

Inscription et/ou Paiement(coordonnées personnelles,

carte de crédit)

Panier (items choisis,

quantité,sous-total)

Identification(log in)

Processus de traitement des données

(la validation des donnéespeut se faire en ASP, JSP,

PHP, Perl, CGI, etc.)

Confirmation

ADMINISTRATEUR

Recherche(usagers, items,

commandes,fournisseurs)

Résultatsde

recherche (rapports)

Mise à jour(usagers,

items,fournisseurs)

Identification(log in)

SERVEUR

Processus de saisie des données

(la validation des champsdes formulaires sefait en JavaScript)

Processusd’administration

des données(formulaires destinésaux administrateurs

du site)

B.D.

Facture(total de la commande,taxes, frais de livraison)

Page 17: Figure 2 - Clik Media · fro nt pag e lo g o aan d n avig atio n fo rs con sid e rati on: la te st n ew si t e m and cu r ent ven t n tr odu cti o n l ear nin la te g st l ear nin

1er décembre 2003 Développement de site Web transactionnel:travail de session présenté par Webtrans

2

Modèle Logique de Données

Claudie Borduas, Stéphane Cartier, Lyne Jamieson, Sébastien Lemieux, Jean-François Mathieu