May 1, 2025, Thursday, 120

HTML+PHP/Zadanie4

From MJanik

(Difference between revisions)
Jump to: navigation, search
 
(10 intermediate revisions not shown)
Line 1: Line 1:
<h1>Przeczytaj przed rozpoczęciem zadania</h1>
<h1>Przeczytaj przed rozpoczęciem zadania</h1>
-
To są nasze przedostatnie zajęcia. Przed kolejnymi zajęciami upewnij się, że:
+
To są nasze przedostatnie zajęcia. Przed <b>kolejnymi zajęciami upewnij się</b>, że:
<ul>
<ul>
-
<li> Link do twojej strony znajduje się tutaj: [link]
+
<li> Link do twojej strony znajduje się tutaj: [http://www.if.pw.edu.pl/~majanik/wiki/index.php/HTML%2BPHP/StronyUczestnikow Strony uczestników]
<li> Podstawowe zadania z poprzednich zajęć są wykonane i podlinkowane na Twoją stronę:  
<li> Podstawowe zadania z poprzednich zajęć są wykonane i podlinkowane na Twoją stronę:  
<ul>
<ul>
 +
<li> strona index.html znajduje się w katalogu public_html i jest to twoja Strona Główna
<li> istnieje tam link do pliku sum.html
<li> istnieje tam link do pliku sum.html
<li> jest strona startowa, która jest sformatowana poprzez użycie tabeli w HTMLu, do ustawienia wyglądu jest używany zewnętrzny plik css
<li> jest strona startowa, która jest sformatowana poprzez użycie tabeli w HTMLu, do ustawienia wyglądu jest używany zewnętrzny plik css
-
<li> napisane przez ciebie skrypty PHP również powinny być dostępne z twojej strony domowej
+
<li> napisane przez ciebie skrypty PHP również powinny być dostępne z twojej strony domowej (minimum kostka + silnia - zachęcam, by najpierw wykonać pierwszą część dzisiejszego zadania)
</ul>
</ul>
<li> dzisiejsze zadanie również będzie tam podlinkowane
<li> dzisiejsze zadanie również będzie tam podlinkowane
Line 17: Line 18:
<h1>Zadanie #4</h1>
<h1>Zadanie #4</h1>
-
Dziś napiszemy kilka śmiesznych skryptów. Każdy z nich należy podlinkować pod stronę główną.
+
Dziś zarówno odrobinę PHP, jak też czystego HTML; poćwiczymy łączenie zdobywanych umiejętności. Nowo stworzone strony należy podlinkować pod stronę główną.
-
<h2>Testowanie</h2>
+
<h2>Analiza danych z formularzy: wyciąganie zmiennych, GET i POST</h2>
-
Poprawność swojego kodu PHP możesz sprawdzić za pomocą strony [http://phptester.net/ http://phptester.net/].
+
<ul>
 +
<li>Zmodyfikować skrypt z poprzednich zajęć: <b>rzut kostką</b> w ten sposob, by losować liczbę dla kostki o dowolnej liczbie scianek (podanej jako parametr typu GET). Np. kostkami K4, K10, K12. Dla takiej zmodyfikowanej kostki stworzyć prosty formularz, który umożliwi podanie odpowiednich argumentów, by nie trzeba ich było ręcznie wpisywać w pasek przeglądarki.
-
<h2>Rzut kostką</h2>
+
<li> Rozszerzenie skryptu <b> silnia </b> z poprzednich zajęć. Stworzyć prosty formularz, który umożliwi podanie odpowiedniego argumentu, by nie trzeba go było ręcznie wpisywać w pasek. Dane powinny być wysyłane metodą POST. Należy odpowiednio zmodyfikować skrypt silnia.php by się dostosować (przypomnienie: wcześniej używana była metoda GET).
 +
</ul>
-
Strona z nagłówkiem "Rzut kostką". Poniżej wyświetla wylosowananą liczbę od 1 do 6.  
+
<h2>Ankieta: przygotowywanie formularzy</h2>
 +
Przygotować ankietę wykorzystującą przynajmniej siedem różnych elementów formularzy HTML.
 +
Można skorzystać z przykładu: [http://www.if.pw.edu.pl/~majanik/data/WygladAnkiety.png ankieta przykladowa]
-
<h2>Obliczanie silni </h2>
+
<h2>Quiz (dodatkowe)</h2>
-
Skrypt obliczający silnię podaną w URL jako jeden parametr typu GET. Jeśli liczba jest ujemna, wyświetla się błąd. Jeśli nie podano liczby w URL, należy wyświetlić podpowiedź, jak należy to zrobić.
+
Przygotować prosty quiz jednokrotnego wyboru : [https://css-tricks.com/examples/Quiz/ przykład]. Powinien zawierać conajmniej dwa pytania. Należy kolejno:
-
 
+
-
Wskazówka: aby sprawdzić, czy parametr został podany, należy skorzystać z dyrektywy isset, np.:
+
-
  if (!isset ($_GET['silnia'])) echo 'Nie podałeś parametru!';
+
-
 
+
-
<h2>Odliczanie czasu do wakacji</h2>
+
-
 
+
-
Skrypt wyświetlający informację w stylu:
+
-
Dziś jest dd.mm.rrrr,
+
-
do wakacji pozostało
+
-
xx dni,
+
-
tj. yy godzin,
+
-
tj. zz minut,
+
-
tj. qq sekund.
+
-
 
+
-
Wskazówka: oby pozbyć się części ułamkowej z wyniku dzielenia, możemy zastosować rzutowanie na typ całkowity, np. zamiast $godziny napiszemy (int) $godziny.
+
-
 
+
-
<br>
+
-
 
+
-
<h2>Dodatkowe</h2>
+
<ul>
<ul>
-
<li> Zmodyfikowac rzut kostką w ten sposob, by losować liczbę dla kostki o dowolnej liczbie scianek (podanej jako parametr typu GET). Np. kostkami K4, K10, K12.
+
<li> przygotować formularz z pytaniami które mają kilka możliwych odpowiedzi (typu A-B-C-D) - użyć typu <b>radio</b>
-
<li> Dla zmodyfikowanej kostki oraz silni stworzyć prosty formularz, który umożliwi podanie odpowiednich argumentów, by nie trzeba ich było ręcznie wpisywać w pasek przeglądarki.
+
<li> niech atrybut <b>value</b> dla radio przyjmuje proste wartości "A", "B", "C", "D"
 +
<li>przygotować skrypt, który będzie przeprocesowywał dane z formularza: wyświetlał, ile odpowiedzi zostało udzielonych poprawnie. Sugestia rozwiązania:
<ul>
<ul>
 +
<li> wczytaj wszystkie odpowiedzi do zmiennych: $odpowiedz1, $odpowiedz2, itd
 +
<li> stwórz zmienną która będzie podliczała ilość poprawnych opowiedzi
 +
<li> używając instrukcji warunkowej if sprawdź wszystkie odpowiedzi, zwiększając zmienną podliczającą poprawne:
 +
</ul>
 +
    if ($odpowiedz1 == "B") { $suma++; }
 +
</ul>
 +
 +
Dla chętnych: zamiast kilku osobnych zmiennych stworzyć tablicę. Podobnie stworzyć tablicę odpowiedzi poprawnych. Następnie pętlą for przeiterować po obu tablicach, by sprawdzić sumę poprawnie udzielonych odpowiedzi.

Latest revision as of 08:37, 13 December 2015

Contents

Przeczytaj przed rozpoczęciem zadania

To są nasze przedostatnie zajęcia. Przed kolejnymi zajęciami upewnij się, że:

  • Link do twojej strony znajduje się tutaj: Strony uczestników
  • Podstawowe zadania z poprzednich zajęć są wykonane i podlinkowane na Twoją stronę:
    • strona index.html znajduje się w katalogu public_html i jest to twoja Strona Główna
    • istnieje tam link do pliku sum.html
    • jest strona startowa, która jest sformatowana poprzez użycie tabeli w HTMLu, do ustawienia wyglądu jest używany zewnętrzny plik css
    • napisane przez ciebie skrypty PHP również powinny być dostępne z twojej strony domowej (minimum kostka + silnia - zachęcam, by najpierw wykonać pierwszą część dzisiejszego zadania)
  • dzisiejsze zadanie również będzie tam podlinkowane

Jako, że na kursie wystawiamy dyplomy uczestnictwa, należy zaprezentować wykonaną pracę i zdobytą wiedzę - stąd te wymagania. Możesz to zrobić teraz, lub później w domu.


Zadanie #4

Dziś zarówno odrobinę PHP, jak też czystego HTML; poćwiczymy łączenie zdobywanych umiejętności. Nowo stworzone strony należy podlinkować pod stronę główną.

Analiza danych z formularzy: wyciąganie zmiennych, GET i POST

  • Zmodyfikować skrypt z poprzednich zajęć: rzut kostką w ten sposob, by losować liczbę dla kostki o dowolnej liczbie scianek (podanej jako parametr typu GET). Np. kostkami K4, K10, K12. Dla takiej zmodyfikowanej kostki stworzyć prosty formularz, który umożliwi podanie odpowiednich argumentów, by nie trzeba ich było ręcznie wpisywać w pasek przeglądarki.
  • Rozszerzenie skryptu silnia z poprzednich zajęć. Stworzyć prosty formularz, który umożliwi podanie odpowiedniego argumentu, by nie trzeba go było ręcznie wpisywać w pasek. Dane powinny być wysyłane metodą POST. Należy odpowiednio zmodyfikować skrypt silnia.php by się dostosować (przypomnienie: wcześniej używana była metoda GET).

Ankieta: przygotowywanie formularzy

Przygotować ankietę wykorzystującą przynajmniej siedem różnych elementów formularzy HTML. Można skorzystać z przykładu: ankieta przykladowa

Quiz (dodatkowe)

Przygotować prosty quiz jednokrotnego wyboru : przykład. Powinien zawierać conajmniej dwa pytania. Należy kolejno:

  • przygotować formularz z pytaniami które mają kilka możliwych odpowiedzi (typu A-B-C-D) - użyć typu radio
  • niech atrybut value dla radio przyjmuje proste wartości "A", "B", "C", "D"
  • przygotować skrypt, który będzie przeprocesowywał dane z formularza: wyświetlał, ile odpowiedzi zostało udzielonych poprawnie. Sugestia rozwiązania:
    • wczytaj wszystkie odpowiedzi do zmiennych: $odpowiedz1, $odpowiedz2, itd
    • stwórz zmienną która będzie podliczała ilość poprawnych opowiedzi
    • używając instrukcji warunkowej if sprawdź wszystkie odpowiedzi, zwiększając zmienną podliczającą poprawne: 
       if ($odpowiedz1 == "B") { $suma++; }

Dla chętnych: zamiast kilku osobnych zmiennych stworzyć tablicę. Podobnie stworzyć tablicę odpowiedzi poprawnych. Następnie pętlą for przeiterować po obu tablicach, by sprawdzić sumę poprawnie udzielonych odpowiedzi.

Retrieved from "http://www.if.pw.edu.pl/~majanik/wiki/index.php/HTML%2BPHP/Zadanie4"