Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1...

33
Prevention Web Wireframes - 1 Submit_content_doorway_wireframe_v03.vsd Notes This doorway page is displayed when user clicks ‘Content submissions’ on header menu and homepage module. List of content types - alpha order. Check with SWH for actual labels. Scope notes – describe what each content type is with examples. Check with SWH. Go PreventionWeb All DRR sites Submit content Copyright text lorem ipsum Home ¦ Search ¦ Sitemap ¦ Contact us ¦ About PreventionWeb ¦ Donors Support ¦ Legal Home > Submit content Submit_content_doorway_wireframe_v03.vsd 1- Home | Login | My Profile | Contact us | Advanced Search Hyogo Framework Countries/Regions Hazards Professional resources Themes and Issues Luctus nam vestibulum, proin quisque mattis nec metus. Lorem dignissim, volutpat mi nam non, eros pede auctor et ut egestas nec. Contact us Lorem ipsum dolor sit amet, consectetuer adipiscing elit. > Contact us Submission guidelines Lorem ipsum dolor sit amet, consectetuer adipiscing elit. > How to submit > Documents & Publications > Jobs > Maps > Multimedia > Networks & Communities > National Platform Description > News > Online Resources > Organizations > Policy > Projects & Initiatives > Training & Events > Academic Programmes > Educational Material 1 1 2 2

Transcript of Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1...

Page 1: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - 1 Submit_content_doorway_wireframe_v03.vsd

Notes

This doorway page is displayed when user clicks ‘Content submissions’ on header menu and homepage module.

List of content types - alpha order. Check with SWH for actual labels.

Scope notes – describe what each content type is with examples. Check with SWH.

Go

PreventionWeb All DRR sites

Submit content

Copyright text lorem ipsum

Home ¦ Search ¦ Sitemap ¦ Contact us ¦ About PreventionWeb ¦ Donors Support ¦ Legal

Home > Submit content

Submit_content_doorway_wireframe_v03.vsd 1 -

Home | Login | My Profile | Contact us | Advanced Search

Hyogo Framework Countries/Regions Hazards Professional resourcesThemes and Issues

Luctus nam vestibulum, proin quisque mattis nec metus. Lorem dignissim,

volutpat mi nam non, eros pede auctor et ut egestas nec.

Contact us

Lorem ipsum dolor sit amet,

consectetuer adipiscing elit.

> Contact us

Submission guidelines

Lorem ipsum dolor sit amet,

consectetuer adipiscing elit.

> How to submit

> Documents & Publications

> Jobs

> Maps

> Multimedia

> Networks & Communities

> National Platform Description

> News

> Online Resources

> Organizations

> Policy

> Projects & Initiatives

> Training & Events

> Academic Programmes

> Educational Material

1

1

2

2

Page 2: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 1 Documents_wireframe_v03.vsd

Notes

This wireframe shows the form elements to be displayed for Documents & Publications.

Mandatory fields as per wireframe representation.

Fields Behaviour

URL – Do we need this field or do we hide it?Submit Documents / Publications

Home > Professional Resources > [Content Type] > Submit Documents / Publications

Documents_wireframe_v03.vsd Form 1 -

Description

Title*

Description / Abstract*

URL

Reference Code(PW internal use only)

RF0000

* Mandatory

Organization* Organization name

Department Department

> Add other organization / publisher

Organization: add

publisher if different from

organization.

Continued overleaf

Description: please

include any available

information on the

following:

> Target Audience

> Author/s

> Number of Pages

> ISBN/ISSN

> Price

Year of publication

1

1

Previous editions

Page 3: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 2 Documents_wireframe_v03.vsd

Notes

Upload document table and URL table – appear only when one item is added. When the form loads, the two tables are not displayed.

Contact person fields – pre-populated with information of the person that is logged in (email address should be available from registration; regarding the other information, if not available, it will not be pre-populated). Help text prompts user to change details if needed.

Documents_wireframe_v03.vsd Form 2 -

Attachments and related links

SizeFile name (and format)

Upload document

Limit: 5 Mb

Ipsum dolor.pfd Remove0,76 Mb

