SlideShare une entreprise Scribd logo
1  sur  13
Télécharger pour lire hors ligne
Feu clic aquí per editar l'estil de subtítols del patró.
                                      2011
                                      Mobilitat                 i
                                      Ubiqüitat



23 de novembre de 2011                                  5a. Jornada TIC – Mobilitat i Ubiqüitat
Adaptació dels continguts
        del web de l'EETAC a
         plataforme s mòbils
                         Rafael Vidal
                         Marc Folch




23 de novembre de 2011                  5a Jornada TIC – Mobilitat i Ubiqüitat
Escenari
  L’ Escola d'Enginyeria de Telecomunicació i Aeroespacial de
  Castelldefels (EETAC): http://eetac.upc.edu/
             ✔   Informació estàtica: plans d’estudi, pràctiques en empresa,
                 reglaments,…
             ✔   Informació dinàmica: notícies pròpies i notícies tecnològiques


  Objectiu: aconseguir una navegació còmoda des de
  dispositius mòbils.




23 de novembre de 2011                                       5a Jornada TIC – Mobilitat i Ubiqüitat
Estratègia
   ●   Detectem que es tracta d'un
       dispositiu mòbil
   ●   Adaptem l'aspecte gràfic del web
       (canviem el tema)




23 de novembre de 2011                5a Jornada TIC – Mobilitat i Ubiqüitat
Organització de la infornació
      1.Prioritzem la visualització de les notícies
      2.Oferim una capçalera per
         •Accedir a les pàgines d'informació més estàtica
        • Cercar
        • Per anar a la versió completa
      3.Mostrem un peu de pàgina amb més enllaços.




23 de novembre de 2011                          5a Jornada TIC – Mobilitat i Ubiqüitat
http://eetac.upc.edu




23 de novembre de 2011        5a Jornada TIC – Mobilitat i Ubiqüitat
http://eetac.upc.edu
         Pàgina principal   Detall d'una notícia          Menús




23 de novembre de 2011                             5a Jornada TIC – Mobilitat i Ubiqüitat
http://eetac.upc.edu
   Cerca
                              Peu de pàgina




   Notícia




23 de novembre de 2011        5a Jornada TIC – Mobilitat i Ubiqüitat
Tecnologia
                            Drupal


       El web de l'EETAC funciona amb
       el gestor de continguts (CMS)
       Drupal i per a mobilitzar-lo
       afegim:
        ●   El mòdul Mobile Tools
        ●   Un tema senzill que adaptem
            a les nostres necessitats.




23 de novembre de 2011                5a Jornada TIC – Mobilitat i Ubiqüitat
Tecnologia
                              Mobile Tools

       El mòdul Mobile Tools:
             –   Detecta
             –   Redirecciona i/o canvia el tema
             –   Ens permet temes personalitzats per
                 iPhone, iPod, iPad, Android, Opera
                 Mini i Blackberry
             –   Ens permet canviar el nombre de
                 notícies de la pàgina principal
             –   Permet usar mòduls externs per
                 detectar dispositius i les seves
                 capacitats (WURFL)

23 de novembre de 2011                       5a Jornada TIC – Mobilitat i Ubiqüitat
Estadístiques
  En l'últim mes hem rebut 528 visites des de dispositius
  mòbils, unes 5.000 en l'últim any.

                            Android   iPhone   iPad   iPod   Blackberry   Altres




23 de novembre de 2011                                            5a Jornada TIC – Mobilitat i Ubiqüitat
Referències
                                 Tecnologia i eines
       ●   Drupal
                 –   http://drupal.upc.edu/
                 –   http://drupal.cat/
                 –   http://drupal.org/
       ●   Mobile Tools
                 –   http://drupal.org/project/mobile_tools
       ●   Firefox Agent Switcher
                 –   https://addons.mozilla.org/ca/firefox/addon/user-agent-switcher/
       ●   Opera Mobile Emulator
                 –   http://www.opera.com/developer/tools/mobile/
       ●   Opera Mini Simulator
                 –   http://www.opera.com/developer/tools/mini/

23 de novembre de 2011                                        5a Jornada TIC – Mobilitat i Ubiqüitat
Gràcies

               Rafael Vidal   rafael.vidal@entel.upc.es
               Subdirector EETAC



               Marc Folch          marc.folch@upc.edu
               Tècnic de l'Àrea Tècnica del CBL




23 de novembre de 2011                             5a Jornada TIC – Mobilitat i Ubiqüitat

Contenu connexe

Similaire à Jornada serveis TIC

