Úvodní analýza pro moderní e-shop

E-shop-1

Dnešní dnem začíná seriál o tvorbě internetového obchodu. V průběhu seriálu bude vytvořen klasický e-shop pro fiktivní společnost postavený na moderních technologiích.

Seriál: E-shop pomocí moderních technologií (15 dílů)

  1. Úvodní analýza pro moderní e-shop 4.1.2013
  2. Návrh uživatelské části e-shopu 11.1.2013
  3. Tvorba uživatelské části e-shopu 18.1.2013
  4. Nákupní košík pomocí HTML5 Web Storage 25.1.2013
  5. Tvorba moderního eshopu: kategorie a parametrické hledání 1.2.2013
  6. Tvorba moderního e-shopu: dokončení uživatelské části 8.2.2013
  7. Tvorba moderního e-shopu: plánování administrace 15.2.2013
  8. Tvorba moderního e-shopu: správa objednávek 22.2.2013
  9. Tvorba moderního e-shopu: nahrávání obrázků k produktu 1.3.2013
  10. Tvorba moderního e-shopu: Bower, Yeoman a Gemnasium 15.7.2013
  11. Tvorba moderního e-shopu: HTML5 drag & drop a kategorie 29.7.2013
  12. Tvorba moderního e-shopu: zpracování chyb 12.8.2013
  13. Tvorba moderního e-shopu: Rich-Text Editing a dokončení administrace 26.8.2013
  14. Autentizace v single-page aplikacích 9.9.2013
  15. Autentizace v single-page aplikacích – serverová část 7.10.2013

Seriál navazuje na sérii článků Node.js – s JavaScriptem na server, ve kterém byly představeny technologie, které budou použity při tvorbě e-shopu:

Celý seriál bude psán formou smyšleného, ale nikoliv nereálného příběhu od prvotního kontaktu zákazníka až po nasazení projektu do produkce.

Začínáme

Jednoho dne přichází do malého webdesignerského studia jménem SkvelejWeb, s.r.o e-mail od společnosti SkvelejMobil, s.r.o s žádostí o kalkulaci na menší e-shop. Součástí e-mailu jsou dva krátké odstavce textu s hrubým popisem, jak by měl budoucí e-shop vypadat. Obě společnosti si vymění několik dalších e-mailů, ze kterých je patrné, že by mohly začít spolupracovat a dohodnou si osobní setkání v sídle firmy.

Představení

Na úvodní schůzce dojde k představení obou společností. Firma SkvelejMobil existuje necelé 3 roky. Jak název napovídá, je zaměřena na mobilní telefony. Má jednu prodejnu ve známém obchodním centru, která je poměrně výdělečná, nicméně její provoz je díky lukrativnímu umístění velmi nákladný.

Ve firmě pracuje na různý druh úvazku 5 lidí. Firma má jednoho vlastníka a dále 4 prodavače, dva zde pracují na plný úvazek a dále jsou zde dva brigádníci, kteří v prodejně pracují o víkendu a o svátcích. V případě potřeby je možné dohodnout další brigádníky. Celkový obrat firmy za poslední rok byl 12,5 mil. Kč (možné dopočíst z veřejně přístupných dat), což odpovídá po započtení nájemného, platů, nákladů na záruční servis a skladování čistému zisku 500 tis. Kč.

Firma registruje už delší dobu zvýšený zájem zákazníků o nákup přes internet, což vedlo majitele k tomu, že začal uvažovat o investici do internetového e-shopu. Nejprve si nechal zhotovit nízkonákladový e-shop z open source řešení přes jednoho ze svých brigádníků, to se ale neukázalo příliš efektivní a díky obrovské konkurenci na internetu e-shop prakticky nevydělával, proto se rozhodl pro investici do řešení na míru, které by mělo nějakou konkurenční výhodu.

Dohoda

Obě společnosti se dohodly na přibližné částce, za kterou je možné celé řešení vytvořit a dohodly se také na nejdůležitějších požadavcích, které by měl e-shop splňovat (viz dále). Další postup měl být takový, že SkvelejWeb vytvoří podle požadavků návrh v cenovém limitu, který bude následně odprezentován.

Tvorba aplikace bude rozdělena do dvou samostatných projektů. V rámci prvního projektu se vytvoří klasický e-shop, v druhém se budou řešit real-time funkce, přes které bude možné navázat se zákazníkem kontakt a pomoci mu přímo při výběru zboží tak, jako to dělají prodavači v klasických kamenných e-shopech. Tento osobní přístup je považován za největší konkurenční výhodu. 

Během týdne připravilo studio návrh, který byl na další schůzce odprezentovan majiteli. Po několika úpravách došlo k vzájemné dohodě a byla podepsána smlouva o spolupráci, a to na celkovou částku 180 tis. Kč.

Služba Počet hodin Jednotková cena (Kč) Celková cena (Kč)
Grafika 20 1000 20 000
Kódování 40 1000 40 000
Programování 100 1200 120 000
Celkem 180 000

Řešení by mělo být dodáno do 6 týdnů s tím, že během 4 týdnů by měl být e-shop naprogramován, další týden bude mít zákazník na naplnění dat (brigádníky si sežene sám) a poslední týden je rezerva a testování.

