6.3: Integración de bases de datos
- Page ID
- 154278
\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)
\( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)
( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)
\( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)
\( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)
\( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)
\( \newcommand{\Span}{\mathrm{span}}\)
\( \newcommand{\id}{\mathrm{id}}\)
\( \newcommand{\Span}{\mathrm{span}}\)
\( \newcommand{\kernel}{\mathrm{null}\,}\)
\( \newcommand{\range}{\mathrm{range}\,}\)
\( \newcommand{\RealPart}{\mathrm{Re}}\)
\( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)
\( \newcommand{\Argument}{\mathrm{Arg}}\)
\( \newcommand{\norm}[1]{\| #1 \|}\)
\( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)
\( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)
\( \newcommand{\vectorA}[1]{\vec{#1}} % arrow\)
\( \newcommand{\vectorAt}[1]{\vec{\text{#1}}} % arrow\)
\( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vectorC}[1]{\textbf{#1}} \)
\( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)
\( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)
\( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)
\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)
\(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)Objetivos de aprendizaje
- Explicar por qué los sitios web necesitan capturar y mostrar datos
- Explicar el papel de un formulario en la captura de datos
- Crear un formulario que capture datos y los guarde en una hoja de cálculo de Google
Incluso nuestra tienda simple debe recopilar y mostrar datos de una base de datos. Recopilamos datos sobre cada aplicación, cómo se llama, su descripción y el enlace a la página del estudiante. También recopilamos datos sobre cada venta, quién compró qué y cuándo.
Cada vez que te registras en un sitio web, tu información de registro se almacena en una base de datos. De igual manera, cuando realiza una compra en línea la información se almacena en una base de datos. Si juegas juegos en línea, tus puntuaciones se almacenan en una base de datos. Los sitios web capturan constantemente los datos de los clientes para mejorar sus servicios.
Una base de datos es una colección de una o más tablas relacionadas de datos almacenados en filas y columnas. Por esta definición incluso una hoja de cálculo es una base de datos simple. Sin embargo, muchas bases de datos de negocios consisten en múltiples archivos que están interrelacionados. Las bases de datos pueden buscarse, ordenarse y resumirse para mostrar información. La mayoría de los negocios no funcionarían sin bases de datos de información. Por ejemplo, imagínese un banco tratando de funcionar sin su base de datos de información de clientes y cuentas.
La información generalmente se ingresa en una base de datos usando un formulario. Cada formulario corresponde normalmente a un solo registro o fila en la base de datos. Cada campo en el formulario corresponde normalmente a una sola columna o celda en ese registro. El formulario ayuda a garantizar que se ingrese la información correcta. Los menús desplegables en particular ayudan a garantizar que los usuarios no escriban galimatías.
Hace poco tiempo, solo los programadores profesionales podían guardar la información del sitio web en una base de datos. Ahora hay herramientas que hacen que esta funcionalidad sea fácilmente accesible. El ejemplo más simple de integración de bases de datos es guardar información en una base de datos de una tabla. La base de datos de una tabla más simple es una hoja de cálculo.
La información se extrae de bases de datos en forma de informes. El reporte más simple es un listado de todos los registros en la base de datos. Sin embargo, la mayoría de los informes resumen la información de una manera que es útil para los gerentes de negocios para que puedan tomar decisiones basadas en datos. Por ejemplo, un informe podría mostrar las ventas totales por producto, lo que permite a los gerentes ajustar el inventario para satisfacer la demanda.
Un uso muy interesante de la información de la base de datos es crear páginas web personalizadas. Por ejemplo, imagina que has comprado varios artículos en Amazon.com. Amazon realiza un seguimiento de tus compras y las de millones de otros clientes. Al buscar patrones de comportamiento de compra en su base de datos, Amazon puede sugerir productos que podrían gustarle en función del comportamiento de compra de los clientes que coincidan con su perfil de compra.
Guardar los datos del sitio web en un archivo
Si bien los formularios de registro y venta del sitio son creados por el profesor, nos gustaría que tuvieras alguna experiencia con la integración de datos. Por lo tanto, realizará un formulario mediante el cual los usuarios podrán registrarse en su sitio para recibir información de actualización del producto incluso sin realizar una compra.
Debido a que el formulario incluye la dirección de correo electrónico del cliente, la información es un recurso valioso para futuros envíos masivos. Si se usan juiciosamente, dichos envíos masivos son apreciados por los clientes; si se usan en exceso, se consideran spam.
Google Docs te permite crear un formulario para aceptar la información del cliente y luego almacenar la información en una hoja de cálculo. En otras palabras, cuando creas un formulario, obtienes automáticamente tanto un formulario como una hoja de cálculo.
Iniciar Google Docs
Crear nuevo > Formulario
Complete el formulario para que se vea similar al siguiente formulario. Después de completar cada campo es necesario hacer clic en Listo. Los dos primeros campos ya están en el formulario. Para obtener el tercer campo, marque Agregar artículo. Después guarda el formulario.
Agrega el formulario a tu página web desde el mismo menú que usas para insertar gadgets, calendarios, etc. Después salga del modo de edición y practique rellenar el formulario.
Volver a Google Docs. Verás una hoja de cálculo listada con el mismo nombre que tu formulario. Abra la hoja de cálculo para ver los datos capturados.
Google Docs le permite desarrollar un formulario de entrada, que luego puede incrustar en una página de su sitio web. Los datos ingresados en el formulario por los usuarios se guardan automáticamente en una hoja de cálculo de Google. Cada registro de usuario se convierte en una nueva fila en la hoja de cálculo.
Claves para llevar
- La capacidad de capturar y almacenar datos de clientes mediante un formulario y una hoja de cálculo de Google Docs es el primer paso hacia la integración de bases de datos. La integración completa de la base de datos le permite personalizar páginas para clientes individuales.
Preguntas y ejercicios
- Una hoja de cálculo a veces se conoce como una base de datos de una tabla. Describir un problema de negocio que requiera más de una tabla?
- ¿Por qué los sitios web hacen un uso tan intensivo de los menús desplegables para rellenar formularios?
Técnicas
Las siguientes técnicas, que se encuentran en la sección de Google de la referencia del software de computación en la nube, pueden ser útiles para completar las asignaciones de este capítulo: Resumen Mapa de interfaz • Compartir un documento • Crear un formulario • Color de fondo • Derechos de autor en la barra lateral • Diseño de página • Content-Delete “Comentarios y archivos adjuntos” y la página por defecto • Título • Página-Crear nuevo • Gadgets-Insert • Logo-Insert
Asignación L3: Desarrollar un sitio web
En esta tarea creas un prototipo de sitio web que funcione para ayudar a comercializar tu app. Tu sitio pasará a formar parte de la tienda de aplicaciones de clase.
Configuración
Inicia sesión en tu cuenta de Gmail. Seleccione Sitios en el menú Más.
Contenido y estilo
- Siga todos los principios de diseño gráfico y usabilidad.
- Sigue tu plan de diseño. Puede realizar algunos cambios según sea necesario. No obstante, la conclusión es que debes cumplir con los requisitos que presentaste antes.
- Estarás creando tres páginas en la tienda Class App. Tu logo debe aparecer en la esquina superior izquierda de cada página.
- Página principal
- Texto que describe tu aplicación y sus características y beneficios
- Muestra al menos seis capturas de pantalla de tu app con un enlace para comprarla. Para facilitar la visualización sin desplazarse horizontalmente, las capturas de pantalla deben estar en una tabla de dos filas.
- Proporcione un formulario donde las personas puedan registrarse para recibir actualizaciones por correo electrónico sobre su producto.
- Proporcione un enlace de regreso a la Tienda en su panel de navegación.
- Acerca de nosotros
- Describe tus habilidades empresariales.
- Incluye tu nombre, foto y dirección de correo electrónico.
- Blog
- Incluya al menos dos entradas en el blog. Por ejemplo, podrías describir cómo se te ocurrió la idea o quién es el mercado objetivo para tu producto o discutir planes futuros.
- Crédito Extra (si lo haces funcionar)
- Muestra un contador en tiempo real en tu página de inicio de cuántas personas han comprado tu app. Su contador utilizará una consulta similar a la que se encuentra en el sitio principal de la tienda.
- Tus páginas DEBEN vincularse temáticamente con la tienda Class App. Puede que tengas un diseño original, pero DEBE ser obvio para el usuario (el evaluador) que todavía están en la misma tienda. Usar el mismo tema o una familia temática similar es la forma más obvia de hacerlo.
- Registra tu sitio en la tienda online del profesor.
- Incruste un enlace de compra de trabajo en tu página de inicio.
- Compra tu propia app solo una vez para asegurarte de que tu enlace Comprar está funcionando. Regístrese para recibir actualizaciones por correo electrónico para asegurarse de que su formulario esté funcionando. Compruébelo viendo el informe en su página de inicio.
- Activa Google Analytics desde el menú Administrar sitios usando el número de identificación proporcionado por tu profesor. Haga esto último después de haber probado minuciosamente su sitio.
Entregables
Envío electrónico: Publique un enlace de TRABAJO a su sitio web. Envío de papel: Crea una impresión de cada pantalla de tu sitio.
Compras
Después de que se publique el sitio de todos el profesor abrirá la tienda para ir de compras. En ese momento necesitas comprar 10 apps de tu elección.
