Capitulo III Metodologías de uso

Diseño

PHP

Ilustración 1

PHP es un lenguaje de programación que puede hacer todo tipo de cosas:

evaluar datos de formularios enviados desde un navegador, construir contenido

web a medida para el navegador, hablar a una base de datos, e incluso enviar y

recibir cookies (pequeños paquetes de datos que tu navegador usa para recordar

cosas). El código PHP se escribe en <?php ?>.

Ventajas de PHP

1. Código abierto

Es de código abierto, esto significa que está disponible completamente gratis. Si

estás planeando contratar desarrolladores PHP y tienen experiencia en C y Java, lo

harán excelente en PHP. Este lenguaje es mucho más simple que el resto así que

puedes esperar resultados fabulosos.

2. Multiplataforma

Es multiplataforma, por lo tanto te permite operar en varios sistemas operativos.

Funciona excelente en LINUX, UNIX y Windows. También funciona sin esfuerzos

con Apache/MySQL.

3. Soporte

Como mencionamos antes, es muy popular. Por lo tanto hay un sinnúmero de

referencias y guías disponibles en la web. Uno pude también encontrar grupos, foros

y equipos de soporte para PHP. ¿Te has atorado en algo? Hay siempre la suficiente

librería online para ayudarte. Esta riqueza de soporte online está disponible en

varios idiomas.

4. Altos retornos

A menudo permite a la gente crear páginas web dinámicas. Esto asegura mayor

participación de los visitantes y por lo tanto mayores retornos.

5. Gran comunidad

La comunidad de PHP es grande. Debido a su popularidad, el desarrollador, el

contribuyente, usuarios y empleadores que ofrecen trabajos en PHP. Si estás

buscando contratar a un desarrollador, definitivamente no estás solo.

6. Fácil de insertar

Una cualidad interesante es que el PHP puede ser fácilmente insertado en el HTML.

Esto hace muy fácil convertir un sitio web estático existente en uno nuevo y más

dinámico.

7. SFS

Estabilidad, flexibilidad y Velocidad son las cualidades principales.

8. Rápido

Siendo muy rápido de desarrollar, asegura que hay un tiempo de respuesta rápido.

Cuando contratas desarrolladores, su eficiencia te brinda una solución online que

probablemente buscabas hace tiempo.

9. Extensiones

Tiene múltiples extensiones y es extremadamente escalable. Cuando contratas

desarrolladores, se aseguran que los resultados sean medibles. Esto te ayuda a

calcular tu retorno de inversión y te brinda una mejor posición sobre la competencia.

ASP.NET

ASP.NET es un modelo de desarrollo Web unificado que incluye los servicios

necesarios para crear aplicaciones Web empresariales con el código mínimo.

ASP.NET forma parte de .NET Framework y al codificar las aplicaciones ASP.NET

tiene acceso a las clases en .NET Framework. El código de las aplicaciones puede

escribirse en cualquier lenguaje compatible con el Common Language Runtime

(CLR), entre ellos Microsoft Visual Basic, C#, JScript .NET y J#. Estos lenguajes

permiten desarrollar aplicaciones ASP.NET que se benefician del Common

Language Runtime, seguridad de tipos, herencia, etc.

ASP.NET incluye:

Marco de trabajo de página y controles.

Compilador de ASP.NET.

Infraestructura de seguridad.

Funciones de administración de estado.

Configuración de la aplicación.

Supervisión de estado y características de rendimiento.

Capacidad de depuración.

Marco de trabajo de servicios Web XML.

Entorno de host extensible y administración del ciclo de vida de las aplicaciones.

Entorno de diseñador extensible.

Ventajas de ASP.NET

· Costos predecibles.

· Experiencia especial en el asp.

· Más rápido de implementar que aplicaciones adquiridas.

· Niveles de desempeño garantizados.

· Actualizaciones automáticas del software.

· Permite a los funcionarios enfocarse en asuntos internos.

· Falta de recursos internos.

· Disponibilidad garantizada.

· Permite probar software antes de comprarlo.

· Alquilar es más eficiente en costos que comprar.

CodeIgniter

CodeIgniter es un marco de desarrollo de aplicaciones - un conjunto de

herramientas - para las personas que construyen sitios web usando PHP. Su

objetivo es permitir a los usuarios desarrollar proyectos mucho más rápido de lo que

podrían si estuvieran escribiendo código desde cero, proporcionando un rico

conjunto de librerías para tareas comúnmente necesarias, así como una interfaz

sencilla y estructura lógica para acceder a estas bibliotecas. CodeIgniter les permite

creativamente centrarse en su proyecto al minimizar la cantidad de código necesario

para una tarea determinada.

Ventajas de CodeIgniter

En general un framework se utiliza para tener ventajas en:

- La seguridad es un factor clave: datos introducidos por el usuario debidamente

validados y filtrados para evitar ataques XSS.

- Comunicación con Base de Datos automatizada, validando todas las consultas y

filtrando los datos variables para evitar inyección SQL.

-Disponer de componentes plenamente probados, con el objetivo de mejorar la

productividad.

Ventajas concretas de CI como framework son:

- Obliga al usuario a trabajar con el modelo MVC, esto es bueno para tener

separadas las cosas (lógica, datos, presentación) y poder trabajar en equipo.

Por ejemplo, el diseñador/maquetador trabaja directamente sobre las vistas

(que son archivos con código HTML en su gran mayoría) y no pueden romper nada

en los códigos php verdaderamente importantes.

- La documentación del framework es bastante extensa, hay mucha información y

libros en la red sobre CI, además de que la guía que trae está muy completa.

- La curva de aprendizaje es muy rápida, por la sencillez del framework es fácil de

entrender.

- Es muy flexible, ya que no obliga a tener una determinada estructura de

tablas, nombres de campos, ni adherirse a una forma de programar concreta como

con otros frameworks.

- Trae integrada ya una clase para hacer pruebas de unidad (eso es

esencial para automatizar las pruebas), y además tiene integrado un

perfilador (Profiler) para analizar el desempeño de cada función en tiempo y

uso de recursos, y también registrar las consultas a la base de datos que se

generaron para responder a cada solicitud.

- Es muy ligero y compatible, funciona en casi cualquier hosting, y no pide

ningun requisito extranormal y se instala en un par de minutos (nomas es

descromprimir el zip y listo).

Elección de lenguaje de programación

PHP, siendo el lenguaje principal que se relaciona por parte del servidor y es

utilizado para hacer una página dinámica. CodeInigter, un framework que fue

desarrollado usando PHP y manteniendo una organización aplicando, la

programación orientada a objetos. Y por último ASP.NET un marco de trabajo capaz

de implementar los diferentes lenguajes como: C#, VB.Net, entre otros, son los

lenguajes pueden ser implementados para el desarrollo del proyecto BiblioUPSIN.

