investigación formativa - ii unidad -llatas

Upload: maria-esperanza-oblea-elera

Post on 05-Jul-2018

215 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    1/14

    “AÑO DE LA CONSOLIDACIÓN DEL MAR DE GRAU”

    ESCUELA DE INGENIERÍA DE SISTEMAS

    TECNOLOGÍA DE PROGRAMACIÓN DEL LADO DELCLIENTE Y EL SERVIDOR

    ALUMNO:Llatas Noé Fernando Javier 

    Ing. Robero Ve!"#$%e& 'errer(

    CICLO:V

    AÑO ) *+,-

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    2/14

    DEDICATORIA.

    El presente trabajo de investigación, lo dedico con mucho cariño a Dios por darme la inteligencia

    sabidur!a para ad"uirir aplicar los conocimientos dados por mi docente #ng$ %oberto Vel&s"ue'

    (errera, a "ue es el "uien a lo largo del desarrollo del presente curso me ha dado su auda, apoo e

    incentivación "ue necesito d!a a d!a en cada etapa de mi aprendi'aje, adem&s he compartido lindas

    e)periencias de aprendi'aje, las cuales han audado a *ortalecer la *ormación de mi persona$ +or eso

     por mucho m&s le dedico este proceso de *ormación "ue constituir& uno de los cimientos *undamentales

    en mi vida pro*esional$

    4

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    3/14

    AGRADECIMIENTOS.

    En esta p&gina agrade'co a Dios, todas las personas "ue hicieron posible la reali'ación del trabajo$

    n agradecimiento mu especial merece la comprensión, paciencia el &nimo recibidos de nuestras

    *amilias amigos$ - todos ellos, muchas gracias$

    CONTENIDO

    Dedicatoria .

    3

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    4/14

    -gradecimiento /

    #N0%1D22#3N 4

    2-+50L1 #6 0ecnolog!a de programación del lado del cliente 7

    8$8$ Ventajas del lado del cliente 7

    8$.$ Lenguajes del lado del cliente 9

    8$.$8$ (0:L 9

     8$.$.$ J-V-;2%#+0 <

    8$.$/$ -++L0; DE J-V- =

    8$.$>$ V#;-L ?-;#2 ;2%#+0 8@

    8$.$4$ FL-;( 8@

    8$.$7$ 2;; 88

    2-+50L1 ##6 0ecnolog!a de +rogramación del lado del ;ervidor 88

    .$8$ Ventajas del lado del servidor 8.

    .$.$ Lenguajes del lado del servidor 8.

    .$.$8$ 2AL 8.

    .$.$.$ +E%L 8/

    .$.$/$ -;+ 8/

    .$.$>$ +(+ 8>

    .$.$4$ J;+ 8>

     ?ibliogra*!a 84

    INTRODUCCION

    E)iste una multitud de lenguajes concebidos o no para #nternet$ 2ada uno de ellos e)plota m&s a *ondo ciertas

    caracter!sticas "ue lo hacen m&s o menos Btiles para desarrollar distintas aplicaciones$

    3

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    5/14

    Los lenguajes de programación del lado cliente se usan para su integración en p&ginas Ceb$ n código escrito en

    un lenguaje de script se incorpora directamente dentro de un código (0:L se ejecuta interpretado, no

    compilado$

    2on la programación del lado del cliente se pueden validar algunos de los datos en la m&"uina cliente antes de

    enviarlos al servidor$ Esto proporciona a los usuarios in*ormes de error inmediatos, mientras siguen en esa

     p&gina de *ormulario sin necesidad de volver atr&s tras recibir un mensaje de error$ +uede resultar necesario

    acceder a una base de datos para validar determinados valores, mientras "ue no suele disponer de un acceso

    directo a la base de datos en la m&"uina del cliente, aun"ue ese acceso a la base de datos es *actible$

    n lenguaje del lado del servidor es a"uel "ue se ejecuta en el servidor Ceb, justo antes de "ue se env!e la p&gina

    a través de #nternet al cliente$

    Las p&ginas "ue se ejecutan en el servidor pueden reali'ar accesos a bases de datos, cone)iones en red, otras

    tareas para crear la p&gina *inal "ue ver& el cliente$ Los lenguajes de lado servidor m&s ampliamente utili'ados

     para el desarrollo de p&ginas din&micas son el -;+, J;+, +E%L +(+$

    CAPITULO I

    TECNOLOGÍA DE PROGRAMACIÓN DEL LADO DEL CLIENTE

    2uando se programa una p&gina Ceb, en la maor!a de los casos se utili'a los "ue se conocen como lenguajes

    del lado del cliente$ Es decir, "ue el servidor no interviene para nada en el proceso de crear la p&gina Ceb

    solicitada por el usuario$

    3

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    6/14

    ,.,. VENTAAS DEL LADO DEL CLIENTE: La programación del lado del cliente se ejecuta en el ordenador del usuario$ n ejemplo de programación del

    lado del cliente es Javascript$ Javascript puede ser utili'ado para ejecutar los controles de los valores del *ormulario enviar alertas al

    navegador del usuario$ El problema con los scripts del lado del cliente es el l!mite de control los problemas con los sistemas

    operativos navegadores Ceb$ Desde la programación de un sitio Ceb "ue involucra a los usuarios con varias opciones de so*tCare, es

    di*!cil para los programadores dar cuenta de cual"uier error en el código o compatibilidad con los

    navegadores$,.*. LENGUAES DEL LADO DEL CLIENTE:,.*.,. 'TML

    El lenguaje llamado (0:L indica al navegador donde colocar cada te)to, cada imagen o cada video la *orma

    "ue tendr&n estos al ser colocados en la p&gina$

    Elel lenguaje consta de eti"uetas "ue tienen esta *orma G?H o G+H$ 2ada eti"ueta signi*ica una cosa, por ejemplo

    G?H signi*ica "ue se escriba en negrita Ibold o G+H signi*ica un p&rra*o, G-H es un enlace, etc$ 2asi todas las

    eti"uetas tienen su correspondiente eti"ueta de cierre, "ue indica "ue a partir de ese punto no debe de a*ectar la

    eti"ueta$ +or ejemplo GK?H se utili'a para indicar "ue se deje de escribir en negrita$ -s! "ue el (0:L no es m&s

    "ue una serie de eti"uetas "ue se utili'an para de*inir la *orma o estilo "ue "ueremos aplicar a nuestro

    documento$ G?HEsto est& en negritaGK?H$

    Esta p&gina es un claro ejemplo de uso del (0:L$

    3

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    7/14

    ,.*.*. AVASCRIPT

    Javascript es un lenguaje de

     programación utili'ado para

    crear pe"ueños programitas

    encargados de reali'ar acciones dentro

    del &mbito de una p&gina Ceb$ ;e trata de un lenguaje de programación del lado del cliente, por"ue es el

    navegador el "ue soporta la carga de procesamiento$ ;u uso se basa *undamentalmente en la creación de e*ectos

    especiales en las p&ginas la de*inición de interactividades con el usuario$

    Las sentencias escritas en javascript se encapsulan entre las eti"uetas GscriptH GKscriptH$ por ejemplo, si en el

    código de una p&gina eb incluimos la sentencia

    GscriptH

    CindoC$alertIM?ienvenido a mi sitio Ceb$ Aracias$$$M

    GKscriptH

    al abrir la p&gina con el navegador se nos mostrar& una ventana de bienvenida$

    3

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    8/14

    ,.*./. APPLETS DE AVA

    Es otra manera de incluir código a

    ejecutar en los clientes "ue

    visuali'an una p&gina Ceb$ ;e trata de pe"ueños programas hechos en Java, "ue se trans*ieren con las p&ginas

    Ceb "ue el navegador ejecuta en el espacio de la p&gina$

    Los applets de Java est&n programados en Java precompilados, es por ello "ue la manera de trabajar de éstos

    var!a un poco con respecto a los lenguajes de script como Javascript$ Los applets son m&s di*!ciles de programar 

    "ue los scripts en Javascript re"uerir&n unos conocimientos b&sicos o medios del lenguaje Java$

    La principal ventaja de utili'ar applets consiste en "ue son mucho menos dependientes del navegador "ue los

    scripts en Javascript, incluso independientes del sistema operativo del ordenador donde se ejecutan$ -dem&s,

    Java es m&s potente "ue Javascript, por lo "ue el nBmero de aplicaciones de los applets podr& ser maor$

    2omo desventajas en relación con Javascript cabe señalar "ue los applets son m&s lentos de procesar "ue

    tienen espacio mu delimitado en la p&gina donde se ejecutan, es decir, no se me'clan con todos los

    componentes de la p&gina ni tienen acceso a ellos$ Es por ello "ue con los applets de Java no podremos hacer 

    directamente cosas como abrir ventanas secundarias, controlar Frames, *ormularios, capas, etc$

    3

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    9/14

    ,.*.0. VISUAL 1ASIC SCRIPT

    Es un lenguaje de programación de scripts del lado del cliente, pero sólo compatible con #nternet E)plorer$ Es

     por ello "ue su utili'ación est& desaconsejada a *avor de Javascript$

    Est& basado en Visual ?asic, un popular lenguaje para crear aplicaciones indoCs$ 0anto su sinta)is como la

    manera de trabajar est&n mu inspirados en él$ ;in embargo, no todo lo "ue se puede hacer en Visual ?asic lo

     podremos hacer en Visual ?asic ;cript, pues este Bltimo es una versión reducida del primero$

    El modo de *uncionamiento de Visual ?asic ;cript para construir e*ectos especiales en p&ginas Ceb es mu

    similar al utili'ado en Javascript los recursos a los "ue se puede acceder también son los mismos6 el navegador$

    ,.*.2. 3LAS'

    Flash es una tecnolog!a, un programa, para crear e*ectos especiales en p&ginas Ceb$ 2on Flash también

    conseguimos hacer p&ginas din&micas del lado del cliente$ Flash en realidad no es un lenguaje ;in embargo, si

    tuvieramos "ue catalogarlo en algBn sitio "uedar!a dentro del &mbito de las p&ginas din&micas de cliente$

    3

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    10/14

    +ara visuali'ar las Mpel!culasM Flash, nuestro navegador debe tener instalado un programita Iplugin "ue le

     permita visuali'arlas$

    ,.*.-. CSS

    2;;, es una tecnolog!a "ue nos permite crear p&ginas Ceb de una

    manera m&s e)acta$ Aracias a las 2;; somos mucho m&s dueños de los

    resultados *inales de la p&gina, pudiendo hacer muchas cosas "ue no se pod!a hacer utili'ando solamente (0:L,

    como incluir m&rgenes, tipos de letra, *ondos, colores$$$ #ncluso podemos de*inir nuestros propios estilos en un

    archivo e)terno a nuestras p&ginas as!, si en algBn momento "ueremos cambiar alguno de ellos,

    autom&ticamente se nos actuali'ar&n todas las p&ginas vinculadas de nuestro sitio$

    2;; son las siglas de 2ascading ;tle ;heets, en español (ojas de estilo en 2ascada$

    CAPITULO II

    TECNOLOGIA DE PROGRAMACION DEL LADO DEL SERVIDOR 

    3

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    11/14

    Los Lenguajes de programación del lado del servidor son especialmente Btiles en trabajos "ue se tiene "ue

    acceder a in*ormación centrali'ada, situada en una base de datos en el servidor, cuando por ra'ones de

    seguridad los c&lculos no se pueden reali'ar en la computadora del usuario$ Es importante destacar "ue los

    lenguajes de programación del lado del servidor son necesarios por"ue para hacer la maor!a de las aplicaciones

    Ceb se debe tener acceso a muchos recursos e)ternos a la computadora del cliente, principalmente bases de datos

    alojadas en servidores de #nternet$ n caso claro es un banco6 no tiene ningBn sentido "ue el cliente tenga acceso

    a toda la base de datos, sólo a la in*ormación "ue le concierne$

    *.,. VENTAAS DEL LADO DEL SERVIDOR:

    4 Del lado del servidor scripts se ejecutan en el servidor$ Esto reduce la cantidad de errores o problemas de

    compatibilidad a "ue el código se ejecuta en un servidor usando un lenguaje so*tCare4 La programación en el servidor también se puede ci*rar cuando los usuarios env!an variables de *ormulario,

    la protección de los usuarios *rente a cual"uier intento de intrusión$ -lgunos ejemplos de lenguajes de

     programación del lado del servidor son 2 O, V?$NE0 +(+$*.*. LENGUAES DEL LADO DEL SERVIDOR*.*.,. CGI

    Es el sistema m&s antiguo "ue e)iste para la programación de las p&ginas din&micas de servidor$ -ctualmente se

    encuentra un poco des*asado por diversas ra'ones entre las "ue destaca la di*icultad con la "ue se desarrollan los

     programas la pesada carga "ue supone para el servidor "ue los ejecuta$

    Los 2A# se escriben habitualmente en el lenguaje +erl, sin embargo, otros lenguajes como 2, 2PP o Visual

    ?asic pueden ser también empleados para construirlos$

    3

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    12/14

    *.*.*. PERL

    +erl es un lenguaje de programación

    interpretado, al igual "ue muchos otros lenguajes de #nternet como Javascript o -;+$ Esto "uiere decir "ue el

    código de los scripts en +erl no se compila sino "ue cada ve' "ue se "uiere ejecutar se lee el código se pone en

    marcha interpretando lo "ue ha escrito$ -dem&s es e)tensible a partir de otros lenguajes, a "ue desde +erl

     podremos hacer llamadas a subprogramas escritos en otros lenguajes$ 0ambién desde otros lenguajes podremos

    ejecutar código +erl$

    *.*./. ASP

    3

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    13/14

    -;+ I-ctive ;erver +ages es la tecnolog!a desarrollada por :icroso*t para la creación de p&ginas din&micas del

    servidor$ -;+ se escribe en la misma p&gina Ceb, utili'ando el lenguaje Visual ?asic ;cript o Jscript IJavascript

    de :icroso*t$

    *.*.0. P'P

    +(+ es el acrónimo de (iperte)t +reprocesor$ Es un lenguaje de programación del lado del servidor gratuito e

    independiente de plata*orma, r&pido, con una gran librer!a de *unciones mucha documentación$

    *.*.2. SP

    J;+ es un acrónimo de Java ;erver +ages, "ue en castellano vendr!a a decir algo como +&ginas de ;ervidor Java$

    Es, pues, una tecnolog!a orientada a crear p&ginas Ceb con programación en Java$

    2on J;+ podemos crear aplicaciones Ceb "ue se ejecuten en variados servidores Ceb, de mBltiples plata*ormas,

    a "ue Java es en esencia un lenguaje multiplata*orma$ +or tanto, las J;+ podremos escribirlas con nuestro editor 

    (0:LKQ:L habitual$

    3

  • 8/16/2019 Investigación Formativa - II Unidad -Llatas

    14/14

    1I1LIOGRA3IA

    8$

    https6KKsites$google$comKsiteKjojooaKin*ormaticatecnologiaKde*iniciondeloslenguajesdeprogramaciondel

    ladodelcliente"uesonloslenguajesdeprogramaciondelladodelcliente.$ https6KKprogramacionCebisc$Cordpress$comK..lenguajesdeprogramaciondelladodelclienteK/$ http6KKCCC$ehoCenespanol$comKdi*erencialadodelclienteprogramaciondelladodelservidor

    sobreR848988K>$ https6KKdocs$google$comKpresentationKdK8STg#s>U2#*(