COIS 424 Páginas del Web y Comercio Electrónico 424 UMET.pdf7. Discusión amplia liderada por el (la) facilitador(a) sobre los principales tipos de comercio electrónico que existen

COIS 424

Páginas del Web y Comercio Electrónico

Universidad del Este, Universidad Metropolitana, Universidad del Turabo © Sistema Universitario Ana G. Méndez, 2009 Derechos Reservados

Escuela de Estudios Profesionales Programa Ahora

Universidad Metropolitana

Cois 424 Páginas del Web y Comercio Electrónico 2

Preparado con la colaboración de:

Prof. Justo Rodríguez Santiago, MBA

2009




TABLA DE CONTENIDO

INFORMACIÓN DEL CURSO ------------------------------------------------------------------------------------------------- 4

TALLER UNO---------------------------------------------------------------------------------------------------------------------- 8

TALLER DOS -------------------------------------------------------------------------------------------------------------------- 12

TALLER TRES ------------------------------------------------------------------------------------------------------------------ 15

TALLER CUATRO ------------------------------------------------------------------------------------------------------------- 18

TALLER CINCO ---------------------------------------------------------------------------------------------------------------- 21

TALLER SEIS -------------------------------------------------------------------------------------------------------------------- 23

TALLER SIETE ----------------------------------------------------------------------------------------------------------------- 26

TALLER OCHO ----------------------------------------------------------------------------------------------------------------- 28

ANEJOS --------------------------------------------------------------------------------------------------------------------------- 31

ANEJO A -------------------------------------------------------------------------------------------------------------------------- 32

HOJA DE EVALUACIÓN --------------------------------------------------------------------------------------------------------- 32

ANEJO B -------------------------------------------------------------------------------------------------------------------------- 33

HOJA DE PUNTO MÁS CONFUSO ----------------------------------------------------------------------------------------------- 33

ANEJO C -------------------------------------------------------------------------------------------------------------------------- 34

EJEMPLO DE PORTADA --------------------------------------------------------------------------------------------------------- 34

ANEJO D -------------------------------------------------------------------------------------------------------------------------- 35

RUBRICA PARA EVALUAR PROYECTO PÁGINA WEB ----------------------------------------------------------------------- 35




Información del curso

Título del Curso: Páginas del Web y Comercio Electrónico

Codificación: Cois 424

Duración: 8 semanas

Pre-requisito: Cois 412

Descripción:

Este curso desarrolla en el estudiante las destrezas necesarias para diseñar, crear,

implantar y mantener páginas de comercio electrónico. Incluye experiencias con

herramientas de diseño de páginas, manejadores de base de datos y procesamiento de

transacciones.

Objetivos Generales

Al finalizar el curso, el estudiante:

1. Explicar conceptos básicos de negocios electrónico (negocio-e).

2. Usar las tecnologías básicas de comunicación electrónica para implantar un

negocio electrónico

3. Diseñar y desarrollar un negocio-e.

4. Cargar las páginas del negocio-e en el sitio de Internet.

5. Mantener un sitio en Internet dedicado a un negocio-e.

Textos y Bibliografía

Gosseelm, D., Sklar, J., Slaybaugh, M., Guthrie R., Soe, L. &, López, L. (2003),

The Warrior Guide to Web Design Technologies. Canada: Thomson.

Laudon, K. & Guercio, C. (2008), E-Commerce Business. Technology. Society,

New York: Prentice Hall.

Direcciones Electrónicas

Bibliotecas del Sistema

Universidad del Turabo

http://bibliotecavirtualut.suagm.edu/

Universidad del Este





http://www.suagm.edu/suagm/une2/portal_de_biblioteca/


http://www.suagm.edu/umet/biblioteca/se_biblioteca.asp

Aviso: Si por alguna razón no puede acceder las direcciones electrónicas

ofrecidas en el módulo, no se limite a ellas. Existen otros “web sites” que

podrá utilizar para la búsqueda de la información deseada. Entre ellas están:

www.google.com

www.Altavista.com

www.AskJeeves.com

www.Excite.com

www.alltheweb.com

www.Pregunta.com

www.Findarticles.com

www.yahoo.com

Nota: Del facilitador o el estudiante requerir o desear una investigación o la

administración de cuestionarios o entrevistas, deben referirse a las normas y

procedimientos de la Oficina de Cumplimiento y solicitar su autorización.

Para acceder a los formularios de la Oficina de Cumplimiento pueden entrar de las

siguientes maneras:

(1) Ir a la página electrónica

http://www.suagm.edu/suagm/suagm/vpauxrecursos_vpare.aspx, seleccionar Oficina

de Cumplimiento y escoger Formularios.

(2) De manera directa, pueden ir a la dirección

http://www.suagm.edu/suagm/suagm/compliance_IRB_Forms.aspx.

Además de los formularios puedes encontrar las instrucciones para la certificación en

línea. Estas certificaciones son: IRB Institutional Review Board, Health Information

Portability Accounting Act (HIPAA), Responsibility Conduct for Research Act (RCR)

De tener alguna duda, favor de comunicarse con la Coordinadoras Institucionales o a la

Oficina de Cumplimiento a los siguientes teléfonos:

Sra. Evelyn Rivera Sobrado, Directora Oficina de Cumplimiento Tel. (787) 751-0178 Ext. 7196



http://www.google.com/

http://www.excite.com/

http://www.findarticles.com/

https://mailweb.suagm.edu/exchweb/bin/redir.asp?URL=http://www.suagm.edu/suagm/suagm/vpauxrecursos_vpare.aspx

