Mostrando código fuente en entradas de blogger

Si quieres mostrar código fuente de algún lenguaje de programación en tu blog de Blogger y que éste se vea llamativo, con formato, resaltado con colores y mas, para ello nos ayudará SyntaxHighlighter que es un resaltador de código desarrollado en JavaScript y es código libre, es uno de los mejores resaltadores, en su página oficial se lo encuentra para descargarlo y adicionarlo a tu web.

Este programa tiene una versión online para usarla, puesto que Blogger no nos ofrece la posibilidad de subir archivos, utilizaremos la versión online.

Primero accedemos al diseño de nuestro blog en Blogger, nos vamos a la pestaña de “Edición de HTML”, para ello nos vamos a plantilla y justo a la derecha de personalizar aparece "Editar HTML"

Esto nos mostrara el código HTML de nuestro blog y buscamos la etiqueta “HEAD” dentro de ahí copiamos el siguiente código:

Como introducir un indice de entradas en una página

Después de mucho tiempo tiempo intentándolo, el otro día más por casualidad que otra cosa, logré encontrar como hacer esta útil herramienta en blogger, como podéis ver en el  indice de entradas de este mismo blog.
Para conseguirlo es tan fácil como crear una nueva página desde la edición del blog, y desde la edición de html copiar el siguiente script:

<script src="https://googledrive.com/host/0B-WopI-jeOOsT1NPRC1acHpxWmc/indice.js"></script>
<script src="http://nombre_de_tu_blog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Una vez lo copies, tienes que adaptarlo a tu blog introduciendo el nombre de tu blog en la parte resaltada de amarillo, publicas la pagina y ya esta...

Práctica 11: Instalacion de una aplicación en Tomcat

La última práctica del año, para todos aquellos que la necesiten, la isntalación por entorno de Tomcat de una aplicación...

11practicafinal from Miguel Angel Lopez Torralba

Despligue de aplicaciones web: Instalacion de hudson!!

Aquí os dejo la primera aplicación de Tomcat, el Hudson, y en ella os explico como instalarla a puñetazos contra el sistema, que eso de hacerlo por enlaces es muy gayer!!!

10practicafinal from Miguel Angel Lopez Torralba

Instalación de Tomcat

Hoy os traigo la instalación de este servidor de aplicaciones para que podáis utilizarlo en vuestros servidores, es de uso muy simple y sencillo como veremos en las siguientes practicas y su instalación lejos de ser compleja  tiene algunos aspectos a tener en cuenta:

• Instalar el java 7, no reconoce el 6.
• Hacer las variables de entorno puede causar algún que otro quebradero de cabeza pero son necesarias.
• No olvidar cambiar el puerto por defecto para que no se pise con otras aplicaciones.

09practicafinal from Miguel Angel Lopez Torralba

Cuestionario: Conceptos sobre servidores de aplicaciones.

1. Define 'Servidor de aplicaciones'.
En informática, se denomina servidor de aplicaciones a un servidor en una red de computadores que ejecuta ciertas aplicaciones.
Usualmente se trata de un dispositivo de software que proporciona servicios de aplicación a las máquinas cliente. Un servidor de aplicaciones generalmente gestiona la mayor parte (o la totalidad) de las funciones de lógica de negocio y de acceso a los datos de la aplicación. Los principales beneficios de la aplicación de la tecnología de servidores de aplicación son la centralización y la disminución de la complejidad en el desarrollo de aplicaciones.

2. Define servlet, applet, J2EE, J2SE, JSP, EJB y JDBC

• servlet: Los servlets son objetos que corren dentro y fuera del contexto de un contenedor de servlets (ej: Tomcat) y extienden su cuidado. La palabra servlet deriva de otra anterior, applet, que se refería a pequeños programas que se ejecutan en el contexto de un navegador web. Por contraposición. El uso más común de los servlets es generar páginas web de forma dinámica a partir de los parámetros de la petición que envíe el navegador web.

Monitorización de apache

Aquí os dejo la práctica 8 sobre la monitorización de apache!!!

08practica monitorizacion from Miguel Angel Lopez Torralba

Servidor web seguro

Y finalmente la práctica 6 de despliegue, el infierno en la tierra, me ha costado la vida ponerla en marcha, pero finalmente aquí os la dejo...

06practica servidorseguro from Miguel Angel Lopez Torralba

Más videos de Entidad-Relación

Ahora si que si... aquí os dejo los vídeos con los que yo me preparé el examen de entidad relación del año pasado, espero que os sirva de ayuda a todos los que lo necesitéis...

Modelos entidad relacion

