Facultad de Ingeniería de

Sistemas Computacionales

Kexy Rodríguez
kexy.rodriguez@utp.ac.pa

Desarrollo de Software IX (Comercio Electrónico)

Desarrollo de un Sitio Web de Comercio Electrónico

11 de abril de 2018
 Desarrollo de un Sitio Web de Comercio Electrónico

Objetivos
• Aplicar los conceptos de desarrollo de software y comercio
electrónico para la construcción de un sitio web.

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez
 Desarrollo de un Sitio Web de Comercio Electrónico

Contenido
• Introducción a JavaScript
• Características de JavaScript
• Popularidad
• Ventajas
• Desventajas

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez
 Desarrollo de un Sitio Web de Comercio Electrónico

Introducción a JavaScript
• A principio de los 90 había un Perl
problema ya que no existía un
lenguaje de programación del lado del
cliente
3+2

HTML

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez
 Desarrollo de un Sitio Web de Comercio Electrónico

Introducción a JavaScript
• Un programador estadounidense, llamado Brendan Eich,
quien trabajaba en la compañía Netscape
Communications creó un lenguaje de programación que
funcionaba del lado del cliente llamado Mocha.

Mocha LiveScript

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez
 Desarrollo de un Sitio Web de Comercio Electrónico

Introducción a JavaScript
Alianza de Netscape y Sun Microsystem

Estrategia de mercado LiveScript

LiveScript JavaScript

Script
JavaScript NO es

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez
 Desarrollo de un Sitio Web de Comercio Electrónico

Introducción a JavaScript
Para evitar una guerra de tecnologías, Netscape decidió que lo
mejor sería estandarizar el lenguaje JavaScript. De esta forma,
en 1997 se envió la especificación JavaScript 1.1 al organismo
ECMA European Computer Manufacturers Association).

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez
 Desarrollo de un Sitio Web de Comercio Electrónico

¿Característica de JavaScript?

• Procesa información Offline / Online

• Carga asincrónicamente por partes (AJAX) 3+2
• Modificar cualquier parte de un documento
5
• Acceso total a las API de HTML5
• Es base de muchas librerias (jQuery, AngularJS, HTML
PhoneGap, Sencha) Javascript

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez
 Desarrollo de un Sitio Web de Comercio Electrónico

JavaScript - Navegadores
• Los navegadores más modernos disponibles
actualmente incluyen soporte de JavaScript
hasta la versión correspondiente a la tercera
edición del estándar ECMA-262.
• La mayor diferencia reside en
el dialecto utilizado, ya que mientras Internet
Explorer utiliza JScript, el resto de navegadores
(Firefox, Opera, Safari, Konqueror) utilizan
JavaScript.
(LibrosWeb,2017)

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez
 Desarrollo de un Sitio Web de Comercio Electrónico
Popularidad de JavaScript

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez
 Desarrollo de un Sitio Web de Comercio Electrónico

JavaScript - Ventajas
✓ Es un lenguaje muy sencillo.
Según
✓ Es rápido, por lo tanto tiende a ejecutar las funciones inmediatamente.
✓ Cuenta con múltiples opciones de efectos visuales.
✓ Es soportado por los navegadores más populares y es compatible con los
más modernos, incluyendo iPhone, móviles y PS3.
✓ Es muy versátil, puesto que es muy útil para desarrollar páginas dinámicas
y aplicaciones web.
✓ Es una buena solución para poner en práctica la validación de datos en un
formulario.
✓ Es multiplataforma, puede ser ejecutado de manera híbrida en cualquier
sistema operativo móvil.
✓ Es el único lenguaje que permite trabajar modo FullStack en cualquier tipo
de desarrollo de programación.

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez
 Desarrollo de un Sitio Web de Comercio Electrónico

JavaScript - Desventajas
✓ En el FrontEnd sus códigos son visibles, por lo tanto pueden ser leídos por
cualquier usuario. Según

✓ Tiende a introducir gran cantidad de fragmentos de código en los sitios

web.
✓ Sus opciones 3D son limitadas, si se quiere utilizar este lenguaje de
programación para crear un juego, deben emplearse otras herramientas.
✓ No es compatible en todos los navegadores de manera uniforme.
✓ Los usuarios tienen la opción de desactivar JavaScript desde su navegador.
✓ Sus script son limitados por razones de seguridad y no es posible realizar
todo con JavaScript, por lo tanto es necesario complementarlo con otros
lenguajes evolucionados y más seguros. Esta es una de las características
de JavaScript que algunos expertos lo contemplan como una ventaja y
otros como una desventaja.

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez
 Desarrollo de un Sitio Web de Comercio Electrónico

JavaScript – Script
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>El primer script</title>

<script type="text/javascript">
alert("Hola Mundo!");
</script>

</head>
<body>
<p>Esta página contiene el primer script</p>
</body>
</html>

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez
 Elementos Fundamentales para la Creación de un Sitio E-commerce

Resumen
• Introducción a JavaScript
• Características de JavaScript
• Popularidad
• Ventajas
• Desventajas

Facultad de Ingeniería de Sistemas Computacionales

Kexy Rodríguez