SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
Ejercicio Javascript & Web Storage
Ejercicio práctico no presencial
Objetivo: Implementación de un sitio de web real utilizando validaciones y web Storage
implementadas en javascript.
Especificaciones
La radio “Sonando.FM”, necesita un sitio web para su nuevo concurso “Artista Sonando”, en el
cual los usuarios deben inscribirse llenando un formulario y elegir a su artista o grupo favorito.
 Página de inicio (Descripción del concurso).
 Página de inscripción (Formulario de inscripción).
 Página de notificación de inscripción (Despliegue de datos).
Especificaciones técnicas
Especificaciones generales: Es importante tener en cuenta que para este trabajo las paginas
deben estar compuestas por la estructura estándar HTML5 y CSS. El diseño de la página debe
estar compuesto solo por 1 archivo CSS (solo un diseño para el sitio y un archivo javascript,
para ambos casos se debe utilizar el método referencia por archivo externo. El sitio debe
poseer un menú de navegación vincular las 3 páginas de este sitio entre sí.
Página de inicio: Debe tener una descripción del concurso además de una imagen y un botón
que diga “Participar en el concurso”, este debe re direccionar al usuario página de inscripción.
Página de inscripción: Esta página debe desplegar un formulario de inscripción, el cual debe
tener los siguientes campos: Rut, nombre, número de teléfono, email, artista(mediante un
control select a lo menos debe tener 5 artistas o grupos musicales) y un botón “Participar”,
además cada uno de estos debe contar con una validación (Validación con Javascript).Una vez
que el usuario haya ingresado y sus datos y estos se encuentren validados, el usuario debe
enviar sus datos presionando el botón “Participar” y luego debe ser re direccionado a la
página de notificación de inscripción. Los datos del formulario de usuarios se deben almacenar
mediante Web Storage.
Página de notificación de inscripción: Esta página debe desplegar los datos del usuario
recientemente inscrito dentro área section de la página. Con un mensaje que diga “Tu
inscripción se ha realizado de forma exitosa”.
Formato de envió: El trabajo debe estar comprimido en un archivo .rar con su nombre y
apellido, este debe ser enviado vía correo electrónico a esta dirección
profesorsotomateluna@gmail.com , el asunto del correo debe ser: Tarea 3 –Nombre- Numero
de sección.

Más contenido relacionado

Destacado

Sociala medier-sep-2010
Sociala medier-sep-2010Sociala medier-sep-2010
Sociala medier-sep-2010Johan Groth
 
Ventum s mecanum-buehnenwagen-de
Ventum s mecanum-buehnenwagen-deVentum s mecanum-buehnenwagen-de
Ventum s mecanum-buehnenwagen-deHermann Schreiter
 
PKF Agility - Process management
PKF Agility - Process managementPKF Agility - Process management
PKF Agility - Process managementPKF Consult
 
Catalog images3
Catalog images3Catalog images3
Catalog images3Like Music
 
PETROTECH ENTERPRISES - KS Tools (U.A.E.)
PETROTECH ENTERPRISES - KS Tools (U.A.E.)PETROTECH ENTERPRISES - KS Tools (U.A.E.)
PETROTECH ENTERPRISES - KS Tools (U.A.E.)PETROTECH ENTERPRISES
 
Lma C Trach T Presentacion General
Lma C Trach T Presentacion GeneralLma C Trach T Presentacion General
Lma C Trach T Presentacion Generaleducacionanestesia
 
French rev role play cp
French rev role play cpFrench rev role play cp
French rev role play cpLauren Rivard
 
Gárgolas de la Lonja de valencia
Gárgolas de la Lonja de valenciaGárgolas de la Lonja de valencia
Gárgolas de la Lonja de valenciaernestobelda
 
Programa de vivienda rural en la costa caribe Luisa Gómez
Programa de vivienda rural en la costa caribe   Luisa GómezPrograma de vivienda rural en la costa caribe   Luisa Gómez
Programa de vivienda rural en la costa caribe Luisa Gómezjupate
 
Presentación y Breve Introducción al CAD-CAM
Presentación y Breve Introducción al CAD-CAMPresentación y Breve Introducción al CAD-CAM
Presentación y Breve Introducción al CAD-CAMJaime Del Río Highsmith
 
To tweet or not to tweet: Exploring the role of social media in public health...
To tweet or not to tweet: Exploring the role of social media in public health...To tweet or not to tweet: Exploring the role of social media in public health...
To tweet or not to tweet: Exploring the role of social media in public health...Kevin Clauson
 

Destacado (17)

Apunta junio 2012
Apunta junio 2012 Apunta junio 2012
Apunta junio 2012
 
Sociala medier-sep-2010
Sociala medier-sep-2010Sociala medier-sep-2010
Sociala medier-sep-2010
 
Ventum s mecanum-buehnenwagen-de
Ventum s mecanum-buehnenwagen-deVentum s mecanum-buehnenwagen-de
Ventum s mecanum-buehnenwagen-de
 
PKF Agility - Process management
PKF Agility - Process managementPKF Agility - Process management
PKF Agility - Process management
 
Catalog images3
Catalog images3Catalog images3
Catalog images3
 
Tallas grandes vestidos
Tallas grandes vestidosTallas grandes vestidos
Tallas grandes vestidos
 
Espar for Oil & Gas Markets
Espar for Oil & Gas MarketsEspar for Oil & Gas Markets
Espar for Oil & Gas Markets
 
Tendencias e Impactos de los Cambios
Tendencias e Impactos de los CambiosTendencias e Impactos de los Cambios
Tendencias e Impactos de los Cambios
 
PETROTECH ENTERPRISES - KS Tools (U.A.E.)
PETROTECH ENTERPRISES - KS Tools (U.A.E.)PETROTECH ENTERPRISES - KS Tools (U.A.E.)
PETROTECH ENTERPRISES - KS Tools (U.A.E.)
 
Lma C Trach T Presentacion General
Lma C Trach T Presentacion GeneralLma C Trach T Presentacion General
Lma C Trach T Presentacion General
 
Cursos Sistemas de Reservas Amadeus innovtur
Cursos Sistemas de Reservas Amadeus innovturCursos Sistemas de Reservas Amadeus innovtur
Cursos Sistemas de Reservas Amadeus innovtur
 
French rev role play cp
French rev role play cpFrench rev role play cp
French rev role play cp
 
Gárgolas de la Lonja de valencia
Gárgolas de la Lonja de valenciaGárgolas de la Lonja de valencia
Gárgolas de la Lonja de valencia
 
Programa de vivienda rural en la costa caribe Luisa Gómez
Programa de vivienda rural en la costa caribe   Luisa GómezPrograma de vivienda rural en la costa caribe   Luisa Gómez
Programa de vivienda rural en la costa caribe Luisa Gómez
 
Peritoneo
PeritoneoPeritoneo
Peritoneo
 
Presentación y Breve Introducción al CAD-CAM
Presentación y Breve Introducción al CAD-CAMPresentación y Breve Introducción al CAD-CAM
Presentación y Breve Introducción al CAD-CAM
 
To tweet or not to tweet: Exploring the role of social media in public health...
To tweet or not to tweet: Exploring the role of social media in public health...To tweet or not to tweet: Exploring the role of social media in public health...
To tweet or not to tweet: Exploring the role of social media in public health...
 

Similar a Concurso música JS Web Storage

Similar a Concurso música JS Web Storage (8)

Especialista Web J3
Especialista Web   J3Especialista Web   J3
Especialista Web J3
 
Manual de Desarrollo Formularios Web de Maestros y Operaciones en eFactory S...
Manual de Desarrollo Formularios Web de Maestros  y Operaciones en eFactory S...Manual de Desarrollo Formularios Web de Maestros  y Operaciones en eFactory S...
Manual de Desarrollo Formularios Web de Maestros y Operaciones en eFactory S...
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Evidencia 3.
Evidencia 3.Evidencia 3.
Evidencia 3.
 
Computacion 3 cb09302 2013
Computacion 3 cb09302 2013Computacion 3 cb09302 2013
Computacion 3 cb09302 2013
 
Bebe
BebeBebe
Bebe
 
Creación Visual de Aplicaciones con Php y mySql
Creación Visual de Aplicaciones con Php y mySqlCreación Visual de Aplicaciones con Php y mySql
Creación Visual de Aplicaciones con Php y mySql
 
G) formularios 2
G) formularios 2G) formularios 2
G) formularios 2
 

