D2 2 v0 3 DREAMING Website

Document Sample
D2 2 v0 3 DREAMING Website Powered By Docstoc
					          ICT PSP – Accessibility, Ageing and Social Integration
                            Programme




    elDeRly-friEndly Alarm handling and
                MonitorING
                         (Grant Agreement No 225023)


                          Document D2.2
                        DREAMING Website
                           Version 0.3
Work Package:                 WP2
Version & Date:               v1.0 / 1st October 2008
Deliverable type:             Other
Distribution Status:          Public
Author:                       Miguel Ángel Sarasa, Vicente Simorte
Reviewed by:                  Vicente Simorte, John Oates
Approved by:                  Mayte Hurtado
Filename:                     D2.2 v0.3 DREAMING Website.doc

Abstract
This deliverable covers the design, development and hosting of the DREAMING project’s
official web site. The DREAMING website will be a living window of the project and will be
constantly updated with the latest results achieved throughout the entire lifecycle of the
project. This website will be one of the dissemination activities to circulate the project results.
This document presents the details of the strategies and means foreseen around the
DREAMING project website so as to achieve the proper dissemination of the project results.




Public                                     Page 1 of 43                       v1.0 / 1st October 2008
                                                                 D2.2 DREAMING Website




Executive Summary

         This document describes the rationale used in the implementation of the
         DREAMING website, and the structure implemented.

         The aim of the website is twofold:
             Presentation of the Project to the public: it will be a permanent promotional
              window on the Project and its results for the growing population of Internet.
             Teamwork tool: co-ordination of participants’ activities, always giving them
              direct access to all documents released or in progress.

         The structure of the website reflects its aim:
             A public area which contains all information related to:
                - The Consortium.
                - The Project: overall description, aim, activities, expected results, project
                  updates, deliverables, references.
                - Links to eTEN official web site, as well as to the European Union portal.
             A protected area, accessible only by partners’ delegates, via the home page,
              which contains all documents to be shared among project participants, both in
              draft and final versions.




Public                                    Page 2 of 43                      v1.0 / 1st October 2008
                                                               D2.2 DREAMING Website




Change History

Version History:

0.1      29/08/2008            Version 0.1 (Initial version)
0.2      30/09/2008
0.3      01/10/2008


Version Changes
01       Initial version
02       Description of the DREAMING private area’s workspace (user guide) in Appendix B.
03       Minor changes following review prior to issuing.



Outstanding Issues
None.




Public                                     Page 3 of 43                 v1.0 / 1st October 2008
                                                              D2.2 DREAMING Website




Table of Contents

1.             INTRODUCTION                                                               6
     1.1       Purpose of this document                                                   6
     1.2       Glossary                                                                   6

2.             THE DREAMING WEBSITE                                                       9
     2.1       Objectives                                                                 9
     2.2       The website solution components                                            9
       2.2.1   The website public area                                                    9
       2.2.2   The website private area                                                  10
     2.3       Website structure                                                         10
       2.3.1   The project homepage                                                      12
       2.3.2   The website’s public area                                                 13
       2.3.3   The website’s restricted area                                             14
     2.4       Access levels                                                             15
       2.4.1   Administrator                                                             15
       2.4.2   Work Package Leader                                                       15
       2.4.3   Project Partner                                                           15
     2.5       Running and maintaining the website                                       15
       2.5.1   Hosting maintenance                                                       16
       2.5.2   Website maintenance                                                       16
     2.6       Accessibility                                                             16

APPENDIX A: DREAMING PUBLIC AREA SCREENSHOTS                                            18

APPENDIX B: THE DREAMING PRIVATE AREA                                                   25

APPENDIX C: LOGOS                                                                       41




Public                                         Page 4 of 43          v1.0 / 1st October 2008
                                                                                          D2.2 DREAMING Website




Tables
Table 1 – DREAMING website public area sections ........................................................13
Table 2 – DREAMING website private area sections .......................................................14
Table 3 – DREAMING website maintenance .....................................................................16
Table 4 – DREAMING website W3C validations ...............................................................17
Table 5 – Calendar filter options .......................................................................................34
Table 6 – New event form fields ........................................................................................35
Table 7 – DREAMING partners’ logos ...............................................................................41


Figures
Figure 1 – DREAMING website structure picture .............................................................11
Figure 2 – DREAMING Homepage .....................................................................................12
Figure 3 – General Information .........................................................................................18
Figure 4 – Goals & Objectives ...........................................................................................18
Figure 5 – Pilot Sites ..........................................................................................................19
Figure 6 – Technology .......................................................................................................19
Figure 7 – eTEN ..................................................................................................................20
Figure 8 – News ..................................................................................................................20
Figure 9 – Public Documents ............................................................................................21
Figure 10 – Workshops & Events ......................................................................................21
Figure 11 – Consortium .....................................................................................................22
Figure 12 – Links ................................................................................................................22
Figure 13 – Contacts ..........................................................................................................23
Figure 14 – Frequently Asked Questions (FAQs) .............................................................23
Figure 15 – In the Media.....................................................................................................24
Figure 16 – Access to private area ....................................................................................26
Figure 17 – Private area log-in and session start ............................................................27
Figure 18 – Today layout (events view) ............................................................................29
Figure 19 – Today layout (tasks view) ..............................................................................29
Figure 20 – DREAMING Contacts module ........................................................................31
Figure 21 – Entering a new event in the calendar ............................................................34
Figure 22 – DREAMING files module (deliverables view) ................................................36
Figure 23 – File upload form..............................................................................................37
Figure 24 – Opening / downloading a file by clicking filename hyperlink .....................38
Figure 25 – Opening / downloading a file by clicking edit icon ......................................38
Figure 26 – Editing / deleting form for individual files ....................................................39
Figure 27 – DREAMING logos............................................................................................41




Public                                                   Page 5 of 43                                   v1.0 / 1st October 2008
                                                                D2.2 DREAMING Website




1.       Introduction


