100% de satisfacción garantizada Inmediatamente disponible después del pago Tanto en línea como en PDF No estas atado a nada
logo-home
Página Web para reservar asientos de un autobús 8,29 €   Añadir al carrito

Otro

Página Web para reservar asientos de un autobús

 1 vista  0 veces vendidas
  • Grado
  • Institución

El documento contiene el código fuente del proyecto final de la materia Fundamentos de Programación para la Facultad de Telemática, UDC. Contiene toda la documentación del código usado para hacer una web que simula poder reservar asientos de un autobús.

Vista previa 3 fuera de 30  páginas

  • 26 de agosto de 2023
  • 30
  • 2022/2023
  • Otro
  • Desconocido
avatar-seller
FUNDAMENTOS DE PROGRAMACION
Documentación formal de la Página Web que simula
ser una plataforma para reservar asientos de un
autobús. Se describe a profundidad código y la lógica
utilizada en HTML y JavaScript, para que cualquier
lector pueda entenderlo.

Flores Castro, Alonso;García Bravo,
Joel;Ochoa Ramírez, Daniel.

REPORTE 1° F


Página Web – Reservación de Autobús




29 de noviembre de 2022

,INDICE
Index.html ....................................................................................................................................... 1
Código completo ......................................................................................................................... 1
<header: ...................................................................................................................................... 3
<nav: ............................................................................................................................................ 3
<section: ...................................................................................................................................... 4
<select: ........................................................................................................................................ 5
<option: ....................................................................................................................................... 5
<button:....................................................................................................................................... 5
</section: .................................................................................................................................... 6
<footer:........................................................................................................................................ 7
ReservarAsiento.html:..................................................................................................................... 9
Código completo ......................................................................................................................... 9
<img posterior: .......................................................................................................................... 11
<table: ....................................................................................................................................... 12
<td: ............................................................................................................................................ 12
<tr: ............................................................................................................................................. 12
<tr (pasillo): ............................................................................................................................... 13
<img trasera: ............................................................................................................................. 14
<p> + <inputs>: .......................................................................................................................... 14
<button:..................................................................................................................................... 15
<div “espacioTabla”:.................................................................................................................. 16
JavaScript........................................................................................................................................... 16
Variables Globales ......................................................................................................................... 16
Función reservar() ......................................................................................................................... 16
Función activarDesactivarBotones(decisión) ................................................................................ 17
Función sillaPasajeroButton(num) ................................................................................................ 19
Función removeListaPasajeros() ................................................................................................... 20
Función reservarButton() .............................................................................................................. 20
Función modificarEliminar() .......................................................................................................... 22
Función eliminarReservación(núm) ............................................................................................... 24
Función modificarReservación(núm)............................................................................................. 25
Función aplicarCambiosReservacion() .......................................................................................... 26

, Index.html
Código completo

1. <body>
2. <!-- Cuerpo de todo el contenido -->
3. <div class="body-div">
4. <!-- Título de la página -->
5. <header>
6. <div class="header-div">
7. <h1 class="header-div__h1">LA LINEA UNIVERSITARIA</h1>
8. </div>
9. </header>
10. <!-- Encabezado general con el menú de opciones -->
11. <nav class="nav">
12. <section id="header" class="nav-section">
13. <div><img src="imagenes/home.png">
14. <h1><a href="index.html" style="text-decoration: none;
color:black;">HOME</a></h1></div><div><h1 title="Estamos trabajando en esta sección,
perdón por la molestia.">NOSOTROS</h1></div><div><h1 title="Estamos trabajando en esta
sección, perdón por la molestia.">FACTURACION</h1></div><div><h1 title="Estamos
trabajando en esta sección, perdón por la molestia.">CONTACTO</h1></div>
15. </section>
16. </nav>
17. </header>
18.
19. <!-- Apartado que mostrará la publicidad y rutas disponibles. -->
20. <section class="section-class">
21. <div>
22. <!-- Apartado exclusivo de la publicidad que tendrá la web -->
23. <div class="section-div-div__publicity">
24. <img src="imagenes/publicidad.jpg" class="section-div__img">
25. </div>
26. <!-- Apartado exclusivo de los select para escoger la ruta, destino,
fecha y botón buscar -->
27. <div class="section-div-div__routes">
28. <div class="section-div-div-div__origin"> <!-- Origen -->
29. <h1 class="section-div-input__h1" title="Escoge el origen de
donde viajas.">ORIGEN</h1>
30. <select id="origen" name="opciones" class="section-
div__select" title="Escoge el origen de donde viajas." >
31. <option value="0">Selecionar...</option>
32. <option value="1">Colima</option>
33. </select>
34. </div>
35. <div class="section-div-div-div__destination"> <!-- Destino -->
36. <h1 class="section-div-input__h1" title="Escoge el destino al
que vas.">DESTINO</h1>
37. <select id="destino" name="opciones" class="section-
div__select" title="Escoge el destino al que vas." >
38. <option value="0">Selecionar...</option>
39. <option value="1">Tecoyork</option>
40. </select>
41. </div>
42. <div class="section-div-div-div__date"> <!-- Fecha -->
43. <h1 class="section-div-input__h1" title="Selecciona la fecha
en la que sales de viaje.">FECHA</h1><br>
44. <select id="fecha" name="opciones" class="section-
div__select" title="Selecciona la fecha en la que sales de viaje.">
45. <option value="0">Seleccionar...</option>
46. <option value="1">24 / Nov / 2022</option>
47. </select>
48. </div>
49. <div class="section-div-div-div__button"> <!-- Buscar -->
50. <button id="searchBusesButton" class="searchBusesButton"
title="Busca camiones disponibles" type="submit" onclick="reservar()">BUSCAR</button>
51. </div>
52.

Los beneficios de comprar resúmenes en Stuvia estan en línea:

Garantiza la calidad de los comentarios

Garantiza la calidad de los comentarios

Compradores de Stuvia evaluaron más de 700.000 resúmenes. Así estas seguro que compras los mejores documentos!

Compra fácil y rápido

Compra fácil y rápido

Puedes pagar rápidamente y en una vez con iDeal, tarjeta de crédito o con tu crédito de Stuvia. Sin tener que hacerte miembro.

Enfócate en lo más importante

Enfócate en lo más importante

Tus compañeros escriben los resúmenes. Por eso tienes la seguridad que tienes un resumen actual y confiable. Así llegas a la conclusión rapidamente!

Preguntas frecuentes

What do I get when I buy this document?

You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.

100% de satisfacción garantizada: ¿Cómo funciona?

Nuestra garantía de satisfacción le asegura que siempre encontrará un documento de estudio a tu medida. Tu rellenas un formulario y nuestro equipo de atención al cliente se encarga del resto.

Who am I buying this summary from?

Stuvia is a marketplace, so you are not buying this document from us, but from seller Whitebryz. Stuvia facilitates payment to the seller.

Will I be stuck with a subscription?

No, you only buy this summary for 8,29 €. You're not tied to anything after your purchase.

Can Stuvia be trusted?

4.6 stars on Google & Trustpilot (+1000 reviews)

45,681 summaries were sold in the last 30 days

Founded in 2010, the go-to place to buy summaries for 14 years now

Empieza a vender
8,29 €
  • (0)
  Añadir