capitulo iii metodologías de uso
Post on 22-Oct-2021
6 Views
Preview:
TRANSCRIPT
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
top related