boum · boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · boum...
TRANSCRIPT
![Page 1: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/1.jpg)
Boum · Boumnews
![Page 2: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/2.jpg)
Boum Boum news neix amb l’objectiu de facilitar la lectura i usabilitat de les revistes del cor als dispositius mòbils.
Es tracta d’una aplicació que integra diferents revistes i funcionalitats de manera nativa.L’aplicació consta de:
1. Pantalla inicial amb un recull de les últimes notícies.
2. Menú hamburguesa lateral que permet la cerca per revista.
3. Lupa que permet la cerca per paraula/es.
4. Menú carroussel que facilita la cerca per temàtica.
5. Menú inferior que inclou apartats prèmium.
6. Diferents pàgines amb tota la informació necessària.
![Page 3: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/3.jpg)
1. Splash Screen 2. Pàgina inicial
3. Menú hamburguesa lateral
![Page 4: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/4.jpg)
1. Menú hamburguesa lateral amb un ítem sel·leccionat 2. pantalla de cerca
![Page 5: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/5.jpg)
Versió tablet de la pàgina inicial
![Page 6: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/6.jpg)
Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines i apartats.
Seguidament es mostraran les pantalles en la seva versió mòbil de ¡Hola!, Cuore, Vanity Fair, Vogue, Ar i ¡Qué me dices!. També la versió tablet de Cuore i Vanity Fair.
![Page 7: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/7.jpg)
Pàgina d’informació específica revista !Hola!.En la primera i segona pantalla podem observar un nou submenú
de color vermell que es desplega al prèmer la icona +.
![Page 8: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/8.jpg)
Pàgina d’un dels subapartats que s’obren una vega-da l’usuari a premut un dels ítems del submenú +
![Page 9: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/9.jpg)
Pàgina d’una notícia de la revista ¡Hola!
![Page 10: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/10.jpg)
Scroll de la mateixa pàgina notícia anterior. Al peu, i amb un fons de color vermell, observem l’apartat hastags referents a la notícia.
![Page 11: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/11.jpg)
Al prèmer un dels hastags de la notícia anterior s’obre una pàgina específica amb totesles notícies referents a la temàtica. En aquest cas #AngelinaJolie.
![Page 12: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/12.jpg)
Pàgina genèrica informativa de la revista Cuore
![Page 13: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/13.jpg)
Pàgina genèrica informativa de la revista Cuore
![Page 14: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/14.jpg)
Pàgina genèrica informativa de la revista Cuore- Versió tablet
![Page 15: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/15.jpg)
Pàgina genèrica informativa de la revista Cuore- Versió tablet
![Page 16: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/16.jpg)
Pàgina genèrica informativa de la revista Cuore- Versió tablet
![Page 17: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/17.jpg)
Pàgina genèrica informativa de la revista Vanity Fair
![Page 18: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/18.jpg)
Pàgina genèrica informativa de la revista Vanity Fair- Versió tablet
![Page 19: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/19.jpg)
Pàgina genèrica informativa de la revista Vanity Fair- Versió tablet
![Page 20: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/20.jpg)
Pàgina genèrica informativa de la revista Vogue
![Page 21: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/21.jpg)
Pàgina genèrica informativa de la revista AR
![Page 22: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/22.jpg)
Pàgina genèrica informativa de la revista ¡QMD!
![Page 23: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/23.jpg)
Boum boum newsmenú inferior
Seguidament es mostraran totes aquelles pantalles i seccions a les quals s’hi accedeix a través del menú inferior. Es tracta d’un contingut prèmium de l’apli-cació al qual l’usuari tan sols hi pot accedir si prèvia-ment es registra.
![Page 24: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/24.jpg)
1. Pàgina de registre 2. Una vegada l’usuari s’ha registrat es mostra la pantalla 2.3. Apartat tus datos, permet modificar les dades de registre inicials.
![Page 25: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/25.jpg)
Versió tablet de la pantalla usuari
![Page 26: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/26.jpg)
Pantalles apartat consultori
![Page 27: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/27.jpg)
Apartat consultori - Versió tablet
![Page 28: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/28.jpg)
Apartat consultori - Versió tablet
![Page 29: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/29.jpg)
Menú inferior - secció usuariApartat comentaris del consultori
![Page 30: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/30.jpg)
Menú inferior - Secció usuariApartat notificacions
![Page 31: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/31.jpg)
Menú inferior - secció estrella Recull de les notificacions
![Page 32: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/32.jpg)
Menú inferior - Apartat inboxSecció que permet guardar les notícies per temàtica
![Page 33: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/33.jpg)
Secció horòscop
![Page 34: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/34.jpg)
Secció horòscop - Versió tablet
![Page 35: Boum · Boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines](https://reader031.vdocumento.com/reader031/viewer/2022012007/6119da0e875b6f4a533dd379/html5/thumbnails/35.jpg)
Olga Guasch TardàTreball de final de Màster Professionalitzador
Màster universitari d’Aplicacions multimèdia: disseny i desenvolupament de smartcontent
Universitat Oberta de Catalunya Curs 2017/2018