Strona przedstawia ogólny wygląd, salonu samochodowego „Aysta”. Jest w nim zawarte ogólny opis firmy, gdzie się znajduje, przedstawienie nam swoich usług, przegląd informacji na temat samochodów, przegląd strony sklepu internetowego, produktów oraz zakup.
Technologie które zostały zastosowane w projekcie:
- -Bootstrap/HTML/CSS
- -Javascript/JQuery
- -PHP polaczony za pomocą OCI8
- -PHPMailer
Strona główna to opis firmy, formularz kontaktowy który umożliwia nam kontakt mailowy z administracją strony. Kopia wiadomości która została wysłana, zostanie nam doręczona drogą mailową.
Ze strony głównej możemy się dostać na kilka różnych podstron. Każda z nich przenosi w konkretne miejsce.
Marki to jest menu, które umożliwia nam przejście w konkretny rodzaj samochodów a konkretnie ich pochodzenie.
Kolejna z nich to rejestracja użytkownika, umożliwia założyć odpowiednie konto do korzystania do zakupu z sklepu internetowego. Są tu bardzo ważne dane, które zanim zostaną zapisane w bazie danych zostają sprawdzone czy nie są puste bądź czy mają odpowiednią długość. Niektóre z nich służą potem do logowania się przy potwierdzeniu zakupu.
Sama strona główna przedstawia opis czym się zajmuje ta firma jak i gdzie można ją znaleźć bądź niżej skontaktować się drogą mailową za pomocą formularza kontaktowego.
Po założenia konta możemy przystąpić do przeglądu sklepi. Zostaje przedstawione kilka wariantów produktów, którymi może jesteśmy zainteresowani. Przedstawia obraz, markę model oraz cenę danego samochodu. Po kliknięciu na dany samochód. zostaniemy przekierowani na strona danego produktu.
Na górze każdej strony zostały przyczepione, przejścia by nas zaprowadziły na konkretny element. który nas interesuje, bądź w sposób normalny przesuwać kółkiem myszki, suwakiem.
Klient ma jeszcze możliwość powrotu, zmienienia danego wariantu bądź potwierdzenia zakupu. Zostanie wysłany odpowiedni e-mail na pocztę klienta potwierdzający zakup. Wtedy dany produkt, który został już sprzedany w serwisie, zostanie wyłączony z obiegu do ponownego zakupu.
Kwota oraz Typ transakcji to umożliwia nam jaką zaliczkę zamiar wpłacić i w jaki sposób mamy zamiar zapłacić.
A jeśli nie jesteśmy zainteresowani możemy zawsze wrócić do sklepu, przyciskiem poniżej.
Na kolejnej stronię zostaną wyświetlone wszystkie dane które zostały przez nas wybrane oraz pełna konfiguracja, nasze dane osobowe. Oczywiście możemy wrócić do sklepu, bądź produktu żeby cos zmienić ale gdy jesteśmy pewni możemy już potwierdzić zakup.
Została nam ukazana strona końcowa, gdzie jest potwierdzenie prawidłowego zakupienia samochodu. Po naciśnięciu przycisku, dzięki, któremu możemy wrócić do strony głównej mail z potwierdzeniem zakupu samochodu o danej konfiguracji. Przy okazji została wygenerowana nasza tablica rejestracyjna na podstawie miejscowości, w której jesteśmy zameldowani, która podaliśmy przy rejestracji gdzie jej pierwsze litery oraz 5 losowych liczb tworzy nasza tablice, oczywiście jeśli akurat pierwsza wygenerowana tablica jest zajęta, system ponawia próbę utworzenia tablicy rejestracyjnej.
Została nam jedna zakładka Admin, gdzie możemy a raczej admin sprawdzić i ewentualnie dodać jakieś dane.
Aby się zalogować należy wpisać prawidłowe dane do formularza logowania.
Ukazuje się menu gdzie możemy wyświetlić wszystkie odpowiednie tabele które akurat znajdują się w bazie danych.
po naciśnięciu nagłówka odpowiedniego dla nas zostaną wyświetlone wszystkie dane w danej tablicy, niektóre dane z tablic podłączonych. w przypadku modeli jest to nazwa marki z tablicy marek.
W tabeli Historii oraz Rejestracje można zauważyć wszystkie rejestracje aktualnie które były przepisane do samochodów bądź które są przypisane.
Serwis zarazem wyświetla czy danemu użytkownika należy się sfinansowanie bądź zwrócenie kosztów za korzystanie z naszego serwisu.
Niektóre tablice umożliwia nam tworzenie takich danych jak kolory, silniki, modele, dzięki którym możemy dodać realny samochód, który zamierzamy sprzedać, bądź ktoś nam to zgłasza. Oczywiście nie można dodać tych samych danych w tablicach. Dany pojazd jest jeden więc jeśli dana osoba go zakupi potem nie będzie możliwości sprzedania go powtórnie.
- Bootstrap – za pomocą HTML został utworzony główny szkielet strony. CSS został wykorzystany w celu stworzenia odpowiedniego wyglądu danych elementów, wyglądu danej czcionki bądź obramowania. Bootstrap umożliwił wykorzystanie gotowych szablonów jak i rozwiązań na wykonanie wyglądu stron internetowych. Za pomocą gotowych styli utworzonych przez programistów, strony zostały upiększone, pozwoliły na dokładniejszy design całego projektu jak i oprawa formularzy, zdjęć.
- Javascript/JQuery- za jego pomocą było można zdefiniować niektóre elementy, by strona wyglądała na bardziej żywą, zmieniały się niektóre elementy, bądź przewijały.
- PHP – był odpowiedzialny za całym sterowaniem projektu od strony niewidzialnej dla użytkownika, umożliwił na kontaktowanie się z bazą danych na pobieranie z niej danych jak i dodawanie, zmienianie.
- PHPMailer – umożliwił na wysyłanie e-mailów z formularza kontaktowego jak i potwierdzenia zakupu. Dzięki tej technologii strona pozostała bardziej interaktywna z użytkownikiem/klientem, by miał podgląd na sytuację, które były z nim związane.
Strona została stworzona dla klientów, zainteresowanych kupienia egzotycznych samochód i nie tylko. Każdy klient na spokojnie może przejrzeć oferty firmy, dokonać wyboru czy jest zainteresowany daną ofertą.
Strona ma zamiar umożliwić zakup samochodów dostępnych w określonej ilości jak i tych które są ciężko dostępne. Samochody dostępne są używane bądź nowe. Jest to także szybszy sposób który umożliwia adminowi na przeglądanie danych za pomocą strony internetowej.
Automatyczne generowanie sklepu za pomocą PHP o wymaganej ilości produktów na stronę oraz przykładowy kod PHP