Experiència d'usuari, arquitectura de la informació i disseny d'interfícies p...
Experiència d'usuari, arquitectura de la informació i disseny d'interfícies p...Experiència d'usuari, arquitectura de la informació i disseny d'interfícies p...
Experiència d'usuari, arquitectura de la informació i disseny d'interfícies p...inina
 
Materials Docents en Xarxa (MDX)
Materials Docents en Xarxa (MDX)Materials Docents en Xarxa (MDX)
Materials Docents en Xarxa (MDX)Ricard de la Vega
 
Scientix, projectes i recursos europeus d'innovació educativa STEM
Scientix, projectes i recursos europeus d'innovació educativa STEMScientix, projectes i recursos europeus d'innovació educativa STEM
Scientix, projectes i recursos europeus d'innovació educativa STEMjdomen44
 
Apps per a la docència
Apps per a la docènciaApps per a la docència
Apps per a la docènciapepcanas
 
Recursos web 2.0 per a fer de moodle una plataforma eficaç
Recursos web 2.0 per a fer de moodle una plataforma eficaçRecursos web 2.0 per a fer de moodle una plataforma eficaç
Recursos web 2.0 per a fer de moodle una plataforma eficaçJuanfra Álvarez Herrero
 
Aplicacions mòbils i multimèdia a inLab FIB
Aplicacions mòbils i multimèdia a inLab FIBAplicacions mòbils i multimèdia a inLab FIB
Aplicacions mòbils i multimèdia a inLab FIBinLabFIB
 
Fonaments i evolució de la Multimèdia - Pac2 - Lídia Bria
Fonaments i evolució de la Multimèdia - Pac2 - Lídia BriaFonaments i evolució de la Multimèdia - Pac2 - Lídia Bria
Fonaments i evolució de la Multimèdia - Pac2 - Lídia BriaLidia Bria
 
Presentacio Aplicaciones Web
Presentacio Aplicaciones WebPresentacio Aplicaciones Web
Presentacio Aplicaciones Webmo95ha19w93k
 
Presentacio c228 aplic_web
Presentacio c228 aplic_webPresentacio c228 aplic_web
Presentacio c228 aplic_webmo95ha19w93k
 
Apps per a la docencia
Apps per a la docenciaApps per a la docencia
Apps per a la docenciapepcanas
 
Francesc activitat 2 cloud computing
Francesc activitat 2 cloud computingFrancesc activitat 2 cloud computing
Francesc activitat 2 cloud computingfrventura53
 
Seminari de coordinació pil esessio 4
Seminari de coordinació pil esessio 4Seminari de coordinació pil esessio 4
Seminari de coordinació pil esessio 4mortonob
 
Què son els nous mitjans
Què son els nous mitjansQuè son els nous mitjans
Què son els nous mitjansxusro
 
Pdi abril2011 (1)
Pdi abril2011 (1)Pdi abril2011 (1)
Pdi abril2011 (1)lpalacin
 
Pdi abril2011 (1)
Pdi abril2011 (1)Pdi abril2011 (1)
Pdi abril2011 (1)lpalacin
 
Pdi abril2011 (1)
Pdi abril2011 (1)Pdi abril2011 (1)
Pdi abril2011 (1)lpalacin
 

Similaire à Jornada serveis TIC (20)

Experiència d'usuari, arquitectura de la informació i disseny d'interfícies p...
Experiència d'usuari, arquitectura de la informació i disseny d'interfícies p...Experiència d'usuari, arquitectura de la informació i disseny d'interfícies p...
Experiència d'usuari, arquitectura de la informació i disseny d'interfícies p...
 
Materials Docents en Xarxa (MDX)
Materials Docents en Xarxa (MDX)Materials Docents en Xarxa (MDX)
Materials Docents en Xarxa (MDX)
 
Aplicacions mòbils per a la Comunitat
Aplicacions mòbils per a la ComunitatAplicacions mòbils per a la Comunitat
Aplicacions mòbils per a la Comunitat
 
10. Presentació Capacitacio Digital
10. Presentació Capacitacio Digital10. Presentació Capacitacio Digital
10. Presentació Capacitacio Digital
 
Scientix, projectes i recursos europeus d'innovació educativa STEM
Scientix, projectes i recursos europeus d'innovació educativa STEMScientix, projectes i recursos europeus d'innovació educativa STEM
Scientix, projectes i recursos europeus d'innovació educativa STEM
 
Apps per a la docència
Apps per a la docènciaApps per a la docència
Apps per a la docència
 
