PAGINA WEB

PROYECTO

HERRAMIENTAS:
Empezamos desde que es lo que hace funcionar a la Web y efectivamente es
un servidor apropiado para ello.
Servidor Apache HTTP
Es un servidor capaz de correr en mltiples plataformas tanto como
Windows, Linux y Mac, implementa el protocolo HTTP/1.1 (Protocolo de
Transferencia de Hipertexto), este protocolo permite las transferencias
de informacin en la World Wide Web.
Es el Servidor ms usado por los desarrolladores Web, presenta una
amplia aceptacin entre las comunidades de desarrollo siendo usado por
ms de 70% de los programadores actualmente.

Este servidor puede ser instalado de muchas formas en una PC. Por ello
explicaremos en Windows, siendo obvio que este es el sistema operativo ms
popular localmente en nuestro pas.
Instalaremos XAMPP, este software contiene un conjunto de Herramientas para
el desarrollo entre las cuales esta APACHE nuestro servidor.

Puede ser descargado desde su portal ( https://www.apachefriends.org/es/ )

Nota: XAMPP no es el nico software para estos fines. Apache puede ser
instalado de forma separada, hecho que se da mucho en sistemas operativos
como Linux o Mac.
Es Ahora cuando empezamos con el desarrollo de nuestra pgina web.
Se podra decir que utilizaremos 4 lenguajes de programacin para hacer
nuestra Web que ahora lo explicaremos.

HTML. En simples palabras para entenderlo as, es como una maqueta

de la pgina web que estima que este ese espacio se puede desarrollar
un texto, multimedia, etc. Es decir, define el contexto o alrededores
donde se va a hacer la pgina Web.

CSS. (Hoja de estilo en cascada)

Es como se escribe una hoja de estilo, basada en HTML y su antecesor
XML que este se usa mucho para desarrollo de aplicaciones mviles,
CSS define la presentacin de los objetos dentro del HTML dndoles
color, tamaos, formas, etc. Siendo capaz de manipular formas
estticas, dentro de la pagina web. Este lenguaje fue una revolucin en
sus comienzos porque para esos tiempo las paginas solamente tenan
texto y eran aburridos.

JS (JavaScript)
Es el lenguaje de programacin que da movimiento, dinamismo a las
pginas web siendo capaz de interactuar con todos los elementos de la
pgina WEB para que este sea ms entretenido para el usuario, sino
fuera por este lenguaje las pginas web seria estticas y toscas, sin
movimiento alguno, imagnate presionar un botn y q te mande a otra
pgina y otra, siendo engorroso cerrarlas todas, con JavaScript puede
hacerlo todo en una misma pgina ahorrando recursos al servidor.

PHP
Es un lenguaje de cdigo del lado del servidor diseado para el manejo
de contenidos dinmicos, teniendo este el poder de tener acceso a las
base de datos que se puedan usar, pero en este proyecto no
utilizaremos ni una base de datos, es por ello que nos preguntamos
porque usamos PHP.
PHP nos sirve como contenedor del archivo principal, teniendo este
dentro la estructura del HTML y los accesos al CSS y JS que usaremos,
aun as sigue sin responder la duda porque PHP, este lenguaje es capaz
de funcionar de forma ms ptima cuando este corre en un servidor
web, puesto que este tiene un mdulo de procesador de PHP generando
la pgina web resultante hacindolo ms flexible, potentes y de alto
rendimiento. Es de resaltar tambin la posibilidad de usar las funciones
predefinidas del lenguaje php.(Ej. Funcin de enviar correo)
Nota. Nuestro archivo principal tiene la extensin php ( index.php )

Esos son los lenguajes que utilizaremos para construir nuestra Web, no
obstante existen herramientas desarrolladas en estos lenguajes que nos sern
muy tiles para nuestra pgina Web

BOOTSTRAP.
Es un conjunto de herramientas de cdigo abierto para el diseo de
sitios y aplicaciones web. Contiene plantillas de diseo de formularios,
botones, cuadros, etc. Basado en JS, HTML, CSS.
Desarrollado por TWITTER, eso mismo la red social, es usado por
muchas organizaciones a nivel mundial por su amplia gama de opciones
siendo la ms resaltante lo de responsive web design, es decir, que la
pgina web puede acomodarse a cualquier entorno ya sea una PC,
Smartphone o Tablet alrededor del globo (el mundo).
http://getbootstrap.com/

JQUERY
Es la librera ms usada de JavaScript, permite simplificar la manera de
interactuar con los documentos HTML. Con esta herramienta se puede
desarrollar animaciones, manejar eventos y agregar interaccin a la
pgina Web.
Desarrollada en el Instituto Tecnolgico de Massachisetts.

https://jquery.com/

Nuestra Web hace uso de BOOTSTRAP para que este puede ser visto
en todos los navegadores y dispositivos posibles de forma flexible y
ordenada. Y JQUERY para hacer animaciones para que se vea ms
interactivo la pgina web.
VERSIN BETA DE LA PGINA WEB

https://florysalon.herokuapp.com/
Usamos HEROKU para reproducirlo en internet
HEROKU es una plataforma de servicio en la NUBE (Se le dice NUBE a
los servicios alojados en internet tambin llamado CLOUD COMPUTING
o computacin en la NUBE) que permite correr los proyectos basados en
mltiples lenguajes de programacin asi como JAVA, RUBY,PYTHON,
ETC.
https://www.heroku.com/

EN CASO que se quiera hacer algo ms formal como un .com o .net o

cualquier extensin el de su preferencia, se optara por la contratacin
de un servicio de hosting y la compra de un dominio de internet.
DOMINIO.
Es la direccin de la pgina web. Ej. Google.com
Google.com es la direccin de la compaa google
Es algo asi como la direccin de nuestra casa pero en el internet. Por
ello mismo compramos un dominio as como comprramos una direccin
de nuestra casa.
HOSTING
Es donde se va a alojar la informacin que se va a mostrar en nuestro
DOMINIO. Todos los datos que se mostrarn as como imgenes y el
mismo proyecto que proyectar la pgina web se alberga en el hosting
Existen muchos proveedores de HOSTING y DOMINIOS es
recomendable que como son dos productos separados, sera mejor
contratarlos en la misma compaa.
Para este proyecto usaremos
APACHE PERU una compaa peruana que nos ofrece hosting y
dominio en nuestra moneda. Con planes comodos a nuestro bolsillo
http://www.apacheperu.com/index.php
Segn nuestras necesidades no necesitamos tanto espacio por ello
optamos por un plan segn nuestras necesidades.

APACHE PERU nos brinda un hosting del cual podemos acceder al

cdigo fuente de nuestra pgina web para hacernos la vida ms fcil.

Nota: APACHE PERU est muy relacionado con el servidor APACHE es

por ello que creo que se deriva el nombre de la empresa.
El acceso al cdigo fuente est basado en el protocolo FTP (Protocolo
de transferencia de Archivos) con el cual mediante un cliente FTP
podemos acceder valga la redundancia al cdigo fuente de nuestra
pgina web.
Para facilitar el acceso a la pgina WEB utilizamos FILEZILLA

Es un cliente FTP multiplataforma (Windows, Linux o Mac) permite al

usuario la visualizacin de los archivos y carpetas, proporcionando una
interfaz grfica para FTP.
SERVIDOR: ftp.<<paginaweb>>.<<extension ej. .com .net>> ejemplo
ftp.debian.org
USUARIO: el usuario del FTP
Contrasea: contrasea del usuario FTP
PUERTO: puerto por el cual tiene acceso. Apache Per puerto 21