Como conclusión PHP, es el lenguaje indicado para el desarrollo del proyecto, por

su facilidad de uso así como el poco lenguaje que se utiliza y tener mejor

compatibilidad con los servicios de hosting y teniendo una guía muy completa.

Sublime text

Ilustración 2

Sublime Text es un editor de código multiplataforma, ligero y con pocas

concesiones a las florituras. Es una herramienta concebida para programar sin

distracciones. Su interfaz de color oscuro y la riqueza de coloreado de la sintaxis,

centra nuestra atención completamente.

Sublime Text permite tener varios documentos abiertos mediante pestañas, e

incluso emplear varios paneles para aquellos que utilicen más de un monitor.

Dispone de modo de pantalla completa, para aprovechar al máximo el espacio visual

disponible de la pantalla.

El programa cuenta “de serie” con 22 combinaciones de color posibles, aunque se

pueden conseguir más. Para navegar por el código cuenta con Minimap, un panel

que permite moverse por el código de forma rápida.

El sistema de resaltado de sintaxis de Sublime Text soporta un gran número de

lenguajes (C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java,

JavaScript, LaTeX, Lisp, Lua, Markdown, Matlab, OCaml, Perl, PHP, Python, R,

Ruby, SQL, TCL, Textile and XML).

El programa dispone de auto-guardado, opciones de personalización, cuenta con

herramientas para la edición del código y automatización de tareas. Soporta

macros, Snippets y auto completar, entre otras funcionalidades. Algunas de sus

características son ampliables mediante plugins.

Ventajas de Sublime Text

1. MÚLTIPLES CURSORES

Sin lugar a dudas es lo que más se utiliza, se trata de que se puede trabajar con

múltiples cursores, para seleccionar o escribir, en varios sitios a la vez. ¿Cómo se

consigue?, haciendo click con en el ratón donde queremos un cursor, y manteniendo

la tecla CMD o CTRL en caso de Windows apretada. Con cada click, ¡un cursor

nuevo!

Ilustración 4

Ilustración 3

2. MULTI-SELECCIÓN, MULTI-COPY, MULTI-PASTE

Se amplía un poco más, a partir del multi-cursor.

Se puede seleccionar varios textos al mismo tiempo, simplemente manteniendo

pulsada la tecla CMD o CTRL en caso de Windows y una vez seleccionado todo, se

puede cortar, borrar… lo habitual.

Si no coinciden en número, se copiará todo, en cada cursor.

Ilustración 5

Ilustración 6

3. MULTI-LAYOUTS

Se puede dividir la pantalla de Sublime como más le guste al usuario para trabajar.

Se hace desde el menú: VIEW/LAYOUT -> y se elige la opción, o bien con las

combinaciones de teclas CMD+ALT+1, 2, 3 o CTRL+ALT+1,2,3 en caso de

Windows, …con las divisiones que el usuario necesite.

Una observación, se puede pasar las pestañas de una a otra ventana, simplemente

arrastrando.

Ilustración 7

4. VISUALIZAR UN ARCHIVO SIN ABRIRLO

Si das click en un archivo del explorador de carpetas de Sublime, te lo muestra en

la pantalla sin necesidad de abrirlo, parecerá algo innecesario pero con el paso del

tiempo para un usuario veterano le será muy práctico.

Otra manera de visualizar archivos sin abrirlos, es utilizar la potente herramienta

“Go to Anything”, con ella, pueden (EN TERCERA PERSONA) buscar cualquier

archivo dentro del proyecto y pre visualizarlo, para verificar si es el que buscamos.

CMD+P o CTRL+P en caso de Windows -> y comienzas a escribir el nombre del

archivo.

Les abre un desplegable con los posibles archivos, si nos desplazamos con las

flechas del teclado a uno de ellos, lo pre visualizamos, y si se le da un click, lo abre.

1. SAVE ON FOCUS LOST

Para los de la LOGSE, Autoguardado al perder el foco. Lo que hace es guardar

automáticamente el archivo, cuando pinchas en cualquier otro sitio que no sea el

propio archivo.

Con esto, por ejemplo, se ahorran el paso de guardar, para ver los cambios en el

navegador, pero también saben que aunque se les cierre el ordenador de manera

inesperada, o te aparezca un “Pantallazo azul de la muerte” por parte de Windows

o una “Pantalla de error” por parte de Mac OS (pero eso va para los de Windows

más bien), siempre tienen guardada la última versión.

Para habilitar esa propiedad, tienen que dirigirse a las opciones de Sublime.

Ya habrán leído en mil sitios que Sublime es totalmente personalizable, y es cierto,

mediante “SETTINGS-USER”, pueden hacer y cambiar lo que te venga en gana,

como ejemplo, la propiedad que activarás.

Diríjanse a PREFERENCES->SETTINGS USER, y si no han configurado nada,

estará vacío, tienen que añadir la siguiente línea:

Ilustración 8

Importante: nunca cambien las propiedades “Settings-Default”, si quieren cambiar

alguna propiedad, la copian y la pegan en “Settings-User” modificada, así no

dañaras nada que luego no sepas arreglar.

Y por cierto, altamente recomendable darse una vuelta por “Settings-Default”, para

que divisen la cantidad de cosas que puedes personalizar.

6. RESALTAR LAS PESTAÑAS MODIFICADAS

Lo que ven es que los archivos modificados y no guardados, aparecen con el

nombre en la pestaña, resaltado en color naranja.

Imprescindible para identificar el archivo en el que están trabajando y los que has

modificado.

Van de nuevo a Settings User y añaden una nueva línea:

Ilustración 9

7. REINDENT

Tenían su código tan organizado, tabulado como querían, y de repente su cliente

les pide que metan no sé qué, que quiten no se cual, y por supuesto, para ayer.

Cuando terminan, tienen el código como los cables recién peinados de un SITE…

es decir, para llegar y saber de qué trata y donde se encuentra cada cosa.

SELECCIONAMOS EL TEXTO-> EDIT-> LINE-> REINDENT

Remarcan que no es perfecto, pero que le falta poco, alguna línea te puede quedar

descolocada, pero nada comparado con ir una a una.

8. MODIFICAR ATAJOS DE TECLADO

Otra de las ventajas de Sublime, es que pueden personalizar los atajos de teclado

como ellos quieren, ya saben que cada desarrollador es un mundo, y que lo que

uno usa un montón, otros nunca lo utilizan, así es que el 99% de las combinaciones

de teclas les sobran, y echan de menos una que querríamos y no existe.

Pueden crearte una para la utilidad del punto anterior, es muy útil y no existe, la

pondrán como ejemplo.

Vamos al menú PREFERENCES-> KEY BINDINGS –>USER

Como antes, si no han cambiado nada, estará vacío, para habilitar la opción

“Reindent” desde el teclado, añadimos esta línea:

Ilustración 10

