MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
PROTOPAGE
PÁGINAS DE INICIO PERSONALES
Rosa Garza Torrijo Colaboradora Didáctica TIC Dirección General de Innovación, Equidad y Participación Dpto. de Educación, Cultura y Deporte Gobierno de Aragón 1
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didรกctica T.I.C.
2
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
ÍNDICE 1. ¿Qué es Protopage? 2. Registrarse 3. Edición de Protopage 3.1. Título de página 3.2. Pestaña de acciones o administración de la página 3.3. Tablas o páginas 4. Añadir widgets
3
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
1. ¿QUÉ ES PROTOPAGE? Protopage es una aplicación web que permite crear páginas de inicio con enlaces, noticias, información útil… organizados de manera personalizada Este servicio es similar a otros lectores de RSS que se puede configurar de manera personalizada y que denominamos escritorios virtuales, páginas de inicio, páginas de marcadores sociales, agregadores de contenidos o instrumentos para el PLE (Personal Learning Environment) como Symbaloo, Netvibes, Pearltreres, iGoogle,... Las ventaja fundamental es que la accesibilidad a las aplicaciones y servicios web que utiliza el usuario se hace de manera más rápida y directa, se sustituye a los buscadores o a los marcadores de favoritos de los navegadores por accesos directos o lanzadores de las aplicaciones y servicios web y también es importante el que al ser un servicio online se puede acceder desde cualquier dispositivo. El diseño de Protopage está basado en widgets que se arrastran y sueltan sobre las tablas o subpáginas del escritorio, y se editan y configuran en cuanto a colores y contenidos que añaden información, noticias, podcast de audio, vídeos,....
4
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didรกctica T.I.C.
.
5
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
2. REGISTRARSE Para registrarse hay que seguir unos sencillos pasos: ● Pinchar sobre Register now y rellenar el formulario de configuración de cuenta. ● Se pueden crear varias páginas de Protopage con un mismo correo.
6
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Rellenar el formulario de apertura de página: Elegir un nombre para la página -comprobar la disponibilidad de la designación elegida, decidir si se va a compartir de manera pública o privada, añadir una contraseña de acceso y un nombre de usuario y un mail para recibir la activación de cuenta y posteriores notificaciones del servicio. ● Colaborar con la difusión de Protopage en las redes sociales (es opcional)
● Recibir el mail de activación de la cuenta
7
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Añadir la extensión de Protopage en Google Chrome: puede ser útil para tener un acceso rápido a Protopage desde el navegador, también se puede configurar la página de Protopage como página de inicio del navegador.
● Para ingresar en la nuestra página tendremos que hacerlo a través de la página de Protopage: http://www.protopage.com/ o ir a la url de la página personal http://www.protopage.com/nombredemipagina y si la sesión está cerrada nos pedirá la contraseña que pusimos en el registro de cuenta.
8
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
3. EDICIÓN DE PROTOPAGE
3.1. Título de página Pinchar en la parte superior izquierda sobre “Click here to title your page” e introducir el título deseado.
9
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
3.2. Pestaña de acciones o administración de la página
● Añadir Widgets: despliega la barra lateral con los posibles widgets que se puede incluir en la página ● Marcar todo como leído: marca todos los nuevos feeds de la subpágina como leídos. También es el acceso rápido para marcar una subpágina entera o widgets específicos como leídos y no leídos ● iPad/mobile: muestra el aspecto de la página vista desde un dispositivo móvil ● Color /Settings: acceso a las herramientas para cambiar el diseño de la página en cuanto al fondo y los colores y tipografía de los widgets y acceso a los ajustes avanzados: ○ Abrir noticias directamente (inhabilitar el lector de feed) ○ Abrir marcadores en una ventana nueva ○ Inhabilitar vistas previas de noticias cuando pasamos sobre ellas ○ Aplicar ajuste de líneas a nuevos titulares o encabezados ○ Inhabilitar los Thumbnail ○ Habilitar sombras de widgets ○ Barra de herramientas superior ○ Impedir arrastrar/redimensionar widgets en móviles y tabletas ○ Ajustar líneas de texto ○ Impedir ajuste automático de tamaño en altura de nuevos widgets 10
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Logout: para cerrar sesión ● Help/About: Ayuda
3.3. Tablas o subpáginas Observar como por defecto aparecen 3 pestañas subpáginas o tablas: Home, Bookmarks y Notes.
de
● Home es la subpágina de inicio que se mostrará en primer lugar y en su diseño se nos muestra más como una subpágina de información, (el tiempo, noticias de diferentes cadenas de información,...) ● Bookmarks haría referencia a los marcadores o favoritos, subpáginas que se suelen visitar para ese PLE ● Notes sería el espacio destinado a guardar recordatorios o avisos con el modelo de post-it pegados. ● New tab: añadiría una nueva subpágina o tabla de contenidos que se podría nombrar de manera personalizada. Esta estructura se muestra para ayudar al usuario con el inicio de la aplicación, pero se puede variar por completo y adaptarla a las necesidades de cada uno. ● Tab settings: desplegable del menú de cada subpágina o tabla desde donde puede modificarse el color el número de columnas e incluso eliminarse. El nombre se cambia pinchando dos veces sobre el título de la tabla y la posición de las tablas se modifica arrastrando las pestañas del nombre de la tabla.
11
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
Edición de una tabla o subpágina ● New tab: crea una nueva tabla o subpágina ● Título: pinchar dos veces sobre “Untitled tab 1” e introducir el título deseado ● Añadir widgets: es la parte más importante de Protopage, con los widgets diseñaremos nuestra subpágina de inicio
12
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
4. AÑADIR WIDGETS Los widgets se pueden intercambiar entre las diferentes subpáginas o tablas, simplemente hay que arrastrarlos desde la tabla en la que se encuentran hasta la pestaña de la nueva tabla en la que queremos ubicarlos. ● Add a news feed url directly: añadir un feed de noticias directamente. En este caso debemos saber o encontrar en la subpágina del lugar que queremos sindicar, SER Historia, la url del feed rss de sus noticias. Por lo general se encuentran en las barras laterales en la parte inferior, pero pueden localizarse en cualquier lugar de la subpágina, los iconos suelen ser así o aparecer las letras RSS, pinchando sobre ellas se abre una nueva subpágina y lo que tenemos que copiar es la url de la barra de navegación del buscador. http://cadenaser.com/programa/rss/ser_historia/
.
13
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Search for news feed widgets: buscar widgets de nuevos feeds. Introduciendo una palabra o frase clave el buscador obtiene resultados que se pueden seleccionar y arrastrar a la subpágina o tabla. Ejemplo: Historia del cine español.
● Search for podcast widgets: Buscar widgets de podcast. Introduciendo una palabra o frase clave el buscador obtiene resultados de podcast relacionados con nuestros intereses. Ejemplo: Historia - El podcast del Búho.
14
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Add a twitter feed: añadir un feed de Twitter. Requiere conceder permisos a Protopage para acceder a la cuenta de Twitter. Para encontrar el twitter personal introducir en nombre de usuario en el buscador.
● Add a twitter search term: añadir un Twitter por búsqueda de término. Por ejemplo “Literatura s. XX”
15
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Add a photo / cartoon / video feed: añadir feeds de páginas de imágenes, dibujos o vídeos: por ejemplo http://tom-historiadelarte.blogspot.com.es/
● Add a map location: introduce un googlemap con la localización introducida. Por ejemplo Zaragoza, el mapa se puede guardar en tu sitio de Googlemaps.
16
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Add a news feed from our directory: añadir feed de noticias a nuestro directorio de podcast, viñetas, noticias. Esta sección abre desplegables con feed que se pueden añadir directamente.
17
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
Add a widget: añadir widgets ● Bookmarks: marcadores o enlaces a subpáginas de interés y a documentos que pueden estar alojados en servidores (Google Drive). Una vez que el widget se ha arrastrado sobre la tabla o subpágina, pinchar en editar para modicar el contenido e introducir el nombre de la página o enlace (link label) y la dirección (url)
18
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Sticky notes: para añadir notas tipo post-it en la tabla
● HTML / Rich text sticky note: Insertar un código embed en HTML o editar una nota con texto enriquecido. ○ HTML: podemos insertar documentos desde servicios de alojamiento que utilizan flash para transformar nuestros documentos y mostrarlos en visores o reproductores más atractivos, un pdf, un vídeo, un audio, una presentación…. Arrastrar y soltar el widget a la tabla, pinchar en editar, pegar el código y si no aparece, volver a pinchar en editar y guardar. El ejemplo un libro desde issuu.com: <div data-configid="0/13287972" style="width:525px; height:371px;" class="issuuembed"></div><script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script> 19
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
○ Notas con texto enriquecido: abre la edición de la nota en modo texto enriquecido: cambiar el tamaño del texto, negrita, cursiva, subrayado, tachado, numeración y viñetas, sangrías, insertar línea horizontal, color de texto, color de fondo de texto, insertar hipervínculo, deshacer, rehacer, imprimir.
20
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● To do list: hacer una lista de tareas. Se introducen los temas y las opciones de edición permiten: negrita, insertar item del mismo nivel, insertar antes/después, insertar un item dependiente del seleccionado, marcar la casilla del item cuya tarea está completada.
● Calendar: introduce un widget de calendario de Protopage, se puede configurar para que la semana empiece en lunes.
21
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Google Calendar: hay que estar dado de alta en una cuenta Google y haber iniciado sesión para ver el calendario. Si no funciona este widget, recordar que se puede incrustar el calendario utilizando el widget HTML / Rich text sticky note para pegar el código HTML de Google Calendar
● Coment box: comentarios
22
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Photo: añadir una imagen desde archivo
● Weather: widget del tiempo en una ciudad. Introducir el nombre de la ciudad, el país, y configurar las unidades de medida de la velocidad de viento y de la temperatura y los días a mostrar en el visor.
23
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Stock prices: Precios de las acciones:
● Email box: correo electrónico. Elegir el servicio de correo electrónico e introducir usuario y contraseña.
24
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Web page: incrusta una página web entera introduciendo la url del web site.
● Web widget: un widget de un servicio web que ofrece código para insertar (Chat, el tiempo,...)
25
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Protopuppy: Protopage
widget
animado
● Analog clock: reloj analógico
● Digital clock: reloj digital
26
de
la
mascota
de
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Twitter timeline:
● Google maps:
27
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Add a user contributed widget: Añadir un widget de otros desarrolladores. Se buscan por etiquetas de temáticas
28
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didáctica T.I.C.
● Import OPML: (Outline Processor Markup Language) es un formato XML para esquemas (outlines). Fue creado inicialmente por Radio Userland para aplicaciones que procesen texto en forma de esquema, aunque su uso más habitual hoy en día es para listar varias fuentes RSS juntas; también se puede usar, por supuesto, en programas gestores personales de información. Se compone principalmente de 4 etiquetas: el nodo raíz, opml; head y body para indicar la cabecera y el cuerpo del documento; y outline para cada una de las líneas en el esquema. Google Reader y Feedly implementan el protocolo OPML para realizar importación y exportación de las fuentes RSS. (Fuente: https://es.wikipedia.org/wiki/OPML)
29
MANUAL PROTOPAGE Rosa Garza Torrijo. Colaboradora didรกctica T.I.C.
30