Diferencia entre revisiones de «Plantilla:Web/DesarrolloWeb»

De WikiEducator
Saltar a: navegación, buscar
 
(20 revisiones intermedias por el mismo usuario no mostrado)
Línea 1: Línea 1:
 +
 +
 
{{#widget:Slides}}
 
{{#widget:Slides}}
 
<div class="slides layout-regular template-default">
 
<div class="slides layout-regular template-default">
Línea 4: Línea 6:
  
 
<!--2------------------------------------------------------>
 
<!--2------------------------------------------------------>
<div class="slide">
+
 
<div style="color:red; font-size:30px">CONCEPTOS SOBRE DESARROLLO WEB</div>
+
<!--
</div>
+
{{tag|ref}}
 +
 
 +
 
 +
{{tag|a|open|params=href="https://es.wikieducator.org/index.php?title=Plantilla:Web/DesarrolloWeb&modo=presentacion" target="_blank"}}👉 Ver presentación en nueva ventana{{tag|a|close}}
 +
-->
 +
 
 +
 
  
  
Línea 50: Línea 58:
 
<!--7--------------------------------------------------->
 
<!--7--------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
;Posible definición
+
;<span class="resaltado">Dado un problema de naturaleza lógica </span>
{{MRM_Definicion|
+
{{MRM_Definicion|Title=Desarrollar una aplicación:|
*Dado un problema de naturaleza lógica
+
{{MRM_Definicion|Title=Desarrollar una aplicación consiten en:|
+
 
*'''''Implementar''''' o construir un programa,  
 
*'''''Implementar''''' o construir un programa,  
*usando un determinado lenguaje de programación.
+
*Usando un determinado '''''lenguaje de programación'''''.
 
*Dicho programa consiste en '''''un conjunto de instrucciones''''',  
 
*Dicho programa consiste en '''''un conjunto de instrucciones''''',  
*que ejecutadas en un entorno computacional,
+
*Ejecutadas en un '''''entorno computacional''''',
*'''''solucionan''''' de forma automatizada '''''el problema planteado'''''.}}
+
*'''''Solucionan''''' de forma automatizada '''''el problema planteado'''''.
 
}}
 
}}
 +
 
</div>
 
</div>
  
Línea 95: Línea 102:
 
[[Imagen:AnalisisDesignerImplementacion.png|center|700px]]
 
[[Imagen:AnalisisDesignerImplementacion.png|center|700px]]
 
{{MRM_Actividad|Realizar la aplicación '''Ecuaciones de segundo grado''' con este esquema}}
 
{{MRM_Actividad|Realizar la aplicación '''Ecuaciones de segundo grado''' con este esquema}}
 +
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
 
<br />
 
<br />
 
*El planteamiento es el siguiente (vemos esta imagen expuesta en clase)
 
*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)
+
*Se trata de encontrar dos valores para que la ecuación se satisfaga (encontrar el valor de x)
*La ecuación que lo resuelve también se aporta
+
*Se especifica la ecuación que hay que aplicar
*Esto es una parte del análisis que consiste en entender el problema que el cliente nos trasmite
+
*Esto es una parte del análisis que consiste en '''''entender el problema''''' que el cliente nos trasmite
[[Image:e1g.png|center|400px]]
+
</div>
 +
<div class="slide">
 +
[[Image:e1g.png|center|600px]]
 
<!--10--------------------------------------------------->
 
<!--10--------------------------------------------------->
 
</div>
 
</div>
Línea 110: Línea 120:
 
;Un posible análisis
 
;Un posible análisis
 
[[Archivo:e1g_analisis.png|600px|center]]
 
[[Archivo:e1g_analisis.png|600px|center]]
 +
 
}}
 
}}
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
  
{{MRM_Actividad|Title=Diseño|
+
{{MRM_Actividad|Title=Un posible diseño|}}
*Un posible diseño algorítmico}}
+
 
[[Archivo:EcuacionesSegundoGradoDiseno.png|700px]]
 
[[Archivo:EcuacionesSegundoGradoDiseno.png|700px]]
 
<br />
 
<br />
Línea 124: Línea 134:
 
*Consiste en transcribir el diseño usando un lenguaje concreto con su sintaxis.
 
*Consiste en transcribir el diseño usando un lenguaje concreto con su sintaxis.
 
}}
 
}}
<!--
+
</div>
*Observa la siguiente imagen.
+
<div class="slide">
*Usando un caso de uso un poco personal realizamos este estudio detallado.
+
 
 
<hr />
 
<hr />
 
[[Imagen:Ecuaciones_grado.png|700px]]
 
[[Imagen:Ecuaciones_grado.png|700px]]
 
<hr />
 
<hr />
-->
+
 
 
</div>
 
</div>
  

Última revisión de 13:27 10 nov 2025





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


  • 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



Dado un problema de naturaleza lógica


Icon define.gif
Desarrollar una aplicación:
  • Implementar o construir un programa,
  • Usando un determinado lenguaje de programación.
  • Dicho programa consiste en un conjunto de instrucciones,
  • 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 que realizar esa planificación y probarla
  • Observa la siguiente imagen que reune diferentes la consecuencia de diferentes mitos en el desarrollo.
Diseñando y Desarrollando aplicaciones
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
AnalisisDesignerImplementacion.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)
  • Se trata de encontrar dos valores para que la ecuación se satisfaga (encontrar el valor de x)
  • Se especifica la ecuación que hay que aplicar
  • Esto es una parte del análisis que consiste en entender el problema que el cliente nos trasmite
E1g.png



Icon activity.jpg
Análisis
Un posible análisis
E1g analisis.png





Icon activity.jpg
Un posible diseño


EcuacionesSegundoGradoDiseno.png


Icon activity.jpg
Implementación
  • Consiste en transcribir el diseño usando un lenguaje concreto con su sintaxis.




Ecuaciones grado.png


Desarrollar una aplicación



Icon qmark.gif
Pregunta
¿Compilación o interpretación?


  • 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



Icon preknowledge.gif
Conocimiento previo
Diferencias entre Compilacion Vs Interpretación




Icon qmark.gif
Pregunta
Java es un lenguaje compilado o interpretados
Icon qmark.gif
En un entorno de ejecución web, qué tipo de modelo se debe de usar
  • 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