C1 - Andres Camilo Castellanos Pinilla
Unidad 1. ARQUITECTURA C/S Y SITIOS WEB
1.1. Fundamentos.
1.2. Arquitecturas de dos, tres y cuatro niveles.
1.3. Sitios web
1.4. Arquitecturas de las aplicaciones web
1.5. Estructura física
1.6. Estructura lógica
Funciones
CLIENTE SERVIDOR
● Aceptar los requerimientos de
● Administrar la interfaz de
bases de datos que hacen los
usuario.
clientes.
● Interactuar con el usuario.
● Procesar requerimientos de
● Procesar la lógica de la
bases de datos.
aplicación y hacer validaciones
● Formatear datos para
locales.
transmitirlos a los clientes.
● Generar requerimientos de
● Procesar la lógica de la
bases de datos.
aplicación y realizar
● Recibir resultados del servidor.
validaciones a nivel de bases de
● Formatear resultados.
datos.
https://aws.amazon.com/es/architecture/?awsf.quickstart-architecture-
page-filter=highlight%23new
Modelo de distribución
● Navegar una web funciona basándonos en un cliente web (navegador) y un servidor web como
Apache, Nginx o LiteSpeed
● Protocolo FTP, funciona de idéntica forma, se utiliza un cliente de FTP (como Filezilla) para
conectar a un servidor FTP.
● SSH: es idéntico también, se utiliza un cliente SSH ( secure Shgell - cubierta segura )para
conectar al servidor SSH que corre en una red remota.
● Juegos en red: existen clientes que permiten a jugadores online jugar desde sus casas
conectándose a servidores de juegos remotos.
● Sistema DNS: el famoso servidor DNS interactúa con clientes DNS también, es decir, basa su
arquitectura en el modelo cliente servidor
● Servidor de Correo: donde clientes de correo consultan el correo al servidor de correo remoto,
tanto desde móvil o una computadora de escritorio o laptop.
https://blog.infranetworking.com/modelo-cliente-servidor/#Ejemplos_de_modelo_cliente_servidor
Arquitectura de 2, 3 y 4 niveles
Arquitectura de software:
analisis, planeacion y definicion de parametros que
permite cubrir las necesidades del proyecto, esto bajo
los lineamientos y del cliente.
● Componentes del software
● Propiedades externas visibles
● relaciones de las propiedades.
● Define las estructuras
● Define los comportamientos
● Detalla los elementos significativos
● Balance de las necesidades de los stakeholders
(colaboradores)
Cómputo Distribuido:
las computadoras se conectan
Black Board: entre sí para lograr un objetivo en
Con base a un problema cada común por medio de una
grupo de expertos dará una estructura de racismo.
posible solución y las que sean (Block change bitcoin)
funcionales serán adicionadas a
la cadena de trabajo definido
FrontEnd-BackEnd:
por medio de soluciones
Sistema de abstracción
parciales. (GITHUB)
que mantiene el entorno
visual y lógico separados,
e interactúan por un
sistema de interface.
Framework (Laravel -
phalcon)
P2P (Perr To Perr):
Similar a cliente servidor pero los clientes son servidores de otros
clientes y el total de ancho de banda es tomando de la cantidad de
clientes. (Utorrent)
Tres capas:
Estación de trabajo (Pc-Web-Móvil) envía los datos y solicitud a la lógica de negocios (Servidor de datos),
Módulo de acceso de datos retorna una consulta o los tratos funciona como caja negra, La capa de lógica
procesa los datos y envía de nuevo a la capa de presentación es decir estacion de trabajo.
Sitios web
Es una colección de páginas web relacionadas y comunes a un dominio de internet o subdominio en la
World Wide Web dentro de Internet
Descripción de la actividad del negocio
Esta es una página muy importante, ya que le dice al cliente quién eres y por qué debería comprar tus productos, servicios y/o confiar en tu
organización. La gente quiere saber con quién está tratando y si el negocio tiene buena reputación.
Allí puedes incluso agregar la misión de tu empresa, al igual que detalles de tu equipo de trabajo con fotos, biografías y habilidades de cada persona.
Testimonios de clientes
Escuchar a los clientes que hayan tenido una buena experiencia con tus productos o servicios es una herramienta útil para aquellos que
quieren tener un respaldo de lo que están comprando. Esto podría ser definitivo para tomar la decisión de compra.
Es una colección de páginas web relacionadas y comunes a un dominio de internet o subdominio en la
World Wide Web dentro de Internet
Página de contacto
Permite que los usuarios o clientes potenciales se comuniquen contigo fácilmente. Esto lo conseguirás de manera sencilla a través de una
página de contacto que muestre todos los datos esenciales que un potencial comprador pueda necesitar para hablar contigo. Recuerda que
aunque los canales digitales son cada vez más usados para realizar transacciones, todavía son muchas las empresas y negocios que prefieren
el contacto real con lo que están comprando.
Política de privacidad
Si recopilas información sobre tus visitantes (un formulario de contacto, por ejemplo), necesitarás un aviso de política de privacidad. En él
deberás dejar claro cuál es el manejo que le das a los datos personales que las personas o compañías te entregan y de qué manera los vas a
gestionar.
Es una colección de páginas web relacionadas y comunes a un dominio de internet o subdominio en la
World Wide Web dentro de Internet
Descripción detallada de productos o servicios
Aunque no desees vender en línea, es importante que exhibas tus productos o servicios de manera detallada. Utiliza descripciones sencillas y
nombres que la gente entienda fácil. Además, aprovecha para mostrar cómo tus productos o servicios están siendo utilizados por algunos
clientes actuales.
Blog
Un espacio de estos ofrece una forma activa y permanente de comunicación con tus clientes y potenciales compradores. A través de esta
herramienta podrás hablar de novedades de tus productos de manera amigable, exponer tendencias de tu industria o mostrar trucos y
recomendaciones que se relacionen con lo que ofreces.
Arquitectura web
CLIENTE SERVIDOR
● es el encargado de enviar las
peticiones o instrucciones al ● aplicacion que esta atenta a
servidor para ser ejecutadas. instrucciones o peticiones , eto
● El cliente solo puede enviar una por medio del cliente.
petición o instrucción a un ● El servidor puede escuchar y
servidor y enviar otra en el responder a múltiples clientes de
momento en que la inicial haya forma simultánea.
sido respondida.
https://aws.amazon.com/es/architecture/?awsf.quickstart-architecture-
page-filter=highlight%23new
Arquitectura Web cliente servidor Pocos Usuario
Arquitectura Web cliente servidor Multiples Usuario
Comunicación por medio de protocolos
Conjunto de reglas que se deben aplicar para poder generar una comunicación un flujo de datos por el cual
se hablan.
Si dos dispositivos no hablan el mismo lenguajes es decir poseen los mismo protocolos estos no podrán
comunicarse.
TCP IP HTTP - HTTPS
º Protocolo de control de º Protocolo de internet º Hypertext transfer protocol
transmisión º Internet protocolo -Secure
ºTransmission control protocol
No garantiza la veracidad de la Protocolo usado entre cliente
Garantiza el envío de la información, sino que se servidor para navegar en la web
información de un punto a otro, encarga de direccionar la por medio basado en la petición
sin ser alterada y enviada en el información y así saber a donde de datos o recursos. Permite el
mismo orden sin errores por enviar los paquetes de datos, envío de formatos como GET,
medio de paquetes. tomando la ruta mas corta. POST.
Funcionamiento de los protocolos
Method: GET / POST
Host: Dirección a la cual enviará a
solicitud
! Inspeccionar página web y ver las
solicitudes HTTP que se envían al
cargarla.
Estructura Lógica
Estructura física HTML
HTML
HTML
HTML y CSS
1) una propieda puede se aplicada a
diferentes etiquetas esto por medio de
la coma (,); Linea 4 - 7.
2) PADDING: Es una propiedad de relleno
interno entre mayor sea el valor en px
mayor será el contenido interno que
poseerá la etiqueta. Línea 8.
3) STYLE: es la propiedad clave para
poder insertar código css directamente
en una etiqueta; Línea 14.
4) WIDTH: esta propiedad permite definir
el ancho del elemento; Línea 14.
5) COLSPAN: esta propiedad multiplica las
celdas de forma horizontal según la
valor definido; Línea 17.
HTML Y CSS
1) MARGIN: Es una propiedad de relleno
externo entre mayor sea el valor en px
mayor será el contenido externo que
poseerá la etiqueta. Línea 8.
2) rowspan: esta propiedad multiplica las
celdas de forma vertical según la valor
definido; Línea 21.
HTML Y CSS
1) Clases: las clases son contenedores de
atributos definidos, al ser un atributo
propio de CSS este debe estar en la
etiqueta <style>; Linea 4 -7.
2) BACKGROUND-COLOR: esta
propiedad cambia el color de fondo.
3) FONT-SIZE: esta propiedad define el
tamaño del texto.
4) Clases: Toda clase se define por iniciar
con un punto (.) y el nombre el cual se
dará, este nombre debe ser único;
Línea 4 -7.
5) CAPTION: es una etiqueta con la
función de mostrar un subtítulo/leyenda
a la tabla de forma centrada en la parte
superior; Línea 15.
6) CLASS: para poder adicionar una clase
y los atributos de dicha clase a
cualquier etiqueta se debe utilizar la
propiedad class y el nombre de la clase
a implementar; Linea 16 - 24.