1.1      Purpose of this document
         This document presents the guidelines followed within the implementation of the
         DREAMING project website. The website structure is also presented.

         The DREAMING website has been developed as part of the Dissemination Work
         Package, WP2. The creation of a website for the DREAMING project is one of the
         activities foreseen in Task 2. This action implies the design, development, set up
         and maintenance of a website for the project, as well as for its results.

         It is available at the URL address: http://www.dreaming-project.org. The domain
         name has been booked by the Consortium for the life time of the project, although it
         could be extended at any time for further use if required.

         This deliverable explains in detail the design requirements of the DREAMING
         website in terms of objectives, structure, usage, access criteria and maintenance.
         The initial content was provided and the partners have been participating in
         populating the site with interesting and rich contents on an ongoing basis.


1.2      Glossary

         ADSL                    Asymmetrical Digital Subscriber Line
         Application server      Server that supports small Java programs that process
                                 transactions
         ASP                     Application Service Provider
         Browser                 Software that allows you to navigate information databases
                                 as, for instance, Firefox JavaScript Navigator or Microsoft
                                 Internet Explorer
         CSS                     Cascading Style Sheets. These are a big breakthrough in
                                 web design, because they allow developers to control the
                                 style and layout of multiple web pages all at once.
         Document                When used in reference to the World Wide Web, a
                                 document is any file containing text, media or hyperlinks
                                 that can be transferred from an HTTP server to a client
                                 program.
         Download                Transfer to your computer a copy of a file from another
                                 computer.
         eTEN                    European Community Programme designed to help the
                                 deployment of telecommunication networks based services
                                 (e-services) with a trans-European dimension.
         EU                      European Union


Public                                  Page 6 of 43                     v1.0 / 1st October 2008
                                                     D2.2 DREAMING Website



         FAQ          Frequently Asked Questions
         HCP          Healthcare Professional
         HTML         Hypertext Mark-up Language. HTML is the language used
                      to tag various parts of a web document so browsing
                      software will know how to display that document's links,
                      text, graphics and attached media.
         ICT          Information and Communication Technology
         Identifier   Combination of symbols and logos that makes it clear to
                      other people what the project is.
         Internet     The Internet is the set of all connected computers and other
                      devices that have Internet naming authority IP addresses
                      and that send IP packets to one another.
         Intranet     A part of an organisation's network that is private. Only
                      authorised individuals have access to the intranet. Besides
                      that, an intranet is very similar to the Internet in the sense
                      that it offers the same services and uses the same
                      protocols.
         J2EE         Java 2 Platform, Enterprise Edition: The edition of the Java
                      platform that is targeted at enterprises to enable
                      development, deployment, and management of multi-tier
                      server-centric applications.
         Java         A set of technologies for creating and safely running
                      software programs in both stand-alone and networked
                      environments.
         JSP          Java Server Page. A language similar to Microsoft's ASP
                      for creating dynamic web pages. Sun has created a
                      language specification. With JSP, a single source text file is
                      created containing both HTML (or XML) tags and Java-like
                      scriptlets.
         Links        These are the hypertext connections between web pages.
                      This is a synonym for hotlinks or hyperlinks.
         Logo         A small design that is the official sign of a company or
                      organisation.
         MySQL        Most popular open-source relational database. Many Unix-
                      based plans allow MySQL databases.
         RCS          Revision Control System
         Symbol       A picture that has a particular meaning or represents an
                      idea
         URL          This is the abbreviation for Uniform Resource Locator, the
                      addressing system used in the World Wide Web and other
                      Internet resources. The URL contains information about the
                      access method, the server to be accessed and the path of
                      any file to be accessed.



Public                       Page 7 of 43                       v1.0 / 1st October 2008
                                                         D2.2 DREAMING Website



         Upload            Transfer to another computer a copy of a file from your
                           computer.
         Usability         Usability addresses the relationship between tools and their
                           users. In order for a tool to be effective, it must allow
                           intended users to accomplish their tasks in the best way
                           possible.
         W3 Consortium     The standards body for the World Wide Web. It specifies
                           what is standard HTML based on its own work and on
                           adjudicating Microsoft and Netscape extensions to HTML.
         Web application   Web applications are items stored on a server and
                           delivered to users over the Internet.
         Web hosting       The business of providing the storage, connectivity, and
                           services necessary to serve files for a website.
         Web Server        A computer system that manages and delivers information
                           for client computers
         WP                Work Package




Public                            Page 8 of 43                     v1.0 / 1st October 2008
                                                                 D2.2 DREAMING Website




2.       The DREAMING Website


2.1      Objectives
         The main objective of the DREAMING website is to provide both general
         dissemination of information, as well as the required tools to support partners’ work.
         The project website is expected to be the prime source of information for external
         parties interested in the work carried out by the DREAMING Consortium. As such,
         the website will be able to contain a number of types of information that could be of
         potential interest for external observers. The main aim of the DREAMING website is
         therefore twofold:
          Project Presentation to the public: The website will be a continuous
           promotional window of the Project and its results for the growing population of
           Internet users. As an information channel for the promotion of the project and its
           results, it will assist partners in their dissemination activities, by providing
           updated information on project status, as well as reference documents and
           complementary material. The website will also aim to attract the interest of
           authorities, healthcare professionals, private healthcare providers, insurance
           companies and citizens. It will include topics on project development, official
           documents (such as deliverables, questionnaires, etc) and so on.
          Teamwork tool: The website will also serve to coordinate the participants’
           activities, giving them direct access to all of the private documents (released
           and/or in progress). Moreover, the website will provide a set of tools to facilitate
           the project partners’ activities. This information will be available in the website
           private area.


