Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información.

Presentación del tema: "Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información."— Transcripción de la presentación:

1 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información Manual Wordprees (Gestor de Contenidos) Estándares Internos para la publicación en Micrositios del Portal de SESVER V.2

2 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER 2 Acceso a la plataforma5 Acceso de menús de la plataforma 6 Estructura de portada (Entrada)7 y 8 Estructura Interna (Pagina)9 y 10 Creación y Edición de Pleca12 Creación y Edición Banner principal 14 Estructura de menú funcionario15 Estructura de menú publico16 Creación y Edición de menú de entrada 17 y 18 Creación y Edición de menú de sitios de interés 19 y 20 Creación y Edición de Galería (excel, png, jpg, pdf) 22 y 23 Creación y Edición de contenido de entrada o paginas 25 Ejemplos de Plugins ultimate dentro del wp 28 Abrir o cerrar comentarios dentro de una pagina o entrada 29 y 30 Creación y Edición de meta Slider 32 Creación y Edición Widget laterales personalización (entrada) 34 y 35 Creación y Edición Widget laterales personalización(pagina/en trada) 36 y 37 Creación y edición de widget (se visiualiza paginas y entradas) 38

3 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER 3 Pleca11 Banner principal13 Bloques de entrada21 Contenido de Información (paginas o entradas)24 - 26 Propiedades de publicación de entrada de la plataforma 27 Meta Slider31 Estructura de la pagina principal (widgets33

4 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Es un espacio en el sitio web que cada Unidad Administrativa puede utilizar par dar a conocer los Servicios que ofrece a los usuarios de los Servicios de Salud de Veracruz, como al personal del la Secretaria de Salud M I C R O S I T I O 4

5 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Usuario Contraseña ACCESO A LA PLATAFORMA WORDPRESS (GESTOR DE CONTENIDOS) 5

6 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER 6 Acceso de menús de la plataforma Wordpress

7 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico 7

8 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Pleca Slider Setteings Banner principal Entradas/Servicios que oferta Widgets Widgets texto Meta Slider 8

9 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER 9

10 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Widgets/Plugins Widgets /Meta Slider Widgets texto Plugins Shortcode Ultimate (componente) Widgets texto 10

11 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Página principal del Micrositio_PLECA Pleca o Imagen 1143 x 1171 px (Poner título del nombre del programa ó Servicio)  Pedir apoyo al Depto. de Tecnologías para la validación de su pleca 11

12 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico PLECA Acceder: Escritorio _Apariencia_ customize_imagen de fondo Versión vista previa_escritorio_customize Puede subir la pleca desde multimedia ó en personalización de la pagina principal 12

13 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Página principal del Micrositio Banner principal o Galería fotográfica del área o evento o Imagen 1143 x 379 px o Formato de Imagen (Resolución desde 72 a 300 dpi) Peso no mayor a 100 Kb. o Tipo de archivo jpg 13

14 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Página principal del Micrositio_BANNER PRINCIPAL acceder: Escritorio _Theme_Options_Slider Settings Crear banner  Se habilita el Enable Slider on Home para que se ubique en la página de inicio. (asegurarse que al terminar de anexar las fotos este activado)  Seleccione subir para buscar la foto, agregue éstas con las características establecidas,  Describa cada una de las fotos y se añade la diapositiva, solo podrá guardar 5 fotos las que considere mas destacadas de su galería  se añaden y se guardan cambios 14

15 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico MENÚ FUNCIONARIO (Dirigido a personal de la institución que consulta información interna como trámites administrativos ) o Sesver: Url dirigida al Portal de la Secretaría o Inicio: Url dirigida a la portada principal del micrositio o Transparencia: Áreas que tengan Fracciones que publicar para el portal de dicha área o Quienes Somos!: Descripción de como están conformados y con su Submenú Organigrama Interno y Directorio Página principal del Micrositio 15

16 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Página principal del Micrositio MENÚ PUBLICO (Dirigido a la Ciudadanía que consulta tramites o información en Salud). o Sesver: Inicio: Url dirigida a la portada principal del micrositio o Promoción: Spots, Campañas, Videos, Trípticos, carteles, fechas conmemorativas Se recomienda para mayor vista en el diseño de su sitio, agregar un meta slider (llamarlo Promoción o avisos )de los más relevante de ese contenido apuntándolo al menú Promoción o Eventos/Galería: Galería y fechas de eventos públicos (Puede agregar un meta slider de avisos de los más relevante de ese contenido apuntándolo al menú Eventos/Galería) o Transparencia: Áreas que tengan Fracciones que publicar para el portal de dicha área 16

17 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Página principal del Micrositio_ MENÚS PRINCIPAL (entrada) Acceder: Escritorio _Apariencia_ menús Ó versión vista previa_escritorio_menús Se crea el menú con el nombre de menú principal Enlaces: Se añade al menú Server: Vincular al portal Inicio: Vincular a la página principal del micrositio Transparencia: Vincular a la página creada en su sitio para las fracciones de transparencia ( en el caso que su área tenga obligaciones) Ajustes de menú: deberá estar activado Primary Menu y Footer Menu 17

18 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Página principal del Micrositio_ MENÚS Acceder: Escritorio _paginas Para crear el menú Promoción y eventos, Usted debe primero crearla como página en una hoja nueva con el nombre de cada uno de esos menús ( Añadir nueva), creadas estas páginas acceda a: Acceder: Escritorio _Apariencia_ menús En páginas (mas reciente) le mostrara las páginas que ha creado en su sitio, Usted seleccionará las páginas que serán menú, dándole un clic en añadir al menú, éstas las colocara por default en la parte inferior de Menú Structure por lo que deberá de arrastrarlas y acomodarlas donde correspondan 18

19 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Página principal del Micrositio_ MENÚS SITIOS DE INTERES Sitios de Interés Acceder: Escritorio _apariencia_ menú 19

20 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Página principal del Micrositio Sitios de Interés Para crear sus sitios de interés usted debe de crear un menú llamado ¨ Sitios de Interés ¨ Agregara en enlaces las url de sus sitios y dará un nombre para que éste sea el que aparezca dentro del widgets que mas adelante se le enseñara 20

21 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Página principal del Micrositio Bloques de entrada (SERVICIOS) que las áreas ofrecen o Imagen 211 x 213 px o Formato de Imagen (Resolución desde 72 a 300 dpi). o Peso no mayor a 100 Kb. o Tipo de archivo jpg 21

22 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Página principal del Micrositio_GALERÍA Acceder: Escritorio _Multimedia Elija la imagen a subir (añadir nuevo ) con las características establecidas para el bloque de servicios que ira en la página principal. En esta parte de galería también se adjuntan los archivos (de excel, word, pdf), 22

23 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER 23 Página principal del Micrositio_GALERÍA Acceder: Escritorio _Multimedia Para que un archivo lo pueda abrir dándole clic a un texto y este se abra, deberá de copiar la url de éste y en editor de texto de su pagina en el enlace debera pegar la url del archivo deseado

24 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Entrada_ bloques principales (contenido)  Publicar en altas y bajas NO mayúsculas.  El contenido que mostrara en la entrada será describiendo el servicio que ofrece.  En esta misma se pondrá la documentación como son: manuales y formatos. 24 Nota: puede utilizar cualquier otro componente de los plugins shortcode

25 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Entrada_ bloques principales (contenido) Acceder: Escritorio _Entrada 25

26 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Títulos: Descripción  Formato tipo: Párrafo  Color: Very dark drark gray  Formato: Negrita  Texto: Justificar Vista text (código) Desarrollo y soporte de sistemas WEB, cliente- servidor, diseño multimedia con base en el manual de identidad y administración del portal de la secretaría. Subtítulos  Formato tipo: Párrafo  Color: Indigo  Formato: Negrita Vista text (código) Catálogo de Servicios Viñetas  Formato tipo: Párrafo  Color: Gray  Formato: Normal, Negrita para resaltar texto Vista text (código) Desarrollo de sistemas en ambiente WEB a medida. Nota: puede utilizar cualquier otro componente de los plugins shortcode 26

27 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Documentación [su_tabs vertical="yes"] [su_tab title="Manuales"] Sistemas Cliente- Servidor Manual de Usuario de ERP 2012.pdf Manual de Usuario de Indicas II Web.pdf Manual de Usuario de Generar Comprometido.pdf [/su_tab] [su_tab title="Formatos"] Micrositios Responsiva de cuenta de acceso Solicitud de Alta/Baja de Cuenta de Acceso [/su_tab] [/su_tabs] Vista Visual (código) Plugins Shortcode Tabs Formato  Estándar Imagen destacada  Insertar la que representará la entrada en Servicios, buscar en galería de imagen Propiedades de publicación de entrada de la plataforma 27

28 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER  Para dar una mejor presentación en el diseño de su micrositio, esta plataforma le muestra unos ejemplos de shortcode ultimate que puede utilizar, lo único que deberá hacer es elegir el componente y reemplazar el texto en títulos y contenidos donde lo requiera el código Acceder: Escritorio _shortcode ultimate_ejemplos PLUGIN SHORTCODE ULTIMATE ejemplos 28

29 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Página principal del Micrositio (RECIBIR O NO COMENTARIOS) Acceder: Escritorio _Entrada  Añada una entrada  De el nombre a cada uno de los servicios a ofertar  Si desea editar la entrada pase el mouse para que se activen las propiedades de la edición y acceda a ellas. (Esto también lo puede aplicar en sus paginas) 29

30 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Acceder: Escritorio _Entrada- edición rápida Página principal del Micrositio  Por ejemplo, Usted podrá elegir si en su entrada si desea o no recibir comentarios, lo que se sugiere dar respuesta a peticiones que reciba en el caso de que deje activada esa opción. (Esto también lo puede aplicar en sus páginas) 30

31 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER o Imagen 300 x 208 px o Formato de Imagen (Resolución desde 72 300 dpi) Peso no mayor a 100 Kb. o Tipo de archivo jpg Un meta slider, podrá utilizarlo para publicar un tipo banner con lo mas relevante que usted considere sea más destacado de sus menús (Eventos, Promoción, Avisos) dándole la transición para un mejor diseño Meta Slider 31

32 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Página principal del Micrositio Acceder: Escritorio _Meta Slider  Para dar efectos solo deberá de seleccionar las opciones que le muestra la herramienta, en guardar y pre visualizar podrá observar como se comporta el banner (Podrá utilizar éste para publicar su pequeña galería, promoción evento ó galería apuntándolo a una pagina, una pagina externa.  Para crear un meta slider usted debe de elegir las imágenes, en la parte superior darle un nombre Código  En la parte inferior le generará un código el cual deberá de pegar en el caso de que usted elija el widget texto 32

33 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Página principal del Micrositio Widgets laterales Estará compuesto por la Descripción del área a la que corresponde su micrositio (widget texto) Sitios de Interés (widgets menú personalizado) Responsable de cada uno de los contenidos (widgets texto, puede describirlos ó agregar código de algún componente de los plugins shortcode) Avisos ó galería fotográfica (meta slider copiando código que genero su slider en un widgtes de texto ó eligiendo el widgets de meta slider seleccionando el nombre del meta slider a publicar. Nombre del Administrador (widget texto ) Nombre del Jefe del Área (widget texto ) Home Sidebar 1 Home Sidebar 2 Footer 1Footer 2 33

34 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Página principal del Micrositio Widgets laterales Para crear un widgets le dará clic + Add Widget Acceder: Escritorio/customize ó Escritorio/widgets 34

35 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Personalizar la portada principal Acceder: Escritorio _customize_widgets 35

36 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Personalizar dentro de cada entrada o pagina Acceder: Escritorio _customize 36

37 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Acceder: Escritorio/customize /widgets Personalizar dentro de cada entrada o pagina 37

38 Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Personalizar widgets de la portada Principal/ entradas/paginas Acceder: Escritorio/apariencia/ widgets 38