1. UOCMarks
The new bookmarks tool for the
Virtual Campus. Workflow.
Arantxa Hernández López
iCommunity

2. UNIVERSITAT OBERTA DE 0 Office of Learning Technologies ·
CATALUNYA learningtechnologies.uoc.edu
1. The Problem.
The Old “Preferits” system.
● Old binary code
● Outdated design
● No UX / No Accessibility

3. UNIVERSITAT OBERTA DE 0 Office of Learning Technologies ·
CATALUNYA learningtechnologies.uoc.edu
2. Requeriments.
● A very intuitive and accessible tool.
● User can still add your links, but only through the new widget.
● Organization of links by tags and categories.
● The widget will design marked by d'Estil Campus Guide 5.0.
● In the future, it will become a "social" tool, to share links with other users.
3. Researching existing tools.
Like:
● Delicious
● Diigo
● Google Bookmarks (www.google.com/bookmarks/)
● Getboo
● Diig
● And different APIs

4. UNIVERSITAT OBERTA DE 0 Office of Learning Technologies ·
CATALUNYA learningtechnologies.uoc.edu
4. The Idea. Sketching.
Yes. The best tool for start prototyping is... pen and paper!
It's cheap and easy!
:)

5. UNIVERSITAT OBERTA DE 0 Office of Learning Technologies ·
CATALUNYA learningtechnologies.uoc.edu
5. Wireframing.
Mockflow App. Check out! It's free!
Link: app.mockflow.com/

6. UNIVERSITAT OBERTA DE 0 Office of Learning Technologies ·
CATALUNYA learningtechnologies.uoc.edu
6. Design proposal and implementation.
+
Development:
Design → Arantxa Hernández
HTML & CSS → Arantxa Hernández
Import DB Oracle / MySQL → Llorenç Sabaté
Ruby on Rails → Llorenç Sabaté

7. UNIVERSITAT OBERTA DE 0 Office of Learning Technologies ·
CATALUNYA learningtechnologies.uoc.edu
7. The result.
→

8. Gracies
Thanks!
Questions and suggestions:
Arantxa Hernández:
ahernandezlopez0@uoc.edu
Llorenç Sabaté:
lsabate@uoc.edu
participa@uoc.edu