Hoy os traigo un vídeo de una serie que podéis seguir por youtube, donde poder aprender a preparar vuestros modelos entidad-relación, aunque no no son con los que yo me preparé aquel examen de hace ya un año, si creo que están en la misma línea y que pueden ayudaros lo suficiente como para poder estudiar y superar el examen...

Buenas prácticas en JavaScript

Hoy en clase hemos estado viendo este vídeo en inglés, no os asustéis esta subtitulado, tan solo tenéis que ponerlos dándole al botoncito en los controles.
En este vídeo podréis ver al creador de JSON en una conferencia en agosto de 2013, si no recuerdo mal y donde explica algunas cosas interesantes de JavaScript, así como algunas de las buenas prácticas que hay que seguir en JavaScript, y eso que se queja muchísimo de el lenguaje en cuestión.
Entre estas buenas practicas podemos ver por como se deben de escribir las funciones y el por que de poner un ";" tras cada instrucción de código... muy interesante y estoy seguro que os puede servir muchísimo.

Aparte nos trae un enlace a una página donde poder comprobar las buenas formas de nuestro JavaScript: JSlint

Páginas multilenguaje

Aqui os dejo como poder colocar vuestras páginas en servidores de modo multilenguaje...

07practica multilenguaje from Miguel Angel Lopez Torralba

Depuradores

Una guia rápida para poder empezar a utilizar el depurador de tu navegador, ya estés navegando en Internet explorer, Firefox o Chrome...

Depuradores Guía rapida de uso from Miguel Angel Lopez Torralba

DevFetSur

Continuo recopilando algunas de las presentaciones de DevFestSur, en este caso la presentación de AngularJS, proporcionada por parte de Ivan Guardado de Social Bro.
Para verla solo tenéis que pinchar en el enlace:

Presentación de Angular

Configuración Apache: Archivos de log, error 404 y redirecciones

Configuracíon en apache2 de los archivos de log, del error 404 y redirecciones.

DevFestSur: Maven en Android

Aqui os dejo emebebida la presentación que se hizo en DevFesSur de Córdoba, a cargo de Fernando Hidalgo Becerra...

DevFestSur Córdoba

Ayer fue el primer DevFestSur que se ha hecho en Córdoba, y la verdad es que fue muy muy interesante, en principio lo único que podría decir en su contra fue que por motivos de salud tuve que irme después de comer, pero por lo demás un diez.

¿pero que es DevFest? 

Los GDG DevFest son eventos a gran escala dirigidos por la comunidad y para la comunidad que se celebran anualmente por todo el mundo. Cada uno de los eventos está organizado por una comunidad local de desarrolladores que, en base a los intereses de dicha comunidad, elaboran su agenda y contenidos. La temática de los DevFest suele estar relacionada con productos de Google. Aunque no hay dos DevFest iguales, todos están alimentados por la creencia de que cuando los desarrolladores se reúnen para intercambiar ideas, cosas increíbles pueden suceder. GDG DevFest Sur inicia la aventura de organizar un DevFest para el sur de España entre los GDGs de Córdoba, Granada, Murcia y Sevilla.

Configuración de Apache por Puerto e IP

Configuración de apache2 por puerto e IP.

Nuevos recursos añadidos...

Dos utilidades muy interesantes para el desarrollador web pueden ser estas dos:

BuiltWith; que sirve para detectar que tipo de tecnología utiliza una página web con la que queremos trabajar.

Color Wheel; para poder utilizar los colores de una manera correcta, esta calculadora de colores es muy útil sobre todo para quienes no tenemos conocimientos de estilos.

Los dos recursos se encuentran ya dentro de la pagina de recursos.

Servidores web virtuales por igual IP y Puerto pero distinto nombre

Forma de instalar el diferentes web virtuales por igual IP y puerto pero con distinto nombre.

02practica completa from Miguel Angel Lopez Torralba

HTML con CSS muy básico

Para todos aquellos que estén empezando a tocar HTML5 con CSS3, aquí les dejo un ejemplo de página muuuy sencilla pero con algunos toques muy interesantes, por ejemplo:

• Esta diseñada en html5, utilizando sus etiquetas.
• La estructura está planteada con CSS3, así como los colores y los cuadros de texto
• Mantiene algunas transiciones tanto de degradado de color, como al pasar el ratón por el menú
• El menú esta en forma lineal utilizando la propiedad: display: inline;
• Se ha puesto un tex-shadow para dar mas colorido a la página.

 Para poder ver el código haz click en la imagen:

Instalación de Apache

Como una practica aparte de despliegue de aplicaciones web, hemos reinstalado apache y vamos a llevarlo y configurarlo en muchos, sentidos, por ello voy a ir subiendo aquí las prácticas de este modulo, esperando que os sirvan de ayuda, tanto a los que estéis estudiando este ciclo, como a los que os haga falta...