Recursos web 2.0 per a fer de moodle una plataforma eficaç
Recursos web 2.0 per a fer de moodle una plataforma eficaçRecursos web 2.0 per a fer de moodle una plataforma eficaç
Recursos web 2.0 per a fer de moodle una plataforma eficaç
 
Aplicacions mòbils i multimèdia a inLab FIB
Aplicacions mòbils i multimèdia a inLab FIBAplicacions mòbils i multimèdia a inLab FIB
Aplicacions mòbils i multimèdia a inLab FIB
 
Fonaments i evolució de la Multimèdia - Pac2 - Lídia Bria
Fonaments i evolució de la Multimèdia - Pac2 - Lídia BriaFonaments i evolució de la Multimèdia - Pac2 - Lídia Bria
Fonaments i evolució de la Multimèdia - Pac2 - Lídia Bria
 
Presentacio Aplicaciones Web
Presentacio Aplicaciones WebPresentacio Aplicaciones Web
Presentacio Aplicaciones Web
 
Presentacio c228 aplic_web
Presentacio c228 aplic_webPresentacio c228 aplic_web
Presentacio c228 aplic_web
 
Apps per a la docencia
Apps per a la docenciaApps per a la docencia
Apps per a la docencia
 
Disseny educatiu
Disseny educatiuDisseny educatiu
Disseny educatiu
 
Francesc activitat 2 cloud computing
Francesc activitat 2 cloud computingFrancesc activitat 2 cloud computing
Francesc activitat 2 cloud computing
 
Seminari de coordinació pil esessio 4
Seminari de coordinació pil esessio 4Seminari de coordinació pil esessio 4
Seminari de coordinació pil esessio 4
 
Què son els nous mitjans
Què son els nous mitjansQuè son els nous mitjans
Què son els nous mitjans
 
La Web 2.0 a l'àgora pública
La Web 2.0 a l'àgora públicaLa Web 2.0 a l'àgora pública
La Web 2.0 a l'àgora pública
 
Pdi abril2011 (1)
Pdi abril2011 (1)Pdi abril2011 (1)
Pdi abril2011 (1)
 
Pdi abril2011 (1)
Pdi abril2011 (1)Pdi abril2011 (1)
Pdi abril2011 (1)
 
Pdi abril2011 (1)
Pdi abril2011 (1)Pdi abril2011 (1)
Pdi abril2011 (1)
 

Plus de eetacupc

La web mòbil de les Biblioteques UPC
La web mòbil de les Biblioteques UPCLa web mòbil de les Biblioteques UPC
La web mòbil de les Biblioteques UPCeetacupc
 
[QT11/12] Gestió de xarxa: del boli al SNMP
[QT11/12] Gestió de xarxa: del boli al SNMP[QT11/12] Gestió de xarxa: del boli al SNMP
[QT11/12] Gestió de xarxa: del boli al SNMPeetacupc
 
Presentació per a estudiants de nou ingrés als Graus
Presentació per a estudiants de nou ingrés als GrausPresentació per a estudiants de nou ingrés als Graus
Presentació per a estudiants de nou ingrés als Grauseetacupc
 
EETAC-UPC Informació nou ingrés teleco
EETAC-UPC Informació nou ingrés telecoEETAC-UPC Informació nou ingrés teleco
EETAC-UPC Informació nou ingrés telecoeetacupc
 
EETAC-UPC Informació nou ingrés aero
EETAC-UPC Informació nou ingrés aeroEETAC-UPC Informació nou ingrés aero
EETAC-UPC Informació nou ingrés aeroeetacupc
 
Adquisició de serveis TIC per les Administracions Públiques: concursos
Adquisició de serveis TIC per les Administracions Públiques: concursosAdquisició de serveis TIC per les Administracions Públiques: concursos
Adquisició de serveis TIC per les Administracions Públiques: concursoseetacupc
 
Disseny i desplegament d'una xarxa mesh
Disseny i desplegament d'una xarxa meshDisseny i desplegament d'una xarxa mesh
Disseny i desplegament d'una xarxa mesheetacupc
 
Convergència IP d'un operador audiovisual
Convergència IP d'un operador audiovisualConvergència IP d'un operador audiovisual
Convergència IP d'un operador audiovisualeetacupc
 
[QT10/11] Gestió de xarxa: del boli al SNMP
[QT10/11] Gestió de xarxa: del boli al SNMP[QT10/11] Gestió de xarxa: del boli al SNMP
[QT10/11] Gestió de xarxa: del boli al SNMPeetacupc
 

Plus de eetacupc (9)

La web mòbil de les Biblioteques UPC
La web mòbil de les Biblioteques UPCLa web mòbil de les Biblioteques UPC
La web mòbil de les Biblioteques UPC
 
