Implementacija plaćanja platnim karticama na veb sajtu

Pregled

Implementacija plaćanja platnim karticama na veb sajtu www.dejandozet.com obuhvatila je izradu cenovnika, povezivanje sa web API za proizvode, lokalno čuvanje korpice, i integraciju checkout sistema sa podrškom za različite vrste plaćanja. Rešenje je prilagođeno za više jezika, responsive za mobilne uređaje i usklađeno sa IPM standardima. OTP banka mi je omogućila platni portal 

Detalji projekta

Cilj

Omogućiti korisnicima sajta www.dejandozet.com jednostavno i sigurno plaćanje putem bankovnih kartica, uz fleksibilne opcije plaćanja i profesionalnu obradu podataka.

Ključne funkcionalnosti

• Cenovnik stranica: dinamičko povlačenje proizvoda i cena sa web API pomoću JavaScript-a.
• Ažuriranje korpice: korišćenje local storage za čuvanje podataka bez baze podataka.
• Checkout stranica: prikupljanje podataka, odabir načina plaćanja i validacija unosa korisnika.
• Integracija plaćanja: PHP skripte za obradu podataka i usmeravanje na bankovni portal za naplatu.
• Prikaz statusa naplate: HTML i JavaScript stranica sa statusom, uz pozadinsku PHP obradu i slanje email obaveštenja.
• Prilagođen dizajn: responsive izgled stranica pomoću Bootstrap 5 CSS.
• IPM usklađenost: prikaz dostupnih kartica, uslovi poslovanja, politika privatnosti i banka testiranje.

Korišćene tehnologije

• JavaScript programski jezik: dinamičko povlačenje podataka, validacija i ažuriranje korpice.
• PHP programski jezik: pozadinska obrada podataka i integracija sa bankovnim portalom.
• Bootstrap 5: responsive dizajn korisničkog interfejsa.
• HTML/CSS: stranice za prikaz informacija i statusa naplate.

Moji utisci o projektu 

Rad sa osobljem banke zaduženim za ovu vrstu usluge je bio vrlo dobar, ali je bilo i teških momenata. Pogotovu pred kraj kada su mi rekli da ne vide cenovnik, a to jer bilo iz razloga jer je njihov sigurnosni sistem blokirao skriptu koja je ucitavala proizvode. Odlučio sam da skriptu prebacim sa jednog poddomena na domen sajta i proradilo je.