Portfólio

iElektro :: Eshop   (http://www.ielektro.sk)

HTML/CSS+JS/Ajax+PHP/MySQL+Smarty+CMSee 01.02.2009

Tento projekt prišiel celkom nečakane, jedného dňa mi zavolal klient, s ktorým som už spolupracoval aj pred tým, že by potreboval vytvoriť internetový obchod zaoberajúci sa fotoaparátmi a kamerami. Na otázku, do kedy to treba spraviť, mi oznámil, že už dnes je neskoro (klasika). Písal sa akurát koniec novembra 2008, tak sme si ako predbežný dátum odovzdanie dohodli polovičku januára 2009. Najskôr bolo potrebné spraviť grafiku. Tu proti sebe bojovali dva návrhy a vyhral ... ten lacnejší. Ja som s tým ale už nič nenarobil. Nie je síce zlý, ale nie je ani nejak extra úchvatný. Inak povedané, zapadne do slovenského koloritu :). Projekt som aj napriek omeškaniu zo strany grafika stihol relatívne na čas (meškal som asi týždeň, čo však nebol problém, nakoľko bol klient dva týždne na dovolenke). Napokon sa ale veľa zmenilo (kríza a tak) a eshop bol na polroka zamrazený. Našťastie sa to ale začalo preberať. Zamerenie eshopu sa zmenilo na všeobecné elektro. Verím, že to začne čoskoro fungovať.

Eshop som samozrejme postavil na svojom CMSee a chystal som sa využiť ten istý modul eshopu ako na Fann s nejakými úpravami. Úprav však bolo celkom dosť a dá sa povedať, že som skoro kompletne prepísal modul eshopu. Okrem toho som opäť zapracoval na admine, ktorý prešiel mnohými zmenami (snažil som sa zabrániť tomu, aby vznikali nekonzistentné dáta v prípade, že sa zmení nejaký parameter, ktorý je pevne naviazaný na nejaký iný parameter, bez toho, aby na to musel dohliadať užívateľ). Požiadavky na tento obchod už neboli také triviálne. Nakoľko išlo o obchod s fotoaparátmi bolo potrebné nejak rozumne spravovať parametre. Bol požadovaný "rýchly filter", taký ten filter, kde si priamo vyberám produkty podľa konkrétnych parametrov. Pravdu povediac, spraviť tento filter zabralo asi najviac času a výsledný smarty template je priam hrôzostrašný. Problém tohoto filtra je ale aj v rýchlosti, nakoľko sa musí prehľadávať skrz veľa produktov a parametrov. Napokon sa mi ale podarilo dosahovať celkom dobré časy (momentálne trvá spracovávanie tohoto modulu asi 0.091633 sec, uvidí sa ale časom, potom sa bude asi už len cachovať, cachvoať, cachovať).

Vďaka spracovávaniu parametrov je tento shop veľmi flexibilný.

FAnn :: Eshop + Eaukcie + Portál

HTML/CSS+JS/Ajax+PHP/MySQL+Smarty+CMSee 01.03.2008

Ozaj veľký projekt z ktorého som mal pôvodne programovať "len" eshop, následne sa to však zvrhlo tak, že som robil celý portál vrátane elektronických aukcií, súťaží, atď.

Grafika sa riešila veľmi dlho, nakoľko sa dlhú dobu nevedeli dohodnúť s grafikom na výslednom vzhľade. Rukami mi prešlo mnoho návrhov, niektoré lepšie, iné horšie, všetky však veľmi zaujímavé. Grafik zjavne nebol web-dizajnér, čo sa aj podpísalo na predkladaných návrhoch. Schválený návrh sa dosť podobal súčasnému vzhľadu, podľa môjho názoru aj o čosi krajší, no na web ťažšie aplikovateľný (zaoblené hrany, tiene, diagonálne prechody). Napriek tomu bol implementovaný a pri prvom stretnutí opäť zmietnutý zo stola (tu to začínala byť sranda). Z HTML-kom som začínal opäť od začiatku a ako sa neskôr ukázalo aj s celým eshopom, nakoľko špecifikácia ktorú napísali nebola presne taká akú chcelo (a tu to prestala byť sranda). Vývoj sa tiahol hlavne vďaka skutočnosti, že po každom stretnutí sa funkcionalita prudko menila (odvtedy si striktne zakladám na precízne vypracovanej analýze, ktorú odsúhlasia obe strany). K bežnému vývoju sa priradil import nekonzistentných XML súborov s produktami a import užívateľov s objednávkami zo starej "kvázi" databázy (toto bolo fakt o nervy).

Technická časť: Kvôli tomuto portálu som implementoval svoje CMS (asi si poviete, že implementovať CMS je ako vymýšľať koleso, no potreboval som systém, ktorému budem dokonale rozumieť a budem si ho vedieť dokonale ohnúť podľa toho, ako to práve potrebujem). Moje CMS je postavené na template engine smarty (základ kolesa som teda prebral). Počas vývoja som si mierne upravoval aj smarty ako také, hlavne debugovaciu konzolu (viď. posledný obrázok). Do systému som zabudoval inteligentnú validáciu a poloautomatické administračné rozhranie, čím som celé CMS posunul o čosi vyššie a v súčastnosti tento systém pre mňa predstavuje základný framework každej web aplikácie ktorú robím. Viac o tomto systéme nájdete na týchto stránkach (napríklad hneď vedľa).

