E-commerce Advanced Application

1

E-COMMERCE JOBS This project (Project number: HU/01/B/F/PP-136012) is carried out with the financial support of the Commssion of the European Communities under the Leonardo da Vinci Programme

EE-AA-Element 2Ver: 1.0

E-commerce Advanced Application

Internetes bevásárlási és rendelési megoldások

2



Főbb témák

• Tipikus Internetes bevásárlási szokások• Felhasználói felület– Vásárlói regisztráció– Belépés– Termék választás– Kosár funkció– Fizetés– Kiszállítás

• Fejlesztői környezet

3



Tipikus Internetes bevásárlás

• Reklámozás, hagyományos vásárlás (e-kirakat)– Online kirakat– Hagyományos vásárlás, rendelés és fizetés

• Kvázi-internetes vásárlás – Online rendelés, offline fizetés

• Internetes vásárlás – Online rendelés, online fizetés

4



Felhasználói felület

• Vásárlói regisztráció• Belépés• Termék választás• Kosár funkció• Fizetés• Kiszállítás

5



Vásárlói regisztráció

• Usernév és jelszó• Egyéb vásárlói adatok• A kötelezően kitöltendő mezők megjelölése és

ellenőrzése• Felhasználói adatok módosítási lehetősége• Statisztikai adatok gyűjtése – felhasználható

portál kialakításához• Adatvédelmi leírás

6



Példa a regisztrációra

7



Belépési funkció tulajdonságai

• Vásárló azonosítása• Lehetőség online vásárlásra• Visszaélések elkerülése• Jogtalan hozzáférés megakadályozása• A belépési funkció két lépésből állhat:– Adatbázis és cookie-k használata– Jelszavas védelem egy adott Web könyvtárra

8



Tárolás adatbázisban és cookie-kban

• Usernevek és jelszók az adatbázisban• PHP program az ellenőrzési funkciókhoz • A belépő felhasználó azonosítóit cookie

változóban tároljuk• Ha a második lépést nem alkalmazzuk– ügyelnünk kell arra, hogy a védett oldalak

megjelenítésénél mindig ellenőrizzük a cookie változó értékét.

9



Belépéssel védett könyvtár

• Usernév és jelszó tárolása a web szerveren• Adott könyvtárhoz, milyen usernévvel lehet

belépni és hol található, ezt az Access Configuration File-ban tároljuk– A fájl elnevezése, felépítése szerverenként változik – A szerverhez tartozó specifikációban kell megnézni

• A védett fájlokat a védett könyvtárba kell másolnunk

10



Cookie-k („sütik”)

• Egy kis szöveges állomány • A szerver bizonyos információkat küld a kliens

(felhasználó) gépére • A web szerver hozza létre, a kliens gépén

tároljuk • A jövőben többször felhasználhatjuk, lejárati

idejéig• A HTML-be beágyazott• Egy domain csak az általa küldött

információhoz tud hozzáférni

11



Cookie-k szintaktikája

• Set-Cookie HTTP Response Header – Set-Cookie: NAME=VALUE; expires=DATE;

path=PATH; domain=DOMAIN_NAME; secure

• Cookie HTTP Request Header – Cookie: NAME1=OPAQUE_STRING1;

NAME2=OPAQUE_STRING2 ..

12



Cookie korlátozások

• legfeljebb 300 ilyen bejegyzés lehet a cookies.txt fájlban

• egy bejegyzés mérete legfeljebb 4Kb • szerverenként vagy domain-enként legfeljebb

20 "süti" lehet

13



Termék kiválasztási oldal

• Termékcsoportok kialakítása• Termékek megjelenítése– Név– Ár– Mennyiség beírható

• Link a termékek leírásához– Amely tartalmazza: a leírást, fénykép(ek)et, árat, stb.

• Kosárba helyezés lehetősége minden terméknél egy képes vagy szöveges link segítségével.

14



Példa a termék kiválasztásához

15



Kosár funkció

• Elektronikus kosár – virtuális• A megrendelésre kijelölt termékek listáját tartalmazza –

általában táblázatos formában– Termék neve és link a hozzá tartozó részletes leíráshoz– Mennyiség– Egység ár– Végösszeg– Törléshez gomb, checkbox vagy szöveges link

• Szállítási költség• Fizetendő végösszeg

16



ID Product Unit price Quantity Total Price Delete

B1 book1 50 Euro 2 100 Euro ��

C2 CD2 100 Euro 1 100 Euro ��


Total cost: 235 Euro

E-kosár példa

Refresh

ID Product Unit price Quantity Total Price Delete



Total cost: 135 Euro

17



Rendelési űrlap

• Ha a kosár nem üres, csak akkor jelenik meg • Az űrlap tartalmazza:– Termék lista árral– Szállítási cím (név, e-mail, telefonszám, stb.)– Rendelés típusa (faxon, e-mail-ben, hagyományos

postán, telefonon, Online secure Ordering)– Szállítási feltételek (szállítás típusa)– Adatvédelmi leírás

• Megrendelés eljuttatása (order, send vagy print gomb)

18



Rendelési űrlap példa

19



Fizetési eljárások

• Utánvétel• Csekk• Bankkártyás fizetés • Átutalás• SET-es fizetés (Security Electronic Transaction)– B2B

• Online fizetésnél banki kapcsolódás szükséges– Alkalmazott titkosítási eljárás – SSL, SSH

20



Szállítás

• E-mail• Jelszó megadás, letöltési lehetőség az

Internetről • SMS• Hagyományos postai úton • Futárszolgálat

21



Fejlesztői környezet

• Az e-commerce rendszer karbantartása• Adatbázis feltöltés, bővítés• Statisztika készítés

22



Karbantartó rendszer

• Szükséges lehet a HTML vagy PHP kód megváltoztatása – Web oldal generátorok használata (e.g. Dreamweaver)

vagy– Egyszerű szövegszerkesztő használata (e.g. Wordpad)

• Portal megoldások kialakítása• Vásárlói tájékoztatók küldése

23



Adatbázis feltöltés

• Fő cél, hogy az adatbázis mindig aktuális adatokat tartalmazzon

• Adatbázis karbantartó rendszer– Feltöltés: új adatok felvétele– Módosítás: adatok megváltoztatása– Listázás: adatok listázása különböző szempontok

szerint– Törlés: szükségtelen adatok eltávolítása

24



Statisztikák

• Készíthetünk statisztikát– Vásárlói szokásokról– Portál megoldási lehetőségekről– Web oldal látogatottságról– Stb.

• Statisztikai eszközök– Statisztika generáló programok (SGP)– Ingyenesen letölthető az Internetről (pl. Analog 3.11)

• http://www.statslab.cam.ac.uk/~sret1/analog/

25



Feladatok

• Készítsen egy menüstruktúrát, mely végigköveti az Internetes vásárlás folyamatát, készítsen bejelentkezési oldalt, termék választó oldalt és e-kosarat működő funkciókkal

26



Referenciák

• http://wp.netscape.com/ • http://www.statslab.cam.ac.uk

Documents

E-commerce Advanced Application