Initializr

Una pagina enorme y muy util para desarrolladores que tiene varios codigos en html5 con css3 y que nos puede ayudar muchísimo a la hora generar paginas web, que creo que puede ser muy interesante ya que utiliza responsive y bootstrap... seguro que os servira a aquellos que no lo conoceis!!!

Tendencias del diseño web en 2014

Ahora que comienza el 2014 el 2013 ha dado todo lo suyo con tendencias minimalistas en lo que  diseño web se refiere, pero el nuevo año ofrece más oportunidades, al menos segun la pagina web de diseño mexicana de PAREDRO, la cual nos ofrece 5 tipos de estilos para este año que esta a pique de llegar...
1.- Neón
Este tipo de tendencias ya se pudo ver durante este año en el diseño de modas, y ahora se expande a los sitios web. Es una tendencia que se caracteriza por usar colores brillante, llamativos o conocidos por algunos como fosforescentes. Se podrá apreciar en sitios enfocados a un mercado joven, estilo blog de moda o venta de productos por catálogo.

 

La nueva herramienta de Google para crear en HTML5 fácilmente

Google ha publicado una nueva herramienta, en esta ocasión se trata de una que promete simplificar  y ayudar a construir sitios web en HTML5 y banners publicitarios y que además sean compatibles con cualquier dispositivo, sea computador o un equipo móvil.

El programa aún se encuentra en versión beta, y está disponible de manera gratuita para Windows y Mac.

Los objetivos del gigante de internet con esta herramienta son muy claros:

• Que todos podamos crear en HTML5 de manera intuitiva. Desde el usuario tiene a su disposición una guía de uso en el soporte de google y una página oficial en g+, de modo que allí podremos consultar todas las dudas que nos vayan surgiendo.

• Mejorar la calidad de los anuncios usados en su plataforma publicitaria, o en cualquier otro lugar ajeno a Google.
  
  
  Con esta herramienta entonces era posible ver y editar el código que hay tras los diseños y crear anuncios publicitarios fácilmente.
  En el sitio oficial  tenemos disponible la nueva herramienta de Google, así como la explicaciones de todas sus funcionalidades una a una, para una mayor claridad, te dejamos con el siguiente video donde se explica el proceso.
  
  
  Descarga esta nueva herramienta de Google

Como instalar Apache2, PHP, MySQL, PHPMyAdmin, PostgreSQL y PHPpgadmin en ubuntu y no morir en el intento

Esta entrada esta dirigida especialmente a estudiantes de informática, ya que la forma de instalar y configurar nuestro servidor no es la más segura, aunque sí la más sencilla. Por esta razón recomiendo que no se utilice dicha forma para los usuarios que pretendan desarrollar un servidor real y solo para practicas o con fines didácticos.

Una vez dicho esto comencemos con la instalación y configuración de nuestro servidor.

Definición de aplicación Web

Aplicacion web: En la ingeniería de software se denomina aplicación web a aquellas herramientas que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador. En otras palabras, es una aplicación software que se codifica en un lenguaje soportado por los navegadores web en la que se confía la ejecución al navegador.

Ventajas

• no necesitas instalar software
• Muchas son gratis (aunque no todas)
• no saturan el uso del disco duro del ordenador ni ocupan memoria
• desarrollo barato, sencillo y rápido
• pocos requerimentos técnics

Desventajas

• puede quedar fuera de servicio sin aviso debido a su mal uso, cierre de servidores, catástrofes...
• posibilidad de que se pueda acceder a datos privados
• la interactividad no se produce en tiempo real y puede haber esperas hasta que tiene lugar el resultado esperado

Como unir o separar PDFs de forma sencilla

Seguro que alguna vez os ha ocurrido que necesitáis unir varios pdfs o separar uno en varias partes y no teníais las herramientas necesarias, pero afortunadamente existen algunas paginas en la red que pueden seros de utilidad para este hecho.
Yo suelo utilizar MyPDFconverter para convertir mis imagenes, textos, tráficos... en pdf, ya que no deja ninguna publicidad ni pone limites de peso, pero una vez que tengo varios archivos, o necesito romper uno en varias partes, lo mejor que he encontrado en la red ha sido esta pagina, la cual os recomiendo si tenéis estas necesidades.
Es fácil e intuitiva, aprendiendo a utilizarse en escasos minutos

Tecnologias usadas en entorno cliente y servidor

Vamos a presentar una relacion de los lenguajes más comunes que se utilizan tanto en lenguaje cliente como en servidor, con una pequeña descripción de los mismos, para que el lector pueda hacerse una idea de que es lo que se cuece en cada lado de la red...