Otro modo es poner el atajo CMD+SHIFT+R o CTRL+SHIFT+R en caso de

Windows o lo que se te plazca, Tienen que echar un vistazo antes de asignar la

combinación de teclas, porque si sobrescriben alguno, perderán funcionalidades.

9. OCULTAR LÍNEAS

Cuando trabajan con archivos grandes, se hace muy pesado ir de un lado a otro

teniendo que pasar el archivo entero, para evitar eso, pueden “recoger” unas

cuantas líneas y que se oculten, (como cuando despliegan o cierran una carpeta en

el explorador de un ordenador).

Hay dos formas de hacerlo:

Por defecto, cada bloque de código que Sublime reconoce como “independiente”,

(p.e. o una función en js), les permite ocultarlo entero, se ponen al lado del número

de línea, y veremos una flecha en la que, al pinchar, oculta o despliega el bloque.

En la foto, vemos esas flechas en la etiqueta <body> y en los <ul>:

Ilustración 11

Como ocultar un gran bloque, que no se corresponde con unidades de código:

EDIT->CODE FOLDING->FOLD.

Luego para desplegarlos, bien hacen doble click en la señal que nos aparece al

recoger, o bien lo seleccionamos y vamos a:

EDIT->CODE FOLDING->UNFOLD

10. BUSCAR Y REEMPLAZAR EN ARCHIVOS DEL PROYECTO

Hace poco se encuentran haciendo un curso para una escuela de formación, 17

lecciones y 84 apartados, y cuando el proyecto se termina, nos comenta el cliente,

que hay que cambiar una flecha hecha con css, por una imagen…

Sublime de nuevo, acudió a la ayuda, hay una función maravillosa, para sustituir

algo en todos los archivos del proyecto que lo contengan, pero no solo eso, sino

que puedes seleccionar en cuales lo quieres cambiar y en cuales no, es decir, no

tiene por qué cambiarse en todos, les muestra las coincidencias y tú decides.

Vamos al menú FIND->FIND IN FILES -> y lo enseño en el editor.

Ilustración 12

11. CERRAR VARIAS PESTAÑAS A LA VEZ

Y después de sustituir las flechitas, se encuentran con las 84 pestañas abiertas,

más las que tenían en desarrollo, no quieren cerrar todas, porque están modificando

archivos, pero de una en una tampoco…

Sublime nos da opciones, nos colocamos en una pestaña y damos al botón derecho:

CLOSE TABS TO THE RIGHT: Cierra las que están a la derecha de la que ellos han

pinchado, de modo que las que están a la izquierda no se cerrarán, una gran opción

para cerrar de golpe muchos archivos, pero no todos.

CLOSE OTHERS: Cierra todas menos la que hemos pinchado. Evidente.

12. SNIPPETS

Dejan para el final, lo que consideran más complicado, pero que no tiene misterio

cuando hacen dos, además, los snippets son la mejor de las funcionalidades de

Sublime y todos los plugins.

Para los que no saben sepan qué son los snippets, son trozos de código

predefinidos, a los que asignan una combinación de teclas para que aparezcan, y

que mediante campos.

Hay mil ejemplos y tutoriales para que ellos aprendan a hacer snippets, pero les dan

unas nociones básicas y les muestran el que más utilizan, el snippet Alert(‘hola’);

Reglas básicas para hacer un snippet:

Guardarlo con extensión .sublime-snippet

Tu snippet es todo lo que está dentro de<![CDATA[ AQUÍ TU CÓDIGO ]]>

Para escribir los distintos parámetros configurables:

${1: VALOR POR DEFECTO QUE VA A APARECER }

${2: VALOR POR DEFECTO QUE VA A APARECER }...

Esto hace que al ejecutar el snippet, mediante la tecla Tab, te moverás por estos

campos, para meter los datos concretos que necesites.

En su ejemplo alert(‘hola’), el cursor se pone dentro del “hola” un ejemplo, “soy IE6

y me usan para descargar Chrome”.

Ilustración 13

Notepad++

Ilustración 14

Notepad++ es un programa para editar código fuente de cualquier lenguaje

de programación. Como tiene soporte para una gran cantidad de lenguajes,

interesará no sólo a los desarrolladores de webs, sino en general a toda la

comunidad de programadores.

Es de estos editores que ofrecen ayudas muy útiles para "tirar líneas de código",

como resaltado de colores, posibilidad de editar varios documentos a la vez, menús

contextuales, auto-completar código, etc. Todo un regalo para los programadores,

ya que además es gratuito.

Es un proyecto creado a partir de otro editor para programadores llamado Scintilla,

que ya comentamos en un artículo con anterioridad:Scite by Scintilla. Por decirlo de

alguna manera, Notepad++ es una distribución de Scintilla, pero con algunas

contribuciones adicionales

Ventajas de Notepad++

AUTOCOMPLETAR. UNA VENTAJA DE NOTEPAD++

Para facilitar la escritura de código Notepad++ cuenta con una opción de

autocompletar, la cual se activa en la pestaña Configurar --> Preferencias. En la

ventana que les aparecerá, dentro de la pestaña Copia de seguridad/Autocompletar

o Autocompletar (autocompletion) deben de activar la casilla “.

Habilitar autocompletar en cada entrada” (Enable autocompletion on each

input) y “Pistas para los parámetros de la función” (Function parameters hint on

input).

Ilustración 15

Ilustración 16

AUTOCERRADO DE ETIQUETAS. OTRA VENTAJA DE NOTEPAD++

Para activar el autocerrado inteligente de etiquetas HTML, en menú superior

seleccionan TextFX --> TextFX Settigns --> Autoclose XHTML/XML tag

En algunas versiones de Notepad++ no aparece TextFX en el menú superior. En

este caso, deben:

a) En el menú Configurar -- > Preferencias. En la ventana que les aparecerá, tienen

que buscar la opción Autocompletar (autocompletion) como hicieron anteriormente

y marcar la opción “html/xml close tag”

b) O bien instalar el plugin TextFX Characters accediendo a Plugins, elegir TextFX

Characters y pulsar Install. Una vez instalado el plugin, activar Autoclose

XHTML/XML tag.

Elección de editor de texto

Sublime Text, tiene funciones interesantes como el indentado de Código y la

ventaja de incluir algo de ZenCoding por defecto. También ofrece la opción de editar

múltiples líneas al mismo tiempo. Y fue seleccionado como el editor en clave para

el desarrollo de BiblioUPSIN.

Bootstrap

Ilustración 17

Bootstrap, es un framework originalmente creado por Twitter, que permite crear

interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz

del sitio web al tamaño del dispositivo en que se visualice. Es decir, el sitio web se

adapta automáticamente al tamaño de una PC, una Tablet u otro dispositivo. Esta

técnica de diseño y desarrollo se conoce como “responsive design” o diseño

