Rozwiązanie - Egzamin Praktyczny E.14

Arkusz E.14-09-18.01 - Styczeń 2018 - Wersja #09

Skrypt: JavaScript

Baza Danych:

Przykładowe rozwiązanie
Rozwiązanie - Arkusz praktyczny E.14-09-18.01 - Styczeń 2018 - Wersja #09
Wymagane zdjęcia
Egzamin E.14-09-18.01 - dodatkowe zdjęcia - kwerenda1.jpg
kwerenda1.jpg
Egzamin E.14-09-18.01 - dodatkowe zdjęcia - kwerenda2.jpg
kwerenda2.jpg
Egzamin E.14-09-18.01 - dodatkowe zdjęcia - nowy_uzytkownik.jpg
nowy_uzytkownik.jpg
Egzamin E.14-09-18.01 - dodatkowe zdjęcia - uprawnienia.jpg
uprawnienia.jpg
Wyniki działań na bazie danych
Egzamin E.14-09-18.01 - Operacje na bazie danych - kwerenda1.png
kwerenda1.png
Egzamin E.14-09-18.01 - Operacje na bazie danych - kwerenda1.png
kwerenda2.png
Egzamin E.14-09-18.01 - Operacje na bazie danych - kwerenda1.png
nowy_uzytkownik.png
Egzamin E.14-09-18.01 - Operacje na bazie danych - kwerenda1.png
uprawnienia.png
Plik szkola_nowa.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 30 Mar 2023, 14:54
-- 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: `szkola`
--

-- --------------------------------------------------------

--
-- Struktura tabeli dla tabeli `klasa`
--

