Sklep Internetowy (HTML/xHTML, CSS, JavaScript, PHP, MySQL)

Szkoły BTE opracował: mgr inż. Radosław Wylon

Zaawansowany projekt programowania obiektowego

PROGRAMOWANIE OBIEKTOWE

Projekt sklepu internetowego – KNOW-HOW (HTML/Xhtml, CSS, JavaScript PHP, MySQL)

Krok I – Założenia do projektu Krok II – Plan modułowy projektu (budowa modułów technicznych projektu) Krok III – Projekt bazy danych Krok IV – Stworzenie bazy danych (MySQL – PHP MyAdmin) Krok V – Projekt layout’u graficznego PF („produktu finalnego” – projekt witryny www) Krok VI – Projekt panelu administracyjnego (CMS – rozmieszczenie elementów: logowanie, zarządzanie, menu) Krok VII – Budowa panelu administracyjnego CMS

obsługa i uwierzytelnienie sesji PHP moduł logowania (uwierzytelnienie użytkownika) nawiązanie i zabezpieczenie komunikacji z bazą danych formularze dodawania, edycji i usuwania rekordów z bazy oraz upload plików na serwer FTP listing i sortowanie rekordów z bazy raportowanie transakcji zakupów wprowadzenie danych przykładowych – testowanie

Krok VIII – Budowa witryny projektu – „produktu finalnego” jak w kroku VII – punkt 1, 2 i 3 moduł rejestracji użytkownika moduł dokonywania zakupów – koszyk moduł powiadomień i odzyskania hasła przez obsługę klienta e-mail stworzenie wyszukiwarki i systemu nawigacji po serwisie realizacja i potwierdzenie transakcji bankowych

Krok IX – Testowanie projektu !

2 Opracował mgr inż. Radosław Wylon -

Szkoły BTE - allRightsReserved

Krok I Założenia do projektu:

Produkty

Projekt: uniwersalny sklep internetowy dostosowany do sprzedawania dowolnych produktów

Kategorie / podkategorie

Klienci

Panel Administracyjny –

CMS (dodawanie, edycja i usuwanie rekordów)

Komunikacja e-mail: • potwierdzenie rejestracji w serwisie

• potwierdzenie płatności

• odzyskiwanie hasła

• oferty handlowe

Wyszukiwarka

produktów

Panel logowania

Koszyk produktów

Wysyłanie plików

na serwer

Obsługa transakcji bankowej – realizacja płatności (sposoby zapłaty, sposoby dystrybucji)

Raporty dokonanych transakcji zakupu towarów

Weryfikacja danych i zabezpieczenie danych

Dostawcy produktów

…inne usługi i rozbudowa serwisu

3 Opracował mgr inż. Radosław Wylon -

Szkoły BTE - allRightsReserved

Obsługa sesji PHP

Baza Danych MySQL

Panel Administracyjny

CMS

Krok II Plan modułowy:

Obsługa Serwera FTP (upload plików)

Rejestracja Użytkownika

Obsługa e-mail (potwierdzenie)

Logowanie

Koszyk

Realizacja Płatności

PF – Produkt Finalny

Sklep Internetowy

Wyszukiwarka

4 Opracował mgr inż. Radosław Wylon -

Szkoły BTE - allRightsReserved

Opracował mgr inż. Radosław Wylon - Szkoły BTE - allRightsReserved

5

Krok III Projekt bazy danych (relacje):

kategoria

podkategoria

produkt

producent

wystawca klient

koszyk

miasto

promocja

Baza danych : sklep

Opracował mgr inż. Radosław Wylon - Szkoły BTE - allRightsReserved

6

Krok III Projekt bazy danych (tabele):

kategoria

podkategoria

produkt

Opracował mgr inż. Radosław Wylon - Szkoły BTE - allRightsReserved

7

producent

wystawca

miasto

Opracował mgr inż. Radosław Wylon - Szkoły BTE - allRightsReserved

8

klient

koszyk

Opracował mgr inż. Radosław Wylon - Szkoły BTE - allRightsReserved

9

promocja

Krok IV Stworzenie Bazy Danych w PHPMyAdmin (export bazy do pliku .sql oraz .txt)

•baza.sql

•baza.txt

Opracował mgr inż. Radosław Wylon - Szkoły BTE - allRightsReserved

10

Krok V Projekt layout’u graficznego PF („produktu finalnego” – projekt witryny www) :

Opracował mgr inż. Radosław Wylon - Szkoły BTE - allRightsReserved

11

Krok VI Projekt panelu administracyjnego (CMS – rozmieszczenie elementów) :

Strona Główna Panelu Administracyjnego

CMS [admin.php]

Moduł logowania do CMS*

[admin_log.php]

Połączenie z Bazą danych MySQL**

[baza.php]

Obsługa sesji PHP*** [sesja.php]

Przejście do witryny SKLEPU

[sklep.php]

Wylogowanie administratora [wyloguj.php]

* formularz umożliwiający zalogowanie do CMS - podpięty instrukcją: include(); ** nawiązanie połączenia z bazą danych sklepu - podpięty instrukcją: require(); *** plik uwierzytelniający dane administratora CMS - podpięty instrukcją: include();

Menu Główne - wykaz obiektów CMS:

Miasta [miasto.php] Kategorie [kategoria.php] Podkategorie [podkategoria.php] Producenci [producent.php] Produkty [produkt.php] Wystawcy [wystawca.php] Promocje [promocja.php] Klienci [klient.php] Transakcje [transakcja.php]

Opracował mgr inż. Radosław Wylon - Szkoły BTE - allRightsReserved

12

Krok VI Projekt panelu administracyjnego (layout - menu główne) :

admin.php

Opracował mgr inż. Radosław Wylon - Szkoły BTE - allRightsReserved

13

[kategoria.php] listing elementów

bazy danych z tabeli Kategoria

[kategoria_form.php] formularz

wyświetlający puste pola do dodania

rekordu albo pola wybranego rekordu w

celu edycji

[kategoria_dodaj.php] plik realizujący dodanie

nowego rekordu do tabeli (wraca do pliku

kategoria.php)

[kategoria_edytuj.php] plik realizujący edycję wybranego rekordu w

tabeli (wymaga podania id, wraca do pliku

kategoria.php) [kategoria_usun.php]

plik realizujący usunięcie wybranego

rekordu z tabeli (wraca do pliku kategoria.php)

Obsługa rekordów tabeli z bazy danych MySQL na przykładzie tabeli kategoria:

[baza.php] połączenie z bazą danych MySQL

Opracował mgr inż. Radosław Wylon - Szkoły BTE - allRightsReserved

14

Krok VI Projekt panelu administracyjnego (layout - listing rekordów przykładowej tabeli) :

kategoria.php