adaptativo.

El beneficio de usar responsive design en un sitio web, es principalmente que el sitio

web se adapta automáticamente al dispositivo desde donde se acceda. Lo que se

usa con más frecuencia, lo mejor es el uso de media queries, que es un módulo de

CSS3 que permite la representación de contenido para adaptarse a condiciones

como la resolución de la pantalla y si se trabaja con las dimensiones de un contenido

en porcentajes, pueden tener una web muy fluida capaz de adaptarse a casi

cualquier tamaño de forma automática.

Aun ofreciendo todas las posibilidades que ofrece Bootstrap a la hora de crear

interfaces web, los diseños creados con Bootstrap son simples, limpios e intuitivos,

esto les da agilidad a la hora de cargar y al adaptarse a otros dispositivos. El

Framework trae varios elementos con estilos predefinidos fáciles de configurar:

Botones, Menús desplegables, Formularios incluyendo todos sus elementos e

integración jQuery para ofrecer ventanas y tooltips dinámicos.

Bootstrap tiene un soporte relativamente incompleto para HTML5 y CSS 3, pero es

compatible con la mayoría de los navegadores web. La información básica de

compatibilidad de sitios web o aplicaciones está disponible para todos los

dispositivos y navegadores. Existe un concepto de compatibilidad parcial que hace

disponible la información básica de un sitio web para todos los dispositivos y

navegadores. Por ejemplo, las propiedades introducidas en CSS3 para las esquinas

redondeadas, gradientes y sombras son usadas por Bootstrap a pesar de la falta de

soporte de navegadores antiguos. Esto extiende la funcionalidad de la herramienta,

pero no es requerida para su uso.

Ventajas de Bootstrap

1 Cuenta con un mantenimiento y actualización realizados por Twitter: esto no

quiere decir que esta herramienta sea perfecta, pero gran parte del trabajo interno

ya está llevado a cabo por sus creadores.

2 Ofrece un paquete de elementos web personalizables: con Bootstrap pueden

diseñar una web jugando con sus elementos compuestos por diferentes

combinaciones de HTML, CSS y Javascript, de manera que las piezas siempre

encajan.

3 Utiliza componentes vitales para los desarrolladores: como HTML5, CSS3, jQuery

o GitHub, entre otros.

4 Sus plantillas son de sencilla adaptación responsive: se desarrolló con la idea de

facilitar el proceso de adaptación web a todo tipo de dispositivos.

5 Incluye Grid system: muy útil para maquetar por columnas.

6 Se integra con librerías JavaScript.

7 Usa Less: un lenguaje de las hojas de estilo CSS preparado para enriquecer los

estilos de la web.

8 Es una herramienta de uso ágil y sencillo: facilita enormemente el diseño de

interfaces y además incluye por defecto una plantilla bastante optimizada.

9 Contiene tutoriales: este framework facilita mucha documentación para resolver

dudas tanto a principiantes como a desarrolladores expertos.

10 Cada vez ofrece más plugins: cada vez incluye más características gracias a la

aparición de nuevos plugins de terceros.

960 Grid System

Ilustración 18

960 Grid System lleva este nombre porque es un sistema de rejilla para hacer

páginas con 960 píxeles de ancho. Las columnas que podremos colocar en la rejilla

tendrán distintas anchuras, pero siempre el ancho total de la página será de 960

píxeles. Se ha elegido este valor porque 960 es divisible por una buena cantidad de

números, lo que lo hace más versátil para poder alcanzar páginas resultantes de la

más variada gama.

Ventajas de 960 Grid System

Compatibilidad. El 960 Grid System es compatible con la mayoría de los

navegadores más utilizados como el Mozilla Firefox, Google Chrome, Safari,

Internet Explorer y Opera.

Estructura previa. El sistema ofrece una estructura para la diagramación de los

sitios web, pues evita el proceso de creación de una nueva estructura cada vez que

se inicia un proyecto.

Experiencia visual. Un sistema como este ofrece una retícula que mejora el

balance, la alineación y el espacio para lograr una mejor experiencia visual.

Reemplaza el uso de tablas. La retícula puede ser un buen sustituto para la

diagramación de sitios web con tablas utilizadas por los diseñadores en los inicios

de Internet. Se debe señalar que en la actualidad las tablas son solamente

recomendadas para mostrar datos en las páginas web.

Mayor velocidad de desarrollo. El uso de un sistema como el 960 Grid System

agiliza el proceso de creación de sitios web.

Gumby Framework

Ilustración 19

Gumby es un framework basado en Grid’s que te permite personalizar y

moldear el diseño de una página adaptándose a tus necesidades, como por ejemplo

al tamaño de la pantalla o aplicación en la que te encuentres. Dentro del marco de

trabajo se encuentran varios estilos y elementos de interfaz comunes para apoyarse

rápida y fácilmente a estructurar prototipos funcionales. Podrán mezclar diseños en

un tiempo muy corto utilizando formularios incluidos, botones, menús desplegables

y pestañas.

Ventajas de Gumby

Descarga Personalizable: La descarga de este framework lo puedes hacer de

forma personalizada, es decir que puedes escoger los font, los colores, si quieres

javascript o no entre otras cosas, es decir puedes desechar lo que no necesitas para

descargar el framework.

Utilización de Font Icon: Deja a un lado las imágenes de iconos con css, incluye

el font icon que son óptimos para el rendimiento web.

Buena Documentación: Desde el sitio web de Gumby se puede encontrar una muy

buena documentacion del framework ademas de contar con ejemplo del trabajo del

mismo.

Compatibilidad con navegadores: Este framework le brinda soporte hasta IE 7 y

8.

Elección de Framework de diseño responsivo

Se eligió Bootstrap 3 siendo un framework muy útil en el desarrollo de sitios

web. Una de sus principales características, es la rapidez con la que se crea un sitio

web: en menos de un día se puede asegurar con más del 50% del desarrollo del

mismo.

Es open source, de fácil acceso para disponer de su código y empezar a trabajar en

el sitio web; con Bootstrap 3 se puede usar y personalizar de manera sencilla todos

sus elementos (como las Barras de Navegación, Formularios, Tablas, Botones,

Glyphicons, etc).

Las interfaces que se llega a crear con Bootstrap 3 son de gran usabilidad, y lo que

es mejor: se dispone de un sistema grid de 12 columnas que trae por defecto para

distribuir muy bien todos los elementos que se desee colocar en el sitio web,

además, usa responsive web design, todos los elementos que trae Bootstrap 3 se

adaptan perfectamente a los diseños sobre cualquier dispositivo móvil, lo que es

muy importante, ya que la mayoría de los sitios que usan responsive web design

generan conversión.

Ajax

Ilustración 20

AJAX es el acrónimo de Asynchronous Javascript and XML, es decir: Javascript y

XML Asincrono.