https://mailweb.suagm.edu/exchweb/bin/redir.asp?URL=http://www.suagm.edu/suagm/suagm/compliance_IRB_Forms.aspx




Srta. Carmen Crespo, Coordinadora Cumplimiento UMET Tel. (787) 766-1717 Ext. 6366 Sra. Josefina Melgar, Coordinadora Cumplimiento Turabo Tel. (787) 743-7979 Ext.4126 Sra. Rebecca C. Cherry, Coordinadora de Cumplimiento UNE

Tel. (787) 257-7373 Ext. 3936

Evaluación

Se le requerirá a cada estudiante la presentación de un proyecto final donde aplicara

los conceptos aprendidos en el curso. Será evaluado al finalizar el curso. Se le

requerirá trabajos escritos y exámenes para demostrar su dominio teórico sobre el

contenido del curso. Se le requerirá de trabajos en el salón de clases para demostrar

su dominio de las diferentes herramientas o lenguajes discutidos en el curso. La

asistencia a clases es indispensable y formará parte de la evaluación final.

Exámenes (2 exámenes con un valor de 50 pts. c/u 100 puntos 25%

Trabajos a entregar 100 puntos 25%

Entrega proyecto Final 100 puntos 25%

Participación, Trabajos en el salón de clases y

Asistencia

100 puntos 25%

Total 400 puntos 100%

Descripción de las normas del curso:

1. La asistencia es obligatoria. El estudiante debe excusarse con el/la facilitador(a),

si tiene alguna ausencia y reponer todo trabajo. El/la facilitador(a) se reserva el

derecho de aceptar la excusa y el trabajo presentado y ajustar la evaluación,

según entienda necesario.

2. Las presentaciones orales y actividades especiales no se pueden reponer, si el

estudiante presenta una excusa válida y verificable (ej. médica o de tribunal), se

procederá a citarlo para un examen escrito de la actividad a la cual no asistió.




3. Este curso es de naturaleza acelerada y requiere que el estudiante se prepare

antes de cada taller según especifica el módulo. Se requiere un promedio de 10

horas semanales para prepararse para cada taller.

4. Debido a que es un curso de redacción, el/la facilitador(a) podrá requerir al

participante que re-escriba cualquier trabajo.

5. Se espera un comportamiento ético en todas las actividades del curso. Esto

implica que TODOS los trabajos tienen que ser originales y que de toda

referencia utilizada deberá indicarse la fuente, bien sea mediante citas o

bibliografía. No se tolerará el plagio y, en caso de que se detecte casos del

mismo, el estudiante se expone a recibir cero en el trabajo y a ser referido al

Comité de Disciplina de la institución. Los estudiantes deben observar aquellas

prácticas dirigidas a evitar incurrir en el plagio de documentos y trabajos.

6. Si el/la facilitador(a) realiza algún cambio, deberá discutir los mismos con el

estudiante en el primer taller. Además, entregará los acuerdos por escrito a los

estudiantes y al Programa.

7. El/la facilitador(a) establecerá el medio y proceso de contacto.

8. El uso de teléfonos celulares está prohibido durante los talleres.

9. No está permitido traer niños o familiares a los salones de clases.

10. Los estudiantes que reciban servicios de Rehabilitación Vocacional deben

comunicarse con la profesora al inicio del semestre para planificar el acomodo

razonable y equipo asistido necesario conforme a las recomendaciones de la

Vicerrectoría de Desarrollo y Retención. También aquellos estudiantes con

necesidades especiales que requieren de algún tipo de asistencia o acomodo en

cualquier aspecto del curso, deben comunicarse con su profesora. El estudiante

con necesidades especiales deberá consultar con su profesor en caso de

necesitar evaluación diferenciada debido a su necesidad particular.

11. Todo estudiante es responsable de cumplir con las normas académicas y

administrativas de la institución que están disponibles en la Vicerrectoría de

Asuntos Estudiantiles, incluyendo el reglamento de estudiantes.




Taller uno

Objetivos específicos

Al finalizar el taller, el/la estudiante:

1. Definirá el concepto comercio electrónico (e-commerce).

2. Explicara como el comercio electrónico se diferencia del negocio electrónico (e-

business).

3. Describirá los principales tipos de comercios electrónicos.

4. Enumerara 8 características únicas de la tecnología del comercio electrónico.

5. Analizara el proceso que se debe seguir en la construcción de un Web Site para

comercio electrónico.

6. Identificara la infraestructura necesaria en el desarrollo de un comercio

electrónico.

7. Analizará el crecimiento de la Internet y el Web.

Direcciones electrónicas








Direcciones electrónicas relacionadas al comercio electrónico

Tutoriales

http://www.emagister.com/introduccion-al-e-commerce-modelos-negocios-logistica-

cursos-1049878.htm

http://www.2createawebsite.com/index.html

Conceptos importantes a la hora de desarrollar un Sitio web

http://www.webestilo.com/guia/

http://www.webestilo.com/posicionamiento-web/




http://www.emagister.com/introduccion-al-e-commerce-modelos-negocios-logistica-cursos-1049878.htm

http://www.emagister.com/introduccion-al-e-commerce-modelos-negocios-logistica-cursos-1049878.htm

http://www.2createawebsite.com/index.html

http://www.webestilo.com/guia/

http://www.webestilo.com/posicionamiento-web/




Como crear un Sitio Web (Web Site).

http://www.isitebuild.com/build-ecommerce-web-site.htm

http://www.creartuwebsite.com/Videos-Tutoriales-homestead.html

http://www.emprendedor.com/articulos/la_red/ecommerce.htm

http://www.2createawebsite.com/prebuild/quick-website-overview.html

Tipos de negocios de comercio electrónico

http://www.digitsmith.com/ecommerce-definition.html

Tareas a realizar antes del taller uno

Instrucciones:

1. Lea cuidadosamente el módulo del curso y asista a clases preparado para hacer

preguntas sobre cualquier duda o aclaración necesaria y para discutir los

alcances del curso así como conceptos asignados.

2. Localiza un laboratorio con computadoras donde se puedas familiarizar con los

conceptos incluidos en los objetivos del Taller. (Puedes ayudarte con los

tutoriales en línea que te recomendamos en las referencias electrónicas de este

taller.)

3. Defina los siguientes términos y envíelos por correo electrónico a la dirección

electrónica del facilitador.

a. Comercio electrónico (e-commerce)

b. Negocio electrónico (e-business)

c. Web 2.0

d. Internet

e. WWW (World Wide Web)

f. Modelo de negocio (business model)

g. Pal de Negocios para comercio electrónico (e-commerce business plan)

h. Portal

i. E-tailer

j. B2C e-commerce

http://www.isitebuild.com/build-ecommerce-web-site.htm

http://www.creartuwebsite.com/Videos-Tutoriales-homestead.html

http://www.emprendedor.com/articulos/la_red/ecommerce.htm

http://www.2createawebsite.com/prebuild/quick-website-overview.html

http://www.digitsmith.com/ecommerce-definition.html




Puede localizar está accediendo el curso por medio de la plataforma de

Blackboard bajo la pestaña de Comunicaciones bajo la opción Send Mail.

(Valor: 10 puntos)

4. Enumere y describa los principales tipos de negocios de comercio electrónico.

Este trabajo deberá ser enviado a la dirección electrónica del facilitador

asignado al curso, de la misma forma en que envió el trabajo anterior. (Valor: 10

puntos)

Actividades

1. Presentación del facilitador.

2. Conocerse los integrantes del grupo por medio de actividad (ej. Formar parejas

para presentarse). Seleccionar representante estudiantil.

3. Discutir los objetivos, la evaluación del curso, explicar y aclarar dudas sobre los

talleres, curso, módulo y su uso.

4. Presentación de los formatos de correo electrónico y creación de una cuenta a

aquel estudiante que no tenga. Para esto se crearán grupos que asistan a

aquellos compañeros que no tengan cuenta de correo electrónico a crear una.

5. El (la) facilitador(a) demostrará a los estudiantes el uso del equipo de

computadoras, explicará las reglas del laboratorio y cómo acceder los diferentes

programas en la computadora, especialmente los módulos mediante la

plataforma electrónica Blackboard. De ser posible, cada estudiante utilizará una

computadora para entrar al sistema.

6. Discusión en grupo sobre lo que es un comercio electrónico y como este se

diferencia de un negocio electrónico.

7. Discusión amplia liderada por el (la) facilitador(a) sobre los principales tipos de

comercio electrónico que existen en la Internet.

8. El (la) facilitador(a) explicará los elementos e infraestructura necesaria en la

construcción de un Sitio Web para comercio electrónico.

9. Se asignará el desarrollo de un Sitio Web (proyecto) donde utilizará los

principios y conceptos a cubrir en el curso para entregar en el último taller. El

estudiante tendrá libre albedrío para seleccionar el tipo de aplicación.




Se recomienda que la misma sea desarrollada bajo una herramienta para

crear aplicaciones Web haciendo enlace con un sistema de manejo de

base de datos, sea Oracle, SQL o Access.

El (la) facilitador(a) discutirá las rubrica que utilizara para evaluar el

proyecto y el informe de progreso que deben presentar en cada taller.

Los estudiantes pueden seleccionar trabajo individual o en grupo

Assessment

1. El estudiante hará su assessment llenando el Anejo B -Hoja de punto más

confuso.

2. Entregará la Hoja de punto más confuso al finalizar el Taller.

3. Mediante los hallazgos, el facilitador(a) podrá repasar lo que así amerite para el

próximo Taller.




Taller dos



1. Entenderá el alcance de los problemas de seguridad en el comercio electrónico.

2. Definirá que es HTML y su importancia en el desarrollo de páginas para el

comercio electrónico.

3. Reconocerá los elementos básicos que utiliza HTML en el desarrollo de páginas

web.

4. Utilizará el editor de texto Notepad incluido en los sistemas operativos

Windows para editar HTML en el desarrollo de páginas Web.

5. Utilizará el navegador (Browser) Internet Explorer para desplegar contenido de

etiquetas para HTML.

6. Identificará servidores (Hosting) en la Internet donde publicara sus páginas

desarrolladas en HTML.









Otros enlaces:

Enlaces de Seguridad en el comercio electrónico

http://www.ibm.com/developerworks/websphere/library/techarticles/0504_mckegney/05

04_mckegney.html

http://www.ecommerce-digest.com/ecommerce-security-issues.html

http://www.businesslink.gov.uk/bdotg/action/detail?type=RESOURCES&itemId=107538

5862




http://www.ibm.com/developerworks/websphere/library/techarticles/0504_mckegney/0504_mckegney.html

http://www.ibm.com/developerworks/websphere/library/techarticles/0504_mckegney/0504_mckegney.html

http://www.ecommerce-digest.com/ecommerce-security-issues.html






http://www.wikilearning.com/curso_gratis/la_seguridad_en_informatica-

comercio_electronico/3625-9

HTML

http://www.w3schools.com/html/default.asp

http://www.webestilo.com/html/cap1a.phtml

Espacio Web (hosting) libre de costo

http://www.absolutely-free-hosting.com/

Tareas a realizar antes del taller dos

Instrucciones:

1. Leer los objetivos específicos de este taller y acceder a los diferentes enlaces

provistos para discusión en clase.

2. Buscar información en la Internet sobre los problemas de seguridad en los

comercios electrónicos y redactar un ensayo de no menos de 2 páginas sobre el

tema. (Valor: 5puntos)

3. Identificará las etiquetas que utiliza HTML para definir los siguientes

componentes de una página Web proveyendo ejemplos de construcción de cada

uno de estos. Enviara documento a la dirección de correo electrónico que el

facilitador le indique.

a. Formato

b. Vínculos (links) entre páginas

c. Marcos (frames)

d. Tablas

e. Listado

f. Imágenes

g. Diseño de la página

h. Colores de la página

i. Formas

(Valor: 10 puntos)

http://www.wikilearning.com/curso_gratis/la_seguridad_en_informatica-comercio_electronico/3625-9

http://www.wikilearning.com/curso_gratis/la_seguridad_en_informatica-comercio_electronico/3625-9

http://www.w3schools.com/html/default.asp

http://www.webestilo.com/html/cap1a.phtml

http://www.absolutely-free-hosting.com/




Actividades

1. El (la) facilitador(a) registrara los diferentes grupos y proyectos seleccionados

por los estudiantes y creara un calendario de revisión de las diferentes fases de

entrega en negociación con estos.

2. Discusión en grupo de los problemas de seguridad que confrontan los comercios

electrónicos y los mecanismos o productos existentes para atender los mismos.

a. Tipos de ataques

b. Defensas contra los ataques

3. Discusión amplia liderada por el facilitador sobre el lenguaje HTML y los

elementos que utiliza en el desarrollo de páginas Web:

4. Desarrollo de un ejercicio en el salón de clases donde se creara una página web

en HTML utilizando los conceptos aprendidos en el taller y de las lecturas de los

tutoriales incluidos en los enlaces provistos.

a. Utilizar el editor para paginas HTML, notepad. (herramienta gratuita que

viene como parte de los accesorios que provee el sistema operativo

Windows.

b. Guardar la misma con extensión .html

c. Levantar la misma posicionándonos en ella y presionando dos veces el

botón izquierdo del mouse.

5. Buscar por web proveedores de espacio gratuito (hosting) donde publicar su

página web desarrollada en el salón de clases.

Assessment


confuso.



próximo Taller.




Taller tres



1. Aprenderá a desarrollar mapas de Sitios Web y para representar la estructura de

éste.

2. Definirá XHTML.

3. Diferenciara entre los lenguajes HTML y XHTML.

4. Comparara XHTML con DHTML y reconocerá diferencias principales.

5. Identificara por qué se debe utilizar XHTML.

6. Conocerá las reglas de sintaxis básica de XHTML para el desarrollo de páginas

web.

7. Utilizará el editor de texto Notepad incluido en los sistemas operativos

Windows para editar XHTML y crear páginas Web.

8. Desplegará una página Web desarrollada con XHTML utilizando el navegador

(Browser) Internet Explorer.









Otros enlaces:

Herramientas gratuitas para desarrollo de mapas de Sitios Web.

http://www.smartdraw.com/downloads/index.htm?WT.svl=button_download

Conceptos importantes al desarrollar Sitios Web

http://www.webestilo.com/guia/estruct1.php3

Tutoriales XHTML

http://www.w3schools.com/xhtml/default.asp




http://www.smartdraw.com/downloads/index.htm?WT.svl=button_download

http://www.webestilo.com/guia/estruct1.php3

http://www.w3schools.com/xhtml/default.asp




http://www.programacion.com/tutorial/xhtml/

Tareas a realizar antes del taller tres

Instrucciones:



2. Utilizando las direcciones electrónicas provistas en el taller, enumerara y definirá

los conceptos importantes en el desarrollo de un Sitio Web enfatizando en:

1. La estructura

2. Los tipos de estructura

3. La navegación

(Valor 5 Puntos).

3. Redacte un documento donde incluya:

1. Diferencias más importantes entre HTML y XHTML

2. Reglas de sintaxis en el uso de XHTML.

(Valor 5 Puntos)

Actividades

1. Los estudiantes proveerán un diseño o mapa de su Sitio Web de comercio

electrónico que estará realizando como proyecto final.

2. El (la) facilitador(a) aclarara cualquier duda o pregunta que tenga el estudiante o

grupo sobre el proyecto a desarrollar.

3. Discusión amplia liderada por el facilitador sobre el lenguaje XHTML y como este

se diferencia de los lenguajes XHTML y del concepto DHTML.

4. Discusión amplia liderada por el facilitador sobre las reglas de sintaxis que utiliza

XHTML en el desarrollo de páginas Web.

5. Utilizando los conceptos aprendidos en el taller y las lecturas de los tutoriales

incluidos en los enlaces provistos se desarrollara un ejercicio en el salón de

clases donde se convertirá la página web desarrollada en HTML en el taller 2,

bajo las reglas de XHTML.

http://www.programacion.com/tutorial/xhtml/




a. Utilizar el editor para paginas HTML, notepad. (herramienta gratuita que

viene como parte de los accesorios que provee el sistema operativo

Windows.

Assessment


confuso.



próximo Taller.




Taller cuatro



1. Identificará la estructura de Hardware y software necesaria en el desarrollo de

un Sitio Web para comercio electrónico.

2. Indicará las mejores prácticas en el desarrollo de Sitios Web.

3. Definirá JavaScript y sus características principales.

4. Explicará como incluir JavaScript en documentos HTML y XHTML.

5. Trabajará Operaciones aritméticas utilizadas en el lenguaje JavaScript.

6. Identificará los operadores matemáticos y lógicos utilizados con JavaScript

7. Utilizara Estructuras de Control para determinar el curso de acción que tomara

el programa.

8. Aprenderá a construir Funciones y Eventos como parte de la estructura interna

de programas en JavaScript.









Otros enlaces:

Tutorial JavaScript

http://www.w3schools.com/js/default.asp

Conceptos importantes en el desarrollo de páginas Web.

http://www.webestilo.com/guia/tam.php3

Aplicaciones gratuitas para desarrollo de comercios electrónicos.

http://www.webadictos.com.mx/2007/10/28/sistemas-para-tiendas-en-linea-e-

commerce-gratuitos-y-opensource/




http://www.w3schools.com/js/default.asp

http://www.webestilo.com/guia/tam.php3

http://www.webadictos.com.mx/2007/10/28/sistemas-para-tiendas-en-linea-e-commerce-gratuitos-y-opensource/

http://www.webadictos.com.mx/2007/10/28/sistemas-para-tiendas-en-linea-e-commerce-gratuitos-y-opensource/




Mejores prácticas en el desarrollo de comercio electrónico

http://www.ecommerce-guide.com/solutions/advertising/article.php/3457431

Tareas a realizar antes del taller cuatro

Instrucciones:



2. Acceda el tutorial de JavaScript provisto en los enlaces de este taller y venga

preparado para desarrollar programas en el salón de clases con el uso de este

lenguaje.

3. Navegue la Internet y busque información de las mejores prácticas en el

desarrollo del esquema de una página Web.

a. Tamaño de la pagina

b. Enlaces

c. Navegación

d. Calidad

Resuma la información y envíela a la dirección de correo electrónico que le

proveerá el (la) facilitador(a). Utilice los enlaces electrónicos incluidos como

parte de este taller.

(Valor: 5 Puntos)

4. Acceda la Internet e identifique 3 aplicaciones gratuitas para el desarrollo de

Sistemas para tiendas en línea / comercio electrónico. Redacte un documento

donde compare las mismas e identifique las ventajas y desventajas de cada una.

Indique cual seleccionaría y explique los criterios considerados en su selección.

Envié el documento a la dirección electrónica que le provea el (la) facilitador(a).

(Valor 10 Puntos)

Actividades

1. El estudiante presentara un informe de progreso de su proyecto y aclarara sus

dudas con el (la) facilitador(a).

2. Discusión en grupo de la estructura de hardware y software necesario en el

desarrollo de un comercio electrónico.

http://www.ecommerce-guide.com/solutions/advertising/article.php/3457431




3. Discusión en grupo de las mejores prácticas en el desarrollo del esquema de

una página Web.

4. Discusión liderada por el (la) facilitador(a) de diferentes aplicaciones gratuitas

utilizadas para el desarrollo de Tiendas en Línea o Comercios Electrónicos.

5. Discusión en grupo del lenguaje JavaScript y como este complementa al

lenguaje HTML en el desarrollo de páginas más robustas y dinámicas.

6. Practicaran individualmente en sala de clases el uso de los conceptos de

JavaScript mediante el desarrollo de un proyecto simple que les proveerá el (la)

facilitador(a).

7. Distribución en pequeños grupos de los siguientes conceptos utilizados en el

lenguaje JavaScript.

a. Operaciones aritméticas

b. Operadores matemáticos y lógicos

c. Construcción de Funciones y Eventos.

Assessment


confuso.



próximo Taller.




Taller cinco



1. Identificará las mejores prácticas para acelerar la navegación de un Sitio Web.

2. Indicará la combinación de tecnologías utilizadas con DHTML para el desarrollo

de páginas Web.

3. Aprenderá el arte de crear páginas web dinámicas e interactivas.

4. Definirá DOM y describirá cada una de las partes en que esta se divide o

separa.

5. Utilizará Cascade Style Sheets (CSS) para dar estilo a páginas Web construidas

en HTML.

6. Construirá eventos utilizando alguna de las tecnologías que componen DHTML

para ejecutar códigos dentro de un programa.









Mejores prácticas para acelerar su Sitio Web.

http://developer.yahoo.com/performance/rules.html

Tutoriales DHTML.

http://www.w3schools.com/dhtml/default.asp

CSS

http://www.w3schools.com/css/default.asp

HTML DOM

http://www.w3schools.com/htmldom/default.asp




http://developer.yahoo.com/performance/rules.html

http://www.w3schools.com/dhtml/default.asp

http://www.w3schools.com/css/default.asp

http://www.w3schools.com/htmldom/default.asp




Tareas a realizar antes del taller cinco

Instrucciones:



2. Acceda el tutorial de DHTML provisto en los enlaces de este taller y venga

preparado para el desarrollo en el salón de clases de páginas Web con la

aplicación de estas tecnologías.

3. Preparar un ensayo que hable sobre las mejores prácticas utilizadas para

acelerar la navegación de un Sitio Web y como estas prácticas contribuirían en

el mejoramiento de las ventas de un comercio electrónico. El mismo será

enviado a la dirección electrónica que le proveerá el (la) facilitador(a).

(Valor 10 puntos)

Actividades

1. Discusión en grupo de las mejores prácticas utilizadas para acelerar la

navegación de Sitios Web.

2. Discusión liderada por el (la) facilitador(a) de DHTML, su definición y las

tecnologías que lo componen.

3. Discusión liderada por el (la) facilitador(a) sobre CSS y como se utiliza para

cambiar el estilo de las páginas web.

4. Discusión liderada por el (La) facilitador(a) sobre DOM, HTML DOM y XML

DOM.

5. Practica individual en sala de clases del uso las tecnologías de DHTML

mediante el desarrollo de un proyecto simple que les proveerá el (la)

facilitador(a).

Assessment


confuso.



próximo Taller.




Taller seis



1. Indicará que es Dreamweaver y su posicionamiento en el mercado de las

aplicaciones para el desarrollo de páginas Web.

2. Defenderá los atributos que tiene Dreamweaver en el desarrollo de sitios web

para comercios electrónico.

3. Manejará las herramientas que provee Dreamweaver para estilos de texto en el

desarrollo de páginas Web.

4. Incluirá hipervínculos (hyperlinks) en páginas desarrolladas con Dreamweaver

para conectarse con otras páginas dentro de la misma aplicación o en el Web.

5. Aprenderá a crear y manejar las propiedades de los elementos de las páginas

creadas.

6. Creará y manipulará los atributos de tablas creadas utilizando la aplicación.

7. Insertará y manipulará imágenes a páginas creadas por la aplicación.

8. Conocerá los beneficios de las formas como parte de aplicaciones de comercio

electrónico y como estas se crean utilizando Dreamweaver.

9. Utilizará scripts para crear páginas dinámicas.









Macromedia Dreamweaver

http://www.academiaonline.org/dreamweaver/final1.html

http://www.intranetjournal.com/articles/200002/dream_index.html

http://www.teacherclick.com/dream2004/index.htm




http://www.academiaonline.org/dreamweaver/final1.html

http://www.intranetjournal.com/articles/200002/dream_index.html

http://www.teacherclick.com/dream2004/index.htm




Microsoft Expression Vs Macromedia Dreamweaver

http://www.brighthub.com/computing/windows-platform/articles/12623.aspx

Bajar Demo Dreamweaver

https://www.adobe.com/cfusion/tdrc/index.cfm?loc=en&promoid=EBYEW&product=drea

mweaver

Tareas a realizar antes del taller seis

Instrucciones:



2. Busque información en el internet de las aplicaciones Microsoft Expresion y

Dreamweaver y prepare una tabla comparativa de lo que ofrece cada una de las

herramientas. Envié el informe a la dirección de correo electrónico que le indique

el (la) facilitador(a). (Valor 10 puntos)

3. Buscar proveedor de Dreamweaver gratuito en el internet y bajarlo a su máquina

de forma que le permita practicar la herramienta.

4. Acceder el tutorial de Dreamweaver provisto en los enlaces electrónicos de este

taller, estudiar el mismo y venir preparado para realizar ejercicios en el salón de

clases utilizando esta herramienta.

Actividades



2. Discusión en grupo de las herramientas Microsoft Expression y Dreamweaver

enfatizando las características que tiene cada una para el desarrollo de páginas

Web.

3. Presentación detallada de parte del facilitador(a) de la aplicación Dreamweaver,

el acceso y el manejo de sus componentes en el desarrollo de una página Web.

4. Discusión liderada por el (la) facilitador(a) de cómo crear y manipular tablas

utilizando la aplicación.

5. Discusión liderada por el (la) facilitador(a) de cómo Insertar y manipular

imágenes utilizando la aplicación.

http://www.brighthub.com/computing/windows-platform/articles/12623.aspx

https://www.adobe.com/cfusion/tdrc/index.cfm?loc=en&promoid=EBYEW&product=dreamweaver

https://www.adobe.com/cfusion/tdrc/index.cfm?loc=en&promoid=EBYEW&product=dreamweaver




6. Discusión liderada por el (la) facilitador(a) de cómo crear formas utilizando la

aplicación.

7. Practica individual en sala de clases del uso de la aplicación Dreamweaver

mediante el desarrollo de un proyecto simple que les proveerá el (la)

facilitador(a).

Assessment


confuso.



próximo Taller.




Taller siete



1. Explicará qué es Adobe Flash y como esta aplicación contribuye a mejorar la

calidad de Sitios Web para comercios electrónicos.

2. Entenderá el entorno donde trabaja la aplicación Adobe Flash.

3. Creará dibujos dentro de una página Web utilizando herramientas de Adobe

Flash.

4. Modificará objetos utilizando la aplicación Adobe Flash.

5. Creará y manipulara texto dentro de páginas Web utilizando la aplicación Adobe

Flash.

6. Entenderá cómo crear los marcos (frames) y estratos (layers) utilizando Adobe

Flash.

7. Aprenderá a crear animaciones y hacerlas parte de una página web.









Adobe Flash

http://www.learnthat.com/Software/learn/1380/Macromedia_Flash_MX_2004_Course/

http://www.videos-flash.com/videos/curso-de-flash-interface/index.html

Tareas a realizar antes del taller siete

Instrucciones:






http://www.learnthat.com/Software/learn/1380/Macromedia_Flash_MX_2004_Course/

http://www.videos-flash.com/videos/curso-de-flash-interface/index.html




2. Buscar proveedor de Flash gratuito en el internet y bajarlo a su máquina de

forma que le permita practicar la aplicación.

3. Acceder el tutorial de Adobe Flash provisto en los enlaces electrónicos de este

taller, estudiar el mismo y venir preparado para realizar ejercicios en el salón de

clases utilizando esta aplicación.

4. Buscar en Internet que es Adobe Flash, describa sus características, y enumere

sus competidores principales. Prepare un ensayo con la información obtenida y

envíelo a él (la) facilitador(a) a la dirección de correo electrónico que este le

indique. (Valor 10 puntos)

Actividades



2. El (la) facilitador(a) proveerá recomendaciones que ayuden al estudiante a

mejorar su proyecto.

3. Presentación detallada de parte del facilitador(a) de la aplicación Adobe Flash, y

el entorno donde trabaja.

4. Discusión liderada por el (la) facilitador(a) de cómo crear dibujos dentro de una

página Web utilizando herramientas de Adobe Flash.

5. Discusión liderada por el (la) facilitador(a) de cómo modificar objetos utilizando la

aplicación Adobe Flash.

6. Discusión liderada por el (la) facilitador(a) de cómo crear animaciones y hacerlas

parte de una página web.

7. Ejercicios de practica asignados por el (la) facilitador(a) donde se cubrirá el

material presentado en el taller.

Assessment


confuso.



próximo Taller.




Taller ocho



1. Definirá qué es Active Server Pages (ASP) y como este interactúa en el

desarrollo de páginas Web para comercio electrónico.

2. Comparará entre un script del lado del cliente y un script del lado del servidor.

3. Indicará los beneficios de crear Objetos y como estos se definen en ASP.

4. Identificará el por qué del uso de Componentes en el desarrollo de entornos

Web y como se crean en ASP.

5. Aprenderá a conectarse a una Base de Datos por medio de ASP y incluirla como

parte del contenido de su web site.









Tutoriales y cursos de ASP

http://www.desarrolloweb.com/articulos/244.php

http://www.es-asp.net/Varios/go.aspx?url=http://msdn.microsoft.com/asp.net/

Utilización de Objetos en ASP

http://www.asp101.com/lessons/objects.asp

Componentes en ASP

http://www.developerfusion.com/article/1725/using-components-and-objects-in-asp/2/

Como conectarse a una Base de Datos utilizando ASP

http://support.microsoft.com/kb/313062




http://www.desarrolloweb.com/articulos/244.php

http://www.es-asp.net/Varios/go.aspx?url=http://msdn.microsoft.com/asp.net/

http://www.asp101.com/lessons/objects.asp

http://www.developerfusion.com/article/1725/using-components-and-objects-in-asp/2/

http://support.microsoft.com/kb/313062




Tareas a realizar antes del taller ocho

Instrucciones:



2. Buscar proveedor de ASP gratuito en el internet y bajarlo a su máquina de

forma que le permita practicar la aplicación.

3. Acceder el tutorial de ASP provisto en los enlaces electrónicos de este taller,

estudiar el mismo y venir preparado para realizar ejercicios en el salón de clases

utilizando esta aplicación.

4. Buscar en Internet que es ASP e indique la aportación principal que hace esta

aplicación a la construcción de paginas o sitios web. Prepare un ensayo con la

información obtenida y envíelo a él (la) facilitador(a) a la dirección de correo

electrónico que este le indique. (Valor 10 puntos)

Actividades

1. Discusión en grupo de la aplicación ASP, su uso y aportación al desarrollo de

páginas web.

2. Discusión en grupo de qué son scripts del lado del cliente y qué son scripts de

parte del servidor.

3. Discusión en grupo de programación por Objetos.

4. Discusión liderada por el (la) facilitador(a) de cómo se definen los objetos en

aplicaciones ASP.

5. Discusión en grupo del uso de los componentes en el desarrollo de entornos

web.

6. Discusión liderada por el facilitador de cómo se crean los componentes en

aplicaciones ASP.

7. Discusión liderada por el (la) facilitador(a) de cómo lograr conexión a una Base

de datos por medio de ASP.

8. Presentación de parte de los estudiantes de sus proyectos finales




Assessment


confuso.



próximo Taller.




Anejos




Anejo A

Hoja de evaluación

NOMBRE: _______________________________ CURSO: ______________

1- Asistencia y puntualidad: ______

____ 0 = Faltó al taller; _____ 1-5 = Asistió pero llegó tarde al taller; ____ 6-10= Asistió a tiempo

2 - Aportación a la clase: ______

____ 0 = Faltó al taller; _____ 1-5 = Participación: Poca a regular; _____ 6-10= Buena a excelente

Puntuación Total: __________

Criterios Taller 1 Taller 2 Taller 3 Taller 4 Taller 5

1- Contribuye frecuentemente a las discusiones en clase

2- Demuestra interés en las discusiones en clase

3- Contesta preguntas del facilitador y sus compañeros

4- Formula preguntas pertinentes al tema de la clase

5- Viene preparado(a) a clase

6- Contribuye a la clase con material e información adicional

7- Presenta argumentos fundamentados en las lecturas y trabajos de la clase

8- Demuestra atención y apertura a los argumentos de sus compañeros

9- Contesta preguntas y planteamientos de sus compañeros

10- Demuestra iniciativa y creatividad




Anejo B

Hoja de punto más confuso

Nombre: ______________________________ Fecha: _________________

Clase: _________________________________

Instrucciones: Contesta brevemente las siguientes preguntas y luego entrega el papel

al/a la facilitador(a).

1. ¿Qué fue lo más importante que aprendiste en la clase de hoy?

______________________________________________________________

______________________________________________________________

______________________________________________________________

______________________________________________________________

______________________________________________________________

______________________________________________________________

______________________________________________________________

2. ¿Qué pregunta se quedó sin responder durante la clase?

______________________________________________________________

______________________________________________________________

______________________________________________________________

______________________________________________________________

______________________________________________________________

______________________________________________________________

______________________________________________________________

3. ¿En qué situación puedes aplicar los conceptos discutidos hoy?

______________________________________________________________

______________________________________________________________

______________________________________________________________

______________________________________________________________

______________________________________________________________

______________________________________________________________

____________________________________________________________




Anejo C

Ejemplo de Portada

Escuela de Estudios Profesionales

Programa Ahora

Universidad del Turabo/Este/Metropolitana

Nombre del Trabajo, Asignación o Ejercicio

Nombre

Número de Estudiante (No utilice su seguro Social)

Curso: ________

Nombre del Facilitador(a)

Fecha




Anejo D

Rubrica para Evaluar Proyecto Página Web

Rubrica para Evaluación Proyecto Página Web

4 6 8 10 Total

Story Board y Plan de Trabajo

Story board incompleto y carece de URL's necesarios; formatos, y recursos para terminar proyecto.

Story board no está completo. Incluye pocos elementos o formatos; URL’s y recursos necesarios.

Story board está en cierta medida completo. Incluye varios elementos asignados, en adición a formatos planificados y recursos y URL’s necesarios

Story board completo. Incluye todos los elementos asignados, en adición a los formatos planificados, recursos y URL’s necesarios

Organización del Contenido

La información no tiene una secuencia lógica; los menús y pestañas no están evidentes.

Contiene alguna lógica en la secuencia de la información, pero los menús y pestañas son confusos o dañados.

Secuencia de información lógica. Menús y pestañas a alguna información es clara y directa. .

Secuencia de la información lógica e intuitiva. Los menús y pestañas a toda la información clara y directa.

Originalidad

El trabajo es una colección mínima de ideas y utiliza ideas, productos, imágenes e invenciones de otras personas. No hay evidencia de Nuevo pensamiento.

El trabajo es una

colección extensiva de ideas, productos, imágenes e invenciones de otras personas. No hay evidencia de nuevos pensamientos e inventiva.

El producto presenta

evidencia de originalidad

e inventiva. Está basada

en una colección

extensiva de ideas,

productos, imágenes, e

invenciones de otras

personas, el trabajo se

extiende más allá de esa

colección para ofrecer

nuevas penetraciones.

El producto presenta evidencia significativa de originalidad e inventiva. La mayoría del contenido y muchas

de las ideas son frescas, originales, inventivas y basadas en sobre conclusiones lógicas.

Documentación y Derechos de Autor

Las fuentes no han sido propiamente

citadas y no se han recibido los permisos. Este proyecto no debe cualificar para Multimedios

Algunas fuentes no han

sido propiamente citadas y todos los permisos no han sido recibidos.

La mayoría de las

fuentes se citan

correctamente según

estilo de MLA, Los

permisos para utilizar

cualquier gráfico de

páginas Web

comerciales o de otras

fuentes se han recibido,

se han impreso, y se han

guardado para referencia

futura

Todas las fuentes se

citan correctamente

según estilo de MLA,

Los permisos para

utilizar cualquier gráfico

de páginas Web

comerciales o de otras

fuentes se han recibido,

se han impreso, y se han

guardado para

referencia futura




Conocimiento del Contenido

El conocimiento del

contenido no es

evidente. La

información es

confusa, incorrecta o

dañada

Algún conocimiento

del contenido no es

evidente. Cierta

información es

confusa, incorrecta o

dañada

El conocimiento del contenido es evidente en gran parte del proyecto. La información es clara apropiada y correcta.

El conocimiento del contenido es evidente (más del requerido). Toda la información es clara apropiada, y correcta.

Diseño Grafico

Énfasis exagerado en el uso de graficas y efectos especiales debilita el mensaje e interfiere con la comunicación del contenido y las ideas.

No hay atención prestada a los criterios de diseño visuales tales como balance, proporción, armonía y

alojamiento. Hay una cierta tendencia hacia el uso al azar del grafico

Los elementos y el

contenido del diseño

combinan con eficacia

para entregar un

mensaje de alto impacto

con los gráficos y las

palabras que se

refuerzan.

La combinación de

elementos de multimedios con palabras e ideas llevan la comunicación y la persuasión a un nivel muy alto, superior al qué se podría lograr con cualquiera trabajando solo.

Errores Gramaticales

La presentación tiene 4 o más errores de escritura y/o errores

gramaticales.

La presentación tiene 3 o más errores de ortografía y/o errores

gramaticales

La presentación tiene menos de 2 errores de ortografía y/o errores gramaticales.

La presentación no tiene errores de ortografía y/o errores gramaticales.

Diseño de Pantalla

Las pantallas son

confusas, estériles

y rígidas. Los

botones o las

herramientas de

navegación están

ausentes o

confusas

Las pantallas son difíciles de navegar, pero algunos botones y herramientas de navegación trabajan. Los usuarios pueden navegar pocas pantallas.

Las pantallas contienen botones y herramientas de navegación adecuadas. Los usuarios pueden progresar por las pantallas en una forma lógica para encontrar la información.

Las pantallas contienen todos los botones y herramientas de navegación necesarias. Los usuarios pueden progresar intuitivamente por las pantallas de forma lógica para encontrar la información.

Uso de Multimedios

No hay presencia de video, audio, o 3D o el uso de estas herramientas es inapropiado.

Presencia limitada de video, audio o 3-D. En muchas ocasiones el uso de estas es inapropiado.

Uso de ciertos videos audio o 3-D esta utilizado apropiadamente para tentar al usuario a aprender y enriquecer su experiencia. En algunos casos, los clips son demasiado largos o demasiado cortos para ser significativos.

Cantidad apropiada de videos, audio, o 3-D son utilizados efectivamente para tentar l usuario a aprender y enriquecer su experiencia.

Los clips tienen el

suficiente tiempo

para transportan el

significado sin ser

demasiado largos.

Documents

COIS 424 Páginas del Web y Comercio Electrónico 424 UMET.pdf7. Discusión amplia liderada por el (la) facilitador(a) sobre los principales tipos de comercio electrónico que existen