100% satisfaction guarantee Immediately available after payment Both online and in PDF No strings attached
logo-home
Página Web para reservar asientos de un autobús $8.39   Add to cart

Other

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

 1 view  0 purchase
  • Course
  • Institution

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.

Preview 3 out of 30  pages

  • August 26, 2023
  • 30
  • 2022/2023
  • Other
  • Unknown
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.

The benefits of buying summaries with Stuvia:

Guaranteed quality through customer reviews

Guaranteed quality through customer reviews

Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.

Quick and easy check-out

Quick and easy check-out

You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.

Focus on what matters

Focus on what matters

Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!

Frequently asked questions

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.

Satisfaction guarantee: how does it work?

Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.

Who am I buying these notes 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 these notes for $8.39. You're not tied to anything after your purchase.

Can Stuvia be trusted?

4.6 stars on Google & Trustpilot (+1000 reviews)

79079 documents were sold in the last 30 days

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

Start selling
$8.39
  • (0)
  Add to cart