Normalmente, AJAX se define como una técnica para el desarrollo de páginas

(sitios) web que implementan aplicaciones interactivas. No obstante, analicemos un

poco cada una de las palabras que la forman:

Javascript es un lenguaje de programación conocido por ser interpretado por los

navegadores de páginas web.

XML es un lenguaje de descripción de datos pensado fundamentalmente para el

intercambio de datos entre aplicaciones, más que entre personas.

Asíncrono: en el contexto de las comunicaciones (y la visualización de una página

web no deja de ser una acto de comunicación entre un servidor y un cliente) significa

que el emisor emite un mensaje y continúa son su trabajo, dado que no sabe (ni

necesita saberlo) cuándo le llegará el mensaje al receptor.

Es decir, que podemos refinar un poco nuestra definición indicando que AJAX es

una técnica que permite, mediante programas escritos en Javascript, que un

servidor y un navegador intercambien información, posiblemente en XML, de forma

asíncrona.

Ventajas de Ajax

1 Mejor experiencia de usuario. Ajax permite que las páginas se modifiquen sin tener

que volver a cargarse, dándole al usuario la sensación de que los cambios se

producen instantáneamente. Este comportamiento es propio de los programas de

escritorio a lo que los usuarios están más acostumbrados. La experiencia se vuelve

mucho más interactiva.

2 Optimización de recursos. Al no recargarse la página se reduce el tiempo

implicado en cada transacción. También se utiliza menos ancho de banda.

3 Alta compatibilidad. Ajax es soportado por casi todas las plataformas Web.

Elección de Ajax

Se eligió AJAX porque permite mejorar completamente la interacción del

usuario con la aplicación, evitando las recargas constantes de la página, ya que el

intercambio de información con el servidor se produce en un segundo plano.

Las aplicaciones construidas con AJAX eliminan la recarga constante de páginas

mediante la creación de un elemento intermedio entre el usuario y el servidor. La

nueva capa intermedia de AJAX mejora la respuesta de la aplicación, ya que el

usuario nunca se encuentra con una ventana del navegador vacía esperando la

respuesta del servidor.

jQuery

Ilustración 21

jQuery es uno de los complementos más esenciales para el desarrollo web,

usado en millones de sitios en toda la web, ya que nos facilita mucho el desarrollo

de aplicaciones enriquecidas del lado del cliente, en Javascript, compatibles con

todos los navegadores.

Para los que se inician, conviene aclarar que jQuery no es un lenguaje, sino una

serie de funciones y métodos de Javascript. Por tanto, Javascript es el lenguaje y

jQuery es una librería que pueden usar opcionalmente si quieren facilitar la vida

cuando programan en Javascript. A veces referir a jQuery como framework o incluso

como un API de funciones, útiles en la mayoría de proyectos web.

Ventajas de jQuery

1 La ventaja principal de jQuery es que es mucho más fácil que sus competidores.

Usted puede agregar plugins fácilmente, traduciéndose esto en un ahorro

substancial de tiempo y esfuerzo. De hecho, una de las principales razones por la

cual Resig y su equipo crearon jQuery fue para ganar tiempo (en el mundo de

desarrollo web, tiempo importa mucho).

2 La licencia open source de jQuery permite que la librería siempre cuente con

soporte constante y rápido, publicándose actualizaciones de manera constante. La

comunidad jQuery es activa y sumamente trabajadora.

3 Otra ventaja de jQuery sobre sus competidores como Flash y puro CSS es su

excelente integración con AJAX.

Elección de jQuery para validaciones de formularios

Con jQuery se tiene más confianza por ser independiente de la plataforma a

diferencia de hacer una simple sentencia con JavaScript. Por esa razón, usar jQuery

es lo suficientemente factible y estable para el uso de codificación relacionado con

validaciones de formularios.

MySQL

Ilustración 22

MySQL es un sistema de administración de bases de datos (Database Management

System, DBMS) para bases de datos relacionales. Así, MySQL no es más que una

aplicación que permite gestionar archivos llamados de bases de datos.

Existen muchos tipos de bases de datos, desde un simple archivo hasta sistemas

relacionales orientados a objetos. MySQL, como base de datos relacional, utiliza

multiples tablas para almacenar y organizar la información. MySQL fue escrito en C

y C++ y destaca por su gran adaptación a diferentes entornos de desarrollo,

permitiendo su interactuación con los lenguajes de programación más utilizados

como PHP, Perl y Java y su integración en distintos sistemas operativos.

También es muy destacable, la condición de open source de MySQL, que hace que

su utilización sea gratuita e incluso se pueda modificar con total libertad, pudiendo

descargar su código fuente. Esto ha favorecido muy positivamente en su desarrollo

y continuas actualizaciones, para hacer de MySQL una de las herramientas más

utilizadas por los programadores orientados a Internet

Ventajas de MySQL

1 MySQL software es Open Source.

2 Velocidad al realizar las operaciones, lo que le hace uno de los gestores con mejor

rendimiento.

3 Bajo costo en requerimientos para la elaboración de bases de datos, ya que

debido a su bajo consumo puede ser ejecutado en una máquina con escasos

recursos sin ningún problema

4 Facilidad de configuración e instalación.

Soporta gran variedad de Sistemas Operativos.

5 Baja probabilidad de corromper datos, incluso si los errores no se producen en el

propio gestor, sino en el sistema en el que está.

6 Su conectividad, velocidad, y seguridad hacen de MySQL Server altamente

apropiado para acceder bases de datos en Internet.

7 El software MySQL usa la licencia GPL.

SQLyog

Ilustración 23

SQLyog es una excelente interfaz gráfica diseñada especialmente para

trabajar de forma más rápida y cómoda con el servidor de base de datos MySQL.

El programa está orientado a usuarios que ya tienen ciertos conocimientos de SQL y

necesitan un intérprete gráfico sin excesiva sobrecarga (que significa esta palabra),

ágil y funcional. SQLyog te permite administrar usuarios y permisos, y realizar

múltiples peticiones a base de datos. También puedes insertar fácilmente, mediante

plantillas, peticiones que realicen con frecuencia, como por ejemplo creación de

tablas. Otras opciones son la exportación de datos en formato CSV, HTML y XML,

la optimización de bases de datos, la posibilidad de guardar scripts de SQL como

favoritos.

Características destacadas

Soporte Unicode/UTF8 completo

Productividad desarrollador / usuario

Documentación de esquema HTML

Atajos para generar sentencias SQL DML desde definición de esquema

Editor de consultas con pestañas múltiples y editor de resultados

Ejecución múltiple de consultas

Ejecución de consultas multi-hilo - Posibilidad de detener consultas grandes

Plantillas SQL

Interfaz de cuadrícula estilo Excel para ver/actualizar los resultados

Editor de Blob multi-formato

Se pueden ver datos en modo cuadrícula o texto

