Programowanie w internecie (projekt) - rok akademicki 2012/2013 (Filia UwB w Wilnie)

• Zadanie 1 (22-02-2013):
  • Założenie oraz konfiguracja strony w darmowym serwisie hostingowym, np. yoyo.pl, cba.pl itp. umożliwiającym m.in. ustawianie nazw domenowych, aktualizację stron przez FTP i dostęp do bazy danych SQL.
• Zadanie 2 (08-03-2013):
  • W utworzonym przez siebie w poprzednim zadaniu serwisie w wybranej domenie należy utworzyć podstronę o nazwie lista.html zawierającą możliwie pełną listę linków do stron osób należących do Państwa grupy projektowej. W tym celu należy skontaktować się z wszystkimi kolegami, ustalić ich adresy stron i umieścić je na liście w postaci tabeli zawierającej w pierwszej kolumnie imię i nazwisko autora, w drugiej kolumnie adres jego strony (lista powinna być posortowana alfabetycznie względem nazwisk i nie obejmować własnej osoby).
  • Przy pomocy wybranego programu graficznego zapisać zrzuty ekranu przedstawiające każdą ze stron w osobnych plikach o niewielkim rozmiarze, np. 136x76 pikseli.
  • Przy użyciu pseudoklasy hover oraz własności display (patrz przykłady z wykładu) uzyskać na stronie efekt polegający na tym, że po najechaniu wskaźnikiem myszy na link do strony powinien się wyświetlić odpowiedni zrzut ekranu w wyższej warstwie dokumentu (własność z-index).
• Zadanie 3 (22-03-2013):
  • W utworzonym przez siebie w poprzednich zadaniach serwisie należy utworzyć podkartotekę media, która będzie zawierać pliki multimedialne.
  • Przy pomocy wybranego programu oraz dostępnego sprzętu (kamerka internetowa, mikrofon, itd.) utworzyć ok. 30-sekundowy klip video przedstawiający autora strony. Może on wyglądać np. tak: Autor mówi - "Dzień dobry, nazywam się ... Witam na mojej stronie przedmiotu "Programowanie w internecie"."
  • Z nagranego klipu należy przy pomocy wybranego programu wyodrębnić tylko ścieżkę dźwiękową i zapisać w postaci pliku audio.
  • Klip i nagranie należy osadzić na stronie o nazwie welcome.html zgodnie z metodą na jaką pozwala HTML5 - strona powinna się znaleźć na głównym poziomie serwisu (obok index.html, nie w kartotece media).
• Zadanie 4 (05-04-2013):
  • W swoim serwisie należy utworzyć stronę o nazwie obliczenia.html, która będzie zawierać interfejs do kalkulatora z komórkami pamięci.
  • Kalkulator zaprogramowany na stronie powinien umożliwiać wprowadzanie danych liczbowych oraz wykonywanie na nich podstawowych operacji arytmetycznych (dodawanie, odejmowanie, mnożenie, dzielenie, pierwiastkowanie, potęgowanie, dzielenie całkowite oraz znajdywanie reszty z dzielenia) oraz trygonometrycznych (sin, cos, tg, ctg)
  • Wynik każdego z wykonanych działań powinien być możliwy do zapisania w jednej z 10 komórek pamięci, skąd powinien być w dowolnym momencie dosępny dla kolejnych obliczeń.
  • Należy postarać się, aby sposób wybierania operacji i wprowadzania danych był jak najbardziej ergonomiczny (jak najmniejsza ilość niezbędnych kliknięć, wspólne pola do obsługi wszystkich działań itp.).
  • W przypadku niemożliwości wykonania jakiegoś obliczenia (np. dzielenie przez 0) kalkulator powinien wyświetlać odpowiedni komunikat.
  • Dodatkowy atut stanowić będzie możliwość ewaluacji całych wyrażeń arytmetycznych
• Zadanie 5 (19-04-2013):
  • Należy utworzyć w swoim serwisie podkartotekę xml, w której będa przechowywane wszystkie pliki z tego zadania.
  • Należy stworzyć bazę danych o przykładowych min. 10 osobach w postaci XML-owego pliku o nazwie dane.xml opisującego w zaproponowanym przez siebie formacie następujące dane osobowe: imię, nazwisko, datę urodzenia (dzień, miesiąc, rok).
  • W tej samej kartotece należy umieścić dwa pliki typu style sheet o nazwach sort1.xsl oraz sort2.xsl, które mają za zadanie posortować zawartość bazy danych i wyświetlić ją w formie tabeli na stronie HTML'owej. Pierwsze sortowanie powinno dawać listę uporządkowaną w kolejności alfabetycznej względem nazwisk, zaś drugie względem roku urodzenia.
  • Stworzone pliki szablonów należy podłączyć odpowiednio w nagłówkach xml-stylesheet w plikach dane1.xml i dane2.xml będących kopiami pliku dane.xml tak, aby były one wyświetlane przez przeglądarkę jako strony zawierające listę osób posortowaną alfabetycznie i względem roku jak wyżej.
• Zadanie 6 (17-05-2013):
  • W utworzonej w swoim serwisie podkartotece xml należy umieścić 5 plików XML-owych zgodnych z formatem xCard zawiarających dane o pewnej osobie (wymagane dane osobowe jak w poprzednim zadaniu: imię, nazwisko, data urodzenia).
  • Należy utworzyć stronę WWW o nazwie osoby.html, na której będzie się znajdować ponumerowana lista nazwisk osób z tych plików.
  • Obok każdego z nazwisk powinien znajdować się przycisk [+/-], po którego kliknięciu powinien zostać załadowany odpowiedni plik XML'owy a na jego podstawie wyświetlone informacje osobowe pod danym nazwiskiem.
  • Po ponownym kliknięciu przycisku [+/-] dodatkowe informacje powinny zniknąć ze strony.
• Zadanie 7 (31-05-2013):
  • W swoim serwisie utworzyć podkartotekę java, w której będą umieszczone trzy pliki: run.html, Run.java oraz Run.class.
  • Na stronie run.html powinnien znajdować się aplet klasy Run.class.
  • Klasa Run powinna implementować interfejs Runnable.
  • Działanie apletu powinno polegać na wyświetlaniu nieustannie poruszającego się po ekranie okręgu, "odbijającego się" pod ustalonym kątem od krawędzi ekranu (kąt zderzenia równy kątowi odbicia).
  • Pozycja okręgu powinna być zmianiana co ustaloną jednostkę czasu natomiast jego wykreślenie powinno się odbywać poprzez wywołanie metody repaint() w metodzie run().
• Zadanie 8 (14-06-2013):
  • W swoim serwisie utworzyć podkartotekę flash, w której będą umieszczone następujące pliki:
  • Plik ball.png przedstawiający piłkę.
  • Kod w języku ActionScript aplikacji ball.as, która polega na przesuwaniu obrazu piłki po ekranie przy pomocy klawiszy strzałek.
  • Plik ball.swf skompilowany przy pomocy kompilatora mtask.
  • XML-owy opis klipu dla narzędzia SWFMill w pliku flash.xml łączącego pliki ball.png i ball.swf do postaci klipu flash.swf.
  • Plik flash.html, w którym będzie osadzony klip.