Arton Effect Lights

Arton Effect Lights

 

Dla firmy Arton Effect Lights stworzyliśmy i oprogramowaliśmy stronę internetową www.arton.pl w oparciu o przesłany projekt graficzny.

Zobacz online: www.arton.pl

WYMAGANIA PROJEKTOWE, STAWIANE CELE

  • przygotowanie strony informacyjnej na bazie dostarczonego projektu graficznego,
  • wprowadzenie możliwości dodania do kodu strony dowolnego tekstu, który w przeglądarce internetowej wyświetli się w postaci 'niestandardowej' czcionki bez potrzeby generowania plików graficznych z tekstem wyświetlanym daną czcionką,
  • wdrożenie formularza kontaktowego,
  • kompatybilność kodu z najpopularniejszymi przeglądarkami: Internet Explorer 6, 7 i 8, FireFox 2, FireFox 3, Opera 9, Opera 10, Safari 3.2, 4+

TECHNIKALIA

Zakres prac: szablony (X)HTML/CSS/JS, oprogramowanie formularza kontaktowego.

Wykorzystane technologie, biblioteki programistyczne:

Język skryptowy PHP
System bazodanowy MySql
Język xHTML oraz System Kaskadowych Arkuszy Stylów





Język skryptowy JavaScript
'Technologia' Cufón
Biblioteka jQuery


PRZEBIEG PRAC, STUDIUM PRZYPADKU (CASE STUDY)

Do naszych zadań należało pocięcie przesłanego projektu graficznego i wygenerowanie na jego bazie szablonu strony, a następnie utworzenie i oprogramowanie kilku podstron składających się na witrynę internetową.

Przygotowanie szblonu xHTML/CSS obejmowało następujące elementy i zagadnienia:

  • kod XHTML i CSS zgodnego ze standardem W3C,
  • szkielet strony oparty na DIV’ach,
  • przygotowanie i optymalizacja plików graficznych wykorzystywanych na stronie (optymalnie skompresowana grafika),
  • kompatybilność kodu z przeglądarkami Internet Explorer 6, 7 i 8, FireFox 2, FireFox 3, Opera 9, Opera 10, Safari 3.2, 4+,
  • semantyczny kod z myślą o SEO (pozycjonowanie),
  • oprogramowanie dynamicznych elementów szablonu w javascript (JS) – zastosowanie biblioteki jQuery,
  • wykorzystanie technologi Cufón, która poprzez wykorzystanie JavaScriptu, SVG i technologii canvas pozwala na prezentacje dowolnych czcionek (postscript, truetype i svg) na stronie www,
  • przygotowanie favicon (ikony wyświetlanej przy adresie URL).

Ciekawym elementem strony jest formularz kontaktowy do oprogramowania którego wykorzystane zostały technologie wykorzystywane zarówno po stronie serwera, jak i klienta (przeglądarki internetowej). Pola formularza są walidowane w czasie rzeczywistym, a dane przesyłane za pomocą technologii AJAX bez przeładowania strony www. Po stronie serwera wykorzystaliśmy klasy Zend Framework do przesyłania wprowadzonych informacji na dopowiednie konto pocztowe.


  1. Przygotowanie szblonu xHTML/CSS obejmuje:
    1. kod XHTML i CSS zgodnego ze standardem W3C
    2. szkielet strony oparty na DIV’ach
    3. przygotowanie i optymalizacja plików graficznych wykorzystywanych na stronie (optymalnie skompresowana grafika)
    4. kompatybilność kodu z przeglądarkami Internet Explorer 6, 7 i 8, FireFox 2, FireFox 3, Opera 9, Opera 10, Safari 3.2, 4+
    5. semantyczny kod z myślą o SEO (pozycjonowanie)
    6. oprogramowanie dynamicznych elementów szablonu w javascript (JS) – zastosowanie biblioteki jQuery
    7. w razie potrzeby wykorzystanie technologi Cufón, która poprzez wykorzystanie JavaScriptu, SVG i technologii canvas pozwala na prezentacje dowolnych czcionek (postscript, truetype i svg) na stronie www
    8. przygotowanie favicon (ikony wyświetlanej przy adresie URL)