15.04

Egzamin/inf_03_2025_06_05_js_fortografia_artystyczna/fotografia.sql

@@ -0,0 +1,188 @@
+-- phpMyAdmin SQL Dump
+-- version 5.1.1
+-- https://www.phpmyadmin.net/
+--
+-- Host: 127.0.0.1
+-- Czas generowania: 23 Sty 2022, 22:18
+-- Wersja serwera: 10.4.21-MariaDB
+-- Wersja PHP: 8.0.12
+
+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: `fotografia`
+--
+CREATE DATABASE IF NOT EXISTS `fotografia` DEFAULT CHARACTER SET utf8 COLLATE utf8_polish_ci;
+USE `fotografia`;
+
+-- --------------------------------------------------------
+
+--
+-- Struktura tabeli dla tabeli `zamowienia`
+--
+
+CREATE TABLE `zamowienia` (
+  `id_zam` int(10) UNSIGNED NOT NULL,
+  `plik` varchar(30) COLLATE utf8_polish_ci NOT NULL,
+  `liczba_odbitek` int(10) UNSIGNED NOT NULL,
+  `nr_klienta` int(10) UNSIGNED NOT NULL,
+  `rodzaj` char(10) COLLATE utf8_polish_ci NOT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_polish_ci;
+
+--
+-- Zrzut danych tabeli `zamowienia`
+--
+
+INSERT INTO `zamowienia` (`id_zam`, `plik`, `liczba_odbitek`, `nr_klienta`, `rodzaj`) VALUES
+(1, 'a.jpg', 65, 2, 'błyszczący'),
+(2, 'b.jpg', 343, 5, 'błyszczący'),
+(3, 'c.jpg', 23, 2, 'matowy'),
+(4, 'a.jpg', 123, 1, 'błyszczący'),
+(5, 'c.jpg', 22, 2, 'matowy'),
+(6, 'd.jpg', 43, 5, 'błyszczący'),
+(7, 'f.jpg', 17, 8, 'matowy'),
+(8, 'd.jpg', 43, 7, 'błyszczący'),
+(9, 'd.jpg', 67, 6, 'matowy'),
+(10, 'a.jpg', 33, 4, 'błyszczący'),
+(11, 's.jpg', 223, 2, 'matowy'),
+(12, 'g.jpg', 314, 3, 'błyszczący'),
+(13, 'j.jpg', 20, 2, 'matowy'),
+(14, 'b.jpg', 70, 2, 'błyszczący'),
+(15, 'c.jpg', 23, 2, 'matowy'),
+(16, 'a.jpg', 37, 5, 'błyszczący'),
+(17, 'a.jpg', 21, 9, 'matowy'),
+(18, 'a.jpg', 123, 1, 'błyszczący'),
+(19, 'c.jpg', 22, 2, 'matowy'),
+(20, 'd.jpg', 43, 5, 'błyszczący'),
+(21, 'f.jpg', 17, 8, 'matowy'),
+(22, 'd.jpg', 43, 7, 'błyszczący'),
+(23, 'd.jpg', 67, 6, 'matowy'),
+(24, 'a.jpg', 33, 4, 'błyszczący'),
+(25, 's.jpg', 23, 2, 'matowy'),
+(26, 'g.jpg', 314, 3, 'błyszczący'),
+(27, 'j.jpg', 20, 2, 'matowy'),
+(28, 'b.jpg', 70, 2, 'błyszczący'),
+(29, 'c.jpg', 23, 2, 'matowy'),
+(30, 'a.jpg', 37, 5, 'błyszczący'),
+(31, 'a.jpg', 21, 9, 'matowy'),
+(32, 'a.jpg', 13, 1, 'błyszczący'),
+(33, 'c.jpg', 22, 3, 'matowy'),
+(34, 'd.jpg', 42, 5, 'błyszczący'),
+(35, 'f.jpg', 17, 8, 'matowy'),
+(36, 'd.jpg', 43, 7, 'błyszczący'),
+(37, 'd.jpg', 167, 6, 'matowy'),
+(38, 'a.jpg', 33, 3, 'błyszczący'),
+(39, 's.jpg', 223, 5, 'matowy'),
+(40, 'g.jpg', 314, 6, 'błyszczący'),
+(41, 'j.jpg', 20, 2, 'matowy'),
+(42, 'b.jpg', 70, 2, 'błyszczący'),
+(43, 'c.jpg', 263, 8, 'matowy'),
+(44, 'a.jpg', 37, 9, 'błyszczący'),
+(45, 'a.jpg', 21, 9, 'matowy'),
+(46, 'a.jpg', 123, 1, 'błyszczący'),
+(47, 'c.jpg', 22, 2, 'matowy'),
+(48, 'd.jpg', 43, 5, 'błyszczący'),
+(49, 'd.jpg', 43, 7, 'błyszczący'),
+(50, 'd.jpg', 67, 6, 'matowy'),
+(51, 'a.jpg', 33, 4, 'błyszczący'),
+(52, 'g.jpg', 314, 3, 'błyszczący'),
+(53, 'j.jpg', 20, 2, 'matowy'),
+(54, 'b.jpg', 70, 2, 'błyszczący'),
+(55, 'a.jpg', 37, 5, 'błyszczący'),
+(56, 'a.jpg', 21, 9, 'matowy'),
+(57, 'a.jpg', 123, 1, 'błyszczący'),
+(58, 'd.jpg', 43, 5, 'błyszczący'),
+(59, 'f.jpg', 17, 8, 'matowy'),
+(60, 'd.jpg', 43, 7, 'błyszczący'),
+(61, 'd.jpg', 67, 6, 'matowy'),
+(62, 'g.jpg', 14, 3, 'błyszczący'),
+(63, 'j.jpg', 20, 2, 'matowy'),
+(64, 'b.jpg', 710, 2, 'błyszczący'),
+(65, 'c.jpg', 23, 2, 'matowy'),
+(66, 'a.jpg', 37, 5, 'błyszczący'),
+(67, 'a.jpg', 26, 9, 'matowy'),
+(68, 'a.jpg', 123, 1, 'błyszczący'),
+(69, 'c.jpg', 22, 2, 'matowy'),
+(70, 'd.jpg', 43, 5, 'błyszczący'),
+(71, 'f.jpg', 17, 8, 'matowy'),
+(72, 'a.jpg', 43, 7, 'błyszczący'),
+(73, 'd.jpg', 67, 6, 'matowy'),
+(74, 'a.jpg', 33, 4, 'błyszczący'),
+(75, 's.jpg', 223, 2, 'matowy'),
+(76, 'b.jpg', 314, 3, 'matowy'),
+(77, 'j.jpg', 20, 2, 'matowy'),
+(78, 'b.jpg', 70, 2, 'błyszczący'),
+(79, 'c.jpg', 23, 2, 'błyszczący'),
+(80, 'a.jpg', 37, 5, 'błyszczący'),
+(81, 'a.jpg', 21, 9, 'matowy');
+
+-- --------------------------------------------------------
+
+--
+-- Struktura tabeli dla tabeli `zdjecia`
+--
+
+CREATE TABLE `zdjecia` (
+  `rodzaj` char(10) COLLATE utf8_polish_ci NOT NULL DEFAULT 'błyszczący',
+  `cena` decimal(10,2) NOT NULL DEFAULT 0.50,
+  `wysokosc` int(5) NOT NULL DEFAULT 10,
+  `szerokosc` int(5) NOT NULL DEFAULT 15
+) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_polish_ci;
+
+--
+-- Zrzut danych tabeli `zdjecia`
+--
+
+INSERT INTO `zdjecia` (`rodzaj`, `cena`, `wysokosc`, `szerokosc`) VALUES
+('błyszczący', '0.50', 10, 15),
+('matowy', '0.70', 10, 15);
+
+--
+-- Indeksy dla zrzutów tabel
+--
+
+--
+-- Indeksy dla tabeli `zamowienia`
+--
+ALTER TABLE `zamowienia`
+  ADD PRIMARY KEY (`id_zam`),
+  ADD KEY `rodzaj` (`rodzaj`);
+
+--
+-- Indeksy dla tabeli `zdjecia`
+--
+ALTER TABLE `zdjecia`
+  ADD PRIMARY KEY (`rodzaj`);
+
+--
+-- AUTO_INCREMENT dla zrzuconych tabel
+--
+
+--
+-- AUTO_INCREMENT dla tabeli `zamowienia`
+--
+ALTER TABLE `zamowienia`
+  MODIFY `id_zam` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=82;
+
+--
+-- Ograniczenia dla zrzutów tabel
+--
+
+--
+-- Ograniczenia dla tabeli `zamowienia`
+--
+ALTER TABLE `zamowienia`
+  ADD CONSTRAINT `zamowienia_ibfk_1` FOREIGN KEY (`rodzaj`) REFERENCES `zdjecia` (`rodzaj`);
+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 */;

Egzamin/inf_03_2025_06_05_js_fortografia_artystyczna/kwerendy.txt

@@ -0,0 +1,4 @@
+SELECT plik, nr_klienta, liczba_odbitek FROM zamowienia WHERE liczba_odbitek > 100;
+SELECT SUM(liczba_odbitek*cena) AS "Do zapłaty" FROM zamowienia JOIN zdjecia USING(rodzaj) WHERE nr_klienta = 3;
+SELECT SUM(liczba_odbitek) FROM zamowienia WHERE rodzaj = 'błyszczący';
+CREATE USER 'Anna'@'localhost' IDENTIFIED BY '@NNa';

Egzamin/inf_03_2025_06_05_js_fortografia_artystyczna/regulamin.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Regulamin</title>
+</head>
+<body>
+Regulamin
+</body>
+</html>

Egzamin/inf_03_2025_06_05_js_fortografia_artystyczna/style.css

@@ -0,0 +1,52 @@
+* {
+    font-family: "Century Gothic", Arial, sans-serif;
+}
+body {
+    background: blanchedalmond;
+    margin: 0;
+}
+header, footer {
+    background: sienna;
+    color: white;
+    padding: 5px;
+    text-align: center;
+    font-size: 130%;
+    clear: both;
+}
+aside {
+    background: navajowhite;
+    margin: 10px;
+    padding: 20px;
+    width: 35%;
+    height: 400px;
+    box-shadow: dimgray 5px 5px 10px;
+    float: left
+}
+nav {
+    width: 50%;
+    height: 50px;
+    float: right;
+}
+article {
+    width: 50%;
+    height: 420px;
+    overflow: auto;
+    float: right;
+}
+input, button {
+    margin-top: 20px;
+}
+li {
+    display: inline-block;
+}
+img {
+    width: 10%;
+    float: left;
+}
+a {
+    color: sienna;
+    margin-right: 30px;
+}
+a:hover {
+    color: #4C1900;
+}

Egzamin/inf_03_2025_06_05_js_fortografia_artystyczna/uslugi.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Usługi</title>
+</head>
+<body>
+Usługi
+</body>
+</html>

Egzamin/inf_03_2025_06_05_js_fortografia_artystyczna/zamowienie.html

@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Fotografia</title>
+    <link rel="stylesheet" href="style.css">
+    <script>
+        function addToCart() {
+          const uploadedImg = document.getElementById("img-upload").files[0];
+          const count = document.getElementById("copy-count").value;
+          const paper = document.querySelector('input[name="paper-type"]:checked').value;
+          const price = count * paper;
+          const fileName = uploadedImg.name;
+          const section = document.getElementById("cart-items");
+          const img = document.createElement("img");
+          img.src = fileName;
+          const copyParagraph = document.createElement("p");
+          copyParagraph.textContent = `Liczba Kopii: ${count}`;
+          const priceParagraph = document.createElement("p");
+          priceParagraph.textContent = `Cena: ${price}`;
+          section.appendChild(img)
+          section.appendChild(copyParagraph);
+          section.appendChild(priceParagraph);
+        }
+    </script>
+</head>
+<body>
+<header>
+    <h1>Fotografia Artystyczna</h1>
+</header>
+<section>
+    <img src="1.jpg" alt="obrazy do sprzedaży" title="1.jpg">
+    <img src="2.jpg" alt="obrazy do sprzedaży" title="2.jpg">
+    <img src="3.jpg" alt="obrazy do sprzedaży" title="3.jpg">
+    <img src="4.jpg" alt="obrazy do sprzedaży" title="4.jpg">
+    <img src="5.jpg" alt="obrazy do sprzedaży" title="5.jpg">
+    <img src="6.jpg" alt="obrazy do sprzedaży" title="6.jpg">
+    <img src="7.jpg" alt="obrazy do sprzedaży" title="7.jpg">
+    <img src="8.jpg" alt="obrazy do sprzedaży" title="8.jpg">
+    <img src="9.jpg" alt="obrazy do sprzedaży" title="9.jpg">
+    <img src="10.jpg" alt="obrazy do sprzedaży" title="10.jpg">
+</section>
+<main>
+    <aside>
+        <h3>Zamówienie</h3>
+        <label for="img-upload">Wybierz obraz: </label>
+        <input type="file" name="img-upload" id="img-upload" accept="image/jpeg"><br>
+        <label for="copy-count">Liczba Kopii: </label>
+        <input type="number" name="copy-count" id="copy-count"><br>
+        <input type="radio" name="paper-type" id="glossy-paper" value="1.5" checked><label for="glossy-paper">Papier błyszczący</label><br>
+        <input type="radio" name="paper-type" id="matte-paper" value="2"><label for="matte-paper">Papier matowy</label><br>
+        <button id="add-to-cart" onclick="addToCart()">Dodaj do koszyka</button>
+    </aside>
+    <nav>
+        <ul>
+            <li><a href="regulamin.html">Regulamin</a></li>
+            <li><a href="uslugi.html">Usługi</a></li>
+            <li><a href="https://pixabay.com">Zdjęcia</a></li>
+        </ul>
+    </nav>
+    <article>
+        <h3>Koszyk</h3>
+        <div id="cart-items"></div>
+    </article>
+</main>
+<footer>
+    <p>Autor strony: <i>Jakub Grzegorczyk 3p/1</i></p>
+</footer>
+</body>
+</html>