Introduccion a la Arquitectura Cliente-Servidor (2)

El modelo Cliente/Servidor es un modelo basado en la idea del servicio, en el que el cliente es un proceso consumidor de servicios y el servidor es un proceso proveedor de servicios. Además esta relación está establecida en función del intercambio de mensajes que es el único elemento de acoplamiento entre ambos.
De estas líneas se deducen los tres elementos fundamentales sobre los cuales se desarrollan e implantan los sistemas Cliente/Servidor: el proceso cliente que es quien inicia el diálogo, el proceso servidor que pasivamente espera a que lleguen peticiones de servicio y el middleware que corresponde a la interfaz que provee la conectividad entre el cliente y el servidor para poder intercambiar mensajes.

CLIENTE
Un cliente es todo proceso que reclama servicios de otro. Una definición un poco más elaborada podría ser la siguiente: cliente es el proceso que permite al usuario formular los requerimientos y pasarlos al servidor. Se lo conoce con el término front-end.

Introduccion a la Arquitectura Cliente-Servidor (1)

La tecnología Cliente/Servidor es el procesamiento cooperativo de la información por medio de un conjunto de procesadores, en el cual múltiples clientes, distribuidos geográficamente, solicitan requerimientos a uno o más servidores centrales.
Desde el punto de vista funcional, se puede definir la computación Cliente/Servidor como una arquitectura distribuida que permite a los usuarios finales obtener acceso a la información de forma transparente aún en entornos multiplataforma. Se trata pues, de la arquitectura más extendida en la realización de Sistemas Distribuidos.

IIS Vs Apache ¿que servidor utilizo?

Antes de nada debería de definirse que son los servidores y las aplícaciones web, dos términos que puedes encontrar en el glosario que estoy elaborando para que aquellos a quienes palabras como framework, mockup... les suenen a chino, aun así podemos decir que un servidor es una maquina que proporciona un servicio que solicita un cliente, como puede ser una pagina web, a través de una petición con un programa, generalmente un navegador.

Comenzáremos hablando sobre las ventajas y desventajas de cada uno de estos servidores:

PLE del ciclo

En primer lugar informar a Rafael del Castillo, el profesor que esta a cargo de HLC que el blog ira poco a poco recibiendo mucho mas movimiento, desde el momento en el que pueda ir poniendo todo cuanto se encontraba en mi servidor de Hostinger.
Por otro lado poner algunas de las cosas que ya he hecho para este PLE, entre la que constan:

• Este mismo blog
• La creación de la lista de DAW en mi perfil de twitter para poder hacer seguimiento de las clases y de algunos blogs de interes.
• Seguimiento de las clases con el hagstack #AndrowDaw2013
• Tener una cuenta de Delicious
• La subida paulatina de todos los trabajos dignos de mención, así como de presentación en vídeo de videotutoriales y paginas en el blog
• La intención de hacer un seguimiento a algunos blog y recursos de tecnología web en cuanto vaya encontrando algunos dentro del ámbito que puedan merecer la pena.
• Uso del Evernote como llevo haciendo más de un año. 
• Seguimiento de betabeers en facebook y en twitter
• Creación de un feedly, donde poder seguir temas de mi interés, ya sean profesionales o personales con paginas con feed. 
• Seguimiento del blog de DAWblog en feedly.com (actualizado) 
• Creación de un linkedin

En principio este es el PLE que me he propuesto para seguir, siempre dispuesto a abrirlo a nuevas paginas, ideas...

feedly de los blogs que sigo

Visita a CISCO Madrid

Edificio de Cisco

Hace unos días estuve en Madrid, visitando las instalaciones de Cisco, un viaje de 450km de ida y otros 450 de vuelta en un solo día, donde solo una de las partes duraba más tiempo que la propia estancia, y donde el conductor del autobús no sabia reducir de marcha y acabe bastante mareado, aunque el que suscribe ha hecho algunas locuras en sus tiempos mozos y tiene bastante desarrollado el sentido del equilibrio...

Bueno nada mas llegar entramos en un edificio de esos con seguridad y aspecto de una corporación futurista salida de la mente de Gibson o de Philip K Dick, y todo lleno de carteles corporativos de Cisco. Aunque he de decir que el recibimiento fue bastante cálido por parte de una recepcionista sevillana muy guapa. Y que la limpieza, el enmoquetado y la pulcritud era cuanto menos la de un anuncio de lejia, todo perfecto y bien colocado allí por donde íbamos, incluso en lugares donde se supone que no se suele limpiar con demasiado ainco, pero en este caso como he dicho antes todo estaba impoluto.

Una vez nos identificaron nos llevaron a una sala para exposiciones donde se dispusieron a darnos algunas charlas.