SlideShare a Scribd company logo
Development
      of new
   Childline
     website
         2012
Steps to creating a new
childline.ie website
Documentation
Specification

 This document describes in great detail the different roles
  of users that will use the website:
  -children
  -volunteers- to engage children in conversation, to record
  information/ details of engagements
  -supervisors- to set up volunteer accounts, to monitor
  best practice on chats both live and historical, to collect
  data for stats etc
  -administrator- to edit and maintain
Different roles involve different
 Different roles involve different responsibilities, tasks,
responsibilities, tasks, and access tohad
 and access to different parts of the site. All this
different parts of muchsite. All possible to to be
 to be explained in as the detail as this had
explaineddevelopers provide a detailed breakdownto
 enable the in as much detail as possible
 of costs and timelines.
enable the developers provide a detailed
breakdown of costs and timelines.
Costs
  Evaluated with developers and price and payment
  schedule negotiated

Prototype
 This document creates a wireframe of the site from the
  specification document provided and allows those not
  familiar with specification documents a clearer picture
  of how the site will be created, what page goes here,
  what page goes there.
Functional Specification

  This document goes hand-in-hand with the prototype.
  It is a re-worked version of the original specification
  document and in addition allows you to see how the
  site will work functionally; you can go back and forth
  between the prototype- to see how the site will be laid
  out- and the functional requirements document- to see
  how the portion of the site you are looking at in the
  prototype should work. Once this document has been
  completed and it meets the original specification, it will
  be used by the development team as a template for
  creating the site.
Design

  Moodboard - this is a 1-2 page document showing
    colour palette suggested by the design team based
    on the type of site and interaction required. It also
    details the level of use of each colour, where the
    colours will be used, the fonts, the shape of
    buttons, highlighting, etc.

  Mock-ups of different page types - The different page
    types detailed in the functional specification are
    mocked-up using the design ideas from the
    moodboard. At this point we sought feedback from
    children in Dublin and Monaghan about the design
    choices.
Development
  Converting the functional specification into php code,
  and creating the images and stylesheets necessary to
  give the site the correct look together with the
  functionality

Hosting requirements
  Deciding where to host the site, ensuring the server is
  capable of handling thousands of simultaneous
  conversations
Testing
•   Checking each line of functional specification against the
    implementation.
•   Test the roles for all user types in various scenarios.
•   Ensuring that the hosting server is capable of handling thousands
    of simultaneous conversations, so that we are future-proofed.
•   Purchase a Verisign SSL certificate to provide strong encryption
    for the site, apply and test to ensure it doesn’t break the chat
    functionality.
•   Plan the deployment and go live strategy- to ensure a smooth
    transition between the old site and new site; to extract data from
    old site and import into new site between shifts to ensure no data
    loss; to guarantee that only the new site is visible when we go live
    (relates to the 48-hour that it can take for all DNS servers
    worldwide to reflect the changes to the repointing of the website
    IP address)
•   Upload & format all content
Go Live

• Creation of manual for volunteers and supervisors

• Training given by development team to supervisors

• Training given by supervisors to volunteers

• Website goes live
Development of ISPCC Childline Website
Development of ISPCC Childline Website

More Related Content

PDF
Holocaust Education
PPTX
National Runaway Switchboard USA
PDF
Indicators For Monitoring Child Abuse And Neglect
PPTX
Youthline New Zealand
PPT
New Media Campaigns from Child helplines
PDF
Kids Help Phone Canada - Web Post Counselling - Report
PDF
CHI 2012 International Consultation - Info Pack
Holocaust Education
National Runaway Switchboard USA
Indicators For Monitoring Child Abuse And Neglect
Youthline New Zealand
New Media Campaigns from Child helplines
Kids Help Phone Canada - Web Post Counselling - Report
CHI 2012 International Consultation - Info Pack

Similar to Development of ISPCC Childline Website (20)

PPT
Open / Drupal Camp Presentation: Brent Bice
PDF
Web Hosting, Web Design & Development Technical Proposal
PDF
Anish Gupta CV (UI and SharePoint developer)
PDF
What are the Three Main Stages of Web Development?
DOC
Hari Kovvada ( .NET Programmer)
DOC
Viswanathan CV
PDF
Verto_SevenStep_Process
PPTX
Salesforce Communities Portal Conversion Solution
PDF
Apen Technologies
PDF
Resume updated-maks
DOC
Stephen Kleimeyer’s SharePoint Resume
DOC
thiru_resume_9yrs
PPTX
Redesigning a large B2B website - The FusionCharts revamping story
PDF
Sundar_v5.9_Proj_Summary
PPTX
Webigence Credentials - showcasing technically complex bespoke ASP.NET projects
DOCX
20160823 kruk resume_ncv_sharepoint dev
DOCX
Robert polak matrix skills-web developer 2018-3
PDF
JoeApodacasResume
Open / Drupal Camp Presentation: Brent Bice
Web Hosting, Web Design & Development Technical Proposal
Anish Gupta CV (UI and SharePoint developer)
What are the Three Main Stages of Web Development?
Hari Kovvada ( .NET Programmer)
Viswanathan CV
Verto_SevenStep_Process
Salesforce Communities Portal Conversion Solution
Apen Technologies
Resume updated-maks
Stephen Kleimeyer’s SharePoint Resume
thiru_resume_9yrs
Redesigning a large B2B website - The FusionCharts revamping story
Sundar_v5.9_Proj_Summary
Webigence Credentials - showcasing technically complex bespoke ASP.NET projects
20160823 kruk resume_ncv_sharepoint dev
Robert polak matrix skills-web developer 2018-3
JoeApodacasResume
Ad

