Practica 9: Bitnami y Worpress

Instalación de WordPress sobre la anterior instalación de Bitnami:

Nos descargamos de la pagina de WordPress en Español el archivo en formato zip y lo descomprimimos en nuestra ruta de instalación que será por defecto /opt/lampstack-1.2-3/apache2/htdocs, en la que le daremos un nombre a nuestro directorio de instalación, lo vemos en unas capturas.

Inmediatamente después es muy importante darle permisos al directorio de instalación, por que si no tendremos problemas a la hora de crear nuestro archivo wp.config.php , es muy importante por que si no nos volveremos locos y no seremos capaces de instalar wordpress de ninguna manera. Después de todo esto desde nuestro navegador ingresamos en la dirección de nuestro servidor, en este caso es 127.0.0.1/wordpress

Empezamos a instalar wordpress en nuestro servidor, si hemos puesto los permisos pertinentes no nos debe de dar ningún tipo de error. Seguimos creando nuestra base de datos para wordpress, lo vemos en la captura

En la siguiente captura nos preguntan una serie de datos muy importantes para que todo funcione

Si todo a ido bien nos encontraremos con la siguiente pantalla.

Iniciamos la instalación de wordpress. Debemos ingresar el nombre del  usuario administrador, contraseña de administrador y demás..

En caso de que todo esté bien veremos esta otra pantalla..

Práctica 8: Instalación de Bitnami-EyeOS en LINUX

Descargarnos el paquete Bitnami en nuestro Ubuntu. Para Ubuntu debemos descargarnos el paquete LAMPstack.

El archivo descargado es un archivo ” .bin” con lo que debemos darle permisos y ejecutarlo desde la consola. Ingresas en la ruta de descarga y le cambias permisos, luego lo ejecutas como se ve en la captura.

Comenzamos la instalación. Nos preguntará algunas cosillas, lo vemos.

En esta parte lo que nos pregunta es donde queremos ubicar nuestro directorio Web. Por defecto en nuestra carpeta de usuario. Podemos cambiarlo.

Aquí nos pregunta nuestra contraseña de usuario root de la base de datos Mysql, le ponemos la que queramos.

Empieza la instalación….

Finaliza la instalación de Bitnami. Si accedemos a nuestro Home veremos que tenemos nuestro LAMPStack instalado y dentro es donde tenemos nuestro directorio Web con nuestra carpeta Htdocs que es donde tenemos que poner nuestras Webs y donde vamos a instalar el sistema eyeOS. Lo vemos…

Descargamos eyeOS de su pagina principal http://www.eyeos.org/ versión 1.X estable , la última creo que es en el momento de esta publicación la 1.9

Este archivo debemos descomprimirlo en nuestra carpeta Htdocs de nuestro directorio Web y acceder a la misma desde nuestro navegador.

Pulsamos en instalar y ya lo tenemos, podemos crear usuarios desde la pantalla de inicio.

Explora el entorno EyeOS

En este post vamos ha explorar un poco el entorno del EyeOS, (EyeOS es un sistema operativo que podemos usar desde nuestro navegador). Durante la exploración vamos a realizar las siguientes tareas:

• Escribe y manda un mensaje por correo interno, bien a tu cuenta o a algún compañero de clase.

• Crea un par de calendarios y añádeles algunas fechas.

• Examina las preferencias del sistema, cambia tu información y el tema de escritorio.

• Examina tu carpeta Home, así como las carpetas Group y Public.

• Navega con el explorador web integrado de EyeOS y realiza los Acid Tests Correspondientes.

En mi opinión esta bien desarrollado, tiene bastantes herramientas, y el entorno gráfico es prácticamente como el de cualquier sistema operativo, muy intuitivo.

Crear Aplicaciones Web desde Chrome y Firefox

Utilizando Google Chrome:

Buscamos en Google Chrome la web para la que queramos hacer la aplicación web, en nuestro caso: https://www.citapreviadnie.es/citaPreviaDniExp/Inicio.action

Ahora pulsamos en el botón de «Personaliza y Controla Google Chrome» (esta situado en la parte superior derecha, tiene una forma de llave de herramientas), en el menú desplegable seleccionamos, primero la opción «Herramientas» y después la opción «Crear accesos directos a aplicaciones…»

Pulsamos en «Crear», y se nos creara automáticamente una aplicación en el escritorio que si la ejecutamos tendremos algo como esto:

Utilizando Firefox:

Instalamos en Firefox el complemento «Prism».

Buscamos en Firefox la web para la que queramos hacer la aplicación web, en nuestro caso:http://www.itvcita.com/Welcome.do

Cuando tengamos nuestra página cargada, seleccionamos «Herramientas» y después «Convert Website to Application…» y completamos todo lo que nos pide:

Esto nos genera un archivo ejecutable en el Escritorio:

Lo ejecutamos y listo. Ya podemos ver el resultado de nuestra aplicación web:

El calendario de tu equipo de futbol en tu Gcalendar

En esta entrada vamos ha aprender a colocar el calendario de nuestro equipo de fútbol en nuestro google calendar.

PASO 1: Pulsamos en añadir y después en explorar calendarios interesantes.

PASO 2: Seleccionamos la pestaña deportes, y la opción fútbol.

PASO 3: Seleccionamos la liga donde se encuentra nuestro equipo jugando.

PASO 4: Seleccionamos nuestro equipo y le damos a suscribirse.

PASO 5: En la configuración del calendario, podremos administrar todos los calendarios que tengamos en nuestra cuenta de Gmail.

PASO 6: Os dejo una captura de cómo se ve nuestro calendario con los partidos de nuestro equipo ya insertados.

Crear cuenta gmail y configurar con otra existente

Crea una cuenta de gmail: En esta partes de la entrada vamos a explicar como hacerte una cuenta gmail.