Dolor sit amet.pfd Remove0,176 Mb

Browse Add Documents: browse to

find the documents you

want to upload and click

add. Once you have

added a document, a new

one can be entered.

URL Add

URL

Http:\\www.lorem.com Remove

Links: enter URL and

click add. Once you have

added a link, a new one

can be entered.

SubmitCancel

Contact person* FAMILY NAME, Other names Contact person: enter

different contact details if

necessary.Email address* [email protected]

Phone* +41 22 8764532

Copyright text lorem ipsum

Continued from previous page

4

4

3

3

Contact person for Prevention Web

This is for internal use only. It will not be published to Prevention Web.

Comments /

Special Instructions

Page 4: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 1 Jobs_wireframe_v02.vsd

Notes

This wireframe shows the form elements to be displayed for Jobs.

Mandatory fields as per wireframe representation.

Fields Behaviour

See next page.

Submit Jobs

Home > Professional Resources > [Content Type] > Submit Jobs

Jobs_wireframe_v02.vsd Form 1 -

Description

Title*

Job description*

Job posting URL*

Reference Code(PW internal use only)

RF0000

* Mandatory

Main organization* Organization name

Department Department

> Add other organization

Organization: if you need

to enter more than one

organization, click on

‘Add other organization’.

Continued overleaf

Description: please

include the following, if

available:

> Job description

> Contract type

> Salary

How to apply*

Date and Location

Page 5: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 2 Jobs_wireframe_v02.vsd

Notes

Contact person fields – pre-populated with information of the person that is logged in (email address should be available from registration; regarding the other information, if not available, it will not be pre-populated). Help text prompts user to change details if needed.

Jobs_wireframe_v02.vsd Form 2 -

Not specified

Country 1

Country 2

Country 3

Country>

<

Additional location info

SubmitCancel

Contact person* FAMILY NAME, Other names Contact person: enter

different contact details if

necessary.Email address* [email protected]

Phone* +41 22 8764532

Copyright text lorem ipsum

Continued from previous page

1

1

Closing date dd Mon yyyy

Date and Location

Organization: enter the

original release date of

this piece of news.

Contact person for Prevention Web

This is for internal use only. It will not be published to Prevention Web.

Comments /

Special Instructions

Page 6: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Multimedia 1 Multimedia_wireframe_v02.vsd

Notes

This wireframe shows the form elements to be displayed for News.

Mandatory fields as per wireframe representation.

Fields Behaviour

Type – dropdown. Values are as follows:Select (default)AudioVideoInteractiveValue already pre-populated if users come from option B lists.

INCLUDE word verification

Submit Multimedia

Home > Professional Resources > [Content Type] > Submit Multimedia

Multimedia_wireframe_v02.vsd Multimedia 1 -

Description

Title*

Description/Abstract*

URL

* Mandatory

Main organization* Organization name

Department Department

> Add other organization

Organization: if you need

to enter more than one

organization, click on

‘Add other organization’.

Date of publication Mon yyyy

Continued overleaf

Attachments

SizeFile name (and format)

Upload document

Limit: 5Mb

Ipsum dolor.pfd Remove0,76 Mb

Dolor sit amet.pfd Remove0,176 Mb

Browse Add Documents: browse to

find the documents you

want to upload and click

add. Once you have

added a document, a new

one can be entered.

Format* Select

Description: please

include any available

information on the

following:

> Target Audience

> Author/s or credit

> Running time

> Location/ country

> Language

Page 7: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Multimedia 2 Multimedia_wireframe_v02.vsd

NotesMultimedia_wireframe_v02.vsd Multimedia 2 -

Copyright text lorem ipsum

Continued from previous page

SubmitCancel

Contact person for Prevention Web

Contact person* FAMILY NAME, Other names Contact person: enter

different contact details if

necessary.Email address* [email protected]

Phone +41 22 8764532

This is for internal use only. It will not be published to Prevention Web.

Comments /

Special Instructions

Page 8: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Podcast 1 Multimedia_wireframe_v02.vsd

Notes

Do we need a webform for podcast?

Recommend a speaker

