Rozwiązanie - Egzamin Praktyczny INF.03
Arkusz INF.03-02-22.06-SG - Czerwiec 2022 - Wersja #02
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Przykładowe rozwiązanie
Wymagane zdjęcia
samochod.png
home.png
znak.png
Wyniki działań na bazie danych
import.png
kw1.jpeg
kw2.jpeg
kw3.jpeg
kw4.jpeg
kw5.jpeg
Plik samochody.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 16 Kwi 2023, 20:10
-- 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: `samochody`
--
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `samochody`
--
CREATE TABLE `samochody` (
`id` int(10) UNSIGNED NOT NULL,
`marka` text DEFAULT NULL,
`model` text DEFAULT NULL,
`rocznik` year(4) DEFAULT NULL,
`kolor` text DEFAULT NULL,
`stan` text DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;
--
-- Zrzut danych tabeli `samochody`
--
INSERT INTO `samochody` (`id`, `marka`, `model`, `rocznik`, `kolor`, `stan`) VALUES
(1, 'Fiat', 'Punto', 2016, 'czerwony', 'bardzo dobry'),
(2, 'Fiat', 'Punto', 2002, 'czerwony', 'dobry'),
(3, 'Fiat', 'Punto', 2007, 'niebieski', 'bardzo bobry'),
(4, 'Opel', 'Corsa', 2016, 'grafitowy', 'bardzo dobry'),
(5, 'Opel', 'Astra', 2003, 'niebieski', 'porysowany lakier'),
(6, 'Toyota', 'Corolla', 2016, 'czerwony', 'bardzo dobry'),
(7, 'Toyota', 'Corolla', 2014, 'szary', 'dobry'),
(8, 'Toyota', 'Yaris', 2004, 'granatowy', 'dobry');
--
-- Indeksy dla zrzutów tabel
--
--
-- Indeksy dla tabeli `samochody`
--
ALTER TABLE `samochody`
ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT dla zrzuconych tabel
--
--
-- AUTO_INCREMENT dla tabeli `samochody`
--
ALTER TABLE `samochody`
MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=9;
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 marka, rocznik FROM samochody WHERE kolor = 'niebieski';
Zapytanie 2: SELECT COUNT(*) FROM samochody WHERE marka IN('Toyota', 'Opel') AND stan = 'bardzo dobry';
Zapytanie 3: UPDATE samochody SET stan = 'dobry' WHERE rocznik < 2004;
Zapytanie 4: CREATE USER 'jan'@'localhost' IDENTIFIED BY 'janKowalski1@';
Zapytanie 5: GRANT SELECT, INSERT, UPDATE ON samochody.* TO 'jan'@'localhost'; Plik stacja.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>Stacja paliw</title>
<link rel="stylesheet" href="styl2.css">
</head>
<body>
<header>
<h1>Całodobowa stacja paliw</h1>
</header>
<div id="menu">
<a href="stacja.html"><img src="home.png" alt="Przejdź do strony stacja"></a>
<a href="obliczenia.html"><img src="znak.png" alt="Przejdź do strony obliczenia"></a>
<a href="kwerendy.txt">Pobierz dokumenty</a>
</div>
<div id="lewy">
<h2>Godziny otwarcia stacji</h2>
<table>
<tr>
<td>Dzień</td>
<td>Od</td>
<td>Do</td>
</tr>
<tr>
<td>Pn - Sb</td>
<td>6:00</td>
<td>24:00</td>
</tr>
<tr>
<td>Nd</td>
<td>7:00</td>
<td>24:00</td>
</tr>
</table>
</div>
<div id="prawy">
<img src="samochod.png" alt="samochód">
</div>
<footer>
<p>Stronę opracował: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;padding:unset;">EE-Informatyk.pl</a></p>
</footer>
</body>
</html> Plik obliczenia.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>Stacja paliw</title>
<link rel="stylesheet" href="styl2.css">
</head>
<body>
<header>
<h1>Całodobowa stacja paliw</h1>
</header>
<div id="menu">
<a href="stacja.html"><img src="home.png" alt="Przejdź do strony stacja"></a>
<a href="obliczenia.html"><img src="znak.png" alt="Przejdź do strony obliczenia"></a>
<a href="kwerendy.txt">Pobierz dokumenty</a>
</div>
<div id="lewy">
<h2>Orientacyjny koszt paliwa</h2>
<label for="rodzaj">Rodzaj paliwa (1-benzyna, 2-olej napędowy):</label><br>
<input type="number" name="rodzaj" id="rodzaj"><br>
<label for="litry">Ile litrów?</label><br>
<input type="number" name="litry" id="litry"><br>
<button type="submit" onclick="oblicz()">OBLICZ</button>
<div id="wynik"></div>
</div>
<script src="skrypt.js"></script>
<div id="prawy">
<img src="samochod.png" alt="samochód">
</div>
<footer>
<p>Stronę opracował: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;padding:unset;">EE-Informatyk.pl</a></p>
</footer>
</body>
</html> Plik skrypt.js
function oblicz() {
let rodzaj = document.getElementById('rodzaj').value;
let litry = document.getElementById('litry').value;
let koszt = 0;
if(rodzaj == 1) {
koszt = litry * 4;
}
else if(rodzaj == 2) {
koszt = litry * 3.5;
}
document.getElementById('wynik').innerHTML = "Koszt paliwa: " + koszt + " zł";
} Plik styl2.css
body {
font-family: Cambria;
text-align: center;
}
header,footer {
background: rgb(120,0,46);
color: white;
padding: 5px;
font-size: 150%;
}
#menu {
background: rgb(173,20,87);
text-align: left;
}
#lewy {
background: snow;
color: olivedrab;
width: 60%;
height: 322px;
text-align: left;
float: left;
}
#prawy {
background: rgb(173,20,87);
width: 40%;
height: 322px;
float: left;
}
footer {
clear: both;
}
#prawy img {
margin: 40px;
padding: 10px;
}
#prawy img:hover {
border: 1px dotted yellowgreen;
}
a {
padding: 0px 50px;
color: yellowgreen;
}
table, td {
border: 1px solid olivedrab;
}
table {
width: 90%;
}Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL