Habla sobre el desarrollo web, las diferencias entre un IDE y un Editor de texto, el concepto de CMS; cuales son los más utilizados y Frameworks.

1. AMBIENTES
DE
DESARROLLO
WEB

2. Definición:
2
Un entorno de desarrollo es un conjunto
de procedimientos y herramientas que se
utilizan para desarrollar un código fuente o
programa. Este término se utiliza a veces
como sinónimo de entorno de desarrollo
integrado (IDE), que es la herramienta de
desarrollo de software utilizado para
escribir, generar, probar y depurar un
programa.

3. Niveles de
entorno de
Desarrollo

4. ▸ Servidor de desarrollo: Aquí es donde el desarrollador
prueba el código y comprueba si la aplicación se ejecuta
correctamente con ese código.
▸ Servidor de producción: Una vez realizada la
aprobación, la aplicación se convierte en una parte de este
servidor.
▸ Servidor de integración: Este entorno se hace para que
se vea exactamente igual que el entorno del servidor de
producción.
4
El entorno de desarrollo normalmente tiene tres niveles de
servidores, clasificados como desarrollo, montaje y producción.
Los tres niveles juntos se denominan generalmente como el DSP.

5. “
5
Editor de
código e IDE

6. 6
IDE´S
Es un editor de texto con potentes
funciones de gestión de proyectos que
incluyen herramientas como:
automatización de la compilación, un
depurador y un intérprete.
Algunos IDE´s también incluyen
navegadores de clases, objetos y
diagramas de jerarquía de clases para
cuando haces programación orientada a
objetos.

7. 7
Editor de
Texto
Un editor de texto es un programa
diseñado para escribir y editar código y
la gran mayoría de los editores de texto
tienen funciones que facilitan la escritura
y edición de este.
De hecho, una de las cosas más simples
que hacen es el resaltar diferentes
partes de tu código con colores para que
puedas reconocer y diferenciar strings,
métodos o clases.

8. ¿Cuándo usarlos?:
Utiliza un IDE cuando:
▸ El lenguaje de programación sea
compilado, cuando es un proyecto enorme
es un gran problema, deja que un IDE lo
haga por ti.
▸ Estas diseñando una interfaz grafica de
usuario, ya que te permiten soltar
elementos en el lugar que quieras que
salgan.
▸ Estas aprendiendo un lenguaje nuevo, no
sabes la sintaxis, ni los métodos ni nada.
Los IDE´s tienen autocompletado, esto te
facilitará.
▸ Tienes una computadora con suficientes
recursos.
8
Utiliza un Editor de texto cuando:
▸ Tengas una computadora con muy pocos
recursos
▸ El lenguaje de programación que utilices no
sea compilado.
▸ Estas creando sitios web estáticos.
▸ Eres experto en el lenguaje que estas
programando.

9. Sistemas de gestión
de contenidos (CMS)
9
Es un software que ayuda a los usuarios a crear,
administrar y modificar contenido en un sitio web
sin la necesidad de conocimientos técnicos
especializados.
En otras palabras; un sistema de gestión de
contenido es una herramienta que le ayuda a
construir un sitio web sin necesidad de escribir
todo el código desde cero (o incluso saber cómo
codificar).

10. Los más utilizados
(CMS)
10
WordPress mantiene más de de un
32% del mercado en sitios web con
un reconocido sistema de gestión
de contenido.
Más allá del software de WordPress
• Joomla
• Drupal
• Magento
• Squarespace
• Wix
• TYPO3

11. Frameworks:
11
Es el esquema o estructura que se establece y que se
aprovecha para desarrollar y organizar un software
determinado.
En otras palabras es un entorno pensado para hacer más
sencilla la programación de cualquier aplicación o
herramienta actual.
Este sistema plantea varias ventajas para los
programadores, ya que automatiza muchos procesos y
además facilita el conjunto de la programación.