Home > People in DRR > Recommend a speaker

Multimedia_wireframe_v02.vsd Podcast 1 -

Recommended Speaker

First Name*

Reason why

interviewing

this speaker

* Mandatory

Main organization* Organization name

Department Department

> Add other organization

Continued overleaf

Last Name*

Title/position

Country Select

Contact person for Prevention Web

Contact person* FAMILY NAME, Other names

Email address* [email protected]

Phone +41 22 8764532

This is for internal use only. It will not be published to Prevention Web.

Comments /

Special Instructions

Page 9: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 1 News_wireframe_v02.vsd

Notes

This wireframe shows the form elements to be displayed for News.

Mandatory fields as per wireframe representation.

Fields Behaviour

See next page.

Submit News

Home > Professional Resources > [Content Type] > Submit News

News_wireframe_v02.vsd Form 1 -

Description

Title*

Body text*

Website URL for more info

Reference Code(PW internal use only)

RF0000

* Mandatory

Main organization* Organization name

Department Department

> Add other organization

Organization: if you need

to enter more than one

organization, click on

‘Add other organization’.

Date dd Mon yyyy

Date and Location

Continued overleaf

Release date: enter the

date of publication.

Not specified

Country 1

Country 2

Country 3

Country>

<

Additional location info

Page 10: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 2 News_wireframe_v02.vsd

Notes

Upload document table – appear only when one item is added. When the form loads, the table is not displayed.

Contact person fields – pre-populated with information of the person that is logged in (email address should be available from registration; regarding the other information, if not available, it will not be pre-populated). Help text prompts user to change details if needed.

News_wireframe_v02.vsd Form 2 -

Copyright text lorem ipsum

Continued from previous page

2

1

SubmitCancel

Contact person for Prevention Web

Contact person* FAMILY NAME, Other names Contact person: enter

different contact details if

necessary.Email address* [email protected]

Phone* +41 22 8764532

2

This is for internal use only. It will not be published to Prevention Web.

Attachments

SizeFile name (and format)

Upload document

Limit: 5Mb

Ipsum dolor.pfd Remove0,76 Mb

Dolor sit amet.pfd Remove0,176 Mb

Browse Add Documents: browse to

find the documents you

want to upload and click

add. Once you have

added a document, a new

one can be entered.

1

Comments /

Special Instructions

Page 11: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 1 Online_Resources_Form_wireframe_v01.vsd

Notes

This form is specific to Links.

As a general rule, the following items are not entered by the user (the content manager will take care of it):- Link titles (for uploaded links)- Document titles - Themes- Hazards- Target Regions and Countries- Keywords and Meta-description- Tags

Mandatory fields as per wireframe representation.

Fields Behaviour

Submit a Link

Home > Submit a Link

Online_Resources_Form_wireframe_v01.vsd Form 1 -

Description

Link title*

URL*

Reference Code(PW internal use only)

RF0000

* Mandatory

Source Organization name

Department Department

Continued overleaf

SubmitCancel

Contact person for Prevention Web

Contact person* FAMILY NAME, Other names Contact person: enter

different contact details if

necessary.Email address* [email protected]

Phone* +41 22 8764532

This is for internal use only. It will not be published to Prevention Web.

Comments /

Special Instructions

Copyright text lorem ipsum

Page 12: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - New 1 Organizations_Form_v03.vsd

Notes

A. Submitting a new org

There are 2 scenarios:

A. Submitting a new orgThere is an “add organization” link that takes users to the empty formwith the minimum info only

B. Editing an existing org with no info or some info in the profileThere is an “edit organization” link that takes users to the pre-populated form (full form)

Submit information for an organization

Home > Submit content > Submit an organization

Organizations_Form_v03.vsd New 1 -

Organization name*

Contact information *

Mailing address,

Phone, Email

* Mandatory

Continued overleaf

Minimum Information – required to be published

Main website URL

Disaster Reduction

Goal*

Mission / Description*

Contact person for Prevention Web

Contact person* Ivan Ipsum

Email address* [email protected]

Phone +41 22 8764532

