Rozwiązanie - Egzamin Praktyczny EE.09
Arkusz EE.09-07-22.01-SG - Styczeń 2022 - Wersja #07
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Przykładowe rozwiązanie
Wymagane zdjęcia
icon-off.png
icon-on.png
lanzarotte.jpg
pekin.jpg
serengeti.jpg
tajlandia.jpg
wenecja.jpg
Wyniki działań na bazie danych
egzamin.jpeg
kw1.png
kw2.png
kw3.png
kw4.png
Plik podroze.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 29 Mar 2023, 03:18
-- Wersja serwera: 10.4.27-MariaDB
-- Wersja PHP: 8.2.0
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
START TRANSACTION;
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;
--
-- Baza danych: `podroze`
--
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `odloty`
--
CREATE TABLE `odloty` (
`id` int(10) UNSIGNED NOT NULL,
`samoloty_id` int(10) UNSIGNED NOT NULL,
`nr_rejsu` varchar(8) DEFAULT NULL,
`kierunek` varchar(10) DEFAULT NULL,
`czas` time NOT NULL,
`dzien` date DEFAULT NULL,
`status_lotu` text DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;
--
-- Zrzut danych tabeli `odloty`
--
INSERT INTO `odloty` (`id`, `samoloty_id`, `nr_rejsu`, `kierunek`, `czas`, `dzien`, `status_lotu`) VALUES
(1, 1, 'FR1646', 'Neapol', '09:20:00', '2019-07-25', 'wystartowal'),
(2, 1, 'FR1327', 'ALICANTE', '09:10:00', '2019-07-25', 'Opozniony 10 min'),
(3, 2, 'W63425', 'Warszawa', '09:45:00', '2019-07-25', 'odprawa'),
(4, 3, 'LX5647', 'Londyn LT', '10:03:00', '2019-07-25', 'odprawa'),
(5, 3, 'LX5673', 'Malta', '10:06:00', '2019-07-25', 'opoznienie 20 min'),
(6, 3, 'LX5622', 'Wieden', '10:13:00', '2019-07-25', ''),
(7, 4, 'LH9821', 'Berlin', '10:16:00', '2019-07-25', ''),
(8, 4, 'LH9888', 'Hamburg', '10:19:00', '2019-07-25', ''),
(9, 4, 'LH9331', 'Monachium', '10:22:00', '2019-07-25', ''),
(10, 2, 'W68769', 'Zurych', '09:56:00', '2019-07-25', 'boarding');
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `przyloty`
--
CREATE TABLE `przyloty` (
`id` int(10) UNSIGNED NOT NULL,
`samoloty_id` int(10) UNSIGNED NOT NULL,
`nr_rejsu` varchar(8) DEFAULT NULL,
`kierunek` varchar(10) DEFAULT NULL,
`czas` time DEFAULT NULL,
`dzien` date DEFAULT NULL,
`status_lotu` text DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;
--
-- Zrzut danych tabeli `przyloty`
--
INSERT INTO `przyloty` (`id`, `samoloty_id`, `nr_rejsu`, `kierunek`, `czas`, `dzien`, `status_lotu`) VALUES
(1, 2, 'W63454', 'Warszawa', '09:45:00', '2019-07-29', 'wyladowal'),
(2, 3, 'LX3447', 'Londyn LT', '10:03:00', '2019-07-29', 'opoznienie 10 min'),
(3, 3, 'LX5473', 'Malta', '10:06:00', '2019-07-29', 'planowy'),
(4, 3, 'LX5728', 'Wieden', '10:13:00', '2019-07-29', ''),
(5, 4, 'LH9829', 'Berlin', '10:16:00', '2019-07-29', ''),
(6, 4, 'LH9898', 'Hamburg', '10:19:00', '2019-07-29', ''),
(7, 4, 'LH3331', 'Monachium', '10:22:00', '2019-07-29', ''),
(8, 2, 'W68546', 'Zurych', '10:33:00', '2019-07-29', '');
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `samoloty`
--
CREATE TABLE `samoloty` (
`id` int(10) UNSIGNED NOT NULL,
`typ` varchar(20) DEFAULT NULL,
`linie` varchar(10) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;
--
-- Zrzut danych tabeli `samoloty`
--
INSERT INTO `samoloty` (`id`, `typ`, `linie`) VALUES
(1, 'Boening 787', 'RYANAIR'),
(2, 'Boening 737', 'WIZZAIR'),
(3, 'Boening 787', 'SWISS2'),
(4, 'Boening 737', 'LUFTHANSA');
--
-- Indeksy dla zrzutów tabel
--
--
-- Indeksy dla tabeli `odloty`
--
ALTER TABLE `odloty`
ADD PRIMARY KEY (`id`);
--
-- Indeksy dla tabeli `przyloty`
--
ALTER TABLE `przyloty`
ADD PRIMARY KEY (`id`);
--
-- Indeksy dla tabeli `samoloty`
--
ALTER TABLE `samoloty`
ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT dla zrzuconych tabel
--
--
-- AUTO_INCREMENT dla tabeli `odloty`
--
ALTER TABLE `odloty`
MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=11;
--
-- AUTO_INCREMENT dla tabeli `przyloty`
--
ALTER TABLE `przyloty`
MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=9;
--
-- AUTO_INCREMENT dla tabeli `samoloty`
--
ALTER TABLE `samoloty`
MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;
COMMIT;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
Plik kwerendy.txt
Zapytanie 1: SELECT kierunek, czas FROM przyloty WHERE status_lotu = '';
Zapytanie 2: SELECT odloty.kierunek, odloty.dzien FROM odloty INNER JOIN samoloty ON odloty.samoloty_id = samoloty.id WHERE samoloty.typ = 'Boening 787';
Zapytanie 3: SELECT nr_rejsu, kierunek FROM przyloty WHERE nr_rejsu LIKE '%LX%';
Zapytanie 4: UPDATE samoloty SET linie = 'SWISS2' WHERE linie = 'SWISS'; Plik galeria.html
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Galeria</title>
<link rel="stylesheet" href="styl7.css">
</head>
<body>
<header>
<h2>Galeria miejsc ciekawych</h2>
</header>
<main>
<img src="lanzarotte.jpg" alt="galeria">
</main>
<div id="lewy">
<h3>Przeglądaj zdjęcia</h3>
<img src="lanzarotte.jpg" alt="lanzarotte" onclick="zdjecie('lanzarotte')">
<img src="pekin.jpg" alt="pekin" onclick="zdjecie('pekin')">
<img src="serengeti.jpg" alt="serengeti" onclick="zdjecie('serengeti')">
<img src="wenecja.jpg" alt="wenecja" onclick="zdjecie('wenecja')">
<img src="tajlandia.jpg" alt="tajlandia" onclick="zdjecie('tajlandia')">
</div>
<div id="prawy">
<h3>Obrazy w naszej galerii</h3>
<table>
<tr>
<td>Europa</td>
<td>Azja</td>
<td>Afryka</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>1</td>
</tr>
</table>
<p>Polub nas <img id="icon" src="icon-off.png" alt="polub nas" onclick="ikona()"/></p>
<a href="https://pixabay.com" target="_blank">Odkryj więcej zdjęć</a>
</div>
<footer>
Autor: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a>
</footer>
<script src="skrypt.js"></script>
</body>
</html> Plik styl7.css
body {
font-family: 'Helvetica';
}
header,footer {
background: rgb(70,130,180);
color: white;
height: 30px;
text-align: center;
}
main {
background: rgb(176,196,222);
padding: 50px;
text-align: center;
}
#lewy {
background: rgb(70,130,180);
color: white;
height: 300px;
width: 80%;
float: left;
}
#prawy {
background: rgb(70,130,180);
color: white;
height: 300px;
width: 20%;
float: left;
}
main img {
padding: 3px;
border: 1px dashed blue;
border-radius: 10px;
}
#lewy img {
height: 40%;
}
#lewy img:hover {
border: 1px solid white;
}
footer {
clear: both;
} Plik skrypt.js
function zdjecie(obraz) {
document.querySelector('main img').src = obraz + ".jpg";
}
function ikona() {
var icon = document.getElementById('icon');
if (icon.src.includes('icon-off.png')) {
icon.src = 'icon-on.png';
}
else {
icon.src = 'icon-off.png';
}
}Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL