Rozwiązanie - Egzamin Praktyczny E.14
Arkusz E.14-01-20.06-SG - Czerwiec 2020 - Wersja #01
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Przykładowe rozwiązanie
Wymagane zdjęcia
obraz.jpeg
Wyniki działań na bazie danych
kw1.jpeg
kw2.jpeg
kw3.jpeg
Plik malarz.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 20 Mar 2023, 18:25
-- 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: `malarz`
--
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `farby`
--
CREATE TABLE `farby` (
`id_farby` int(11) NOT NULL,
`kolor` varchar(50) DEFAULT NULL,
`cena` int(11) DEFAULT NULL,
`pojemnosc` int(11) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
--
-- Zrzut danych tabeli `farby`
--
INSERT INTO `farby` (`id_farby`, `kolor`, `cena`, `pojemnosc`) VALUES
(1, 'biały', 20, 5),
(2, 'czerwony', 30, 3),
(3, 'niebieski', 35, 3),
(4, 'żółty', 22, 4),
(5, 'zielony', 30, 4),
(6, 'czarny', 50, 2),
(7, 'fioletowy', 64, 3);
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `malowanie`
--
CREATE TABLE `malowanie` (
`id_pomieszczenia` int(11) NOT NULL,
`id_sciany` int(11) NOT NULL,
`id_farby` int(11) DEFAULT NULL,
`liczba_puszek` int(11) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
--
-- Zrzut danych tabeli `malowanie`
--
INSERT INTO `malowanie` (`id_pomieszczenia`, `id_sciany`, `id_farby`, `liczba_puszek`) VALUES
(1, 1, 1, 3),
(1, 2, 3, 2),
(1, 3, 1, 3),
(1, 4, 1, 2),
(2, 1, 7, 4),
(2, 2, 6, 3),
(2, 3, 5, 5),
(2, 4, 3, 2),
(3, 1, 5, 2),
(3, 2, 2, 2),
(4, 4, 5, 2),
(5, 1, 2, 2),
(5, 2, 6, 4);
--
-- Indeksy dla zrzutów tabel
--
--
-- Indeksy dla tabeli `farby`
--
ALTER TABLE `farby`
ADD PRIMARY KEY (`id_farby`);
--
-- Indeksy dla tabeli `malowanie`
--
ALTER TABLE `malowanie`
ADD PRIMARY KEY (`id_pomieszczenia`,`id_sciany`),
ADD KEY `id_farby` (`id_farby`);
--
-- Ograniczenia dla zrzutów tabel
--
--
-- Ograniczenia dla tabeli `malowanie`
--
ALTER TABLE `malowanie`
ADD CONSTRAINT `malowanie_ibfk_1` FOREIGN KEY (`id_farby`) REFERENCES `farby` (`id_farby`);
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
Kwerenda 1: SELECT cena FROM farby WHERE kolor = 'niebieski';
Kwerenda 2: SELECT kolor, cena/pojemnosc AS 'Cena za litr' FROM farby;
Kwerenda 3: SELECT kolor FROM malowanie INNER JOIN farby ON malowanie.id_farby = farby.id_farby WHERE id_pomieszczenia = 3; Plik index.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>malarz</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1><a href="index.html">Koszty farby</a></h1>
</header>
<div id="lewy">
<h3>Mieszamy czy wyceniamy?</h3>
<a href="mieszamy.html">Mieszamy</a><br>
<a href="cena.html">Wyceniamy</a>
</div>
<div id="prawy">
<p>Strona poświęcona malarstwu:)</p>
<img src="obraz.jpeg" alt="abstrakcja">
</div>
<footer>
Malarz<br>
Stronę opracował: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: unset;">EE-Informatyk.pl</a>
</footer>
</body>
</html> Plik cena.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>malarz</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1><a href="index.html">Koszty farby</a></h1>
</header>
<div id="lewy">
<h3>Mieszamy czy wyceniamy?</h3>
<a href="mieszamy.html">Mieszamy</a><br>
<a href="cena.html">Wyceniamy</a>
</div>
<div id="prawy">
<h3>Obliczanie na podstawie powierzchni zapotrzebowania na farbę</h3>
<label for="powierzchnia">Podaj powierzchnię:</label> <input type="number" name="powierzchnia" id="powierzchnia"><br><br>
<button type="submit" onclick="policz()">Policz</button>
<p id="wynik"></p>
<script src="skrypt.js"></script>
</div>
<footer>
Malarz<br>
Stronę opracował: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: unset;">EE-Informatyk.pl</a>
</footer>
</body>
</html> Plik mieszamy.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>malarz</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1><a href="index.html">Koszty farby</a></h1>
</header>
<div id="lewy">
<h3>Mieszamy czy wyceniamy?</h3>
<a href="mieszamy.html">Mieszamy</a><br>
<a href="cena.html">Wyceniamy</a>
</div>
<div id="prawy">
<p>Strona w ktrakcie budowy</p>
</div>
<footer>
Malarz<br>
Stronę opracował: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: unset;">EE-Informatyk.pl</a>
</footer>
</body>
</html> Plik skrypt.js
function policz() {
var powierzchnia = document.getElementById('powierzchnia').value;
var wynik = Math.ceil(powierzchnia/4);
document.getElementById('wynik').innerHTML = "Liczba jednolitrowych puszek farby potrzebnych do pomalowania wynosi: " + wynik;
} Plik styl.css
header {
background: #829EB9;
height: 80px;
text-align: center;
font-family: Arial;
padding-top: 10px;
}
#lewy {
background: #B3C6D9;
height: 500px;
width: 25%;
padding-top: 100px;
text-align: center;
font-size: 20px;
float: left;
}
#prawy {
background: #E0E9F1;
height: 500px;
width: 75%;
text-align: center;
font-size: 20px;
padding-top: 100px;
float: left;
}
footer {
background: yellow;
text-align: center;
font-family: Arial;
height: 50px;
clear: both;
}
img {
margin: 30px;
padding: 10px;
} Plik malowanie.txt
1 1 1 3
1 2 3 2
1 3 1 3
1 4 1 2
2 1 7 4
2 2 6 3
2 3 5 5
2 4 3 2
3 1 5 2
3 2 2 2
4 4 5 2
5 1 2 2
5 2 6 4Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL