Diferencia entre revisiones de «Usuario:ManuelRomero/certificado/T1/Conceptos Generales»

De WikiEducator
Saltar a: navegación, buscar
(Página creada con «{{:Usuario:ManuelRomero/certificado/conceptosGenerales/nav}} __TOC__ __NOEDITSECTION__ {|cellpadding="5" cellspacing="6" style="width:100%;background:#DFFFFF; border-style:...»)
 
Línea 2: Línea 2:
 
__TOC__
 
__TOC__
 
__NOEDITSECTION__
 
__NOEDITSECTION__
{|cellpadding="5" cellspacing="6" style="width:100%;background:#DFFFFF; border-style:solid; border-width:2px; border-color:#0066FF;"
 
| width="100%" valign="top" style="padding: 0; margin:0px;" |
 
{|cellpadding="5" cellspacing="6" style="width:100%;background:#DFFFFF; border-style:solid; border-width:1px; border-color:#0066FF;"
 
| width="100%" valign="top" style="padding: 0; margin:0px;" |
 
<span style="background:#FFFF99">
 
</span>
 
[[Imagen:DWES_TituloTema1B.gif|center]]
 
|}
 
  
 
<br>
 
<br>
Línea 215: Línea 207:
  
  
 
<!--11--------------------------------------------------->
 
<div class="slide">
 
;Desarrollar una aplicación
 
{{MRM_Pregunta|'''''¿Compilación o interpretación?'''''}}
 
<br />
 
*Las instrucciones escritas, de alguna manera han de pasar a código máquina para que se puedan ejecutar en un entorno computacional.
 
*Para ello dichas instrucciones pueden '''''Compilarse o Interpretarse'''''
 
</div>
 
 
 
<!--12--------------------------------------------------->
 
<div class="slide">
 
{{MRM_Conocimiento previo|Diferencias entre '''''Compilacion Vs Interpretación'''''}}
 
*Debemos entender qué es un programa compilado, y qué es un programa interpretado
 
</div>
 
 
 
<div class="slide">
 
;Compilación
 
[[Imagen:compilar.jpg]]
 
<br />
 
</div>
 
<div class="slide">
 
;Interpretación:
 
[[Imagen:interprete.jpg]]
 
<br />
 
</div>
 
 
 
<div class="slide">
 
;Java, un caso especial
 
{{MRM_Pregunta|Java es un lenguaje compilado o interpretados }}
 
</div>
 
 
 
<!--13--------------------------------------------------->
 
<div class="slide">
 
{{Quiz_Multiple_Choice
 
|title=En un entorno de ejecución web, qué tipo de modelo se debe de usar
 
|body=
 
*Un entorno compilado, es mucho más rápido
 
** Incorrecto
 
*** Es más rápido, pero está limitado a un tipo de máquina, no sirve.
 
** Correcto
 
*** Es adaptable a cualquier arquitectura (con el intérprete correcto, claro).
 
*Un entorno interpretado, se adapta a cualquier tipo de máquina
 
** Correcto
 
*** Es necesario adaptarse a difentes máquinas
 
** Incorrecto
 
*** Revisa tu respuesta
 
|mix=false
 
|hint=
 
}}
 
 
</div>
 
 
<!--14----------------------------------------------------->
 
<div class="slide">
 
===Una Aplicación Web===
 
<br/>
 
{{MRM_Conocimiento previo|Qué es una '''''Aplicación Web'''''}}
 
*Normalmente en un ordenador vemos un programa o aplicación ejecutándose, con el cual podemos estar interactuando.
 
*No todos los programas o aplicaciones son del mismo tipo, tenemos diferentes tipos de software
 
</div>
 
 
<!--15----------------------------------------------------->
 
<div class="slide">
 
;Tipos de aplicaciones
 
 
#Aplicaciones de escritorio.
 
#Aplicaciones de ingeniería.
 
#Aplicación de Tiempo real.
 
#Software de Inteligencia artificial.
 
#Software de predicciones metereológicas, cálculo científico.
 
#Aplicaciones de juegos.
 
#Aplicaciones web.
 
#...
 
</div>
 
 
<!--16----------------------------------------------------->
 
<div class="slide">
 
;Tipos de sorftware
 
*Los diferentes '''''[http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html lenguajes de programación'''''] son todos de propósito general, esto es,  pueden implementar cualquier algoritmo correcto.
 
*No obstante presentan diferentes características que los hacen más idóneos para  implementar código en determinados tipo de software, de modo que dependiendo el tipo de software que vamos a desarrollar deberíamos de ver que tipos de lenguajes tenemos disponibles.
 
</div>
 
 
<!--17----------------------------------------------------->
 
<div class="slide">
 
;Tipos de sorftware
 
*Por otro la la encapsulación y abstracción en lenguajes orientada a objetos (También ocurre con la tendencia de lenguajes de tipo TAD (tipos abstractos de datos)) permite que los diferentes lenguajes ofrezcan librerías o clases en terminología OOP, que nos hacen mucho del trabajo habitual para ese tipo de aplicaciones.
 
*Son componentes que directamente podemos usar
 
</div>
 
 
<!--18----------------------------------------------------->
 
<div class="slide">
 
;framework
 
*También van apareciendo '''''framework''''' donde con un lenguaje de programación se toma una metodología de trabajo y  se adapta un determinado lenguaje (Por ejemplo creando dentro del framework determinados objetos) para facilitar el trabajo al desarrollador.
 
 
{{MRM_Recursos de la Web|
 
*[http://www.bestwebframeworks.com/ framework] para el desarrollo web}}
 
</div>
 
 
<!--19----------------------------------------------------->
 
<div class="slide">
 
 
{{MRM_Actividad|Title=Framework|
 
Investiga y haz una breve exposición de algún framework que te llame la atención relacionado con la programación web}}
 
</div>
 
 
<!--20----------------------------------------------------->
 
<div class="slide">
 
 
===Aplicaciones Web===
 
</div>
 
 
{{AplicacionesWeb}}
 
 
<!--21----------------------------------------------------
 
<div class="slide">
 
 
<div class="slide">
 
===El comando [http://es.wikipedia.org/wiki/CURL curl]===
 
*Si no está instalado se instala fácil
 
<source lang="bash">
 
  sudo apt-get install curl 
 
</source>
 
*Con este comando podemos establecer comunicación con servidores usando los diferentes protocolos que soporta.
 
</div>
 
<!--13----------------------------------------------------
 
<div class="slide">
 
;Curl
 
*Con este comando podemos establecer comunicación con servidores usando los diferentes protocolos que soporta.
 
*Usando la sintaxis URL podemos transferir ficheros entre cliente y servidor.
 
*Veamos algún uso que puede resultar interesante
 
*Suele ser interesante conocer los [http://es.wikipedia.org/wiki/Anexo:C%C3%B3digos_de_estado_HTTP códigos] http
 
*Nos interesará conocer los códigos del servidor 5xx
 
</div>
 
 
<!--13----------------------------------------------------
 
<div class="slide">
 
Ejemplos de uso del comando
 
*Ver el contenido de una página web
 
'''''curl url_página_web'''''
 
*Guardar una página web en un fichero  '''''-o'''''
 
'''''curl -o nombreFichero url_página_web''''' 
 
*Ver la cabecera de una web
 
'''''curl --head url_pagina_web'''''
 
</div>
 
 
<!--13----------------------------------------------------
 
<div class="slide">
 
;Curl
 
*Si la web nos redirige, hay que especificarlo con '''''-L'''''
 
'''''curl -L url_página_web'''''  Para que accedamos a la página que nos redirige url_pagina_web
 
*Para ver toda la traza de información de un servidor
 
*Podemos también simular el envío de datos a un servidor bien por POST y bien por GET. Simulando un formulario.
 
Estos conceptos ya los veremos y utilizaremos más adelante
 
</div>
 
<!--13----------------------------------------------------
 
<div class="slide">
 
 
{{MRM_Actividad|
 
Investiga y explica al menos 3 opciones del comando curl, pudiendo ser las vistas anteriormente}}
 
</div>
 
-->
 
 
|}
 
 
</div>
 
</div>
 
</div>
 
</div>

Revisión de 17:02 23 oct 2024

Volver





CONCEPTOS SOBRE DESARROLLO WEB

Qué pretende explicar este módulo

  • El objetivo de este módulo lo describe su propio nombre.


Icon objectives.jpg
Objetivo
Desarrollo de aplicaciónes web en entorno servidor
  • En esta introducción analizaremos qué entendemos por Desarrollo de aplicaciones web en el entorno servidor.
  • Para ello vamos a ir desgranando el nombre del módulo y analizándolo en cada una de sus partes.
Partes a analizar
  1. Desarrollar una aplicación
  2. Aplicaciones Web
  3. Entorno servidor
Dwes 1.png

Desarrollar una aplicación



Icon preknowledge.gif
Conocimiento previo
Qué es Desarrollar una aplicación


  • Ahora ya hemos realizado aplicaciones con el lenguaje scratch.
  • Ya tenemos una idea intuitiva de qué es hacer una aplicaicón
  • Son muchas las posibles respuestas, pero al menos deberíamos saber dar una de forma correcta



Icon activity.jpg
Actividad
Intenta dar una definición de qué es desarrollar una aplicación, aporta ideas



Posible definición


Icon define.gif
Definición
  • Dado un problema de naturaleza lógica


Icon define.gif
Desarrollar una aplicación consiten en:
  • Implementar o construir un programa,
  • usando un determinado lenguaje de programación.
  • Dicho programa consiste en un conjunto de instrucciones,
  • que ejecutadas en un entorno computacional,
  • solucionan de forma automatizada el problema planteado.




  • Para desarrollar una aplicación o programa
  1. Hay que entenderlo muy bién lo que queremos hacer
  2. Hay que planificarlo
  3. Hay qu realizar esa planificación y probarla
  • Observa la siguiente imagen que reune diferentes la consecuencia de diferentes mitos en el desarrollo.
DesarrolloAplicaciones.jpg
Desarrolar una aplicación
  • Cuando decimos implementar nos referimos a :
  1. Analizar el problema.
  2. Diseñar una solución algorítmica válida.
  3. Escribir el código de dicha solución utilizando uno o varios lenguajes de programación concreto, interpretados o complilados.


Fases en el desarrollo tradicional
Fases en el desarrollo tradicional

AnalisisDiseñoImple1.png:


Icon activity.jpg
Actividad
Realizar la aplicación Ecuaciones de segundo grado con este esquema



  • El planteamiento es el siguiente (vemos esta imagen expuesta en clase)
  • En ella vemos que se trata de encontrar dos valores para que la ecuación se satisfaga (que sea 0)
  • La ecuación que lo resuelve también se aporta
  • Esto es una parte del análisis que consiste en entender el problema que el cliente nos trasmite
E1g.png



Icon qmark.gif
Pregunta
Un posible análisis
450




Icon qmark.gif
Pregunta
  • Un posible diseño algorítmico

EcuacionesSegundoGradoDiseno.png




Icon qmark.gif
Pregunta
  • Consiste en transcribir el diseño usando un lenguaje concreto con su sintaxis.


<--

-->


Proceso de carga de un recurso o página web

Proceso carga web.png

Idea de web estática

Web static.png

Web dinámica 1

Web dinamic1.png

Web dinámica 2

Web dinamic 2.png

imegen:proceso_carga_web.png