Protože se z velké části jedná o standardní e-shop, kterých již firma SkvelejWeb dělala mnoho, určitou část aplikace může firma bezpečně zpracovat bez průběžných konzultací se zákazníkem. Naopak experimentální části e-shopu (např. filtrování produktů v uživ. části) budou průběžně konzultovány se zákazníkem. Ten souhlasí s tím, že na případné reakce do 24 hodin odpoví. Aktuální stav e-shopu bude k dispozici na webu na dočasné adrese, kde budou konzultovány implementované novinky.

Požadavky

V první fázi řeší SkvelejWeb pouze otázku, co aplikace musí umět (požadavky) a neřeší se, jak danou věc naimplementovat (návrh). Obě otázky je velmi důležité odlišit, aby nebyl vytvářen návrh něčeho, co ve skutečnosti není potřeba.

Sepsány jsou pouze unikátní požadavky pro daný e-shop. 

  • Správce musí mít možnost sledovat pohyb zákazníka po e-shopu v reálném čase. Musí mít možnost navázat s ním spojení a pomoci mu při nákupu. Musí vědět, jaké položky má zákazník v košíku a které produkty si již prohlížel. V případě, že zákazník již v e-shopu dříve nakupoval, bude na to správce upozorněn.
  • Zákazník musí mít k dispozici nástroj pro snadný výběr produktů přesně podle konkrétních požadavků (poznámka: zadavateli se líbí způsob filtrování jako je na Alza.cz).
  • Zákazník musí mít možnost při výběru produktu vybrat i příslušnou variantu (např. barva produktu). Pokud se bude varianta lišit cenou, bude v e-shopu nabízena jako samostatná položka. 
  • Zákazník musí mít možnost vybrat typ platby a dopravy. Zatím bude podporována klasická dobírka a osobní odběr a platba při předání.

Objekty 

V celém e-shopu budeme pracovat s několika objekty. Následuje jejich seznam s atributy, které musí obsahovat (seznam konzultován s majitelem firmy SkvelejMobil). 

Produkt

  • Název
  • URL (unikátní)
  • Kód (unikátní)
  • Krátký popisek
  • Dlouhý popisek
  • Fotografie (možnost označit jednu jako hlavní)
  • Parametry (kol. Layouty, číselník)
  • Výrobce (kol. Výrobci)
  • Kategorie (kol. Kategorie)
  • Dostupnost (kol. Dostupnost)
  • Stav (aktivní/neaktivní)
  • Zobrazovat (ano/ne)
  • Cena vč. DPH
  • DPH

Výrobce

  • Název
  • URL (unikátní)

Layout

  • Název
  • Parametry
  • Číselníky (kol. Číselníky)

Číselník

  • Název (unikátní)
  • Hodnoty

Kategorie

  • Název
  • URL (unikátní)

Dostupnost

  • Hodnota (unikátní)

Stránka

  • Název
  • URL (unikátní)
  • Text

Objednávka

  • Číslo (unikátní)
  • Produkty (název, kód, počet ks, cena s DPH, DPH)
  • Typ dopravy
  • Typ platby
  • Stav (přijato, expedováno, vyřízeno)
  • Celková cena s DPH
  • Celková cena bez DPH
  • Zákazník (jméno, příjmení, e-mail, telefon, doručovací a fakturační adresa)

Správce

  • E-mail
  • Heslo
  • Status (aktivní/neaktivní)
  • Typ (hlavní/prodavač)

Další postup

Nyní máme hotovou základní specifikaci e-shopu. V dalším kroku bude vytvořen návrh API v Apiary a bude zpracován podrobnější návrh celého e-shopu. To bude náplní dalšího dílu.

Na tvorbě tohoto článku se svými připomínkami podílel také Pavel Lang. Díky!

Věděli jste, že nám můžete zasílat zprávičky? (Jen pro přihlášené.)

Komentáře: 33

Přehled komentářů

Dach Vypadá to zajímavě.
kopytník Re: Vypadá to zajímavě.
Pepa Cena
sedrickcz Re: Cena
TMa Re: Cena
toka Re: Cena
Vojtěch Semecký Re: Cena
Opravdový odborník Re: Cena
orsm Re: Cena
Martin Re: Cena
michal_sjx Re: Cena
Štěpán Re: Cena
michal_sjx Re: Cena
jirka8 ....
Jakub Mrozek Re: ....
jirka8 Re: ....
langpa Re: ....
jirka8 Re: ....
langpa Re: ....
michalek hodiny
Opravdový odborník Byznys pohled
jirka8 Re: Byznys pohled
Jakub Mrozek Re: Byznys pohled
Štěpán Re: Byznys pohled
Petr Re: Byznys pohled
Opravdový odborník Re: Byznys pohled
petersirka node.js a nový webový framework partial.js
keff Cim je tenhle eshop moderni?
keff Re: Cim je tenhle eshop moderni?
Čelo Re: Cim je tenhle eshop moderni?
xlilien Kompatibilita - vypnutý javascript
Martin Hassman Re: Kompatibilita - vypnutý javascript
developer Takového klienta chci
Zdroj: https://www.zdrojak.cz/?p=3761