Acerca de esta App

La aplicación de Visor de contenido de redes sociales está compuesta por 3 App Parts que permiten visualizar diferentes componentes de redes sociales dentro del sitio con características responsive.

e-App: Redes Sociales

1.    Introducción

 

App Redes Sociales es una aplicación que ofrece la funcionalidad de interactuar con redes sociales de forma sencilla y fácil de usar.

 

2.    Objetivo

 

Presentar información en redes sociales de forma organizada y visualmente responsive para diferentes dispositivos.

 

3.    Requerimientos

 

Navegador IE (8 o Superior), Firefox o Chrome.

 

4.    Acceso

 

En la parte superior derecha en el engranaje dar clic y seleccionar la opción "Contenidos del sitio":

 

 

Se despliega una página con los contenidos del sitio, entre esos contenidos esta la app con el nombre "e-App: Redes Sociales", dar clic al título:

 

 

5.    Administración contenido app

Siguiendo los pasos del punto anterior una página da la bienvenida a la administración de contenido de la app Redes Sociales:

 

 

Configuración Twitter: Gestionar los parámetros que se presentaran en la web part de twitter.

 

Configuración Facebook: Gestionar los parámetros que se presentaran en la web part de facebook.

 

Gestión de Activos: Gestionar recursos como imágenes, documentos, videos entre otros que se pueden cargar en una librería documental "Activos". Adicionalmente pre configuradas las carpetas CSS y Scripts para personalizar web part de la app.

 

Ayuda: Recursos para aprender el uso de la app y donde siempre estará la última versión de este manual.

 

  • Configuración Twitter - Paso a paso:

 

La lista configuración twitter permite crear, modificar, eliminar y consultar un elemento. Cada elemento consta de un campo  categoría, data widget id, hashtag URL y título.

 

Para crear un nuevo elemento en seleccionar la opción "+ nuevo elemento":

 

 

  1. Categoría: Palabra clave por la cual se filtra los elementos de la lista. En la web part se solicitara una categoría si esta coincide con la del elemento se muestra sino será descartado.
  2. Data widget id: Id que provee twitter desde la sección de desarrollo para mostrar contenido fuera de su plataforma.
  3. Hashtag URL: URL de twitter con un hashtag especifico que se quiere mostrar.
  4. Título: Titulo que va tener el contenido que se va a desplegar en la webpart.

 

 

 

Para finalizar dar clic en guardar.

 

Para modificar un elemento en seleccionar la opción "Editar elemento":

 

 

Para eliminar un elemento en seleccionar la opción "Eliminar elemento":

 

 

  • Configuración Facebook - Paso a paso:

 

La lista configuración facebook permite crear, modificar, eliminar y consultar un elemento. Cada elemento consta de un campo  categoría, Source app js, App ID y Facebook URL.

 

Para crear un nuevo elemento en seleccionar la opción "+ nuevo elemento":

 

 

  1. Categoría: Palabra clave por la cual se filtra los elementos de la lista. En la web part se solicitara una categoría si esta coincide con la del elemento se muestra sino será descartado.
  2. Source app js: URL del script que publica facebook para consultar contenido fuera de su plataforma.
  3. App ID: Id que provee Facebook desde la sección de desarrollo para mostrar contenido fuera de su plataforma.
  4. Facebook URL: URL de la página de facebook que se quiere mostrar.

 

 

 

Para finalizar dar clic en guardar.

 

Para modificar un elemento en seleccionar la opción "Editar elemento":

 

 

Para eliminar un elemento en seleccionar la opción "Eliminar elemento":

 

 

6.    Administración web part app

 

Navegar a la página donde se requiere usar la app. En la parte superior derecha en el engranaje dar clic y seleccionar la opción "Editar página":

 

 

Seleccionar la opción en la página "Agregar elemento web":

 

 

  • Web Part Visor Twitter

 

Seleccionar Aplicaciones > e-App: Visor Twitter > Agregar:

 

 

Al agregar la web part e-App: Visor Twitter, seleccionarla en la parte superior derecha. En la pestaña superior "Elemento Web" dar clic en la opción "Propiedades de elemento web":

 

 

En tipo de contenedor visual seleccionar Ninguno.

En la sección "Parámetros de configuración":

 

  1. Nombre de la categoría: Nombre de la categoría de los elementos que se van a mostrar.

 

 

Una vez aplicados los parámetros de la web part, los tweets  se despliegan:

 

 

  • Web Part Visor Facebook

 

Seleccionar Aplicaciones > e-App: Visor Facebook > Agregar:

 

 

Al agregar la web part e-App: Visor Facebook, seleccionarla en la parte superior derecha. En la pestaña superior "Elemento Web" dar clic en la opción "Propiedades de elemento web":

 

 

En tipo de contenedor visual seleccionar Ninguno.

En la sección "Parámetros de configuración":

 

  1. Nombre de la categoría: Nombre de la categoría de los elementos que se van a mostrar.
  2. URL Página de Facebook: Si se requiere mostrar una página distinta a la configurada en la lista "Configuración Facebook".

 

 

Una vez aplicados los parámetros de la web part, las publicaciones de facebook  se despliegan así:

 

 

  • Web Part Visor Youtube

 

Seleccionar Aplicaciones > e-App: Visor Youtube > Agregar:

 

 

Al agregar la web part e-App: Visor Youtube, seleccionarla en la parte superior derecha. En la pestaña superior "Elemento Web" dar clic en la opción "Propiedades de elemento web":

 

 

En tipo de contenedor visual seleccionar Ninguno.

En la sección "Parámetros de configuración":

  1. URL de la lista de reproducción o video. En caso de ser un canal poner el nombre del canal.
  2. Tipo de elemento: Canal, lista de reproducción o video.

 

 

Una vez aplicados los parámetros de la web part, el contenido de Youtube  se despliega  así:

 

 

7. Recomendaciones / Buenas prácticas:

 

  • Confidencialidad en los ids y claves que genera Facebook y Twitter.
  • Para videos de YouTube utilizar las urls embebidas.
  • Si en la web part no se visualiza ningún contenido verificar que la categoría coincida con la de la lista.


Desarrollado por e-deas LTDA. 2014
info@e-deas.com.co