12. Herramientas de desarrollo
multimedia para desarrollo web:
12
• HERRAMIENTAS DE DESARROLLO BASADAS EN TARJETAS
Y PÁGINAS:
Proporcionan una presentación sencilla y fácil de entender
para organizar los elementos de multimedia.
• HERRAMIENTAS DE DESARROLLO BASADA EN ICONOS
Brindan un enfoque de programación visual para
organizar y presentar multimedia.
• HERRAMIENTAS DE DESARROLLO BASADAS EN TIEMPO
Utiliza su propio y único enfoque e interfaces de usuario
para administrar eventos en el tiempo.

13. 13
Clasificación de las herramientas:
13
Programa de
presentaciones
Programas de Autor Lenguajes de
programación
Microsoft Power Point Microsoft Frontpage Visual Basic
WorkPerfect
Presentations
Claris HomePage Delphi
Macromid Action Macromedia
DreamWeaver
lenguaje "C"
Corel Presentations Sausage Hot Dog HTML
Adobe Pursuation Symantec Visualpage
MicroGraf Charisma Apple Hypercard
Lotus Freelance Apple Media Kit
Publishing's Harvard
Graphics
Macromedia
AuthorWare
Macromedia Director
Asymetrix Multimedia
Toolbook
Aimtech Icon-Author

14. Ventajas para Docencia y
aprendizaje:
14
 Facilidad para que los estudiantes
complementen su aprendizaje
 Es una solución de auto-estudio
 El profesor puede apoyar el proceso de
enseñanza de sus clases presenciales
en el aula
 Estimulación de los sentidos en el
proceso de aprendizaje gracias a los
recursos multimedia Posibilidad de
presentar la misma información en
distintos formatos
 Mejora el aprendizaje
 Incrementa la retención
 Aumenta la motivación y el gusto por
aprender
 Reducción del tiempo de aprendizaje
 Consistencia pedagógica

15. “
▸ Sublime Text (Windows/Mac/Linux)
▸ Atom (Windows/Mac/Linux, MIT)
▸ Adobe Brackets (Windows/Mac/Linux,
MIT)
▸ Light Table (Windows/Mac/Linux, GPL)
▸ VIM (Windows/Mac/Linux, GPL)
▸ Eclipse (Windows/Mac/Linux, EPL)
▸ NetBeans (Windows/Mac/Linux,
CDDL/GPL2)
▸ IntelliJ IDEA CE (Windows/Mac/Linux,
Apache2)
▸ Visual Studio Express (Windows)
15
Los editores e IDE's más usados actualmente:
▸ Aptana Studio (Windows/Mac/Linux,
GPL)
▸ FlashDevelop (Windows, MIT)
▸ Geany (Windows/Mac/Linux, GPL2)
▸ TextMate (Mac, GPL)
▸ PSPad (Windows)
▸ gEdit (Windows/Mac/Linux, GPL)
▸ Komodo Edit (Windows/Mac/Linux,
MPL)
▸ jEdit (Windows/Mac/Linux, GPL2)
▸ TextAdept (Windows/Mac/Linux,
MIT)
▸ SlimText (Chrome Extension, GPL)

16. 16
Referencias:
Diseño: SlidesCarnaval https://www.slidescarnival.com/es/plantilla-para-presentacion-gratis-
gaoler/9135
Definiciones:
• https://www.arimetrics.com/glosario-digital/entorno-de-desarrollo (2)
• https://kinsta.com/es/base-de-conocimiento/sitema-de-gestion-de-
contenido/#:~:text=Un%20sistema%20de%20contenido%2C%20a,necesidad%20de%20conoci
mientos%20t%C3%A9cnicos%20especializados. (6)
• https://neoattack.com/neowiki/framework/ (11)
Comparativas: (8) https://ingeniaoaxaca.com/que-diferencias-hay-entre-un-editor-y-un-ide-a-la-
hora-de-escribir-codigo/

17. 17
Fin de la
presentación
Luis David Cruz Samapayo
Aplicaciones Web
23/5/2020