Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 28 vistas

    Sesion 01 - TPW

    Cargado por

    Eduardo Rivera Contreras
    Este documento presenta una sesión de un taller de programación web. Explica conceptos clave como front-end, back-end, frameworks, y tecnologías para el desarrollo de aplicaciones web como HTML, CSS, JavaScript, PHP y bases de datos. También cubre el proceso de desarrollo de aplicaciones web e introduce el uso de herramientas como Navicat para la administración de bases de datos.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Sesion 01 - TPW

    Cargado por

    Eduardo Rivera Contreras
    28 vistas38 páginas
    Este documento presenta una sesión de un taller de programación web. Explica conceptos clave como front-end, back-end, frameworks, y tecnologías para el desarrollo de aplicaciones web como HTML, CSS, JavaScript, PHP y bases de datos. También cubre el proceso de desarrollo de aplicaciones web e introduce el uso de herramientas como Navicat para la administración de bases de datos.

    Título original

    Sesion 01_TPW

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento presenta una sesión de un taller de programación web. Explica conceptos clave como front-end, back-end, frameworks, y tecnologías para el desarrollo de aplicaciones web como HTML, CSS, JavaScript, PHP y bases de datos. También cubre el proceso de desarrollo de aplicaciones web e introduce el uso de herramientas como Navicat para la administración de bases de datos.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    28 vistas38 páginas

    Sesion 01 - TPW

    Cargado por

    Eduardo Rivera Contreras
    Este documento presenta una sesión de un taller de programación web. Explica conceptos clave como front-end, back-end, frameworks, y tecnologías para el desarrollo de aplicaciones web como HTML, CSS, JavaScript, PHP y bases de datos. También cubre el proceso de desarrollo de aplicaciones web e introduce el uso de herramientas como Navicat para la administración de bases de datos.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 38

    IESTP

    “VÍCTOR RAÚL HAYA DE LA TORRE”


    P ROGRAMA DE E STUDIO :
    COMPUTACIÓN E INFORMÁTICA
    UNIDAD DIDÁCTICA:
    TALLER DE PROGRAMACIÓN WEB
    SETIEMBRE 2020

    SESION 01

    DESARROLLO DE UNA
    APLICACIÓN WEB
    Ing. CIP Fabián Silva Alvarado
    silva_fabian@institutovrht.edu.pe
    Desarrollo tecnológico, cambio organizacional

    Ing. Fabián Silva Alvarado


    2
    Introducción

    Ing. Fabián Silva Alvarado


    3
    Introducción

    Funcionamiento Pagina Web Estáticas y Dinámicas

    Ing. Fabián Silva Alvarado


    4
    Introducción

    Funcionamiento de una
    Pagina Web Dinámica

    Ing. Fabián Silva Alvarado


    5
    Introducción

    Ing. Fabián Silva Alvarado


    6
    Introducción

    Términos
    que
    componen
    el diseño y
    desarrollo
    web
    moderno.
    Ing. Fabián Silva Alvarado
    7
    Front - end

    Un front-end entonces es la persona que se dedica


    básicamente al “diseño web”.

    Dentro del área de front-end se trabaja con lenguajes mayormente del lado del
    cliente, como HTML y CSS para darle estructura y estilo al sitio, y Javascript para
    complementar los anteriores y darle dinamismo a los sitios web.

    HTML y CSS son lenguajes pero no de programación, son lenguajes de marcado


    y estilo. Solo Javascript es un lenguaje de programación, y este ultimo es en
    donde se requiere realmente una lógica de programación.
    Ing. Fabián Silva Alvarado
    8
    Perfiles Front - end

    El flujo de trabajo de un front-end


    puede variar pero la mayoría del
    tiempo es diseñar bocetos,
    transformarlos en prototipos y por
    ultimo transformar la idea en un
    sitio web.

    Ing. Fabián Silva Alvarado


    9
    Back - end

    Ing. Fabián Silva Alvarado


    10
    Back - end

    Ing. Fabián Silva Alvarado


    11
    Back - end

    Ing. Fabián Silva Alvarado


    12
    Algunos usos frecuentes

    Ing. Fabián Silva Alvarado


    13
    ¿Qué Empleamos?

    Ing. Fabián Silva Alvarado


    14
    APLICACIONES WEB
    APLICACIONES WEB: Definición

    En la Ingeniería de software se
    denomina aplicación web a
    aquellas aplicaciones que los
    usuarios pueden utilizar
    accediendo a un Servidor web a
    través de Internet o de una
    intranet mediante un navegador.

    En otras palabras, es una


    aplicación (Software) que se
    codifica en un lenguaje soportado
    por los navegadores web en la
    que se confía la ejecución al
    navegador.

    Ing. Fabián Silva Alvarado


    16
    DESARROLLO DE UNA APLICACIÓN WEB

    ❖ En una aplicación web intervienen principalmente 3 agentes: el


    cliente, los desarrolladores y el usuario final.

    Ing. Fabián Silva Alvarado


    Desarrollo de una aplicación web

    El cliente:

    ❖ El cliente quiere mejorar o definir


    nuevos procesos de negocio
    utilizando las nuevas tecnologías.
    ❖ es muy exigente
    ❖ tiene acceso a lo que hacen los
    demás, con lo que puede
    comparar su gran desconocimiento
    tecnológico hace que esté alejado
    del problema real de desarrollo
    ❖ es muy importante que el cliente
    esté implicado en todo el proceso
    de desarrollo de la aplicación.

    Ing. Fabián Silva Alvarado 18


    Desarrollo de una aplicación web

    Los desarrolladores:
    El desarrollo de una aplicación web, dada su complejidad, es un
    trabajo multidisciplinar en el que intervienen profesionales de
    distintas áreas:

    • consultores,
    • diseñadores gráficos,
    • diseñadores de interacción,
    • analistas,
    • programadores,
    • expertos en marketing, etc

    19
    Ing. Fabián Silva Alvarado
    Desarrollo de una aplicación web

    El usuario final:
    ❖ Cualquier persona en el mundo

    Ing. Fabián Silva Alvarado 20


    Desarrollo de una aplicación web:
    ¿Qué Vamos a necesitar?

    Para crear 1) Un Servidor Web


    una 2) Gestor de Base de Datos
    aplicación 3) Lenguaje de Programación
    del lado del Servidor
    web 4) Un navegador web
    necesitamos 5) Un editor de texto (IDE)
    basicamente:

    Ing. Fabián Silva Alvarado 21


    Uso de Frameworks
    Ing. Fabián Silva Alvarado
    23
    Ing. Fabián Silva Alvarado
    24
    Ing. Fabián Silva Alvarado
    25
    ¿Que es un Framework?

    Ing. Fabián Silva Alvarado


    26
    ¿Que es un Framework?

    Ing. Fabián Silva Alvarado


    27
    ¿Que es un Framework?

    Ing. Fabián Silva Alvarado


    28
    ¿Que es un Framework?

    Ing. Fabián Silva Alvarado


    29
    Framework front -end

    Ing. Fabián Silva Alvarado


    30
    Framework back -end

    Ing. Fabián Silva Alvarado


    31
    Tecnologias a Utilizar: FRONT END

    Ing. Fabián Silva Alvarado


    32
    Tecnologías a Utilizar: BACK END

    Ing. Fabián Silva Alvarado


    33
    ACCESO A DATOS: Librería mysqli

    Actualmente Php ha declarado obsoleta


    su API clásica de conexión MySQL para
    proyectos que usen versiones
    de Php superiores a la 5.5.0. No obstante
    existen otras dos APIs de integración,
    llamadas MySQLi y PDO_MySQL

    Ing. Fabián Silva Alvarado


    34
    ACCESO A DATOS: Librería mysqli

    Es la extensión de MySQL mejorada, se desarrolló para aprovechar las nuevas


    funcionalidades encontradas en los sistemas MySQL con versión 4.1.3 o
    posterior. La extensión mysqli viene incluida en las versiones PHP 5 y
    posteriores.

    La extensión mysqli contiene numerosos beneficios, siendo estas las mejoras


    principales respecto a la extensión mysql:

    ❖ Interfaz orientada a objetos aunque también con posibilidad de utilizar


    procedimientos.
    ❖ Soporte para múltiples declaraciones
    ❖ Soporte para transacciones
    ❖ Mejoradas las opciones de depuración
    ❖ Soporte para servidor empotrado
    Si utiliza MySQL versión 4.1.3 o superior, se recomienda
    encarecidamente utilizar esta extensión.
    Ing. Fabián Silva Alvarado
    35
    ADMINISTRADOR DB MYSQL - NAVICAT

    Navicat es un administrador gráfico de base de datos y un software de


    desarrollo producido por PremiumSoft CyberTech Ltd.
    para MySQL, MariaDB, Oracle, SQLite, PostgreSQL y Microsoft SQL Server.
    Cuenta con un Explorador como interfaz gráfica de usuario soportando múltiples
    conexiones para bases de datos locales y remotas.

    Ing. Fabián Silva Alvarado


    36
    Practica

    ❖ Realizar el Modelado de datos para poder gestionar una


    aplicación web Informativa, empleando una herramienta Case
    (Erwin, WorkBench).

    Ing. Fabián Silva Alvarado


    37
    Gracias

    Ing. Fabián Silva Alvarado 38

    También podría gustarte