Entramos en http://www.google.es, buscamos gmail. Le damos a crear nueva cuenta, rellenamos nuestros datos y listo.

Configurar para que puedes enviar y recibir los correos de otra cuenta que tengas como por ejemplo bravox@gmail.com.

Entramos en la parte de configuración, y en la pestaña de cuentas e importación y añadimos nuestra cuenta:

Crea una etiqueta para los correos de la otra cuenta alternativa.

Crea un filtro para que los emails cuyo asunto empieza con «FW:» se envien a una carpeta llamada «basura» (nota esa carpeta no se puede crear viene como palabra reservada para el sistema, si usar otra palabra no reservada por el sistema):

Estadisticas de navegadores

Cinco navegadores web más importantes

En esta entrada vamos a comparar los 5 navegadores web más importantes:

A continuación le pasamos los test (AcidTest, HTML5 Test, y CSS3 info), os dejo las capturas de los resultados:

Test Acid3:

Test HTML5:

Test CSS3:

HTML CSS JAVASCRIPT PHP ASP – EDITORES

Bien en este post vamos a recomendar dos editores libres y otros dos propietarios para los lenguajes de programación más usados en las webs.

Editores libres:

Notepad2 es, desde luego, algo más que un simple sustituto del tradicional Bloc de Notas de Windows.

Se trata de un sencillo pero potente editor de texto que te permite abrir una amplia variedad de formatos y que además soporte código de color para la sintaxis de los más populares lenguajes de programación: HTML, PHP, CSS, ASP, C/C++, Javascript y muchos más.

Incorpora también otras características interesantes como soporte para la función drag-and-drop en su interfaz, utilidad de búsqueda y reemplazo, posibilidad de usar atajos de teclado para determinadas funciones, función de zoom, etc.

Descarga

LopeEdit es una solución muy acertada para todos aquellos que requieran de un editor con las máximas pretensiones posibles pero con los mínimos recursos necesarios. ¿Nunca habéis pensado en lo sencillo y útil que resulta el Bloc de Notas de Windows y en lo incómodo que se hace, a veces, el WordPad?

LopeEdit es la solución a estos problemas, ya que con la misma sencillez que el Bloc de Notas hace cosas impensables para el mismo.

Algunas de las características más importantes de este editor de texto son:

• Puede abrir múltiples archivos, permitiendo cambiar entre ellos de forma fácil a través de pestañas
• Realiza un resaltado de los paréntesis, corchetes y llaves opuestos
• Realiza coloreado de sintaxis para cualquier lenguaje de programación. Por defecto incorpora los siguientes lenguajes: C/C++, Java, JavaScript, Visual Basic, VBScript, HTML, ASP, JSP, SQL, Cobol, C, CSS (Cascading Style Sheets), Pascal, Perl y PHP. Además se puede configurar nuevos lenguajes y el color de cada parte del código (comentarios, palabras reservadas, cadenas, números, etc.)
• La búsqueda de texto es muy cómoda, pues se hace a través de dos barras que no estorban. Una barra, la barra de búsqueda rápida, ocupa muy poco espacio. La otra barra, la barra de búsqueda avanzada, permite buscar y reemplazar texto con más opciones
• Existen otras dos barras (una para explorar carpetas y otra para explorar archivos) que permiten examinar el sistema de ficheros para abrir los archivos rápidamente. Además la barra de archivos tiene también unos Favoritos para poder abrir rápidamente los archivos que se utilizen con mayor frecuencia
• Tiene otra barra que permite tener múltiples portapapeles
• Barra adicional con la tabla ASCII para insertar los caracteres que no contiene el teclado
• Se puede añadir marcadores a los archivos abiertos

Estas y otras características hacen de LopeEdit un excelente editor para los que sólo requieran de sus más que suficientes opciones.

Descarga

Editores propietarios:

EditPlus (antes conocido como Edit++) es un editor de texto 32-bit para Windows. No sólo es un buen reemplazo para el bloc de notas de Windows, sino que además te ofrece varias potentes funciones para autores y programadores de páginas web.

Algunas de las funciones más importantes es el resalto de errores de sintaxis, una barra de herramientas de HTML, herramientas definibles por el usuario, y archivos de ayuda; potente rehacer y deshacer, soporte para arrastrar y soltar, búsqueda y reemplazo de palabras, corrector ortográfico, teclas rápidas, y muchas cosas más, entre las que destaca las funciones de FTP incluidas en esta última versión y la posibilidad de ver páginas web.

EditPlus también incluye resalto de errores sintéticos para HTML, ASP, JavaScript, VBScript, Perl, Java, PHP, CSS, y C/C++.

Adobe Dreamweaver es un editor de HTML visual, diseñado para desarrolladores profesionales. Dreamweaver hace muy fácil el crear complejas páginas Web dinámicas, con la conocida técnica de «arrastrar y soltar», permitiendo que los diseñadores puedan crear entornos Web sin tener que escribir una sóla linea de código.Adobe Dreamweaver es compatible con las últimas tecnologías y tendencias en el desarrollo web, incluyendo Javascript, CSS, AJAX, XHTM, Adobe AIR, Smart Objects de Photoshop, subversiones (SVN), frameworks Javascript y un largo etcétera.

La compatibilidad con los diversos navegadores no será un problema con Adobe Dreamweaver gracias a la tecnología Live View (una especie de vista previa) y con la ayuda de Adobe BrowserLab, un servicio online con el que comparar cómo se ve tu página en distintos navegadores.

Adobe Dreamweaver está mejor preparado que nunca las últimas tendencias, y tiene un excelente soporte para CMS como WordPress, Joomla! y Drupal.

En resumen, Adobe Dreamweaver es al diseño web lo que la rueda es al automóvil: imprescindible.