Exportación de Resultado/Datos a CSV / XML / HTML / Excel

Soporte completo de versiones desde 3.23.38 hasta la última

Exportación de resultados/datos de tabla al portapapeles/archivo amigable

con Excel

Editor de tabla y resultado sin diálogo

Restaura / Importa volcados SQL largos

Soporta objetos MySQL 5.x

Gestión de MySQL hospedado

Administración de índices

Administrador de relaciones/claves foráneas

Reordenar columnas

Copiar objetos a otro servidor con un solo clic

Diagnóstico de tablas

Herramientas para despejar

Explorador de objetos

Crear/borrar bases de datos

Optimizado para la gestión de MySQL hospedado

Administración MySQL de alta velocidad. Utiliza una API MySQL nativa en C - la

forma más rápida de comunicarse con un servidor MySQL

100% manejable con el teclado

Binario pequeño y compacto

Uso mínimo del registro - migración fácil de las preferencias del usuario arrastrando

y soltando archivos de configuración.

Aspecto visual ordenado, se pueden mostrar/ocultar paneles.

Neubox (Hosting service)

Ilustración 24

NEUBOX inicia operaciones en Enero de 2005 con la filosofía de la excelencia, la

mejora continua y la perseverancia, ofreciendo servicios con alto valor agregado y

calidad a un precio justo. Partiendo del concepto "El Hospedaje Web Todo Incluido"

y junto a prácticas de marketing jóvenes y en ocasiones arriesgadas para el año

2007 logramos posicionarnos como una de las 10 empresas de hosting más

grandes de México.

A la fecha ellos son el segundo proveedor de hosting más grande y el mayor

registrador de dominios de México, alojando en sus servidores a decenas de miles

sitios y administrando casi 100,000 dominios, estando también acreditados por

diversas instituciones como la ICANN y el Registry MX, lo que garantiza que se

apegan a estándares internacionales de calidad en el servicio y atención al cliente.

Actualmente buscan convertirse en el primer proveedor de hospedaje web y

dominios en México manteniendo los principios que les han permitido llegar a donde

se encontramos hoy.

Ventajas de Neubox (Hosting service)

Excelentes Precios y Promociones.

Encuentra los mejores precios y promociones mes a mes en nuestro sitio web.

Hospedaje Web Todo Incluido

Tu pago incluye todo lo que necesitas para iniciar tu presencia en Internet:

Dominio .com, .net, .org, .info, .us, .biz o COM.MX Gratis.

Herramienta SitioEnMinutos 3.0 para que crees tú sitio web.

Más de 50 Aplicaciones listas para instalar, como carrito de compra, blog, foros, etc.

Atención a Clientes

Porque cada cliente es importante y no sólo uno más, recibe atención

personalizada, amable, humana y profesional.

Dominios a tu Nombre

Los contactos de tu dominio están a tu nombre, los clientes son libres de ir con otro

proveedor en cualquier momento, no se retienen a la fuerza ni les cobran cuotas por

este tipo de cambio por lo que no corren el riesgo de perder su nombre de dominio.

Soporte Técnico Lunes a Domingo

Los Ingenieros de Soporte están a tu disposición 24 X 7 por e-mail y los siete días

de la semana vía chat en planes selectos.

Desarrollo

Login

Ilustración 25

Se implementó un login para los administradores, con la función de obtener

privilegios administrativos, y poder organizar los documentos subidos a la

plataforma de la biblioteca web.

De este modo las opciones que solo el administrador tendrá son:

-Modificación

-Altas

-Bajas/Eliminación de forma permanente

Y subir los libros en línea con sus respectivas documentaciones, así como videos

por el cual el alumno podrá visitar cuantas veces quiera.

Elección de colores

El diseño y la elección de colores de la página fueron elegidos siempre con

la finalidad de que el usuario se encuentre en un entorno agradable y fácil de

entender, siendo el gris como color principal. La imagen que se muestra en el índex,

es una representación de la biblioteca de la universidad así como indicarle al usuario

donde se encuentra.

Página de inicio (Índex)

Ilustración 26

La página principal tendrá todos los documentos relacionados por cada carrera que

esta universidad cuenta, así como una búsqueda filtrada para encontrarlos ya sea

por:

-Genero

-Carrera

-Búsqueda por texto: una búsqueda personalizada, para saber de un libro en

específico.

Ilustración 27

Como se aprecia en la imagen anterior: Al iniciar sesión como administrador, se

habilita un apartado de Administrador, y solamente el podrá dar uso de ello, dentro

de él las opciones que tiene son:

-Registro de libro: Un formulario de registro de libro por el cual podrán subir a la

plataforma, siempre y cuando cumpla con los requisitos de derecho de autor que el

libro muestra.

-Registro de usuarios: Esta opción se encuentra en decisión. Se quieren

implementar usuarios para las recomendaciones de libro y poder tener favoritos.

-Página Principal editar: Que está básicamente se encarga de poder administrar los

horarios de entrada y salida de los trabajadores y el cambio de docentes dentro de

la misma biblioteca, así como su puesto y correo. Haciendo más dinámica la

información.

Código Índex

Ilustración 28

Ilustración 29

Código Barra de Navegación

Ilustración 30

Ilustración 31

Código Barra Lateral

Ilustración 32

Ilustración 33

Información completa del libro (Ventana modal)

Ilustración 34

Registro de libros (Formulario)

Ilustración 35

La implementación de la ventana modal

se ideó con la finalidad de que el usuario

no esté pasando de página en página

para saber del libro, y así, con solo un clic

una ventana modal aparecerá

sobreponiéndose de la página,

mostrando el contenido completo del

libro y los archivos adjuntos, así como si

tiene algún video o aplicación para su

posterior uso.

En el formulario de registros de libro, se implementa una ventana intuitiva, es decir,

solo lo necesario y punto y fácil de uso tanto en computadora de escritorio como en

móviles, por obvias razones, se implementa un ambiente sin carga de página, cosa

que esto es importante. Se ha implementado una ventana intuitiva y fácil de usar

tanto en computadora de escritorio como en móviles, por obvias razones que

conciernen en la comodidad del administrador si sucede algún inconveniente, con

ello evitar si otro administrador sube algún contenido que tiene problemas de

escritura o el contenido no es el apropiado, esto se modifica desde el mismo

dispositivo móvil o como antes se comentó, una computadora de escritorio.

Código

Ilustración 36

Ilustración 37

Ilustración 38

Registro de usuarios (Formulario)

Ilustración 39

El formulario de registro de usuarios, te pide los datos suficientes para registrar un

usuario:

-Nombre completo

-Alias

Y una contraseña que se encuentra cifrada en SHA1 y MD5 para una mejor

seguridad. Así como se implementaron diseños intuitivos en el formulario de

registro de libros, en este no será la excepción, de este modo, se evita la sobrecarga

