16
WEB PER A INTOLERANTS A LA LACTOSA, BASADA EN UN SISTEMA DE GESTIÓ DE CONTINGUTS EN WORDPRESS Projecte Final de Grau Multimèdia Perfil d'optativitat: Gestió i publicació de continguts Autor: Ester Cros Àlvarez Gener 2015

Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

WEB PER A INTOLERANTS A LA LACTOSA, BASADA EN UN

SISTEMA DE GESTIÓ DE CONTINGUTS EN WORDPRESS

Projecte Final de Grau Multimèdia

Perfil d'optativitat: Gestió i publicació de continguts

Autor: Ester Cros Àlvarez

Gener 2015

Page 2: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

1. Introducció

Estat de situació

Actualitat

Necessitats

2. Desenvolupament

Descripció del

projecte

Objectius

Metodología

Plataforma

Estructura d’URL

Rols i permisos

3. Producte

Pantalla principal

Entrada

Entrada responsive

4. Reflexions finals

Conclusions

Futur

2

ÍNDEX

Page 3: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

La intolerància a la lactosa afecta

la major part de la població mundial

3

ESTAT DE SITUACIÓ

Països del nord prop del

10%

Europa central 10-20%

Sud d'Europa 70%

A prop de la línia de

l‘equador i a Àsia 98%

Page 4: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

4

ACTUALITAT

És notícia i tema

de converses

Page 5: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

On buscar?

Mitjans

• Llibres

• Revistes

• Ràdio

• TV

Boca-orella

• veïns

• amics

Webs

• Associacions

• Organismes oficials

• Botigues

Blogs • Receptes

• Consells

App • Compra

• Reserva restaurants

5

NECESSITATS

Sistema Gestió Continguts

Dinàmic

Escalable Integrat

Page 6: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

6

DESCRIPCIÓ DEL

PROJECTE

• Web solució per a les necessitats d’una persona intolerant a la lactosa.

• Plataforma dinàmica, escalable i responsive

IDEA INICIAL

• Detectar necessitats del target

• Definir l’estructura de la web

• Cercar la millor solució tècnica

DESENVOLUPAMENT

Page 7: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

Principals

• Crear una pàgina web de disseny responsive, escalable i dinàmica, utilitzant els coneixements adquirits durant els estudis del Grau de Multimèdia a la UOC.

1

• Integrar en un sol lloc web els diferents tipus d’informació que ara està dispersa en diferents blogs i webs per a intolerància a la lactosa.

2

• Permetre interacció: els usuaris registrats introdueixin continguts propis; i poden afegir comentaris. enriquint la web amb les seves aportacions i fidelitzant-los

3

Secundaris

7

OBJECTIUS

• Aprendre a utilitzar gestors de continguts en un projecte similar a un encàrrec real i conèixer les possibilitats i limitacions del tipus de plataforma.

1

• Plantejar ampliacions futures que permetin desenvolupar la web, i potser fins i tot crear una App a Google Play.

2

• Obtenir personalment més informació sobre la intolerància a la lactosa.

3

Page 8: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

Idea Recerca prèvia Detecció de necessitats

Planificació i definició de l’abast

Selecció de la plataforma

Disseny conceptual

Test Prototip A Disseny tècnic

Desenvolupament Test Prototip B Proposta definitiva Producte final

8

METODOLOGIA

Page 9: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

9

PLATAFORMA

El CMS + adequat per a nostra web:

Wordpress

• Baixa complexitat, corba

d’aprenentatge i dificultat per al

programador i per a l’administrador.

• Alta usabilitat i flexibilitat.

• Qualitat en la documentació.

• Excel·lent SEO.

• Amplia comunitat de suport.

Page 10: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

10

ESTRUCTURA D’URL

Pàgines estàtiques

Entrades classificades per categories

Eines de cerca i selecció

Metadades

Page 11: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

11

ROLS I PERMISOS

Subscriptor

Redactor

(mix d’autor i col·laborador)

• Perfil per als generadors de continguts del CMS.

Editor

• Perfil per al gestor dels continguts del CMS

Administrador

• Pot realitzar totes les accions

• Gestionar opcions i configuració general del CMS,

• Canviar el tema el blog,

• Afegir, editar, gestionar plugins,

• Afegir, editar o eliminar usuaris,

• Moderar els comentaris del CMS

• Gestionar categories i vincles

• Editar entrades d’altres usuaris i publicar-les

• Crear pàgines públiques i privades

• Afegir entrades públiques i privades i

gestionar les entrades de les que és autor

• Editar comentaris propis

• Penjar fitxers.

• No pot publicar, cal revisió de l’editor

• Llegir

• Afegir comentaris

Page 12: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

12

PANTALLA PRINCIPAL

Page 13: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

13

ENTRADA

Page 14: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

14

ENTRADA

RESPONSIVE

Tablet Smartphone

Page 15: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

15

CONCLUSIONS

Aprendre de l’elaboració d’un projecte complet i real.

• De la idea al projecte final

• Resolució dels problemes viscuts durant el desenvolupament

Aplicació del disseny centrat en l’usuari.

• Detecció de necessitats

• Tests d’usuaris

Síntesi dels coneixements adquirits durant els estudis de Grau Multimèdia

• Consciència de les pròpies capacitats.

• Ganes d’emprendre nous reptes

Sistemes de Gestió de continguts

• El futur del disseny web passa per la web dinàmica, interactiva, multiusuari i amb disseny responsive

• Open Source. I Software lliure.

Aprendre sobre la intolerància a la lactosa

• Nous coneixements

• Receptes, webs, establiments, Webs

• Històries personals darrera cada petit negoci

Page 16: Projecte Final de Grau Multimèdia - UOCopenaccess.uoc.edu/webapps/o2/bitstream/10609/39741/2/... · 2017-10-02 · Principals •Crear una pàgina web de disseny responsive, escalable

16

PROJECTES DE FUTUR

Futur

+ continguts

• l’IL en edat infantil i a l’escola

• Entrevistes

• Activitats i promocions per a usuaris registrats.

Geolocalització

• Mapa interactiu

• Open Data

• Establiments més propers a la ubicació del dispositiu

Manual d’ús i FAQ

• Manual per a diferents tipus d’usuaris

• Ajuda

• FAQ

Multilingüe

• Instal·lar plugin multilingüe

• Visualitzar la web en diferents idiomes

APP