Último

PPT SERVIDOR ESCUELA PERU EDUCA LINUX v7.pptx
PPT SERVIDOR ESCUELA PERU EDUCA LINUX v7.pptxPPT SERVIDOR ESCUELA PERU EDUCA LINUX v7.pptx
PPT SERVIDOR ESCUELA PERU EDUCA LINUX v7.pptxSergioGJimenezMorean
 
Presentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdf
Presentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdfPresentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdf
Presentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdfMIGUELANGELCONDORIMA4
 
Polimeros.LAS REACCIONES DE POLIMERIZACION QUE ES COMO EN QUIMICA LLAMAMOS A ...
Polimeros.LAS REACCIONES DE POLIMERIZACION QUE ES COMO EN QUIMICA LLAMAMOS A ...Polimeros.LAS REACCIONES DE POLIMERIZACION QUE ES COMO EN QUIMICA LLAMAMOS A ...
Polimeros.LAS REACCIONES DE POLIMERIZACION QUE ES COMO EN QUIMICA LLAMAMOS A ...SuannNeyraChongShing
 
Elaboración de la estructura del ADN y ARN en papel.pdf
Elaboración de la estructura del ADN y ARN en papel.pdfElaboración de la estructura del ADN y ARN en papel.pdf
Elaboración de la estructura del ADN y ARN en papel.pdfKEVINYOICIAQUINOSORI
 
TAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdf
TAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdfTAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdf
TAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdfAntonioGonzalezIzqui
 
Introducción a los sistemas neumaticos.ppt
Introducción a los sistemas neumaticos.pptIntroducción a los sistemas neumaticos.ppt
Introducción a los sistemas neumaticos.pptEduardoCorado
 
2. UPN PPT - SEMANA 02 GESTION DE PROYECTOS MG CHERYL QUEZADA(1).pdf
2. UPN PPT - SEMANA 02 GESTION DE PROYECTOS MG CHERYL QUEZADA(1).pdf2. UPN PPT - SEMANA 02 GESTION DE PROYECTOS MG CHERYL QUEZADA(1).pdf
2. UPN PPT - SEMANA 02 GESTION DE PROYECTOS MG CHERYL QUEZADA(1).pdfAnthonyTiclia
 
TEXTURA Y DETERMINACION DE ROCAS SEDIMENTARIAS
TEXTURA Y DETERMINACION DE ROCAS SEDIMENTARIASTEXTURA Y DETERMINACION DE ROCAS SEDIMENTARIAS
TEXTURA Y DETERMINACION DE ROCAS SEDIMENTARIASfranzEmersonMAMANIOC
 
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...Francisco Javier Mora Serrano
 
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdf
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdfReporte de simulación de flujo del agua en un volumen de control MNVA.pdf
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdfMikkaelNicolae
 
Presentación Proyecto Trabajo Creativa Profesional Azul.pdf
Presentación Proyecto Trabajo Creativa Profesional Azul.pdfPresentación Proyecto Trabajo Creativa Profesional Azul.pdf
Presentación Proyecto Trabajo Creativa Profesional Azul.pdfMirthaFernandez12
 
IPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESA
IPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESAIPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESA
IPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESAJAMESDIAZ55
 
Propositos del comportamiento de fases y aplicaciones
Propositos del comportamiento de fases y aplicacionesPropositos del comportamiento de fases y aplicaciones
Propositos del comportamiento de fases y aplicaciones025ca20
 
Diapositiva de Topografía Nivelación simple y compuesta
Diapositiva de Topografía Nivelación simple y compuestaDiapositiva de Topografía Nivelación simple y compuesta
Diapositiva de Topografía Nivelación simple y compuestajeffsalazarpuente
 
Linealización de sistemas no lineales.pdf
Linealización de sistemas no lineales.pdfLinealización de sistemas no lineales.pdf
Linealización de sistemas no lineales.pdfrolandolazartep
 
CICLO DE DEMING que se encarga en como mejorar una empresa
CICLO DE DEMING que se encarga en como mejorar una empresaCICLO DE DEMING que se encarga en como mejorar una empresa
CICLO DE DEMING que se encarga en como mejorar una empresaSHERELYNSAMANTHAPALO1
 