de la página y se deja espacio libre para una mejora a futuro.

Código

Ilustración 40

Ilustración 41

Página Inicio Editar (Formulario de Index)

Ilustración 42

En el formulario de índex, fue implementado, para darle a la página más dinamismo

así como evitar los elementos estáticos y mejorar el confort del administrador, por

otro lado los cuadros de texto, contienen formatos de ejemplo así como información

de los actuales trabajadores. Se le agrega un apartado de “Horario de trabajo”, para

que la comunidad universitaria se encuentre informada de los días laborales, así

como la hora de entrada y salida. Por último y no menos importante, se crea un

input, para subir la imagen top de la página BiblioUpsin, donde está se mostrará

solo y únicamente en el índex.

Código

Ilustración 43

Ilustración 44

Ilustración 45

Ilustración 46

Ilustración 47

Ilustración 48

Conclusión

La Biblioteca Virtual de la Universidad Politécnica de Sinaloa constituye una

poderosa herramienta para los usuarios haciendo más amplios y eficientes los

servicios que ofrece la biblioteca, brinda servicios de consulta, de información, y de

discusión que favorecen un espacio virtual, orientado a mejorar la comunicación,

incentivar el aprendizaje interactivo y personalizado, y enfatizar el trabajo individual

y en equipo, a través de la red universitaria.

Cabe destacar los puntos más importantes para la mejor implementación de este

proyecto son:

La posibilidad de cargar información a la base de datos desde la comodidad de tu

hogar y poder consultarlo constituye un primer paso hacia el mejoramiento del

acervo bibliográfico de la biblioteca de la Universidad Politécnica de Sinaloa.

Se mantiene la colección digital actualizada a partir del análisis estadístico del uso

de la biblioteca digital, una vez que se popularice, se verá el potencial de

BiblioUPSIN así como lo esencial que es usarla.

El acceso a la información desde el puesto de trabajo por parte de los docentes y

estudiantes, a través del uso de las nuevas tecnologías de la informática, aumenta

considerablemente el conocimiento obtenido, así como el administrador obtiene

indicaciones respecto a las mejoras de la página.

Glosario

Lenguaje de programación

Un lenguaje de programación es un lenguaje formal diseñado para realizar

procesos que pueden ser llevados a cabo por máquinas como las computadoras.

Puede usarse para crear programas que controlen el comportamiento físico y lógico

de una máquina, para expresar algoritmos con precisión, o como modo de

comunicación humana. Está formado por un conjunto de símbolos y reglas

sintácticas y semánticas que definen su estructura y el significado de sus elementos

y expresiones. Al proceso por el cual se escribe, se prueba, se depura, se compila

( de ser necesario) y se mantiene el código fuente en un programa informático se le

llama programación. También la palabra programación se define como el proceso

de creación de un programa de computadora, mediante la aplicación de

procedimientos lógicos, a través de los siguientes pasos:

1. El desarrollo lógico del programa para resolver un problema en particular.

2. Escritura de la lógica del programa empleando un lenguaje de programación

específico (codificación del programa).

3. Ensamblaje o compilación del programa hasta convertirlo en lenguaje de

máquina.

4. Prueba y depuración del programa.

5. Desarrollo de la documentación

Existe un error común que trata por sinónimos los términos de ‘lenguaje de

programación’ y ‘lenguaje informático’. Los lenguajes informáticos engloban a los

lenguajes de programación y a otros más, como por ejemplo HTML (lenguaje para

el marcado de páginas web que no es propiamente un lenguaje de programación,

sino un conjunto de instrucciones que permiten estructurar el contenido de los

documentos).

¿Qué es HTML?

HMTL, que significa Lenguaje de Marcado para Hipertextos (HyperText

Markup Language) es el bloque de construcción más básico de una página web y

se usa para crear y representar visualmente una página web. Determina el

contenido de páginas web, pero no su funcionalidad. HTML le añade “marcado” a

un texto estándar en español. “Híper Texto” se refiere a enlaces que conectan a una

página web con otra, haciendo de la Telaraña mundial (World Wide Web) lo que es

hoy. Al crear y subir páginas web a internet, usted se hace un participante activo de

esta Telaraña Mundial una vez su sitio está en línea. HTML soporta las imágenes

visuales y otros medios también. Con la ayuda de HTML todos pueden hacer sitios

web estáticos y dinámicos. HTML es el lenguaje que describe la estructura y el

contenido semántico de un documento web. El contenido dentro de una página web

es etiquetado con elementos HTML como <img>, <title>, <p>, <div>, y así

sucesivamente. Estos elementos conforman los bloques de construcción de un sitio

web.

Editor de texto

Un editor de texto es un programa informático que permite crear y modificar

archivos digitales compuestos únicamente por textos sin formato, conocidos

comúnmente como archivos de texto o “texto plano”. El programa lee el archivo e

interpreta los bytes leídos según el código de caracteres que usa el editor. Por

ejemplo, un editor ASCII de 8 bits que lee el número binario 01100001 ( decimal 97)

en el archivo lo representará en la pantalla por la figura a, que el usuario reconoce

como la letra “a” y ofrecerá al usuario las funciones necesarias para cambiar el

numero binario en el archivo los editores de texto son incluidos en el sistema

operativo en algún paquete de software instalado, y se usan cuando se deben crear

o modificar archivos de texto como archivos de configuración, lenguaje de

programación interpretado (scripts) o el código fuente de algún programa.

Tipos de editores de texto

Hay una gran variedad de editores de texto. Algunos son de uso general,

mientras que otros están diseñados para escribir o programar en un lenguaje.

Algunos son muy sencillos, mientras que otros tienen implementadas gran cantidad

de funciones. El editor de texto debe ser considerado como una herramienta de

trabajo del programador o administrador de la máquina. Como herramienta permite

realizar ciertos trabajos, pero también requiere de aprendizaje para que el usuario

conozca y obtenga destreza en su uso. La llamada “curva de aprendizaje” es una

representación de la destreza adquirida a lo largo del tiempo de aprendizaje. Un

editor puede ofrecer muchas funciones, pero si su curva de aprendizaje es muy

larga, puede desanimar el aprendizaje y terminará siendo dejado de lado. Puede

que un editor tenga una curva de aprendizaje muy empinada y corta, pero si no

ofrece muchas funciones el usuario le reemplazará por otro más productivo. Es decir

la elección del editor más apropiado depende de varios factores, alguno de ellos

muy subjetivos. Esta coyuntura de intereses ha dado lugar a largas discusiones

sobre la respuesta a la pregunta: ¿Cuál es el mejor editor de texto? Muchos editores

originalmente salidos de Unix o Linux, han sido portados a otros sistemas

operativos, lo que permite trabajar en otros sistemas sin tener que aprender el uso

de otro editor. Muchos editores de texto incluyen coloreado de sintaxis y funciones