2.2      The website solution components
         The DREAMING website is built on an open source basis. It will run on a Linux
         server, hosted at an external data centre, M.Y.P. Tecnologia i Sistemes de Control,
         S.L. (http://www.myp.ad), located in Andorra la Vella (Barcelona, Spain). The
         Consortium has chosen this option to locate the website because this data centre
         has available the appropriate equipment so as to assist the project with specific
         business needs (i.e., high speed and quality Internet connection, support and
         service guarantee, etc.). All the above allows optimising the work procedures. An
         external web server was chosen because none of the partners with suitable in-
         house web servers allows public access to their servers. TB Solutions partner will
         take care of creating and managing the DREAMING website.

2.2.1    The website public area

         The website public area is dedicated to the presentation of the project, its goals and
         services, as well as the Consortium. It is designed so as to make browsing simple
         and user-friendly. Site contents are all organised in a horizontal menu at the top of
         every page. The user will always be aware of where she/he is by looking at the top
         bar (that will show the menu/submenu name in bold letters). The menu leads the

Public                                   Page 9 of 43                      v1.0 / 1st October 2008
                                                                D2.2 DREAMING Website



         user to contents in a clear way, using various menu levels. During the website life,
         the number of boxes in each bar could increase.

         The website public area is developed in a basic Linux/Apache environment.
         Therefore, an Apache information server, along with a Tomcat application server,
         are used to support the dynamic structure of the website, as well as other functional
         components, such as access control management and configuration items. The
         dynamic side of the website is developed using J2EE (JSP pages).

2.2.2    The website private area

         The solution for the management of the private area of the website is based on
         specific modules for content management included in an open source project
         management tool named DotProject. These specific modules support a
         comprehensive application for creating, managing and distributing knowledge
         documents on a web platform. It is a free structured software package which
         provides advanced functionality and capabilities that allows automating processing
         to create, publish and maintain documents.

         Thus, DotProject tool will simplify the content production, empowering Consortium
         contributions by enabling partners to create, upload, download, modify and/or delete
         Consortium working documents

         The DotProject software package is a PHP+SQL web based project management
         application. DotProject requires a functioning web server with integrated PHP and
         MySQL support, and also a web browser. Web server implementations include:
          LAMP: Linux + Apache + MySQL + PHP.
          WAMP: Windows + Apache + MySQL + PHP.
          WIMP: Windows + IIS + MySQL + PHP.
         The DotProject software package does not currently support databases other than
         MySQL, although there has been some discussion (around December 2006 /
         January 2007) of changes to be done so as to allow the use of Oracle database.

         As with the DREAMING website’s public area, the private area has been divided
         into a number of topics, all of them accessed under the DotProject environment.
         Each item has a link to the area concerning the group of services.


2.3      Website structure
         As indicated in the previous subsections, the structure of the DREAMING project
         website is divided into two main areas:
          A public area: It contains all the information related to the DREAMING project:
           overall description, the Consortium, objectives, public deliverables, workshops &
           events, news, related links and FAQs, etc.
          A private area: This area is restricted to the partners. It documents the internal
           status of the project, containing all confidential documents to be shared among
           partners.


Public                                  Page 10 of 43                     v1.0 / 1st October 2008
                                                                D2.2 DREAMING Website



         To achieve the objectives set out above, each area has been structured into
         different sections, each one with a specific focus. The DREAMING website structure
         will lead the user to contents in a clear way, using various menu levels, as shown in
         Figure 1. During the website life, the number of boxes in each bar could increase.

         The website structure has been designed to make the browsing simple and user-
         friendly. The site contents are organised in a horizontal menu on the left hand side
         of all the pages.




                         Figure 1 – DREAMING website structure picture

         The user knows where she/he is by looking at the top bar that shows the
         menu/submenu name in bold letters. The main contents of each of the above areas
         and sub-sections are outlined in some detail in the following sections.



Public                                  Page 11 of 43                     v1.0 / 1st October 2008
                                                                     D2.2 DREAMING Website



2.3.1      The project homepage

           The importance of an appropriate homepage design can never be stressed enough.
           Most users will decide whether to stay or leave the site depending on their crucial
           first impression. Consequently, it is more than just a starting point for the rest of the
           information to be found on the site. It also informs the user of the “language” that
           applies to this particular site in terms of colours, environment and, above all,
           navigational features.

           The website structure has been designed to make the browsing simple and user-
           friendly. The site contents are organised in a horizontal menu at the top of all of the
           pages. The user knows where she/he is by looking at the top bar that shows the
           menu/submenu name in bold letters. The first proposal for DREAMING website
           homepage is given in the figure below:


Main
menu


                                                                                                         Private
                                                                                                          area
                                                                                                         access



Current
Location                                                                                           Contents




                                    Figure 2 – DREAMING Homepage

           As shown in Figure 2, the homepage of the DREAMING website contains the
           following:
            Among the different possibilities available to represent the project (logo, symbol,
             identifier, etc.), the simplest ones were chosen: the DREAMING logo, as well as
             the DREAMING poster, which represent the meaning of the Project.
            In the middle of the homepage, the DREAMING full title is presented in bold:
             “Welcome to Dreaming Homepage”.
            At the top right-hand corner of the homepage, there are the logos of the
             European Commission and the ICT PSP Programme.
            At the top right corner of the homepage, there is also a link to the Private Area,
             from which the partners can access project-related confidential items.
            At the bottom corner, there is a collection of logos specifying the fact that the
             website is developed following the W3C specifications.

Public                                      Page 12 of 43                      v1.0 / 1st October 2008
                                                                  D2.2 DREAMING Website



2.3.2    The website’s public area

         The website’s public area sections are dedicated to presenting the project: goals
         and services, as well as the Consortium’s credentials. All the pieces of the public
         area are presented in a horizontal menu that provides information about the project
         and related issues. A brief summary of the topics included within the public area is
         given in the following table:

                         Table 1 – DREAMING website public area sections

          Section         Description
          name
          General         Presents general information on the DREAMING project. This main
          information     link addresses the following sub-links:
                             Goals & Objectives: Main aims and objectives of the project
                                are stated here.
                             Pilot Sites: This section describes the six pilot sites in
                                DREAMING project, that will market validate the eServices.
                             Technology: A short description of the required technical
                                purpose-developed equipment is given here. Moreover, this
                                section also deals with the available technology used for the
                                project, or even the technology that should be implemented
                                thorough the project lifetime.
                             eTEN: This section describes the main focus and relevant
                                information concerning the eTEN programme validation
                                activities.
          News            Presents the latest news to the user.
          Public          Presents all the public        information   (including   deliverables)
          Documents       produced in the project.
          Workshops       Provides an events & workshops calendar and description.
          & events
          Consortium      Gives general information and logos about the project coordinator
                          and project partners, and their role in the DREAMING Consortium,
                          with links to their respective websites.
          Links           This section keeps track of web links related to the project.
          Contacts        This section provides placeholder and presentation for site contact
                          people. Through this link, the user has the option to send an e-mail
                          to an account specifically created for this purpose
          FAQs            Area dedicated to frequently asked questions and answers.
          In the Media    Web area to post all articles, TV clips etc. in which DREAMING
                          appears. It can be national as well as international media coverage.
                          A high level of attention to DREAMING could be demonstrated this
                          way.




Public                                   Page 13 of 43                      v1.0 / 1st October 2008
                                                                 D2.2 DREAMING Website



2.3.3    The website’s restricted area

         The information included within this area is confidential. Its access is restricted
         exclusively to the project’s partners, and it is controlled using ID and password
         filters. Thus, login and password are required to get the information gathered here:
         for instance, information about meetings and restricted documents (list of
         deliverables, templates, internal and contractual reports, annual review, etc.).

                         Table 2 – DREAMING website private area sections

          Section name       Description
          List of partners   Selection in the list of partners activates a link so that the
                             partners’ information page is displayed. This page also includes
                             the contact details (Name, Job Title, Email, Phone and Mobile)
                             of the Partners’ Contacts.
          Administrative     This area will contain administrative documents such as:
          documents          contractual documents, presentations related to the project,
                             internal documents, application for DREAMING membership,
                             application for Consortium membership, technical annexes, etc.
          Pending Issues     This topic will contain information on the disposition/status of
                             pending tasks that were unresolved prior to becoming overdue.
          Deliverables       This page will contain links to all the confidential deliverable
                             documents available for the partners to upload/download (using
                             HTTP). This is the current list and access may be made by all
                             partners in the Consortium.
          Dissemination      Dissemination is intended to be a place for sharing ideas, make
                             suggestions, and discuss project subjects and guidelines for
                             distributing, broadcasting and spreading the project.
          Meetings           Meeting agendas and minutes are shown here. This includes the
                             date, place, type of meeting (Kick-off, general, technical, etc.).
          Libraries          This link addresses the Project and Partners’ Logos, the
                             standard committee report templates, as well as the guidelines
                             of the European Community Programme validation activities,
                             designed to help the deployment of telecommunication networks
                             based services (e-services) with a trans-European dimension.
          News               This section presents the latest news addressed to the project
                             partners.
          Quarterly          The quarterly reports, as well as cost statements documents
          Reporting          (annual review, etc.) are reported here.

         In order to support the Consortium activities and to give them a useful way to
         exchange and share these private documents, the DREAMING website uses an
         open source web-based software application that gives direct access to all
         confidential documents (released or in progress). Moreover, the application allows
         the uploading/downloading of these types of documents. The tool is DotProject, and
         it was described in subsection 2.2.2 above.


Public                                   Page 14 of 43                     v1.0 / 1st October 2008
                                                                 D2.2 DREAMING Website



         As with the DREAMING website’s public area, the private area has been divided
         into a number of topics, all of them accessed under the DotProject environment.
         Each item has a link to the area concerning the group of services. These topics
         were described briefly in Table 2 above.


2.4      Access levels
         The DREAMING website supports three types of access level, one for each of the
         following profiles: Administrator, Work Package Leader and Project Partner. The
         main functionality privileges of each profile are summarised below.

2.4.1    Administrator

         Administrators can perform the following main operations:
          Add / remove / configure users and/or user roles of the system.
          Modify the layout and structure of the system.
          Access, view, add, edit or delete the site contents under various categories
           (contacts, calendar events, files, etc.).

2.4.2    Work Package Leader

         Work Package Leaders can carry out the following actions:
          Add or access all available calendar events.
          Contact the project members, or contact persons per topic.
          Access, view, add, edit or delete their own uploaded files.
          Access, view, add, edit or delete the entire file types uploaded (by them or by
           other project partners) to their managed work package(s).
          Access, view or add Administrative Documents and Quarterly Reporting files.

2.4.3    Project Partner

         Consortium’s partners can carry out the following operations:
          Access all of the available calendar events.
          Contact the project members, or contact persons per topic.
          Access, view, add, edit or delete their own uploaded files.
          Access and view all of the files types uploaded (by them or by other project
           partners), except for Administrative Documents and Quarterly Reporting files.


2.5      Running and maintaining the website
         Running the site is quite easy and significantly reduces the cost that such an
         operation of this type would pose if the project were not assisted by an external data

Public                                  Page 15 of 43                      v1.0 / 1st October 2008
                                                                 D2.2 DREAMING Website



         centre. Taking this into account, this section describes, in short, the hosting and
         maintenance tasks, as well as the administrators of them.

2.5.1    Hosting maintenance

         Hosting tasks of the DREAMING project website are managed by an external Data
         Centre that allocates the website; this is M.Y.P. Tecnologia i Sistemes de Control,
         S.L. (http://www.myp.ad), located in Andorra la Vella (Barcelona, Spain). The data
         centre is equipped with the best conditions to connect systems to Internet with a
         high quality of connectivity and 24-hour operation guarantee. The Consortium has
         chosen this data centre because it also has available the appropriate equipment to
         assist the project with specific business needs. All the above allows optimising the
         work procedures.

         An external web server was chosen because none of the partners with suitable in-
         house web servers allows public access to their servers. TB·Solutions Advanced
         Technologies S. L. will take care of creating and managing the DREAMING website.

2.5.2    Website maintenance

         To ensure efficient website maintenance during the project life, it is important to
         establish policies for regular updates. These are referred in Table 3 below.

                            Table 3 – DREAMING website maintenance

          Task                               Description
          Responsibility for website
                                             TB·Solutions Advanced Technologies, S.L.
          maintenance:
          Update frequency:                  When needed. At least monthly
          Answer to emails received:         When needed. At least once a week
                                             Anybody can submit inputs by sending email to
                                             website admin.
          Procedure for update:
                                             Updates of deliverables, abstracts of non-public
                                             deliverables.
                                             Site maintenance evaluated at each regular
          Quality control
                                             PSC meeting.



2.6      Accessibility
         World Web Wide Consortium (W3C, www.w3c.com) develops technology which
         guarantees interoperability (specifications, guidelines, software and applet) to carry
         out the World Wide Web maximum potential. These validations get Quality
         Assurance and alignment to guidelines provided by the most authoritative
         consortium of the web.




Public                                  Page 16 of 43                      v1.0 / 1st October 2008
                                                                 D2.2 DREAMING Website



         The website implementation has considered the W3C rules, in particular the W3C
         recommendation of 5th May 1999 regarding the accessibility of the website for
         people with visual handicaps, with the aim of obtaining conformity to priority level 2.
         W3C validations aimed to be achieved by the website are referred in Table 4.

                          Table 4 – DREAMING website W3C validations

          Validation description                                                 Logotype
          HTML 4.01 Code validations: it ensures interoperability among
          different software and applications.
          CSS 2.0 “Cascading Style Sheet” validation: it ensures an
          optimised style sheet use, facilitating surfing and usability.
          Pages bearing this logo indicate a claim of conformance by the
          page author or content provider to conformance level Triple-A of
          W3C Web Content Accessibility Guidelines 1.0. The Web
          Content Accessibility Guidelines 1.0 explain how to make Web
          content accessible to people with disabilities. Conformance to
          these Guidelines will help make the Web more accessible to
          users with disabilities and will benefit all users.




Public                                   Page 17 of 43                      v1.0 / 1st October 2008
                                                          D2.2 DREAMING Website




Appendix A: DREAMING public area screenshots

         The following screen shots offer a short visual presentation of the DREAMING
         website pages and functional components.




                                Figure 3 – General Information




                                Figure 4 – Goals & Objectives



Public                               Page 18 of 43                 v1.0 / 1st October 2008
                                  D2.2 DREAMING Website




         Figure 5 – Pilot Sites




         Figure 6 – Technology




Public   Page 19 of 43                   v1.0 / 1st October 2008
                             D2.2 DREAMING Website




           Figure 7 – eTEN




           Figure 8 – News




Public   Page 20 of 43              v1.0 / 1st October 2008
                                  D2.2 DREAMING Website




          Figure 9 – Public Documents




         Figure 10 – Workshops & Events




Public        Page 21 of 43               v1.0 / 1st October 2008
                                  D2.2 DREAMING Website




         Figure 11 – Consortium




           Figure 12 – Links




Public    Page 22 of 43                  v1.0 / 1st October 2008
                                            D2.2 DREAMING Website




                     Figure 13 – Contacts




         Figure 14 – Frequently Asked Questions (FAQs)




Public               Page 23 of 43                 v1.0 / 1st October 2008
                                D2.2 DREAMING Website




         Figure 15 – In the Media




Public    Page 24 of 43                v1.0 / 1st October 2008
                                                                 D2.2 DREAMING Website




Appendix B: The DREAMING private area

         As indicated in section 2.2, the solution chosen for the management of the private
         area of the website is based on a project management system named DotProject,
         which provides advanced functionality and capabilities that allows automated
         processing to create, publish & maintain documents.

         The following sections refer to items related to creation/deletion of documents in the
         private work area of the DREAMING website. These pages are accessed
         exclusively by administrators and/or Project Partners, through the DotProject
         structured-Wiki software package.


B.1      About DotProject
         DotProject is an Apache+PHP+MySQL web based project management software. It
         was originally conceived by dot marketing in December 2000. Since then, an
         international team of developers spanning the globe have put their time and effort
         into building DotProject into a robust but easy-to-use product.

B.1.1    DotProject features

         So as to support DREAMING private area activities, as well as to give DREAMING
         partners a useful way to exchange and share support information, we are using
         DotProject web-based software application, that gives direct access to all
         documents released or in progress. Naturally, access is controlled and restricted
         using id and password filters.

         The DotProject application contains a variety of modules that makes it easy to
         locate the latest information in a clear way. DotProject features include:
          Client/Company Management
          Detailed project information
          An hierarchical task list
          Graphical Gantt charts
          A repository for project related files
          A contacts list
          Calendar with monthly, weekly and daily views
          A project based discussion forum
          Detailed user management with resource based permissions

         The files module is a comprehensive Java-based application for creating, managing
         and distributing knowledge and support documents to DREAMING partners.

B.1.2    System requirements

         This needs a fourth generation browser that supports style sheets and JavaScript
         (IE Version 5.5 or better, Mozilla 1.2, Netscape 7.x, etc). Many PNG image files are
         used in DotProject with alpha-transparency. Later versions of Mozilla and Netscape


Public                                  Page 25 of 43                      v1.0 / 1st October 2008
                                                               D2.2 DREAMING Website



         will render these properly. A patch has been applied to allow IE 6.0 to render these
         images also. However, earlier version of IE will not display the background of the
         images properly.

         The following browsers will support DotProject on the client side, but the interface
         may vary slightly due to the differences in the implementation of JavaScript and
         style sheets:
          Internet Explorer 5.5 or higher
          Mozilla 1.2 or higher


B.2      Getting started
         The public area of the DREAMING web site is currently available at the following
         URL: http://www.dreaming-project.org. In order to access the DREAMING website’s
         private area, you have to login to the DotProject software application, as described
         in following sections.

B.2.1    How do I login onto the private area workspace?

         In order to login onto the DREAMING private area workspace, enter into the new
         DREAMING project website at http://www.dreaming-project.org and click on Private
         Area at the top right of the page, as shown in Figure 16 below.




                                Figure 16 – Access to private area

         You will then be prompted to enter your login name and password. You will receive
         your own login name, along with its associated password from TB·Solutions, as the
         private area’s Administrator. Meanwhile, you can access the DREAMING private
         area by using the following (user, password) couple, belonging to a demo user:
          Username:         dreaming
          Password:         welcome


Public                                  Page 26 of 43                    v1.0 / 1st October 2008
                                                                 D2.2 DREAMING Website



         From the login page, you should enter your username and password, as indicated
         in Figure 17, and click Login button. Please, take into account that demo user may
         access and view every item (except for Administrative Documents and Quarterly
         Reporting files), but she/he is not allowed to add, edit or delete any of them.




                         Figure 17 – Private area log-in and session start

         You will be able to change your password yourself to remember it more easily. As
         Administrator, TB·Solutions can also reset your password if you misplace/forget it.

B.2.2    Navigation top menu

         The Top Menu displays the main navigation menu and a generic sub navigation
         menu. It also displays the title of the particular module and the name of the current
         user, and module-dependent functions. Arrows 1, 2 & 3 point to elements that are
         present on all pages. Arrow 1 points to the links to the general pages on all projects,
         tasks, etc, while arrow 2 points to user specific elements: your to-do list (Todo),
         your tasks and events for the day (Today) and your contact info and access to the
         platform (My Info).




         Arrow 3 serves as a “shortcut”, allowing you to add an item (partner, contact, event,
         file, etc.) without having to navigate to another page. The button indicated by arrow

Public                                   Page 27 of 43                      v1.0 / 1st October 2008
                                                                  D2.2 DREAMING Website



         4 is present on every page, but its function changes depending on which page you
         are on. For instance, in the ‘Files’ section, it will allow you to add a new file, etc.
         Finally the little life preserver logo beside Arrow 4 is the help button. It is on every
         page and will direct you to DotProject’s help manual.

B.2.3    Main navigation menu

         The Main Navigation Menu will show the Active Modules and their Display Order
         as configured by your DotProject Administrator. The available modules are:
          The Contacts link opens the Contacts Module, which displays information
           about existing contacts.
          The Calendar link opens the Calendar Module, which can be used to see
           monthly, weekly and daily views, regarding the project events.
          The Files link opens the Files Module that allows you to manage the
           uploading/downloading of files.

         You will also see a Drop-Down List box with - New Item - displayed in the Main
         Navigation Menu. This drop-down list is based on the installed and active modules,
         and provides a quick way to access module-dependent functions such as
         creating a new contact or file.

B.2.4    Sub navigation menu

         The Help link opens our Help Documentation window. The My Info link displays
         the current users’ personal information and permissions. The Today link opens our
         Calendar display where you can see both Events and Tasks for the current day (or
         an alternative day). You can display an alternative Day View from one of the three
         Month-View calendars displayed on the Day View page. To select alternative day,
         click on the day you want displayed in Day View. The Logout link will close your
         DotProject session and will return you to the main login screen.

B.2.5    Changing your password and references

         To change your password or any of your preferences, click on the My Info link in
         the upper right-hand side of the screen. The edit this user link will allow you to
         change your password, contact information, etc, while the edit preferences will
         allow you to set your preferences for using the system.

         For instance, if you would like to change your password you will need, first, to login
         and visit the My Info link included in the sub navigation menu. This link displays
         the current users personal information and permissions, along with a change
         password link (on the upper right side of the screen), that allows the end user to
         change his/her own password.

         The change password utility requires end user to provide the current password, as
         well as the new password and its confirmation. By the moment, this utility will be
         available only for the DotProject administrator.



Public                                   Page 28 of 43                      v1.0 / 1st October 2008
                                                               D2.2 DREAMING Website



B.2.6    The “Today” layout

         When you first login the platform you see your Today layout. The main part of the
         today layout is divided into two sections: Events & Tasks. Below is an example of
         Today layout for the Project Partner user (its Events view can be seen in Figure 18.




                              Figure 18 – Today layout (events view)

         The DREAMING project’s Tasks view can be seen in Figure 19.




                               Figure 19 – Today layout (tasks view)


Public                                  Page 29 of 43                    v1.0 / 1st October 2008
                                                                  D2.2 DREAMING Website



         To shift back and forth between the Tasks and Events views, simply click on the
         desired tab in the mid-left of the screen.




         In the two sample views, you can see an event to which DREAMING project has
         been registered as a participant. If you move your cursor over the appointment
         name, you will see that this is a hyperlink which you can click on to go to details of
         the appointment. Alternatively if you leave your mouse pointer "hovering" over the
         link, DotProject will display details of the appointment, if they are available.

B.2.7    Getting help

         There is a small help icon on each page, usually to the far right of the page title that
         will open the Help Documentation to the context specific page. You can also click
         the index link to go to a table of contents for our Help Documentation.

         You can also access the Help Documentation by clicking the help link in the
         navigation menu. This will open the Help Documentation table of contents page.

B.2.8    Understanding the Icons on the screen

               Help

               Edit

               Edit task

               Flags that there is a problem

               Milestone

               Unread messages

               Delete

B.2.9    Logout

         The Logout link included in the sub navigation menu will close your DotProject
         session and return you to the main login screen.




Public                                   Page 30 of 43                      v1.0 / 1st October 2008
                                                                 D2.2 DREAMING Website



B.3      The Contacts module
         The Contacts screen works very much like an address book. Select Contacts link
         from the left navigation menu to access the Contacts module. You can look up
         information about existing contacts by clicking on any of the hyperlinked contact
         names (see Figure 20 – DREAMING Contacts module: main screen).

         You can see all of the available contact listings by choosing the show all option.
         Alternatively, you can restrict the number of visible contacts to those last names
         starting with specific letters of the alphabet. [Note: you are only able to restrict to
         specific alphabet letters if there are entries that exist for those letters]. Under the
         contacts module you can store and retrieve information such as:
          First Name, Last Name, and Display Name.
          Company, Title, and Type.
          Address 1, Address 2, City, State, Zip.
          Phone 1, Phone 2, Mobile Phone.
          Email 1, Email 2, ICQ.
          Contact Notes.

         New contacts are added by clicking on the New Contact button. Detailed
         information about adding new contacts, editing existing contacts, or deleting
         contacts is presented on the Add, Edit, or Delete Contacts help page.




                             Figure 20 – DREAMING Contacts module

Public                                   Page 31 of 43                      v1.0 / 1st October 2008
                                                                  D2.2 DREAMING Website



         The overall objective of the contacts module is to create a centralised location
         where users of the system can access contact information. However, this may not
         be desirable in some circumstances. For example, if you are providing your clients
         with read access to your DotProject installation, they will be able to view your
         contacts listing and may thereby gain access to your full client list.

         The private entry check box allows restricting access to contact information. If a
         contact entry created by a user is marked as private entry, only this user will be
         able to see it, along with the listing of public contact entries.

B.3.1    Searching within contacts

         If you want to look for specific information, you can type it in the search box. The
         search will be made on the following fields:
          First name and Last name.
          Company name.
          Display name.
          Email.
          Notes.
         The search filter will be maintained until you click on the reset search button.

B.3.2    Adding a new contact

         You can add a new contact by clicking on the New Contact button that is presented
         on the main contacts page, as well as on any of the contacts entry sub pages.

         Once you click the New Contact button, you will be on redirected to a New Contact
         Form. If you decide to exit this form without completing a new contact, you can click
         the contact listings hyperlink to return to the main contacts page.

         Using the New Contact Form you can populate your record with the following
         information:
          First Name, Last Name, and Display Name.
          Private Entry.
          Company, Title, and Type.
          Address 1, Address 2, City, State, Zip.
          Phone 1, Phone 2, Mobile Phone.
          Email 1, Email 2, ICQ.
          Birthday.
          Contact Notes.




Public                                   Page 32 of 43                      v1.0 / 1st October 2008
                                                                  D2.2 DREAMING Website



         The only required field for a contact listing is the Last Name field. However, the
         required field validation is only performed by client-side JavaScript, and is not
         incorporated into the underlying database model.

         There is no validation logic for either of the Email address fields.

         Furthermore, even though the Birthday field requests the date be supplied in
         (yyyy-mm-dd) format, there is no validation [either client-side or server-side] to
         ensure this data was entered correctly.

         The private entry enables you to keep entries that only you have access to.
         However, when upgrading older versions it is impossible to determine who the
         original author was. The first person to edit a contact after an upgrade is assumed
         to be the owner of the contact and can make the entries private if so desired.

         To enter a new contact data record, hit the submit button at the bottom of the New
         Contact form.

B.3.3    Editing existing contacts

         If you are user with Read-Write access, whenever you view a contact's details by
         clicking on the hyperlinked name of the contact, you are presented with the Edit
         Contact Form for this contact. You can make changes to any of the fields on the
         form and save the modifications by clicking the submit button.

B.3.4    Deleting contacts

         Contacts can be deleted by clicking on either the delete contact hyperlink or the
         trashcan icon from any Edit Contact screen.

B.3.5    Exporting and importing vCards

         DotProject supports the vCard standard. So, contacts can be easily managed,
         stored and shared. To export a vCard for an existing contact, click on the vCard link
         after the name of the contact. For importing a new contact from a vCard file, click
         on the Import vCard link on the upper right of the page on top of the table with the
         contacts. You are redirected to the Import vCard page where you have to choose
         the source file with the vCard data. Note that this vCard source file may contain
         several vCards, which will be imported all at once. The imported vCards should now
         be visible as contacts from the contacts index page.


B.4      The Calendar module

B.4.1    Monthly display

         The calendar module can be selected from the main option listing. The default view
         will be the monthly view. At the top of the screen there are two filter options that can
         be applied to see the associated information:


Public                                   Page 33 of 43                          v1.0 / 1st October 2008
                                                                  D2.2 DREAMING Website



                                  Table 5 – Calendar filter options

          Filter option     Description

                            Select the name of the partner to only display entries that belong
          Partner           to that partner. “All” can be used to display details for all
                            DREAMING partners

                            This option allows you to select a filter for entries to be displayed:
          Event Filter
                            either all events, those you have created or those involving you.

         At the top of the calendar month display, there are left and right arrows that can be
         used to scroll forwards and backwards through months.

         You can change the view from the monthly view to a daily view by clicking on the
         number of any day in either the previous / current / next month.

B.4.2    Entering a new event in the calendar

         There are two ways of entering a new event:
          Select Event from the New Item box at the top of the screen.
          Click on the New Event button on the Day / Today View of the Calendar (you
           can access this view from the main calendar by clicking on any of the day / dates
           on any of the months).




                          Figure 21 – Entering a new event in the calendar




Public                                    Page 34 of 43                      v1.0 / 1st October 2008
                                                                   D2.2 DREAMING Website



         This form is completed as follows:

                                  Table 6 – New event form fields

          Form field         Description
                             Select the name of the partner to only display entries that
          Partner            belong to that partner. “All” can be used to display details for all
                             DREAMING partners
          Event Title        Enter the name / short description of the event.
          Description        Enter a full description for the calendar event.
                             Click this option to make the event private - in other words only
                             viewable in the calendar for the person posting the event. Be
          Private Entry      careful with this because even if you have assigned other
                             people to the event if private is ticked on, they will not be able to
                             see the entry in their calendar.
                             These options will automatically indicate the date you’ve clicked
                             on if the event is added from the daily calendar view, or the
          Start / End Date
                             current date if a new event is selected by clicking on “New Item”
                             at the top of the screen.
          Start / End Time   Select the required start and end times for the event.
                             You can select if this event occurs more than once on a regular
          Recurs
                             basis.
                             Use this field to indicate the number of reoccurrences required.
          x times            If the ‘Recurs’ box is filled in, the ‘x times’ field must be filled in
                             otherwise the event will not appear in the calendar.
                             This is the list of all the users that have been included in the
          Invited to Event   event. To invite a new user, select his/her name from the box
                             and click on the right arrow below the box.

         The addition of new events to the Calendar may only be done by users owning an
         ‘Administrator’ or ‘Work Package Leader’ profile. Moreover, only the Administrator
         may delete the calendar events. Users with a ‘Project Partner’ profile can only view
         the information, but they aren’t allowed to edit or delete it.


B.5      The Files module
         The Files module allows you to store files related to your projects and tasks, and to
         edit or review other files that have been posted.

B.5.1    Overview

         Using the Files module you can manage uploading and downloading of files. With
         this module, each DREAMING user can upload and/or download documentation
         and user guides. All users have access to the information portal for DREAMING
         based on the Files module.


Public                                   Page 35 of 43                        v1.0 / 1st October 2008
                                                                  D2.2 DREAMING Website



         The information available through this module will be updated using the content
         management tool of the DotProject software. This administration tool allows users
         with the right authorisation to update pages of information and upload new
         documents to the Files module. The DREAMING users can then access the
         information and download documents as they wish and have need for.

B.5.2    Accessing the Files page

         To access the Files page, either click on the Files link in the upper left toolbar. This
         page displays a list of all of the files on the system. Like with other pages, there is a
         Filter in top left-hand side that allows one to sort files based on the different
         projects. Files are sorted based on subject matter: All Files, Deliverables,
         Presentations, Administrative Documents, Library, News, Quarterly Reporting
         and Pending Issues (see Figure 22 – DREAMING files module).




                      Figure 22 – DREAMING files module (deliverables view)

B.5.3    Adding / uploading a file

         One can add a file directly by clicking on the new file button from the main Files
         page or by selecting file from the New Item drop-down menu (upper-right). If you
         add a file from any one of these places, it will always appear in the Files module.

         In both cases, you will be presented with an input form (see Figure 23). Fill in the
         fields with the appropriate information.




Public                                    Page 36 of 43                      v1.0 / 1st October 2008
                                                                 D2.2 DREAMING Website




                                    Figure 23 – File upload form

         On adding a file, one must:
          Indicate the version of the document that is to be uploaded.
          Choose which category or file type it should belong to: Deliverables,
           Presentations, Administrative Documents, Library, News, Quarterly Reporting or
           Pending Issues.
          Choose which Work Package it should belong to.
          Write a brief description of the file.

         In order to upload a document, you must click on the submit button at the bottom of
         the form. You will be taken back to the Files Index page where you started. There
         should now be one new entry in results table corresponding to selected specialty.

         Important:

         When naming files to be uploaded to the DotProject file module, please do not use
         spaces or accents in the file names. Instead of spaces, use the underscore key
         (e.g. project_summary.doc). This avoids having unusual characters in the file
         names after they have been uploaded.

B.5.4    Opening or downloading a file

         To view/download a file, you can select it by clicking on its File Name hyperlink. The
         document is downloaded from the server and opened on the client side (see Figure
         24 – Opening or downloading a file by clicking filename hyperlink).




Public                                  Page 37 of 43                      v1.0 / 1st October 2008
                                                                D2.2 DREAMING Website




            Figure 24 – Opening / downloading a file by clicking filename hyperlink

         You can also click on the     edit icon associated to the file and the download link.
         The process will result in a pop-up window asking you if you would like to open or
         save the file (see Figure 25 – Opening or downloading a file by clicking edit icon).




                  Figure 25 – Opening / downloading a file by clicking edit icon




Public                                  Page 38 of 43                     v1.0 / 1st October 2008
                                                                    D2.2 DREAMING Website



B.5.5    Editing/deleting a previously uploaded file

         Clicking on the     edit icon to the extreme left of any of the file listing will allow you
         to edit or delete any of the header information stored against any of the files. After
         clicking on the edit icon, you will be presented with the Files form (see Figure 26 –
         Editing / deleting form for individual files) for adding or editing individual files.




                       Figure 26 – Editing / deleting form for individual files

         In this form, you can see that each previously uploaded file is defined by its File
         Name, its Type and its Size. In addition, each file should be assigned to the
         uploader by means of the Uploaded by information field.

         This form also allows you to edit the same fields used to upload the file, i.e.:
          Version of the document.
          File type associated to the document. This category can be selected from a
           Drop-Down List box.
          Work Package the document should belong to.
          Description, in which you put the upgraded keywords to describe the document
           contents and address the search engine.
          Upload File, where you browse your PC to upload an updated file.

         To Submit your new file or file edits, click the form's submit button at the bottom of
         the form. You will be taken back to the Files Index page where you started. There
         should now be one new upgraded entry in the results table corresponding to the
         selected specialty.

         Files can be deleted from the Files form for adding or editing individual files by
         clicking on the delete file link from the upper right part of the form.

Public                                    Page 39 of 43                        v1.0 / 1st October 2008
                                                               D2.2 DREAMING Website



B.5.6    File management main rules

         The access, view, addition, edition or deletion of files within the DREAMING private
         area is currently governed by the following rules, depending on the user profile, as
         well as on the file type:
          Administrators: They may access, view, add, edit or delete all of the files
           uploaded to the DREAMING private area.
          Work Package Leaders: They may access, view, add, edit or delete their owned
           uploaded files. Moreover, they may access, view, add, edit or delete all of the
           files types uploaded (by them or by other project partners) to their managed work
           package(s). In addition, Work Package Leaders may access, view or even add
           Administrative Documents and Quarterly Reporting files.
          Project Partners: They may access, view, add, edit or delete their owned
           uploaded files. They may also access and view all of the files types uploaded (by
           them or by Administrators, Work Package Leaders or other Project Partners),
           except for Administrative Documents and Quarterly Reporting files.




Public                                  Page 40 of 43                    v1.0 / 1st October 2008
                                                               D2.2 DREAMING Website




Appendix C: Logos


C.1      Project logo
         Creating a DREAMING brand is the ultimate goal of the project’s dissemination and
         exploitation activities. The project logos shown in the figure below will serve as a
         first and essential step for the DREAMING project in achieving such a brand.




                                   Figure 27 – DREAMING logos


C.2      Partners’ logos
         The logos of the DREAMING project partners are given in the following table:

                               Table 7 – DREAMING partners’ logos

          Partner name - Location       Logotype



          AGE - The European Older
          People’s Platform -
          Belgium




Public                                  Page 41 of 43                    v1.0 / 1st October 2008
                                                     D2.2 DREAMING Website




         Partner name - Location     Logotype



         Azienda per i Servizi
         Sanitari nº1 - Italy




         County Council of Uppsala
         - Sweden




         East-Tallinn Central
         Hospital - Estonia



         Government of Aragon -
         Servicio Aragonés de
         Salud - Spain


         Technical Coordinator:
         Health Information
         Management S.A. -
         Belgium

         Municipality of Heby -
         Sweden


         Langeland Kommune -
         Denmark




         Mediplus - United Kingdom




         Region Syddanmark -
         Denmark




Public                               Page 42 of 43          v1.0 / 1st October 2008
                                                         D2.2 DREAMING Website




         Partner name - Location         Logotype


         TB·Solutions Advanced
         Technologies S.L. - Spain



         Telemedicina Rizzoli S.p.A.
         – Italy



         Tesan-Televita S.r.l. - Italy
         (Project Coordinator)




Public                                   Page 43 of 43          v1.0 / 1st October 2008

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:6
posted:2/9/2012
language:
pages:43