More from Thomas Müller (20)

PDF
Global progress and delay in ending violence against children
PPTX
Innovation within organisations: Child Helpline International - Innovation Ex...
PDF
CHI - coporate identity manual
PDF
Creating a Non-Violent Juvenile Justice
PPTX
The International NGO Council on Violence Against Children: "creating a non-v...
PDF
Chat Counselling for Children and Youth - A Handbook
PDF
Vulnerabilities Syria Crisis
PDF
Fundraising Handbook for child protection and gender based violence in humani...
PDF
Guidelines for Children on Child Online Protection
PDF
Minimum Standards for Child Protection in Humanitarian Action
PDF
Harmful practices report
PDF
Trends for child helplines
PPT
CHI Video Workshop
PPTX
BRIS New Media Campaigns
PPT
Chat Counseling
PPT
My ISPCC
PDF
Apps and Privacy
PDF
CHI - 2011 VAC Report
PDF
Children, mobile phones and safety
PDF
Childrens use of mobile phones - Infographic
Global progress and delay in ending violence against children
Innovation within organisations: Child Helpline International - Innovation Ex...
CHI - coporate identity manual
Creating a Non-Violent Juvenile Justice
The International NGO Council on Violence Against Children: "creating a non-v...
Chat Counselling for Children and Youth - A Handbook
Vulnerabilities Syria Crisis
Fundraising Handbook for child protection and gender based violence in humani...
Guidelines for Children on Child Online Protection
Minimum Standards for Child Protection in Humanitarian Action
Harmful practices report
Trends for child helplines
CHI Video Workshop
BRIS New Media Campaigns
Chat Counseling
My ISPCC
Apps and Privacy
CHI - 2011 VAC Report
Children, mobile phones and safety
Childrens use of mobile phones - Infographic
Ad

Development of ISPCC Childline Website

  • 1. Development of new Childline website 2012
  • 2. Steps to creating a new childline.ie website
  • 3. Documentation Specification This document describes in great detail the different roles of users that will use the website: -children -volunteers- to engage children in conversation, to record information/ details of engagements -supervisors- to set up volunteer accounts, to monitor best practice on chats both live and historical, to collect data for stats etc -administrator- to edit and maintain
  • 4. Different roles involve different Different roles involve different responsibilities, tasks, responsibilities, tasks, and access tohad and access to different parts of the site. All this different parts of muchsite. All possible to to be to be explained in as the detail as this had explaineddevelopers provide a detailed breakdownto enable the in as much detail as possible of costs and timelines. enable the developers provide a detailed breakdown of costs and timelines.
  • 5. Costs Evaluated with developers and price and payment schedule negotiated Prototype This document creates a wireframe of the site from the specification document provided and allows those not familiar with specification documents a clearer picture of how the site will be created, what page goes here, what page goes there.
  • 6. Functional Specification This document goes hand-in-hand with the prototype. It is a re-worked version of the original specification document and in addition allows you to see how the site will work functionally; you can go back and forth between the prototype- to see how the site will be laid out- and the functional requirements document- to see how the portion of the site you are looking at in the prototype should work. Once this document has been completed and it meets the original specification, it will be used by the development team as a template for creating the site.
  • 7. Design Moodboard - this is a 1-2 page document showing colour palette suggested by the design team based on the type of site and interaction required. It also details the level of use of each colour, where the colours will be used, the fonts, the shape of buttons, highlighting, etc. Mock-ups of different page types - The different page types detailed in the functional specification are mocked-up using the design ideas from the moodboard. At this point we sought feedback from children in Dublin and Monaghan about the design choices.
  • 8. Development Converting the functional specification into php code, and creating the images and stylesheets necessary to give the site the correct look together with the functionality Hosting requirements Deciding where to host the site, ensuring the server is capable of handling thousands of simultaneous conversations
  • 9. Testing • Checking each line of functional specification against the implementation. • Test the roles for all user types in various scenarios. • Ensuring that the hosting server is capable of handling thousands of simultaneous conversations, so that we are future-proofed. • Purchase a Verisign SSL certificate to provide strong encryption for the site, apply and test to ensure it doesn’t break the chat functionality. • Plan the deployment and go live strategy- to ensure a smooth transition between the old site and new site; to extract data from old site and import into new site between shifts to ensure no data loss; to guarantee that only the new site is visible when we go live (relates to the 48-hour that it can take for all DNS servers worldwide to reflect the changes to the repointing of the website IP address) • Upload & format all content
  • 10. Go Live • Creation of manual for volunteers and supervisors • Training given by development team to supervisors • Training given by supervisors to volunteers • Website goes live