que ofrecen al usuario completar una palabra iniciada usando para ello la

configuración. Algunas funciones especiales son:

1. Editores diseñados para un lenguaje de programación determinado, con

coloreado de sintaxis, macros, corrección de palabras, etcétera.

2. Editores con regiones plegables. A veces no todo el texto es relevante para

el usuario. Con este tipo de editores ciertas regiones con texto irrelevante

pueden ser plegadas, escondidas, mostrando al usuario solo lo importante

del texto.

3. Un entorno de desarrollo integrado es un programa que incluye un editor y

otras herramientas de trabajo, como compiladores, extractores de diferencias

entre dos textos, repositorios, etcétera, incluidos en un solo programa.

Página web

Una página web, página electrónica o ciber página, es un documento o

información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces,

imágenes, por mencionar algunas y muchas otras cosas, adaptada para la llamada

World Wide Web y que puede ser accedida mediante un navegador. Esta

información se encuentra generalmente en formato HTML o XHTML, y puede

proporcionar navegación (acceso) a otras páginas web mediante enlaces de

hipertexto. Las páginas web frecuentemente también incluyen otros recursos como

ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.

Las páginas web pueden estar almacenadas en un equipo local o en un servidor

web remoto.

Existen distintas formas de clasificar a las páginas web, algunos criterios para ello

son:

Según su construcción:

1. Estáticas: Este tipo de páginas web están compuestas por archivos que

contienen código HTML, es por medio de este que se pueden mostrar las

imágenes, textos, videos y todos aquellos contenidos que componen a la

página en sí. Los archivos que constituyen a la página web son almacenados

en el servidor de Hosting, cuyo formato es también en HTML. Las páginas

web pueden ser editadas por medio de programas como el Dreamweaver.

Para esto, los archivos deben de ser descargados del servidor con algún

software, editarlos, guardarlos y subirlos nuevamente. El contenido de estas

páginas no se modifica constantemente puesto que estas suelen estar en

manos de personas que requieren contratara diseñadores para que se

encarguen de esto, lo que implica una serie de gastos, Además, las

actualizaciones constantes no es algo que su diseño necesite.

2. Dinámicas: En estas páginas, en cambio, los contenidos son modificados

continuamente ya que esto queda en manos de quienes la visitan. La

información de estas páginas está guardada en bases de datos de las cuales

los usuarios extraen aquello que les interesa. Estas páginas se caracterizan

entonces por ser sus usuarios quienes modifican el diseño y los contenidos,

se las puede actualizar muy fácilmente, ya que no es necesario ingresar al

servidor para esto. Además, tienen numerosas funciones como foros, bases

de datos, contenidos dinámicos, carritos de compras, entre otros.

3.

Según su tecnología

1. En HTML: Estas páginas están construidas con el lenguaje HTML, por lo que

se requiere tener conocimientos de este para hacerlas. Un defecto de estas

páginas es que son estáticas, además ofrecen muy poco, por lo que no son

recomendables para ventas y marketing. La ventaja que ofrecen es que son

muy fáciles de construir, con conocimientos básicos de diseño, alcanza.

2. En Flash: Estas páginas se construyen utilizando el software Flash, de

Adobe, que permite la realización de animaciones, efectos, sonidos y

movimientos. Para que los usuarios puedan visualizarlas, es necesario

contar con los plug-in requeridos. Para realizarlas si es necesario tener

conocimientos en profundidad sobre el software, otra desventaja, es que las

páginas hechas con Flash son muy pesadas, por lo que el tiempo de

descarga puede prolongarse.

En lenguaje servidor: Estas se hacen en lenguaje PHP, Ruby, ASP, entre otros.

Para desarrollar esta clase de páginas también es necesario tener conocimientos

avanzados sobre el lenguaje a utilizar. Son ideales para interactuar con los usuarios

y para el área de marketing.

¿Qué es Hosting?

Web Hosting es el servicio que provee el espacio en Internet para los sitios

web.

¿Qué es el hosting? Si quieres crear tu página web y que otros puedan visitarla, vas

a necesitar publicar o subir los archivos a un servicio de web hosting.

Estos servicios funcionan ofreciéndote computadoras de grandes prestaciones

(servidores web), utilizando conexiones de alta velocidad además de muchas otras

prestaciones. Cuando alguien escribe tu dirección web (como por ejemplo

www.duplika.com), ellos se conectaran al servidor web donde esté alojado tu página

y descargarán los archivos de tu sitio. En el hosting, también hay otros aspectos

que es bueno analizar, ya que cada persona tiene sus necesidades, y nadie puede

decirte qué es mejor para ti sin antes saber qué proyecto tienes en mente.

Ventajas de Hosting

1 Control total del website: Puedes decidir en cuanto al programa o software para

construir tu página y su contenido es de tu propiedad.

2 Dominio propio: Puedes escoger tu nombre de dominio que sea relacionado con

tu actividad o nombre de negocio y que sea fácil de recordar

3 Apariencia profesional: La página no va a tener un nombre o URL largo para entrar

y no va a tener publicidades de terceros.

4 Aumentar funciones en la página: Ya no tienes que pagar para tener acceso a

otros servicios o instalar más funcionalidad a tu página, como galerías, formularios,

videos, widgets, etc.

5 Tus emails personalizados: Envía y recibe correos sin usar servicios gratuitos

como Hotmail y Yahoo! para comunicarte con tus clientes.

6 En línea permanentemente: Al crear una página web con tu propio hosting y

dominio contratado, no vas a tener interrupciones del servicio, solamente tienes que

pagar una vez al año por este servicio.

7 Soporte técnico: La compañía de hosting o el diseñador web que te creo la página

te va a ayudar con problemas técnicos que tengas con la página.

8 Mejor ranking en los buscadores: Una página web creada profesionalmente esta

mejor ubicada en google y Yahoo! con lo cual vas a tener más visitas y por

consiguiente más ventas

¿Qué es un Framework?

Siendo muy simple, es un esquema (un esqueleto, un patrón) para el

desarrollo y/o la implementación de una aplicación. Sí, es una definición muy

genérica, pero también puede serlo un framework: sin ir más lejos, el paradigma

MVC (Model-View-Controller) dice poco más que “separa en tu aplicación la gestión

de los datos, las operaciones, y la presentación”. En el otro extremo, otros

frameworks pueden llegar al detalle de definir los nombres de ficheros, su

estructura, las convenciones de programación, etc.

¿Qué es indentación de código?

El objetivo fundamental de la indentación del código fuente es facilitar su

lectura y comprensión. Hay dos tipos de posibles lectores del código fuente:

programas y personas. A los programas les da igual la indentación, leen bien

nuestro código siempre que cumpla la sintaxis del lenguaje. Luego la indentación

debe centrarse en la lectura y comprensión del código por personas.