This is for internal use only. It will not be published to Prevention Web.

AttachmentsLimit: 5Mb

Browse

Attachments

Page 13: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - New 2 Organizations_Form_v03.vsd

Notes

Lorem

Organizations_Form_v03.vsd New 2 -

Continued from previous pageContact person for Prevention Web

Contact person* Ivan Ipsum

Email address* [email protected]

Phone +41 22 8764532

This is for internal use only. It will not be published to Prevention Web.

Comments /

Special Instructions

Submit

Copyright text lorem ipsum

Please type the characters displayed exactly as they appear into the text box below.

Word Verification

Page 14: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - New 3 (Conf. Page) Organizations_Form_v03.vsd

Notes

Confirmation

Home > Submit content > Submit an organization

Your content has been successfully submitted.

We thank you for your contribution and will contact you should we have any questions

regarding your submission.

Submit another organization in DRR >>

New 3 (Conf. Page) -

Page 15: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Email Organizations_Form_v03.vsd

Notes Email -

Thank you for your contribution to PreventionWeb.

View your organization submission:

http://www.preventionweb.net/english/professional/contacts/v.php?id=XXX

You can always edit the organization information by clicking the “edit” button on the above

page.

We look forward to collaborating and promoting your work in the area of disaster risk

reduction. We invite you to share your organization's disaster risk reduction content at:

http://www.preventionweb.net/submit/

Kind regards,

The PreventionWeb.net Editors

******************************************************

Please DO NOT REPLY to this email. This mailbox is unattended. For

inquiries and feedback, visit http://www.preventionweb.net/english/contact/.

From: [email protected]

Sent: Thu, 27 May 2009 10:54

To: [email protected]

Subject: PreventionWeb – Thank you for your contribution

Email on Publish

The same message is sent on publish of new orgnanization and on publish of updates.

Page 16: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Edit 1 Organizations_Form_v03.vsd

Notes

B. Editing an existing org with no info or some info in the profile

This form is displayed when users click the “edit” button on an existing organization hub page or profile page. See steps:1. User clicks edit button2. Login page is displayed > user logs in3. The form illustrated here is displayed

When the organization exists, the form is pre-populated with the information already published on the website.

Contact information – all contact details are merged into a text area.

Mission / Description – displays what is published as “Mission”.

Help text – SWH to check with Paola Uskiif there are an annotated template or guidelines.

Submit information for an organization

Home > Submit content > Submit an organization

Organizations_Form_v03.vsd Edit 1 -

Organization name* Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Conclusionemque 12

Mollis Reformidans

Tel +41 22 984843948

Contact information *

Mailing address,

Phone, Email

* Mandatory

Continued overleaf

Minimum Information

Main website URL http://www.loremipsum.org

Lorem ipsum tollit alienum conclusionemque te vim, mollis

reformidans usu ut. Vis at commune accumsan. Te usu nostrum

oporteat deterruisset, his ne eius ludus affert, quo impedit

efficiendi liberavisse ex. Legere mucius interpretaris.

Disaster Reduction

Goal

Policies &

Programmes

in DRR

Lorem ipsum tollit alienum conclusionemque te vim, mollis

reformidans usu ut. Vis at commune accumsan. Te usu nostrum

oporteat deterruisset, his ne eius ludus affert, quo impedit

efficiendi liberavisse ex. Legere mucius interpretaris.

Mission / Description*

Membership

in key networks

National Counterpart

Policies & Programmes

in DRR: lorem ispum

dolor sit amet numque.

Additional Information

Page 17: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Edit 2 Organizations_Form_v03.vsd

Notes

Indicators – links to the publication meta-content page:http://www.preventionweb.net/english/professional/publications/v.php?id=2259

Organizations_Form_v03.vsd Edit 2 -

Continued from previous page

Activities in HFA 1

Activities in HFA 2

Activities in HFA 3

Activities in HFA 4

Activities in HFA 5

Acitivities in support of the Hyogo Framework for Action

HFA 1: ullamcorper luctus

massa. Phasellus mi

nulla, elementum sit amet,

luctus vitae, scelerisque.