Moduly: Celý systém je zostavený z modulov, ktoré rozdeľujem na viditeľné a neviditeľné. Neviditeľné moduly nemajú výstup (okrem administrátorskej časti) a sú len podpornou časťou niektorých viditeľných, ktoré sú na nich závislé. Neviditeľné moduly sú konkrétne:

• CMS: implementuje základné volania ostatných modulov, priraďovanie URL stránkam a podobne. Taktiež obsahuje administrátorské rozhranie pre správu CMS.
• Eshop: jedná sa o najrozsiahlejší modul. Internetový obchod ponúka okrem klasických služieb (zobrazovanie, vkladanie do košíka, odoslanie objednávky) aj rozšírené funkcie ako: akcie, akcie závislé na aktuálnom nákupe, darčeky k nákupu, darčekové poukážky, darčekové poukážky na konkrétne produkty, vernostný systém zliav, vzorky k nákupu, platbu cez internet, špeciálna ponuka pre VIP zákazníkov, atď.

Ostatnú časť systému tvoria bežné modulu z ktorých popíšem tie významnejšie:

• E-auction: elektronické aukcie sú silne prepojené s eshopom. Ponúkajú klasické vyvolanie aukcie, automatické prihadzovanie do určenej čiastky, automatické spracovanie a vytvorenie objednávky čakajúcej na potvrdenie. Pri aukciách sa ukladá aj ich priebeh, ktorý je možné sledovať. Aukcie sa zapínajú a končia v presne stanovenom čase plne automaticky (je možné vytvoriť aukcie aj na týždeň dopredu).
• Súťaže: vytváranie súťaží, variabilný počet otázok, tri druhy otázok (odpovedať vetou, jedna možnosť správa, viac možností správnych), automatické žrebovanie podľa správnych odpovedí (ak sa nejedná otázku na ktorú sa odpovedá slovom), automatické trvanie súťaže, podobne ako pri aukciách.
• Bannery: inteligentná správa bannerov. Možnosť náhodného výberu na rôzne pozície, pridanie obrázku či flash banneru, rovnaký banner sa nahrá iba raz a môže sa použiť na rôznych miestach.
• Vyhľadávanie fulltextové vyhľadávanie v produktoch, zoraďovanie podľa relevancie, vyznačenie kľúčových, kombinovanie kľúčových slov.
• Menu: úprava menu, automatické generovanie menu podľa kategórií v eshope, položky viditeľné podľa oprévnenia.
• Text: správa textových sekcií pomocou FCK editora.
• Mailing list: pridávanie a odoberanie ľudí z mailing listu, odosielanie je zabezpečované firmou ktorá sa na to špecializuje (veľmi veľa užívateľov).
• Napíšte nám: odosielanie informačného emailu, captcha overovanie.
• Užívatelia: skupiny užívateľov s rôznymi právami na jednotlivé sekcie, akcie viazané na skupinu užívateľov.

Celý systém sa snaží dodržiavať základné SEO praktiky do najväčšej možnej miery, no pri používaní FCK editora a jemu podobných je ťažké zaručiť validitu (hlavne pri kopírovaní textov priamo z wordu) a už tobôž nie sémantickú časť webu. Systém obsahuje základné štatistiky, no túto časť dokonale zastúpi google analytics s ktorým je systém zžitý (klasické štatistiky návštevnosti, ecommerce, sledovanie vyhľadávania, definovanie cieľov).

Popísané je toho veľa a ešte viac by sa dalo, ak Vás zaujíma viac, prejdite na sekciu CMSee, kde sa môžete o systéme dozvedieť viac.

Estates :: Eshop   (http://eshop.lesenia.com)

HTML/CSS/JS + PHP/MySQL 01.10.2007

Ďalší projekt posadený na eshope ako engine wifishop. Boli pridané skupiny produktov a neskôr dorobená podpora pre euro.

TONER servis :: Eshop   (http://www.tonerservis.sk)

HTML/CSS/JS + PHP/MySQL 11.05.2007

Projekt je postavený na tom istom eshope ako wifishop pre engine. Firma dodala celkom pekný základný grafický návrh, čo dalo eshopu vzhľad odpovedajúci oblasti jej podnikania.

Nad základný systém bolo pridané fulltextové vyhľadávanie a vylepšená správa štatistík.

Optika Siloe :: Eshop

HTML/CSS/JS + PHP/MySQL 20.10.2006

Firma požadovala veľmi jednouchý eshop navrhnutý tak, aby korešpondoval s už existujúcou grafikou hlavnej stránky - strohý a jednoduchý štýl, ktorý nemusí sedieť každému.

Mojou prácou bolo doladiť grafiku tak, aby zapadla a nasadiť jednoduchý internetový obchod. Z môjho pohľadu je tento eshop z dôvodu monotónnosti produktov dosť nezaujímavý a na prvý pohľad nemá čím zaujať. Dá sa teda povedať, že jeho nasadenie bolo skôr z praktického, ako komerčného hľadiska.

Ide o mierne prepracovaný wifishop pre engine.