Reporte de Exportaciones de Fibra de alpaca
Reporte de Exportaciones de Fibra de alpacaReporte de Exportaciones de Fibra de alpaca
Reporte de Exportaciones de Fibra de alpacajeremiasnifla
 
TALLER PAEC preparatoria directamente de la secretaria de educación pública
TALLER PAEC preparatoria directamente de la secretaria de educación públicaTALLER PAEC preparatoria directamente de la secretaria de educación pública
TALLER PAEC preparatoria directamente de la secretaria de educación públicaSantiagoSanchez353883
 
MANIOBRA Y CONTROL INNOVATIVO LOGO PLC SIEMENS
MANIOBRA Y CONTROL INNOVATIVO LOGO PLC  SIEMENSMANIOBRA Y CONTROL INNOVATIVO LOGO PLC  SIEMENS
MANIOBRA Y CONTROL INNOVATIVO LOGO PLC SIEMENSLuisLobatoingaruca
 

Último (20)

PPT SERVIDOR ESCUELA PERU EDUCA LINUX v7.pptx
PPT SERVIDOR ESCUELA PERU EDUCA LINUX v7.pptxPPT SERVIDOR ESCUELA PERU EDUCA LINUX v7.pptx
PPT SERVIDOR ESCUELA PERU EDUCA LINUX v7.pptx
 
Presentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdf
Presentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdfPresentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdf
Presentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdf
 
Polimeros.LAS REACCIONES DE POLIMERIZACION QUE ES COMO EN QUIMICA LLAMAMOS A ...
Polimeros.LAS REACCIONES DE POLIMERIZACION QUE ES COMO EN QUIMICA LLAMAMOS A ...Polimeros.LAS REACCIONES DE POLIMERIZACION QUE ES COMO EN QUIMICA LLAMAMOS A ...
Polimeros.LAS REACCIONES DE POLIMERIZACION QUE ES COMO EN QUIMICA LLAMAMOS A ...
 
Elaboración de la estructura del ADN y ARN en papel.pdf
Elaboración de la estructura del ADN y ARN en papel.pdfElaboración de la estructura del ADN y ARN en papel.pdf
Elaboración de la estructura del ADN y ARN en papel.pdf
 
TAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdf
TAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdfTAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdf
TAREA 8 CORREDOR INTEROCEÁNICO DEL PAÍS.pdf
 
VALORIZACION Y LIQUIDACION MIGUEL SALINAS.pdf
VALORIZACION Y LIQUIDACION MIGUEL SALINAS.pdfVALORIZACION Y LIQUIDACION MIGUEL SALINAS.pdf
VALORIZACION Y LIQUIDACION MIGUEL SALINAS.pdf
 
Introducción a los sistemas neumaticos.ppt
Introducción a los sistemas neumaticos.pptIntroducción a los sistemas neumaticos.ppt
Introducción a los sistemas neumaticos.ppt
 
2. UPN PPT - SEMANA 02 GESTION DE PROYECTOS MG CHERYL QUEZADA(1).pdf
2. UPN PPT - SEMANA 02 GESTION DE PROYECTOS MG CHERYL QUEZADA(1).pdf2. UPN PPT - SEMANA 02 GESTION DE PROYECTOS MG CHERYL QUEZADA(1).pdf
2. UPN PPT - SEMANA 02 GESTION DE PROYECTOS MG CHERYL QUEZADA(1).pdf
 
TEXTURA Y DETERMINACION DE ROCAS SEDIMENTARIAS
TEXTURA Y DETERMINACION DE ROCAS SEDIMENTARIASTEXTURA Y DETERMINACION DE ROCAS SEDIMENTARIAS
TEXTURA Y DETERMINACION DE ROCAS SEDIMENTARIAS
 
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
 
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdf
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdfReporte de simulación de flujo del agua en un volumen de control MNVA.pdf
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdf
 
Presentación Proyecto Trabajo Creativa Profesional Azul.pdf
Presentación Proyecto Trabajo Creativa Profesional Azul.pdfPresentación Proyecto Trabajo Creativa Profesional Azul.pdf
Presentación Proyecto Trabajo Creativa Profesional Azul.pdf
 
IPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESA
IPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESAIPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESA
IPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESA
 
Propositos del comportamiento de fases y aplicaciones
Propositos del comportamiento de fases y aplicacionesPropositos del comportamiento de fases y aplicaciones
Propositos del comportamiento de fases y aplicaciones
 
Diapositiva de Topografía Nivelación simple y compuesta
Diapositiva de Topografía Nivelación simple y compuestaDiapositiva de Topografía Nivelación simple y compuesta
Diapositiva de Topografía Nivelación simple y compuesta
 
Linealización de sistemas no lineales.pdf
Linealización de sistemas no lineales.pdfLinealización de sistemas no lineales.pdf
Linealización de sistemas no lineales.pdf
 
CICLO DE DEMING que se encarga en como mejorar una empresa
CICLO DE DEMING que se encarga en como mejorar una empresaCICLO DE DEMING que se encarga en como mejorar una empresa
CICLO DE DEMING que se encarga en como mejorar una empresa
 
Reporte de Exportaciones de Fibra de alpaca
Reporte de Exportaciones de Fibra de alpacaReporte de Exportaciones de Fibra de alpaca
Reporte de Exportaciones de Fibra de alpaca
 
TALLER PAEC preparatoria directamente de la secretaria de educación pública
TALLER PAEC preparatoria directamente de la secretaria de educación públicaTALLER PAEC preparatoria directamente de la secretaria de educación pública
TALLER PAEC preparatoria directamente de la secretaria de educación pública
 
MANIOBRA Y CONTROL INNOVATIVO LOGO PLC SIEMENS
MANIOBRA Y CONTROL INNOVATIVO LOGO PLC  SIEMENSMANIOBRA Y CONTROL INNOVATIVO LOGO PLC  SIEMENS
MANIOBRA Y CONTROL INNOVATIVO LOGO PLC SIEMENS
 

Concurso música JS Web Storage

  • 1. Ejercicio Javascript & Web Storage Ejercicio práctico no presencial Objetivo: Implementación de un sitio de web real utilizando validaciones y web Storage implementadas en javascript. Especificaciones La radio “Sonando.FM”, necesita un sitio web para su nuevo concurso “Artista Sonando”, en el cual los usuarios deben inscribirse llenando un formulario y elegir a su artista o grupo favorito.  Página de inicio (Descripción del concurso).  Página de inscripción (Formulario de inscripción).  Página de notificación de inscripción (Despliegue de datos). Especificaciones técnicas Especificaciones generales: Es importante tener en cuenta que para este trabajo las paginas deben estar compuestas por la estructura estándar HTML5 y CSS. El diseño de la página debe estar compuesto solo por 1 archivo CSS (solo un diseño para el sitio y un archivo javascript, para ambos casos se debe utilizar el método referencia por archivo externo. El sitio debe poseer un menú de navegación vincular las 3 páginas de este sitio entre sí. Página de inicio: Debe tener una descripción del concurso además de una imagen y un botón que diga “Participar en el concurso”, este debe re direccionar al usuario página de inscripción. Página de inscripción: Esta página debe desplegar un formulario de inscripción, el cual debe tener los siguientes campos: Rut, nombre, número de teléfono, email, artista(mediante un control select a lo menos debe tener 5 artistas o grupos musicales) y un botón “Participar”, además cada uno de estos debe contar con una validación (Validación con Javascript).Una vez que el usuario haya ingresado y sus datos y estos se encuentren validados, el usuario debe enviar sus datos presionando el botón “Participar” y luego debe ser re direccionado a la página de notificación de inscripción. Los datos del formulario de usuarios se deben almacenar mediante Web Storage. Página de notificación de inscripción: Esta página debe desplegar los datos del usuario recientemente inscrito dentro área section de la página. Con un mensaje que diga “Tu inscripción se ha realizado de forma exitosa”. Formato de envió: El trabajo debe estar comprimido en un archivo .rar con su nombre y apellido, este debe ser enviado vía correo electrónico a esta dirección profesorsotomateluna@gmail.com , el asunto del correo debe ser: Tarea 3 –Nombre- Numero de sección.