Curabitur nunc sapien, tempus non, sagittis id, sagittis nec, ipsum. Nunc ullamcorper

luctus massa. Phasellus mi nulla, elementum sit amet, luctus vitae.> Hyogo Framework for Action Indicators [PDF 00Kb]

HFA 2: ullamcorper luctus

massa. Phasellus mi

nulla, elementum sit amet,

luctus vitae, scelerisque.

HFA 3: ullamcorper luctus

massa. Phasellus mi

nulla, elementum sit amet,

luctus vitae, scelerisque.

HFA 4: ullamcorper luctus

massa. Phasellus mi

nulla, elementum sit amet,

luctus vitae, scelerisque.

HFA 5: ullamcorper luctus

massa. Phasellus mi

nulla, elementum sit amet,

luctus vitae, scelerisque.

Disaster Reduction

Focal Point(s)

Websites

Other activitiesOther activities:

ullamcorper luctus massa.

Phasellus mi nulla,

elementum sit amet,

luctus vitae, scelerisque.

Page 18: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Edit 3 Organizations_Form_v03.vsd

Notes

Save – saves the submission to a separate queue. Then PW team validates and moves the content to the org form (copy&paste).

Organizations_Form_v03.vsd Edit 3 -

Continued from previous page

Contact person for Prevention Web

Contact person* Ivan Ipsum

Email address* [email protected]

Phone +41 22 8764532

This is for internal use only. It will not be published to Prevention Web.

Comments /

Special Instructions

Submit

Copyright text lorem ipsum

AttachmentsLimit: 5Mb

Browse

Attachments

Please type the characters displayed exactly as they appear into the text box below.

Word Verification

Attachments: e.g.

brochure, lorem, ipsum

dolor sit amet

Page 19: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Edit 4 (Conf. Page) Organizations_Form_v03.vsd

Notes

Confirmation

Home > Submit content > Submit an organization

Your content has been successfully submitted.

We thank you for your contribution and will contact you should we have any questions

regarding your submission.

Back to organization page >>

Edit 4 (Conf. Page) -

Page 20: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - 1 Policy_wireframe_v04.vsd

Notes

Policy, Plans & Statement Webform - Step 1

Policy type – users must select type of policy document before entering the details. - National Coordination Mechanisms: takes to the NP webform

Continue – takes users to step 2.

Cancel – takes users back to where they were coming from.Submit Policy, Plans or Statements

Home > Submit Content > Submit policy, plans or statements

Policy_wireframe_v04.vsd 1 -

Select Policy Type

Policy Type*

* Mandatory

Continued overleaf

National Progress Reports

Eget quam enim, sit nibh, vel turpis mauris

nonummy lobortis luctus, nulla sodales per sociis.

National Policy, Plans & Legislation

Eget quam enim, sit nibh, vel turpis mauris

nonummy lobortis luctus, nulla sodales per sociis.

Sub-national Policy, Plans & Legislation

Eget quam enim, sit nibh, vel turpis mauris

nonummy lobortis luctus, nulla sodales per sociis.

National Coordination Mechanisms

Eget quam enim, sit nibh, vel turpis mauris

nonummy lobortis luctus, nulla sodales per sociis.

Official Statements

Eget quam enim, sit nibh, vel turpis mauris

nonummy lobortis luctus, nulla sodales per sociis.

Presentations

Eget quam enim, sit nibh, vel turpis mauris

nonummy lobortis luctus, nulla sodales per sociis.

Related Development Reports

Eget quam enim, sit nibh, vel turpis mauris

nonummy lobortis luctus, nulla sodales per sociis.

ContinueCancel

1

1

3

3

2

2

Page 21: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - 2 Policy_wireframe_v04.vsd

Notes

Policy, Plans & Statement Webform - Step 2

URL – Do we need this field or do we hide it?

Submit Policy, Plans or Statements

Home > Submit Content > Submit policy, plans or statements

Policy_wireframe_v04.vsd 2 -

Select Policy Type

Title*

Description / Abstract*

URL

* Mandatory

Organization* Organization name

Department Department

+ Add other organization

Organization: add

publisher if different from

