The Citizen App Good governance through citizens participation

  • Slides: 20
Download presentation
The Citizen. App Good governance through citizens participation. . . ADEKOLA ADEBAYO (0446955) MD

The Citizen. App Good governance through citizens participation. . . ADEKOLA ADEBAYO (0446955) MD ANOWARUL ABEDIN (0446913) RAJESHWARI CHATTERJEE (0447006) SUMEET THOMBRE (0447035) GROUP-2, OPEN DATA & GREEN IT CODE CAMP, SPRING-2015

Topics-1 • Idea – The Citizen. App • Motivation • Application Flow • Application

Topics-1 • Idea – The Citizen. App • Motivation • Application Flow • Application Structure • Features • User Experience • Effectiveness / Coolability

Introduction – The. Citizen. App Theme: Good governance through citizens participation • The Application

Introduction – The. Citizen. App Theme: Good governance through citizens participation • The Application is focused on ensuring good governance • Of the Citizen, By the Citizen, For the Citizen • Users will report threats and problems regarding safety and public facilities • Analytical Report on the given input from people

Motivation • Based on the paper published by World Bank [Bott et. al. ,

Motivation • Based on the paper published by World Bank [Bott et. al. , 2014] • Crowdsourcing /Citizen Science could ensure good governance in developing nations • Citizens in developing countries often do not find a platform to voice grievances • Application provides platform for voicing grievances anonymously • Inspired by implementation of “IT for Green” and Open Data

Application Flow Crowdsourcing • Collecting Data from People • A Mobile Application Data Storage

Application Flow Crowdsourcing • Collecting Data from People • A Mobile Application Data Storage and Analysis • Store data online • Analyze data • Display Report Data Sharing • API for other organizations • Open for everyone

Application Structure Mobile App • Crowdsourcing for Problem Input and Poll Web Platform •

Application Structure Mobile App • Crowdsourcing for Problem Input and Poll Web Platform • Submitting Problem Reports • Online Storage • Display Report • Share via API

Features • Problem Reporting • Commenting about the problems • Viewing comprehensive Status according

Features • Problem Reporting • Commenting about the problems • Viewing comprehensive Status according to the problems • Viewing the status of a particular city/area • Poll of the Week based on a concurrent problem • Poll Report • Geo-location based Analysis • Statistical Report based on people’s feedback

Users • Mobile App Users • Everyone who are facing safety and facility problems

Users • Mobile App Users • Everyone who are facing safety and facility problems • Web Platform Users • • • Individual residents of a locality. Municipal authorities and Law enforcement agencies People who are considering shifting to a new locality Social and Statistical Researchers and NGOs Governments

User Experience • Easy Two click input process • Optional commenting • Anonymous opinion

User Experience • Easy Two click input process • Optional commenting • Anonymous opinion sharing

User Experience - 2 • Reports View

User Experience - 2 • Reports View

In Context with the Codecamp • Use of Open Data: • Google Map as

In Context with the Codecamp • Use of Open Data: • Google Map as its Open Data Source • The Application itself as the source of Open Data • Citizen Science: • Uses Crowdsourcing for data collection • Solely depends on the participation of people • Green IT: • • Green coding techniques were used as much as possible The Application serves as a platform of “IT for Green” Focuses on increasing people’s comfort Could help increase environmental cleanliness

Topics-2 • Idea - The Citizen. App • Design Plan • Use of Open

Topics-2 • Idea - The Citizen. App • Design Plan • Use of Open Data • Techniques and Platforms • Experiences about the Platforms • Some Significant Coding Sections

Design Plan Crowdsourcing • Collecting Data from People • A Mobile Application Data Storage

Design Plan Crowdsourcing • Collecting Data from People • A Mobile Application Data Storage and Analysis • Store data online • Analyze data • Display Report Data Sharing • API for other organizations • Open for everyone

Use of Open Data • Google Map as its Open Data Source in order

Use of Open Data • Google Map as its Open Data Source in order to collect the location of the problem: • Google Map API is used in the Mobile App • Google Map API is used in the Web Interface • The Application itself as the source of Open Data: • The collected feedback from the crowd is available from everyone • Different preliminary analyses and reports are open for everyone as well • An API is available with our application to ensure future use of the data by other parties

Techniques and Platforms • Angular JS • Node JS • Mongo DB • Express

Techniques and Platforms • Angular JS • Node JS • Mongo DB • Express • Mongoose • Google Map (Open Data Source for area mapping)

Experiences About the Platforms • Angular JS – a powerful and neat js framework

Experiences About the Platforms • Angular JS – a powerful and neat js framework for designing front-ends of web applications. (struggled with this as regards implementing the front-end of our app ) • Node JS – quite straightforward to use; no issues • Mongo DB – previous familiarity, was fun to have a json-oriented db • Express – a powerful middleware that handles most (if not all) requirements for a web application framework (routing, static files, logging, parsing etc) • Mongoose – ensured data in our db matches a pe-defined schema; provided an easyto-use API for working with the db (save, find. One) • Google Map (Open Data Source for area mapping) – provided us with data about locations and coordinates.

Some Code Sections • Angular JS

Some Code Sections • Angular JS

Some Code Sections - 2 Node JS

Some Code Sections - 2 Node JS

What was implemented? Open data API using Node. JS ◦ http: //accomorate-adekola. c 9.

What was implemented? Open data API using Node. JS ◦ http: //accomorate-adekola. c 9. io/api/reports ◦ Query options ◦ Limit ◦ Type ◦ Category ◦ Area ◦ http: //accomorate-adekola. c 9. io/api/report/<id> ◦ Query parameter ◦ Id Simple Web interface for viewing and posting Reports http: //accomorate-adekola. c 9. io

Thank You

Thank You