CREATE TABLE `klasa` (
  `id` int(11) NOT NULL DEFAULT 0,
  `nazwa` varchar(2) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;

--
-- Zrzut danych tabeli `klasa`
--

INSERT INTO `klasa` (`id`, `nazwa`) VALUES
(1, '1a'),
(2, '1b'),
(3, '2a'),
(4, '2b'),
(5, '3a');

-- --------------------------------------------------------

--
-- Struktura tabeli dla tabeli `uczen`
--

CREATE TABLE `uczen` (
  `id` int(2) NOT NULL DEFAULT 0,
  `Nazwisko` varchar(11) DEFAULT NULL,
  `Imie` varchar(11) DEFAULT NULL,
  `Srednia_ocen` float NOT NULL,
  `id_klasy` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_general_ci;

--
-- Zrzut danych tabeli `uczen`
--

INSERT INTO `uczen` (`id`, `Nazwisko`, `Imie`, `Srednia_ocen`, `id_klasy`) VALUES
(1, 'Kluska', 'Zenon', 4.5, 1),
(2, 'Zawada', 'Zbigniew', 3.6, 1),
(3, 'Cap', 'Antoni', 3.5, 2),
(4, 'Kowalski', 'Sebastian', 4, 3),
(5, 'Dawid', 'Andrzej', 4.5, 2),
(6, 'Kaczmarek', 'Marta', 3, 4),
(7, 'Kowalski', 'Jan', 3.5, 4),
(8, 'Polak', 'Maria', 4.8, 2),
(9, 'Michalak', 'Paweł', 4, 3),
(10, 'Góral', 'Łukasz', 3.6, 4),
(11, 'Nowak', 'Jan', 4.8, 4),
(12, 'Kowalski', 'Łukasz', 4.5, 1),
(13, 'Markiewicz', 'Damian', 3.5, 3),
(14, 'Baryła', 'Zenon', 4, 2),
(15, 'Gota', 'Anna', 3, 4),
(16, 'Małek', 'Justyna', 3.6, 1),
(17, 'Rysik', 'Magda', 4.8, 3),
(18, 'Szary', 'Tomasz', 3, 1),
(19, 'Bury', 'Łukasz', 4.5, 3),
(20, 'Rudy', 'Wojciech', 3.5, 2),
(21, 'Kowalska', 'Janina', 3, 2),
(22, 'Nowak', 'Jan', 4.5, 1),
(23, 'Kowalik', 'Stanisława', 4, 3),
(24, 'Nowakowski', 'Grzegorz', 3.6, 1),
(25, 'Kwiatkowska', 'Jolanta', 3.5, 2),
(26, 'Konarski', 'Krzysztof', 4.5, 3);

-- --------------------------------------------------------

--
-- Struktura tabeli dla tabeli `wychowawca`
--

CREATE TABLE `wychowawca` (
  `id` int(11) NOT NULL DEFAULT 0,
  `imie` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,
  `nazwisko` varchar(30) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,
  `id_klasy` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;

--
-- Zrzut danych tabeli `wychowawca`
--

INSERT INTO `wychowawca` (`id`, `imie`, `nazwisko`, `id_klasy`) VALUES
(1, 'Jan', 'Bogucki', 1),
(2, 'Michał', 'Więcek', 2),
(3, 'Bożena', 'Michalska', 3),
(4, 'Krystyna', 'Piętkiewicz', 4);

--
-- Indeksy dla zrzutów tabel
--

--
-- Indeksy dla tabeli `klasa`
--
ALTER TABLE `klasa`
  ADD PRIMARY KEY (`id`);

--
-- Indeksy dla tabeli `uczen`
--
ALTER TABLE `uczen`
  ADD PRIMARY KEY (`id`);

--
-- Indeksy dla tabeli `wychowawca`
--
ALTER TABLE `wychowawca`
  ADD PRIMARY KEY (`id`);
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: INSERT INTO klasa VALUES (5, '3a');
Zapytanie 2: SELECT nazwa, AVG(srednia_ocen) AS srednia FROM uczen JOIN klasa ON uczen.id_klasy=klasa.id GROUP BY nazwa;
Zapytanie 3: CREATE USER 'Dyrektor'@'localhost' IDENTIFIED BY 'dyr_123';
Zapytanie 4: GRANT ALL PRIVILEGES ON szkola.* TO 'Dyrektor'@'localhost';
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>Szkoła ponadgimnazjalna</title>
        <link rel="stylesheet" href="styl.css">
    </head>
    <body>
        <header>
            <h1>Projekt strony internetowej szkoły ponadgimnazjalnej</h1>
        </header>

        <div id="lewy">
            <table>
                <tr>
                    <th>Treść zapytania</th>
                    <th>Zrzut ekranu</th>
                </tr>
                <tr>
                    <td>INSERT INTO klasa VALUES (5, '3a');</td>
                    <td><img src="kwerenda1.jpg" alt="kwerenda1.jpg"></td>
                </tr>
                <tr>
                    <td>SELECT nazwa, AVG(srednia_ocen) AS srednia FROM uczen JOIN klasa ON uczen.id_klasy=klasa.id GROUP BY nazwa;</td>
                    <td><img src="kwerenda2.jpg" alt="kwerenda2.jpg"></td>
                </tr>
                <tr>
                    <td>CREATE USER 'Dyrektor'@'localhost' IDENTIFIED BY 'dyr_123';</td>
                    <td><img src="nowy_uzytkownik.jpg" alt="nowy_uzytkownik.jpg"></td>
                </tr>
                <tr>
                    <td>GRANT ALL PRIVILEGES ON szkola.* TO 'Dyrektor'@'localhost';</td>
                    <td><img src="uprawnienia.jpg" alt="uprawnienia.jpg"></td>
                </tr>
            </table>
        </div>

        <div id="prawy">
            <h2>Do pobrania</h2>
            <ul>
                <li><a href="zapytania.txt">zapytania SQL</a></li>
                <li><a href="szkola_nowa.sql">baza danych</a></li>
            </ul>
            <hr>
            <h3>Wyznaczanie najniższej średniej</h3>
            <ul>
                <li><label for="polak">Polak</label> <input type="text" name="polak" id="polak"></li>
                <li><label for="nowak">Nowak</label> <input type="text" name="nowak" id="nowak"></li>
                <li><label for="rysik">Rysik</label> <input type="text" name="rysik" id="rysik"></li><br>
                <button type="submit" onclick="wyznacz()">wyznacz</button>
                <h3 id="wynik">Najniższa średnia:</h3>

                <script src="skrypt.js"></script>
            </ul>
        </div>

        <footer>

        </footer>
    </body>
</html>
Plik skrypt.js
function wyznacz() {
    let polak = document.getElementById("polak").value;
    let nowak = document.getElementById("nowak").value;
    let rysik = document.getElementById("rysik").value;

    if (polak == "" || nowak == "" || rysik == "") {
        alert('wpisz poprawne dane');
    }
    else {
        let polakNum = parseFloat(polak);
        let nowakNum = parseFloat(nowak);
        let rysikNum = parseFloat(rysik);

        let najwyzszaSrednia = Math.min(polakNum, nowakNum, rysikNum);

        document.getElementById("wynik").innerHTML = "Najniższa średnia: " + najwyzszaSrednia;
    }
}
Plik styl.css
body {
    font-family: 'Arial';
    color: white;
}

a {
    color: yellow;
}

header,footer,#prawy {
    background: #5957a1;
}

header,footer {
    text-align: center;
}

header {
    padding: 10px;
    height: 70px;
}

#lewy {
    background: #bbadcd;
    width: 65%;
    overflow-y: scroll;
}

#prawy {
    text-align: center;
    width: 35%;
}

#lewy,#prawy {
    height: 450px;
    float: left;
}

footer {
    clear: both;
    height: 50px;
}

hr {
    border: 1px solid yellow;
}

#prawy ul {
    list-style-type: square;
    list-style-position: inside;
}

td {
    border: 1px dashed black;
}

table tr td:nth-child(2),
table tr th:nth-child(2) {
    width: 405px;
}

Strona używa plików cookies

Serwis wykorzystuje ciasteczka głównie w celu prowadzenia systemu formularzy oraz zbierania danych dotyczących ruchu na stronie.

Więcej informacji znajdziesz w Polityce Prywatności

Akceptuję