organization

Continued overleaf

Description: please

include any available

information.

Year of publication Year of publication:

enter year of publication

and previous editions.

Attachments and related links

SizeFile name (and format)

Upload document

Limit: 8 Mb

Ipsum dolor.pfd Remove0,76 Mb

Dolor sit amet.pfd Remove0,176 Mb

Browse Add Documents: browse to

find the documents you

want to upload and click

add. Once you have

added a document, a new

one can be entered.

Page 22: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - 3 Policy_wireframe_v04.vsd

Notes

Contact person fields – pre-populated with information of the person that is logged in (email address should be available from registration; regarding the other information, if not available, it will not be pre-populated).

Policy_wireframe_v04.vsd 3 -

SubmitCancel

Contact person* FAMILY NAME, Other names

Phone number: include

country code

Email address* [email protected]

Phone +41 22 8764532

Copyright text lorem ipsum

Continued from previous pageContact person - for PreventionWeb internal use only

This is for internal use only. It will NOT be published to Prevention Web.

Comments

Word verification

Please type the characters displayed exactly as

they appear into the text box below.

4

4

Page 23: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 1 Training_and_Events_Form_wireframe_v05.vsd

Notes

Lorem

Submit an Event

Home > Professional Resources > Training & Events > Submit an Event

Training_and_Events_Form_wireframe_v05.vsd Form 1 -

Event title*

Description*

Website URL for event info*

How to register

* Mandatory

Continued overleaf

How to register: please

include contact person

and registration deadline.

Description: please

include the following, if

available:

> Description

> Intended audience

> Event fee

> What is included in the

event fee

Main organization*

> Add other organization

Start date

End date

dd Mon yyyy

dd Mon yyyy

Date and Location

Country Select

City / Location

Venue

tentative dates

Page 24: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 2 Training_and_Events_Form_wireframe_v05.vsd

Notes

Contact person fields – pre-populated with information of the person that is logged in (email address should be available from registration; regarding the other information, if not available, it will not be pre-populated). Help text prompts user to change details if needed.

Training_and_Events_Form_wireframe_v05.vsd Form 2 -

SubmitCancel

Copyright text lorem ipsum

Contact person* FAMILY NAME, Other names Contact person: if there

is more than one contact

(already entered in ‘How

to register’) please enter

the additional person

here.

Email address* [email protected]

Phone +41 22 8764532

Attachments

SizeFile name (and format)

Upload document

[Limit: 5Mb]

Ipsum dolor.pfd Remove0,76 Mb

Dolor sit amet.pfd Remove0,176 Mb

Browse Add Documents: click on

‘Browse’ to find the

document you want to

upload and click on ‘Add’

to upload it. You may

continue adding further

documents by using the

same process.

Contact person for Prevention Web

This is for internal use only. It will not be published to Prevention Web.

1

1

Comments /

Special Instructions

Page 25: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 1 Educational_Material_Form_wireframe_v04.vsd

Notes

This form is specific to Educational Material.

Refer to corresponding CMS form for field behaviour. Only discrepancies are annotated here.

As a general rule, the following items are not entered by the user (the content manager will take care of it):- Link titles (for uploaded links)- Document titles - Keywords and Meta-description

Fields Behaviour

Note for the graphic designer: the form elements should be displayed on 2 different backgrounds to distinguish mandatory sections from optional sections. Mandatroy sections should be on the usual background colour, the optional ones on a paler background colour.

Submit Educational Material

Home > Professional Resources > [Content Type] > Submit Documents / Publications

Educational_Material_Form_wireframe_v04.vsd Form 1 -

Description

Title in original languageIf not English

Description / Abstract

URL

* Mandatory

Organization* Organization name

Department Department

> Add other organization / publisher

Organization: add

publisher if different from

organization.

Continued overleaf

Description: please

include any available

information on the

following:

> Number of Pages

> ISBN/ISSN

> Price

Type*

Language*

Sub-type*

Title in English*

Author(s)comma separated

> Add other items

Year of publication* Select

Country of publication Select

Page 26: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 2 Educational_Material_Form_wireframe_v04.vsd

Notes

lorem

Educational_Material_Form_wireframe_v04.vsd Form 2 -

Continued from previous page

Keywords

Lorem ipsum

Lorem ipsum

Lorem ipsum

Hazard types

Lorem ipsum

Lorem ipsum

Lorem ipsum

Themes & Issues

No country can be specified

Lorem ipsum

Lorem ipsum

Target countries

Reading level estimate Select

Educational usageCurricular/Formal

Extra-curricular/Informal

Self-use/self-study individual

Self-use for group

Curricular setting

Teacher-mediated for classroom

Teacher-mediated for informal group

Careers

Civics

Civil Protection / Civil Defense

Disaster Management

Geography

Life Skills / Health / Safety / Occupational Safety

Literature

Educational usage (optional) – to be filled in if you have the information

Lorem ipsum

Lorem ipsum

Lorem ipsum

Target regions

Target audience

(sub-group)*

Target audience*

> Add other target audience

Page 27: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 3 Educational_Material_Form_wireframe_v04.vsd

Notes

Copyright type – values:SelectAll rights reservedPublic domainLimited permissionNote: limited permission replaces creative commons (currently in CMS).

Limited permission displays the creative commons checkboxes and an additional checkbox “other” with input text field.

Educational_Material_Form_wireframe_v04.vsd Form 3 -

Continued from previous pageNatural Sciences, Earth Sciences, Physics

Social Studies / Social Sciences

Other

Extra-curricular settingSchool emergency planning / drills

Community assessment/ planning / seminars

Community fair / exhibit / drills / simulations

Camp

Projects and Events

Other

Availability*Unknown

Available

Out of print

Copyright

License: to select the

license that indicates how

others may use your

creative work, check

creative commons site.

> Creative Commons

Licenses

Attribution (by)

License

Attribution Share Alike (by-sa)

Attribution No Derivatives (by-nd)

Attribution Non-commercial Share Alike (by-nc-sa)

Attribution Non-commercial No Derivatives (by-nc-nd)

Attribution Non-commercial (by-nc)

UN/ISDR, GenevaLocation of hard copies

UN/ISDR, Bangkok

UN/ISDR, Cairo

UN/ISDR, Nairobi

UN/ISDR, Dushanbe

UN/ISDR, Panama

Availability and Copyright (optional) – to be filled in if you have the information

Other

Public domain

All rights reserved

Unknown

Some rights reserved / Creative Commons

Page 28: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 4 Educational_Material_Form_wireframe_v04.vsd

Notes

Lorem

Educational_Material_Form_wireframe_v04.vsd Form 4 -

Continued from previous page

Other

UNICEF, Geneva

UNESCO, Paris

Scale of distribution:

number of copies distributed

or individuals/listeners/

watchers (if radio/TV).

Scale of distribution Select

Between yyyy and yyyy

FrequencyOne time

Recurring

Timeframe & frequency

Actual dissemination

As part of training programme

Stand-alone (general distribution)Strategy

Strategy

As part of school curriculum

Grade levels

Subjects

Actual school disseminationAll schools with jurisdiction

Some schools with jurisdiction

Dissemination (optional) - to be filled in only by publishing or distributing organizations

No country can be specified

Lorem ipsum

Lorem ipsum

Countries

Actual community

disseminationNational

Several provinces/states

UNESCO - IBE, Geneva

Single province/state

Several cities

Page 29: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 5 Educational_Material_Form_wireframe_v04.vsd

Notes

Lorem

Educational_Material_Form_wireframe_v04.vsd Form 5 -

Continued from previous page

RecipientsPreschool children

Primary school children

Secondary school children

Post-secondary, vocational education students

Adults (general community, including parents)

Teachers or instructors

Especially people with disabilities

Especially women

PenetrationValues: 1-100.

%

Actual community

disseminationNational

Several provinces/states

Single province/state

Several cities

Single city

Several neighbourhoods, suburbs or villages

Single neighbourhood or village

SettingRural/Semi-rural

Urban/Suburban

Disaster managers, professionals, government employees

Penetration: roughly what

