1 Source - René St

11
Figure 2: Research identified this flowchart of blender use.
LIFT Website Architecture
Timo Arnall – revised 10 April 2001
Key
Pa
g
Ma
in
Layout Template
LIFT
Ma
in
Title
eT
itle
Co
n
ten
tA
rea
s
Lin
k
s
Global Navigation
EXTERNAL
LIFT '01 FESTIVAL
LIFT GENERAL
Local Navigation
Related Events
Date, Venue, More Details... Book Now...
PR
Te
a
ch
Int
ers
ro
Ev du
en cti
on
ts
De
lop
Int
r
me
Sp odu
on cti
nt
s o on
rs
list
/ lo
go
s
tu
al
lin
ks
to
sp
on
so
ru
m
Ba
c
Re kgro
lat un
ed d
Ev Ma
en te
ts ria
l
ve
Mu
Fo
rs
sit
es
Bu
Bo
ard
Pri
ing
ce
En
t
itle
me
nt
s
Ar
ts
F
Ba
c
Re kgro
lat un
ed d
Ev Ma
en te
ts ria
l
La
t
Proest L
I
Ne gramFT up
ws
let me C date
ter ha s
Co ng
nt es
Lin
en
ks
t?
sec in
tio co
ns nt
en
tt
or
ele
Ca
len
or
Co
ww
w
LIF
.lif
T
tfe
LIF Int
T ' rod
st.
01 uc
or
Fe tio
Ne
sti n
g
va
ws
l
LIF
Int
T'
ro
LIF 01
du
T
F
cti
Co His esti
on
nt tor val
ac
/C
t y
ale
nd
ar
ga
nis
Mo
ati
on
Bo re In
ard fo
ing ... B
o
Pa ok
ss
No
w!
T
'81
Fe
s
–'9
Protival
9A
gr Int
am ro
rch
me duc
Lis tion
ive
tin s
g
LIF
T'
Co 01
nt
ac Prog
t
ram
me
nt
ac
Ma
t
Pe iling
op
Ph le List d
on De
Bo e N tai etail
s
x O um ls
ffi
ce ber
De
t
a
em
ils
ail
ad
dr
ess
es
nt
sD
ok
ing
etc
(po
Tit
le
eta
( se
eb
oo
ils
Ta
lk
LIF
T
Hi
LIF
sto
T
Pre last
ry
v
20
i
o
Ab
ou us Fe year
tt
s
he stiva
LIF
Fo ls
T
un
Pre '01
de
rs
P
Co viou rog
nt s F ram
ac es
tiv me
t
al
We
b
s
/D
Br
ie
ial
Ta f In
og
lks tro
Lis du
ue
cti
t
on
Ind
to
ex
Ta
lks
Bo
o
Ca king
len
da Info
rm
r
ati
on
Ar
ch
LIF
ive
T
'01
Ov
e
Fe
Hi rall
gh De
sti
lig
va
ht tails
s
l
Ta
lks
/
Pe Di
rfo alo
Ca rm gu
l
a
Co enda nce es
s
nt
ex r / B
oo
t
kin
g
Stage 1
Stage 3
Ta
lk
Pe
rfo
rm
Br
ie
an
Pe f In
rfo tro
ce
rm du
I
c
an tio
nd
ce
ex
Lis n to
t
Pe
rfo
Bo
rm
o
an
Ca king
ce
len
da Info
rm
r
ati
on
LIF
T
Clu
Int
r
b
Lis odu
t o cti
f E on
ve
nt
s
Bo
o
Ca king
len
da |nfor
r
ma
tio
n
re)
Fe
ed
ba
Ne
e
ck
In t d t o
Sy
r
Fe odu discu
ste
ed cti
Fe ba on ss ho
m
c
e
w
Fe dba k for
th
ed ck
is w
m
Fe ba to
or
c
e
L
ks
Fe dba k on IFT
ed ck
ba on Even
ck
t
to Edito
Pe
op rial
le
/C
om
pa
nie
s
Pe
rfo
rm
In
T
an
LIF heir
T
ce
Da Syn Own
Ev
tes op W
sis ord
en
s
t
Mo
r
Co e In
n
f
Re text o... B
lat
oo
ed
kN
Ev
ow
en
!
ts
p)
rch
ite
ctu
D
Ve ept
nu h D
e D et
eta ails
ils/
Ac
Se
ce
c
ss
Re ure C
Etc
lat
C
.
ed or
Ev der
en
ts (Sad
ler
's W
ell
s)
/
Di
In
alo
T
LIF heir
gu
T
Da Syn Own
e
tes op W
sis ord Eve
s
nt
Mo
Co re In
n
f
Re text o... B
lat
oo
ed
kN
Ev
ow
en
!
ts
pu
kin
ga
Bo
ok
ing
Tit
l
In e
Ch
da
r
r
Al ono
l E log
ve
nt ical
s
Or
um
LIF
va
Bo
Pa
s
Ba
c
Re k to
lat Ev
ed en
Ev t D
en eta
ts
ils
si
ne
Int
ss
r
Ev odu
en cti
on
ts
Ne
ws
Stage 2
(h
idd
Pre
en
Ph ss Re
o
l
)
Ma to C ease
s
a
Im rket ll Sc /Pre
ag ing he ss N
d
Bo es
x O – L Agre ule ight
s
ffi o a em
ce nd en
Co
G
t
H
u
nt
ide i-Re
ac
s
s
ts
Co
nt
ex
Ed
i
tP
B tor
ac ial
ag
Fo kgro
es
r
u
Di ums nd
a
Ma
Qu ries
ter
ot
i
al
es
an
dR
Re
lat
ev
ed
iew
Ev
s
en
ts
Co
nt
ex
Int
t In
r
Ed odu
c
i
de
Di toria tion
x
ari l H
Qu es
i
ot Hig ghlig
es/ hl
Re igh hts
vie ts
ws
Re
Hi
lat
gh
ed
lig
ht
Ev
s
en
ts
co
ab
mp
ou
liftfest.org Content Architecture
17 July 2002
an
y
t th
ec
om
pa
ny
pro
ab
du
cti
ou
t th
co
on
ep
rod
n
uct
ion
cas
abo
t&
ut t
cre
he
w
cas
fut
ure
ide
ev
a
the s, int ent
e
s
m
dat es, p ntion
es, ro s,
etc pos
ed
.
(to
b
eve e exp
n
cur t bec ande
ren om d as
t)
es
the
Sa firm
d
po ler's
pu We
p w lls
ind boo
ow kin
g
t&
cre
w
ect
ym
Sa
d en
po ler's t
pu We
p w lls
ind boo
ow kin
g
ws
rev
i
ew
cu
s
log
rre
eve nt
e
n
ma t full ven
rke intr
ting od t
tex uctio
dat
t
n/
es,
tim
es
eve
cur nts
r
intr ent e
od ven
uct t
ion
fut
u
intr re eve
od
uct nt
ion
link
to a
rch
ive
i
Sa n / r
d
e
po ler's gist
pu We
p w lls er
ind boo
ow kin
ven
acc ues
&a
streess d
etm etail cce
ap. s, lin ss
co. ks
uk
to
lea
late
rni
st l
ng
ear
nin
int
ge
ro
ven
thr duct
t
ee
i
lea ons t
r ni o t
ng he
str
and
s
Timo Arnall
www.elasticspace.com
g
bo
o
da king
te
dis s, tim
c
off ount es, p
ers s, s ric
pe es,
cia
l
de
ta
bo ils o
oki f on
bo ng, lin
e
oki
p
and ng, osta
bo tele l
x o ph
ffic one
e
tea
late
ch
e
st in
r fo
r
itia
tive um
mo
re in
for
ma
do
tion
wn
loa
da
ble
link
res
s to
ou
dia
rce
log
s
ue
thr
ead
s
bu
s
for iness
um ar
ts
la
tes
mo t init
ia
r
do e info tive
w
r
res nload matio
our ab n
link ce le
s to s
thr
ead dialo
gue
s
nt
st in spe
itia cifi
tive c
mo
re in
for
ma
do
tion
w
res nload
our ab
ces le
link
s to
dia
log
ue
late
log
log
nt
oa
pa
nd
ge
nav
for
iga
c
tion
late onsid
s
cur t neweratio
r
n
intr ent e s item :
od ven
uct t and
ion
list
ue
o
dis f 12
cus late
sio st
n to
pic
s
co
arc
h
an ived
d c ar
om ticl
full
me es
in
dis dex
nts
cus of
all
s
eve
dia
fro
See also the liftfest.org styleguide at
www.liftfest.org/styleguide
pa
rev
ie
sel
Notes
arc
mp
an
hiv
ed
y
eve
nt
pro
d
arc uc
eve
ion
s
hiv
nt
arc
h
intr ived
od eve
uct nt
ion
pag
e
art
ic
co les &
m
full men
d
ts
a isc
ed
tio
eve
n
nt
cas
arc t &
c
hiv
ed rew
eve
nt
rev
i
nd us
res subs sion t
po eq opic
nse uen
s
t
op
e
addn text
ing form
com fo
me r
nts
arc ew
s
hiv
ed
eve
n
t
eve
n
t
vis
u st
of t al acc imel
h
i
his e key ess to ne
tor
y o even som
e
f LI ts
FT in t
qu
he
ick
sea
rch
arc
h
sho ive
las rt tim
t 3- elin
6 e e fo
ven r th
qu
ts
e
ick
sea
rch
ne
w
the s
as news
a
s
site port ectio
a
n
,
of r infor l to th acts
m
e
e
the cent ing v entir
late upd isito e
st e ate rs
ven s an
d
ts
sea
r
full ch
s
arc earc
h
h
pro ive, b of th
e
d
y
(ca uctio date entir
e
teg n,
,
con orie cas title,
t
to btrolleds and , etc.
e
v
the def oca
in
b
dat desig ed as ulary
aba n o
p
se) f the art o
f
his
tor
t
ime y
eve line o
nts f m
, lin ajo
ks r
to a
rc
hiv
e
fou
n
inte der
rvie s
fou
ab
o
intr ut
od
uct
io
nd ws w
ers ith
th
e
pe
o
n to
LIF
an ple
u
peo p-tod
info ple an ate li
rm d c st o
atio on f
tac
n
t
T
res
o
fea urc
t
e
fea ured s
lin
t
fea ured ks
tur boo
ed
do ks
wn
link
loa
s to
ds
mo
re d
eta
ils
link
list s
o
res f fest
o
iv
(ca urce als,
teg s, p
def orie art
n
ine
d) s to b ers...
e
bo
ok
s&
wh
a
rea t is lif rea
d
t
d
arc ing? curre ing
hiv
ntly
eo
f go
od
bo
oks
do
wn
a fu
loa
rep ll inde ds
x
o
edu sitor of th
y
e
c
lea ation for a
ll
rnin
g re pack
sou s,
rce
s
etc
.
rec
r
co
job uitm
do descr ent
w
ip
app nload tions
lica able
tion
for
ms
n
em tact
a
for il add
m
res
po
ses
sta
&
ma l ad
d
il
em ing lis ress
ailin t s
link g ign
to ' list s up
peo ign
ple up
' se
ctio
wo
n
r
intr king
o
car duct with
io
e
op ers a n to lift
po
lift
rtu nd
nitie
s
co
m
job mis
do descr sion
w
ip
s
app nload tions
lica able
tion
for
ms
pla
c
job em
e
do descr nts
w
ip
app nload tions
lica able
tion
for
ms
Source1
Customer Contact Centers
Conceptual Diagram v1.0 - Final 12/18/01 ORGANIC
Content:
• company overview
• colorful management
bios, background
• awards
• press releases
• strategic alliances
(become a partner email)
• Links to Georgeson
Content:
• individual contact by
role/location
• free analysis form
employment
site map
Key points:
• MYTHS AND CONCERNS
• QUALITY AND LOW COST
• DOING BIZ IN PHILIPPINES
Content:
• 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
about us
FAQ
current
client
account
section
search
Content:
• industry news
• connections to offline events
news and
events
Philippines
story
client
account
section
demo
login
Content:
• Brand positioning/attitude
• Flash piece introducing
relevant aspects of Source1
• Consistent UI navigation
Key points:
• FLEXIBILITY
• ADDED VALUE
• EXPANDED SERVICES
Content:
• disaster recovery
• understand and accommodate
global & international customers
• follow the sun for 24/7 service
• global to serve domestic
US companies
• highlight Philippines
Offices:
• Bloomfield, NJ
• Carlstadt, NJ
• Sydney, Aus
• NYC, NY
• London, Eng.
• Toronto, Ca
• Paris, Fr
• South Africa
Multilingual:
• English
• Spanish
• French
• Chinese
contact us
Content:
• reports
• data
• standard operating procedures
• account rules
• knowledge center
Content Samples:
• dummy account by chosen
industry vertical (on demo form)
• knowledge center
Content Samples:
• description of client account
and knowledge center
• contact form
demo
description
and form
source1.com
global
company
service
offerings
worldwide
offices
what is
co-sourcing?
C level key points:
• FREQUENT ISSUES & CONCERNS
• PROCESS & TIMELINE
• DECISION MAKING FACTORS
Content:
• 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
Key points:
• CUSTOM DEVELOPMENT
• CRM - CHARMS
• TESTIMONIAL LINKS TO CS
Content:
• 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
why
co-source
with source1
advanced
technology
account
management
Key points:
• STRATEGIC PARTNER
• TECHNOLOGY MANAGER
• TESTIMONIAL LINKS TO CS
Content:
• 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
case
studies
csr
quality
Key points:
• MONITORING PROCESSES
• HIRING PRACTICES
• TRAINING PROCESSES
• TESTIMONIAL LINKS TO CS
Content:
• 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
Key points
• FUNCTIONS w/LINKS TO CASE STUDIES
• CLIENT ISSUES w/LINKS TO CASE STUDIES
Content:
• explain all services in detail
• customized solutions (CHARM)
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
Clients:
• American Express
• MedTech
• JVC America
• Sony (Product Redesign)
• BMS (RN story)
• Georgeson
LEGEND
Each "bubble" represents a labeled, categorized
area or category of content/functionality. Please
note 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.
Organigramme des versions sur support et en ligne
Projet : Ma trousse Éco-Max
Production : Institut Grasset, H-05
Professeur : René St-Pierre
Client : Service au consommateur (SAC)
(1) Logotype + descripteur abrégé + bouton d'entrée.
(1) Report du nom de l'utlisateur dans l'interface 'Vos
économies'.
Écran d'accueil
(2) Animatique synchronisée sur une bande-son
de 60 secondes.
Inscription de
l'utilisateur
(2) Possibilité de récupérer un profil d'économies
énergétiques.
Disponible en tous temps par le logo Ma trousse
Éco-Max. Possibilité de passer l'intro à la 2e visite
seulement.
Tunnel d'introduction
général
(1) Description sommaire de l'entreprise + lien au site web
http://www.service-aide-consommateur.qc.ca/
Disponible en tous temps par le logo du SAC.
(1) Quitter l'application avec option de
retour à la section en cours.
Infos
SAC
Quitter
Disponible en tous temps.
Menu
Principal
(1) Section par défaut après le tunnel
d'introduction. Une page-écran avec
résumé + illustration.
Disponible en tous temps.
L'efficacité
énergétique
(1) Animatique synchronisée sur une bande-son
de 30 secondes. Possibilité de passer l'intro à la
2e visite seulement.
(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.
Introduction
Appareils ménagers
Eau chauffée
Éclairage
Automobile
Chauffage
(2) Autres sections: déclenchement d'une boîte
d'alerte avec mention "En développement"
Tunnel d'introduction
Chauffage
Fiches
conseils
L'ensemble des sections sont disponibles en tous
temps.
En vrac
Vos économies
(1) Mise en écran des 10 mots-clés + illustration.
(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".
(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.
(2) Au survolement d'un mot-clé dans une liste
alphabétique, apparition du texte correspondant
dans une zone d'affichage.
Légende :
(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.
(1) : éléments à produire pour le TP2 (4 mars)
(2) : éléments à produire pour l'évaluation finale (22 avril)
Club Aventure
Spécifications fonctionnelles de la version sur support
Note : Les fonctionnalités sont accessible à tous moment. Le système est normalisé au démarrage de l'application.
Fonctionnalité
Barre
d'espacement
Description
Remarques
Activation de la barre de menu sur sélection de la
barre d'espacement. La barre de menus
comprendra 3 menus :
L'ouverture d'une nouvelle session offrira une
possibilité de sauvegarde s'il y a de nouvelles
annotations.
Fichier>Ouvrir, Sauvegarder, Quitter
Volume>1à7
Annotions>Sujets:...
Fenêtre locale (pop-up)
permettant de prendre des notes,
commentaires, etc.
L'ajout d'une annotation devra se refléter
dynamiquement dans le menu Annotations.
Sauvegarde et chargement
d' annotations.
Possibilité de s'enregistrer à titre individuel.
Annotations
Lecture
Écriture
Possibilité de contrôler le volume
de 1 à 7.
La séleciton d'un niveau déclenchera une rétroaction
sonore ( monitoring).
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.
Permet de visualiser en un coup d'oeil
l'ensemble du contenu du site.
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.
Contrôle
sonore
Diaporama
Carte
du site
Content Map
Site Evolution 2
Music Club
Member side: Music
Club Help
My Account
Music Club Home
Special Features
Other
Featured CDs
- Alternative
- Country
- Jazz/Blues
- Latin
- R&B
- Rap
- Soft Rock/Pop
- Soundtracks
A-Z
Account Overview
Link Accounts
Frequently Asked
Questions
Link Accounts
Best Sellers
Change Personal Info
Confirmation
Change Personal Info
Newly Available
Sign up a friend
Get the Windows
Media™ Player
Sign up friends
Sign up friends
Confirmation
Friends' status
Send a Reminder
Logout
Logout Confirmation
Reminder Confirmation
Offer Details
Offer Details
Sound Samples
Change Password
Confirmation
Questions?
Get the RealAudio
Player
Mailing Offer
Change Music
Preference
Featured CDs
Change Music
Pref. Confirmation
Selection of the Month
- Contact Us
- Report Technical
Problems
Outstanding
SOMs?
A-Z
Account History
Completed
Orders
Completed
CompletedOrders
Orders
Returns
Enter Online Code
SOM Index
Sent Message
Confirmation
NO
Dance
YES
Request a Return Label
Request a Return Label
Confirmation
SOM Detail
SOM Confirmation
Wish List
Best Sellers
Pay Partial Amount
Confirmation
Columbia House
Canada
Pay Full Amount
Confirmation
Best Sellers
- Christian
- Classical
- Hard/Metal
- Holiday
- Light & Easy
- New Age/World
Club Musica Latina
About Columbia House
Make A Payment
A-Z
Email Preferences
Columbia House
Mexico
Change Email
Pref. Confirmation
- Membership Info
- Password & Sign In
- Your Account
- Bonus Points
- Online Codes & Special
Offers
- Searching for Albums
- Album Information
- Making a Purchase
- Shipping
- Sign Up A Friend
- Privacy & Security
Newly Available
Best Sellers
Gospel
Gift Certificates
Customize
Preview
Verify
Receipt
View Sample
Send Thank you Email
Email Confirmation
A-Z
- DVD Club Help
- Video Club Help
- TV Greats Help
Best Sellers
Bargain Spotlights
Bargain Titles
Bargains: A-Z
KEY
Product Detail through Checkout
navigation link; not a page
Web Extras
default page for this section
Shop by Selection #
Change Shipping Info
grey
page in progress, not live
Deluxe Box Sets
page includes pagination links
Product Detail
Shopping Cart
Checkout
Receipt
pop-up window
Greatest Hits
A-Z
links out of current Club
Change Payment Info
links to product detail pages*
50 Music Milestones
Note: this map shows permanent site elements,
but does not reflect dynamic features or
functionality, including features and error pages.
Search
Results
Found?
YES
NO
Search Results
Search Help
Columbia House
November 9, 2001
Source1
BROWSER DETECT
IF BROWSER
HAS FLASH
IF BROWSER
DOES NOT HAVE FLASH
static
home
flash home
s1_01
Site Architecture Map v2.0 01/25/02 ORGANIC
Customer Contact Centers
get flash
pop-up
s1_01_a
PROSPECT CLIENTS
CLIENT ACCESS
HELP
site map
global
resources
client profiles
s1_02
why co-source?
s1_03
our strengths
s1_04
services
s1_05
vertical
profiles
issues and
concerns
s1_03_a
s1_02_a
360 degree site
tour
in-depth
case study
s1_02_a1
s1_03_a1
decision making
factors
contact form
s1_02_b
fulfillment
s1_06_c
s1_05_a1_a
printer
friendly
version
ny/nj
submit
submit
error page
s1_08_b
form
complete?
choose
capability
form
complete?
capabilities
profiles
toronto
s1_03_b
s1_02_b2
in-depth
case study
europe
YES
thank you
s1_05_a1_b
s1_03_a1
s1_02_c
PDF
australia
NO
interactive
response
capabilities
NO
press releases
s1_08_b1
YES
YES
correct
id/password?
news
thank you
s1_08_b2
CHARMS
demo
walkthrough
s1_06_e
YES
(potential client)
YES
NO
s1_06_d
s1_02_b1
s1_09_a
press room
submit
client account
section
recalls
s1_10
evaluation
form
NO
s1_07
YES (potential client)
PDF
correct
id/password?
s1_06_b
s1_05_a1
testimonial links to case studies
north america
management
bios
careers
s1_09
s1_08_a
outbound
telephone
support
CHARMS
s1_04_b
submit
s1_06_a
s1_05_a
contact us
s1_08
inbound
telephone
support
advanced
technology
s1_04_a
about us
s1_06
choose
vertical
asia
(philippines)
log-in
s1_09_b
georgeson
shareholder
s1_07_a
proxy
solicitation
s1_06_f
network
operation
center
s1_05_a2
s1_02_d
printer
friendly
version
africa
components
s1_02_e
s1_05_a3
talk2humans
s1_05_a4
KEY:
account
management
s1_05_b
Page
account
manager bio
Page
s1_05_b1
account
manager
training
Submit
Main Page
of Section
External
Domain
External
Links
Standard Page
Application
User
Interaction
User Action 0r
Task/Submit
Content
Content
s1_05_b2
Logic
philippine push
csr
quality
s1_05_c
hiring
practices
s1_05_c1
training
processes
s1_05_c2
monitoring
procedures
links to "evaluation form"
Logic Decision
s1_05_c3
links to "evaluation form"
Page
Future
Content
User
Decision
System
Decision
Link to
Evaluation
Form
Account
Demo Access
Testimonial
Links to
case studies
Philippine
Push
non-logged
in index
logged in
index
site with
gear
user clicks
on gear icon
htmlGEAR
site map & flow
KEY
MV
User Choice
System Choice
LV
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.
consistant footer
system
status
error
terms of
service
about us
advertise
consistant footer
privacy
vow
jobs
help
*log-out
gear (new)
manager
*
gear
manager
sign-up
(uds)
LV
error
user clicks "get this gear"
gear
gear
specs
specs
user clicks "gear manager"
MV
user joins UDS, creates a gearmanager
structure and continues to "modify gear"
add a
group
modify
group
delete
group
add a gear
modify
gear
delete gear
move gear
When user is logged-in
Appendix 1 | animateonline.org site map
global nav
template name
film nav
request a film
submit film
featured film archive
editorial
films
people
animate! funding
subscribe to animate!
search
page
name
people nav
featured talent
archived talent
add person
request a person
content titledescription,
links in blue
image title
password
function
home section
moderation tool
press entry
home page
www.admin.animat
eonline.org
www.press.animate
online.org
re-directed
www.animateonline
.org
what is
animate!
last updated
no content has
been specified
search all
M
upload
editorial
content
M
assign
priveleges
M
adv search
links to
traditional mail
contact
headline
summary
editorial title
summary
accept entry 4 M
delete entry
represents area
that requires
user input
custom
none
none
entry
home nav
news
editorial archive
headlines
features
editorial film
still, or image
subscribe,
editorial
archive
editorial
news item
content
external links
standard
custom
information
animate! xml
dtds, links to
contributors,
contacting
animate!
request more
info
browse
film home
page
editorial
archive
the film remit
description of
animate! film
database. how
to browse etc.
S
external
list all
editorials by
date and
category
featured film
and curator,
link to archive
custom
'this will give
you access…'
the remit for
people in
database. how
to browse etc.
users
information,
first and last
name, mail
address etc
featured
person and
curator and link
to archive
subscribe
adv search
film search
people search
add film
add person
film info or
search query
person info or
search query
standard
press
Wireframes are yet to be specified. Templates indicate content but are not intended to specify layout.
Subdomains yet to be specified, pending hosting
arrangements.
standard
subscribe
people home
page
the remit for
editorial
material
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.
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. M marks
functions or areas that may only be operated by
someone with moderator priveleges. S marks
functions or areas that may only be operated by
someone who has subsribed.
adv search
one level
deep
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.
standard
help
information on
site structure
how to update
material
report a
problem
back to
source page
browse
how it works
how to apply
help
standard
how it works
how to apply
how it works
how it works
how to apply
apply for web
apply for
broadcast
film section
featured
film history
detailed
explanation of
site structure,
and diagram,
all main links
standard
download
marketing and
link materials
browse level
what are they
animate!
schemes
how to apply
confirm
press contact
custom
sitemap
information
sitemap
thanks and
confirm
press release
events and
screenings
standard
animate!
funding
people section
browse
browse
film search (adv)
results
browse
person search
(adv) results
list of all previous films and
of curators.
links to
featured talent
list of films
found by
search and
filmmaker, any
other links
list of people
found by
search and
films, any other
relevant links
film search
search
film browsing
parameters
people
browsing
parameters
film info or
search query
adv search
featured
people history
how the search
works, and how
the results
work
list of all previous talented
people and of
curators. links
to featured
films
update S
information
is user
registered?
n
y
people search
search
parameters
can be tweaked
to refine
search
people info or
search query
database
editorial
content
featured
film past
entry
editorial
film still
editorial copy,
list of people
involved,
curator
information
synopsis, all
parameters
(xml dtds)
film still
any supporting
material
film search
search
editorial
film entry
date posted,
type, author +
parameters
editorial
content
print-friendly
version
respond to this
S
article
people involved
update info
bookmark
Appendix 1 | animateonline.org site map | andorif | finetake | JS09 | 20.04.01
other films by
this film maker
e-mail to a
friend
responses
current status,
special notice,
link to relevant
editorial
5
film search
bookmark
pending hosting
arrangements
stream clip
S
hidden
M
none
4 user
submission
content
all parameters
The following is a more explicit description of
some key pages, there is also some initial
thoughts on how entries might be searched.
Subscribe page
Content:
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 page
Search 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.
*full knowledge of the date is not required in order to
conduct a search by date
People main page
Content:
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 service is available only to
users who have subscribed. A user
attempting to access
any functionality
which requires subscriber privileges will
be directed to the
subscribe page, and
returned to their origin upon completion.
entry
editorial
person entry
The numbers refer to
their counterparts on
the map:
1 user chooses
fields to update,
enters content and
defines parameters
2 user submits
updates
3 forwarded to a
hidden part of the
database
4 user submissions
are checked and
confirmed by an
animate! moderator
5 upon confirmation,
material is switched
to public facing, and
is imported into the
correct template and
directed to the
appropriate area in
the database
featured
person past
photo
editorial copy,
list of films
involved with,
curator
information
biography, all
parameters
(xml dtds)
any additional
material links
to external
material
photo
film search
search
editorial
template
date posted,
type, author +
parameters
relevant
imagery
update info
print-friendly
version
people who
work with this
film maker
respond to this S
article
bookmark
current status,
special notice,
link to relevant
editorial
e-mail to a
friend
people search
adv search,
some fields
defined by
previous search
explanation of
process
submit any
changes, or
add to copy
submit
parameters
can be tweaked
to refine
search
film results
list- titles,
date, filmmaker
people results
list- names,
role or job,
films made
editorial
results listtitles, date
posted, author
bookmark
3
about conduct
regarding
contact
contact this
person
S
Information page
Content:
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 page
Content:
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! materials
Available 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.
S
xxx
editorial
content
internal crossreferences
films produced
1 updating page
browse
template
2
Schéma pour conception d’un site transactionnel
Catalogue
(items,
détails des items)
Processus de saisie
des données
(la validation des champs
des formulaires se
fait en JavaScript)
Identification
(log in)
Panier
(items choisis,
quantité,
sous-total)
Facture
(total de la commande,
taxes, frais de livraison)
Inscription et/ou Paiement
(coordonnées personnelles,
carte de crédit)
CLIENT
Confirmation
B.D.
Processus de traitement
des données
(la validation des données
peut se faire en ASP, JSP,
PHP, Perl, CGI, etc.)
Recherche
(usagers, items,
commandes,
fournisseurs)
Identification
(log in)
Processus
d’administration
des données
(formulaires destinés
aux administrateurs
du site)
SERVEUR
Résultats
de
recherche
(rapports)
ADMINISTRATEUR
Mise à jour
(usagers,
items,
fournisseurs)
Modèle Logique de Données
Claudie Borduas, Stéphane Cartier, Lyne Jamieson, Sébastien Lemieux, Jean-François Mathieu
1er décembre 2003
Développement de site Web transactionnel:
travail de session présenté par Webtrans
2