[QT11/12] Gestió de xarxa: del boli al SNMP
[QT11/12] Gestió de xarxa: del boli al SNMP[QT11/12] Gestió de xarxa: del boli al SNMP
[QT11/12] Gestió de xarxa: del boli al SNMP
 
Presentació per a estudiants de nou ingrés als Graus
Presentació per a estudiants de nou ingrés als GrausPresentació per a estudiants de nou ingrés als Graus
Presentació per a estudiants de nou ingrés als Graus
 
EETAC-UPC Informació nou ingrés teleco
EETAC-UPC Informació nou ingrés telecoEETAC-UPC Informació nou ingrés teleco
EETAC-UPC Informació nou ingrés teleco
 
EETAC-UPC Informació nou ingrés aero
EETAC-UPC Informació nou ingrés aeroEETAC-UPC Informació nou ingrés aero
EETAC-UPC Informació nou ingrés aero
 
Adquisició de serveis TIC per les Administracions Públiques: concursos
Adquisició de serveis TIC per les Administracions Públiques: concursosAdquisició de serveis TIC per les Administracions Públiques: concursos
Adquisició de serveis TIC per les Administracions Públiques: concursos
 
Disseny i desplegament d'una xarxa mesh
Disseny i desplegament d'una xarxa meshDisseny i desplegament d'una xarxa mesh
Disseny i desplegament d'una xarxa mesh
 
Convergència IP d'un operador audiovisual
Convergència IP d'un operador audiovisualConvergència IP d'un operador audiovisual
Convergència IP d'un operador audiovisual
 
[QT10/11] Gestió de xarxa: del boli al SNMP
[QT10/11] Gestió de xarxa: del boli al SNMP[QT10/11] Gestió de xarxa: del boli al SNMP
[QT10/11] Gestió de xarxa: del boli al SNMP
 

Dernier

SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,Lasilviatecno
 
XARXES UBANES I LA SEVA PROBLEMÀTICA.pptx
XARXES UBANES I LA SEVA PROBLEMÀTICA.pptxXARXES UBANES I LA SEVA PROBLEMÀTICA.pptx
XARXES UBANES I LA SEVA PROBLEMÀTICA.pptxCRIS650557
 
Creu i R.pdf, anàlisis d'una obra de selectivitat
Creu i R.pdf, anàlisis d'una obra de selectivitatCreu i R.pdf, anàlisis d'una obra de selectivitat
Creu i R.pdf, anàlisis d'una obra de selectivitatLourdes Escobar
 
MECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERATMECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERATLasilviatecno
 
ELLUCHINFORME_BAREM_DEFINITIU_BAREM (1).pdf
ELLUCHINFORME_BAREM_DEFINITIU_BAREM (1).pdfELLUCHINFORME_BAREM_DEFINITIU_BAREM (1).pdf
ELLUCHINFORME_BAREM_DEFINITIU_BAREM (1).pdfErnest Lluch
 
Menú maig 24 escola ernest Lluch (1).pdf
Menú maig 24 escola ernest Lluch (1).pdfMenú maig 24 escola ernest Lluch (1).pdf
Menú maig 24 escola ernest Lluch (1).pdfErnest Lluch
 

Dernier (8)

SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
 
XARXES UBANES I LA SEVA PROBLEMÀTICA.pptx
XARXES UBANES I LA SEVA PROBLEMÀTICA.pptxXARXES UBANES I LA SEVA PROBLEMÀTICA.pptx
XARXES UBANES I LA SEVA PROBLEMÀTICA.pptx
 
Creu i R.pdf, anàlisis d'una obra de selectivitat
Creu i R.pdf, anàlisis d'una obra de selectivitatCreu i R.pdf, anàlisis d'una obra de selectivitat
Creu i R.pdf, anàlisis d'una obra de selectivitat
 
MECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERATMECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERAT
 
itcs - institut tècnic català de la soldadura
itcs - institut tècnic català de la soldaduraitcs - institut tècnic català de la soldadura
itcs - institut tècnic català de la soldadura
 
HISTÒRIES PER A MENUTS II. CRA Serra del Benicadell.pdf
HISTÒRIES PER A MENUTS II. CRA  Serra del Benicadell.pdfHISTÒRIES PER A MENUTS II. CRA  Serra del Benicadell.pdf
HISTÒRIES PER A MENUTS II. CRA Serra del Benicadell.pdf
 