percentage of people in

these categories in the

distribution area received

these materials.

Evaluation report

Evaluation

Evaluation report URL

Evaluation: describe the

target population, and

comment on, describe or

link to any results of

formal or informal

evaluation of these

materials.

Page 30: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 6 Educational_Material_Form_wireframe_v04.vsd

Notes

Upload document table and URL table – appear only when one item is added. When the form loads, the two tables are not displayed.

Contact person fields – pre-populated with information of the person that is logged in (email address should be available from registration; regarding the other information, if not available, it will not be pre-populated). Help text prompts user to change details if needed.Educational material behind login or not? If not, disregard this note.

Educational_Material_Form_wireframe_v04.vsd Form 6 -

Attachments

SizeFile name (and format)

Upload document

Limit: 5 Mb

Ipsum dolor.pfd Remove0,76 Mb

Dolor sit amet.pfd Remove0,176 Mb

Browse Add Documents: browse to

find the documents you

want to upload and click

add. Once you have

added a document, a new

one can be entered.

SubmitCancel

Contact person*

Email address*

Phone

Copyright text lorem ipsum

Continued from previous page

4

4

3

3

Contact person for Prevention Web

This is for internal use only. It will not be published to Prevention Web.

Comments /

Special InstructionsComments: please

include any related entries

when applicable (e.g. vol

2 if this is vol 1)

Organization

Page 31: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 1 Academic_Programs_Form_wireframe_v03.vsd

Notes

This form is specific to Academic Programs.

Refer to corresponding CMS form for field behaviour. Only discrepancies are annotated here.

As a general rule, the following items are not entered by the user (the content manager will take care of it):- Link titles (for uploaded links)- Document titles - Themes- Hazards- Target Regions and Countries- Keywords and Meta-description- Tags

Mandatory fields?Criteria to submit content will be available on PW?

Field behaviour

‘Add other organizations’ - shows another set of fields:Related organizationDepartment/Faculty/School‘Add other organizations’ link

Submit an Academic Programme

Home > Professional Resources > Training & Events > Academic Programmes > Submit an Academic Programme

Academic_Programs_Form_wireframe_v03.vsd Form 1 -

Description

Programme title*

Programme type* University Programme

Distance Learning

Online Courses

Reference Code(PW internal use only)

RF0000

* Mandatory

Programme type: lorem

ipsum dolor sit amet.

Nimque dolor nummy.

Continued overleaf

Main Organization* Organization name Organizations:

If you need to enter more

than one organization,

click ‘add more’.Department/Faculty/School Department/Faculty/School

> Add other organizations

Continuing Education

Blended Programme

Contact

Programme URL

Level Bachelor

Masters

Doctorate

Certificate/Diploma

1

1

Page 32: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 2 Academic_Programs_Form_wireframe_v03.vsd

Notes

Lorem

Academic_Programs_Form_wireframe_v03.vsd Form 2 -

Location & Duration

End date

dd Mon yyyy

dd Mon yyyy

Continued from previous page

Target audience*

Language

Frequency Annual

Bi-annual

Every summer

Quarterly

Regular

Description

Duration

Start date

Other

Themes*

Diploma/Certificate/Degree

Global

Region 1

Region 2

Region 3

Geographical coverage>

<

Country* Select

City

Page 33: Visio-Submit content doorway wireframe v03 · 2011-05-26 · Prevention Web Wireframes-Form 1 Documents_wireframe_v03.vsd Notes This wireframe shows the form elements to be displayed

Prevention Web Wireframes - Form 3 Academic_Programs_Form_wireframe_v03.vsd

Notes

Attachments and related links has been removed.

Academic_Programs_Form_wireframe_v03.vsd Form 3 -

Scholarship

Tuition and cost

Continued from previous pageAdmission requirements & Application

Deadline for application dd Mon yyyy

Application procedure

Admission requirements

Date

Other

SubmitCancel

Contact person for Prevention Web

Contact person* FAMILY NAME, Other names Contact person: enter

different contact details if

necessary.Email address* [email protected]

Phone* +41 22 8764532

Copyright text lorem ipsum