screens' design, workflow and functionality

1. Smart
ecycling
ITU GREEN
ICT APPLICATION CHALLENGE

2. Screenshots

3. Smartphone Application: Smart Recycling
 What to recycle?
 Where to recycle?
 What about special materials?
 Reporting situations with the recycling system
 Why is important to recycle?
 What about private/public recycling centers?
 Registration of nearest bins

4. Main screen
intro
transition
This first screen shows
the logo of the company
or the sponsors
Home: this is the first
screen shown usually

5. Main screen - Options
Home Screen: with 5
main options

6. Main screen - Options
Screen with information of
bins
Recent research
made by the user
Home Screen: with 5
main options
List of materials, bins
and recycling centers
previously saved by the
user

7. Home Option 1-> CANJES
Map: all the nearest
exchanges
Add to favorites:
save the item to
“My Saves”
Web: another screen
with the site.
Llamar: make a call.
Map: show the map with
adhered establishment
Click on a exchange
Share: publish a post
or tweet on the user’s
profile with this basic
information (public
post to all his friends)
Exchanges list A-Z, can
be searched by name
Description of the
EXCHANGE

8. Home Option 2-> MATERIALS
Add to favorites:
save the item to
“My Saves”
Click on a material
Map: show the map
with recycling center
that accept this
Canje: this material
has promotions as
exchangeable into the
city (available)
On click it shows the
map with places to
exchange
Product list A-Z, can be
searched by introducing
text
Description of the
product materials and
what to recycle

9. Home Option 3 -> CENTERS
Mapa: all the
nearest recycling
centers
Add to favorites:
save the center to
“My Saves”
Go to the web site or
make a call or go to
the map
Click on a center
Canje: this center
exchange materials
for money or tickets
(available)
On click it shows the
map with places to
exchange
Centers A-Z, can be
searched by name
Description of the center
and what to recycle

10. Home Option 4 -> BINS
Mapa: all the
nearest recycling
bins
Go to the map
Click on an item
Product list A-Z, can be
searched by name or
barcode scanning
Description of the bin
and what to recycle

11. Exchanges-> MAP OPTION
Click on an item
on the map
Click on more info
Exchanges Map
Description of the
exchange (slide 7)

12. Centers-> MAP OPTION
Click on an item
on the map
Click on more info
Centers Map
Description of the center
and what to recycle
(slide 9)

13. Bins -> MAP OPTION
Click on an item
on the map
Click on more info
Bins Map
Report problems and it generates an
automate tweet and send email to
local collectors
Shows the tweet done in
@mireciclaje account

14. News
Click on an item
Events, information and
collaboration partners,
this information is
frequently updated
It shows the screen with
the information related, it
could include: external
links, pictures,
addresses, telephones,
etc.
Lis’ notes: Missing the screen of news

15. Diagrams

16. General Arquitecture
Citizens
MWS Server
GPRS/ 3G
Firewall
Enquire/report
Recycling
companies & bins
Internet
Web services
MSW
Web services
external
ADSL
Registration
Citizens & collectors
Notifications
Databases
Recycling
companies
Bins
MSW
materials

17. Sequence diagram: materials recognition
<<UI>>
App
Citizen
Internet
3g
Web Service:
MSW
BBDD MSW
materials
Open app
Send user location
Text or scan a
product
Load city/country
configuration
Material recognition
Query material
Get material data
Load material data
View product info
Click on centers
to recycle
Send material data
View Map with
centers or bins
Load where to recycle
near user location
Query bins&centers
to recycle
Get recycle places data
BBDD MSW
bins & centers

18. Sequence diagram: bins/centers and reports
<<UI>>
App
Citizen
Internet
3g
Web Service:
MSW
BBDD MSW
bins&centers
Open app
Send user location
Click on “Bins or
Centers/Map”
View map with
bins or centers
Click on bin to get
or report status
View bin state
Click on status
report
Load city/country
configuration
Ask for bins or centers
near location
Load bins or centers and
locations
Send bin id
Load bin updated
information
Send change of status
Query bins
Get bins data
Query bin state
Get specific bin state
Upload bin state
Report incident to external sources
Twitter and
government

19. Sequence diagram: news
<<UI>>
App
Citizen
Internet
3g
Web Service:
external
BBDD news
Open app
Send user location
Click on
“News”
View news
Click on add and
event or paper
Load city/country
configuration
Ask for latest events and
papers
Load events and papers
Query news
Get news data
Send request
Save a new item
Report event in external sources
Twitter and
government