ELLUCHINFORME_BAREM_DEFINITIU_BAREM (1).pdf
ELLUCHINFORME_BAREM_DEFINITIU_BAREM (1).pdfELLUCHINFORME_BAREM_DEFINITIU_BAREM (1).pdf
ELLUCHINFORME_BAREM_DEFINITIU_BAREM (1).pdf
 
Menú maig 24 escola ernest Lluch (1).pdf
Menú maig 24 escola ernest Lluch (1).pdfMenú maig 24 escola ernest Lluch (1).pdf
Menú maig 24 escola ernest Lluch (1).pdf
 

Jornada serveis TIC

  • 1. Feu clic aquí per editar l'estil de subtítols del patró. 2011 Mobilitat i Ubiqüitat 23 de novembre de 2011 5a. Jornada TIC – Mobilitat i Ubiqüitat
  • 2. Adaptació dels continguts del web de l'EETAC a plataforme s mòbils Rafael Vidal Marc Folch 23 de novembre de 2011 5a Jornada TIC – Mobilitat i Ubiqüitat
  • 3. Escenari L’ Escola d'Enginyeria de Telecomunicació i Aeroespacial de Castelldefels (EETAC): http://eetac.upc.edu/ ✔ Informació estàtica: plans d’estudi, pràctiques en empresa, reglaments,… ✔ Informació dinàmica: notícies pròpies i notícies tecnològiques Objectiu: aconseguir una navegació còmoda des de dispositius mòbils. 23 de novembre de 2011 5a Jornada TIC – Mobilitat i Ubiqüitat
  • 4. Estratègia ● Detectem que es tracta d'un dispositiu mòbil ● Adaptem l'aspecte gràfic del web (canviem el tema) 23 de novembre de 2011 5a Jornada TIC – Mobilitat i Ubiqüitat
  • 5. Organització de la infornació 1.Prioritzem la visualització de les notícies 2.Oferim una capçalera per •Accedir a les pàgines d'informació més estàtica • Cercar • Per anar a la versió completa 3.Mostrem un peu de pàgina amb més enllaços. 23 de novembre de 2011 5a Jornada TIC – Mobilitat i Ubiqüitat
  • 6. http://eetac.upc.edu 23 de novembre de 2011 5a Jornada TIC – Mobilitat i Ubiqüitat
  • 7. http://eetac.upc.edu Pàgina principal Detall d'una notícia Menús 23 de novembre de 2011 5a Jornada TIC – Mobilitat i Ubiqüitat
  • 8. http://eetac.upc.edu Cerca Peu de pàgina Notícia 23 de novembre de 2011 5a Jornada TIC – Mobilitat i Ubiqüitat
  • 9. Tecnologia Drupal El web de l'EETAC funciona amb el gestor de continguts (CMS) Drupal i per a mobilitzar-lo afegim: ● El mòdul Mobile Tools ● Un tema senzill que adaptem a les nostres necessitats. 23 de novembre de 2011 5a Jornada TIC – Mobilitat i Ubiqüitat
  • 10. Tecnologia Mobile Tools El mòdul Mobile Tools: – Detecta – Redirecciona i/o canvia el tema – Ens permet temes personalitzats per iPhone, iPod, iPad, Android, Opera Mini i Blackberry – Ens permet canviar el nombre de notícies de la pàgina principal – Permet usar mòduls externs per detectar dispositius i les seves capacitats (WURFL) 23 de novembre de 2011 5a Jornada TIC – Mobilitat i Ubiqüitat
  • 11. Estadístiques En l'últim mes hem rebut 528 visites des de dispositius mòbils, unes 5.000 en l'últim any. Android iPhone iPad iPod Blackberry Altres 23 de novembre de 2011 5a Jornada TIC – Mobilitat i Ubiqüitat
  • 12. Referències Tecnologia i eines ● Drupal – http://drupal.upc.edu/ – http://drupal.cat/ – http://drupal.org/ ● Mobile Tools – http://drupal.org/project/mobile_tools ● Firefox Agent Switcher – https://addons.mozilla.org/ca/firefox/addon/user-agent-switcher/ ● Opera Mobile Emulator – http://www.opera.com/developer/tools/mobile/ ● Opera Mini Simulator – http://www.opera.com/developer/tools/mini/ 23 de novembre de 2011 5a Jornada TIC – Mobilitat i Ubiqüitat
  • 13. Gràcies Rafael Vidal rafael.vidal@entel.upc.es Subdirector EETAC Marc Folch marc.folch@upc.edu Tècnic de l'Àrea Tècnica del CBL 23 de novembre de 2011 5a Jornada TIC – Mobilitat i Ubiqüitat