--- title: "Modul Odberné miesta – v zákazníckom portáli Moje SPP" description: "Implementácia modulu Odberné miesta v zákazníckom portáli Moje SPP podľa redizajnu 2025 a dizajnového systému interného tímu SPP – zoznam miest, spotreba, odpočty, žiadosti a zmluvné údaje v jednom rozhraní." canonical: "https://interfase.sk/sk/referencie/spp/portal" lang: "sk" --- # Modul Odberné miesta – v zákazníckom portáli Moje SPP > Implementácia modulu Odberné miesta v zákazníckom portáli Moje SPP podľa redizajnu 2025 a dizajnového systému interného tímu SPP – zoznam miest, spotreba, odpočty, žiadosti a zmluvné údaje v jednom rozhraní. - Klient: SPP, a.s. - Rok: 2026 - Služby: Frontend vývoj, Web App, Implementácia dizajnu ## Zákazníci s viacerými odbernými miestami – vlastné aj zdieľané adresy a zmluvy SPP je najväčší dodávateľ energií na Slovensku a obsluhuje takmer 1,5 milióna zákazníkov. Mnohí z nich nemajú jedno odberné miesto: k domácnosti pribudne chata, prenajatý byt alebo miesto, ktoré s nimi zdieľa niekto z rodiny. Moje SPP je zákaznícky portál, v ktorom si zákazník spravuje všetky svoje odberné miesta – adresy a k nim priradené zmluvy na plyn a elektrinu. Redizajn 2025 aj komponentový dizajnový systém pripravil interný tím SPP. Naším zadaním bolo implementovať rozhranie modulu Odberné miesta podľa dizajnového systému SPP: premeniť hotové návrhy na funkčné, responzívne rozhranie, ktoré sa vo všetkých stavoch a interakciách správa tak, ako bolo navrhnuté. ## Požiadavky na modul – viac zmlúv, druhy odpočtov a história spotreby Modul musí obslúžiť zákazníka s jedným plynomerom rovnako dobre ako toho, kto má viac miest, viac produktov a k tomu miesta zdieľané inou osobou. - **Viac zmlúv, viac ľudí, jedno miesto**: Odberné miesto môže mať plynovú aj elektrickú zmluvu a môže patriť zákazníkovi alebo mu byť len zdieľané. Rozhranie to musí ukázať na prvý pohľad. - **Tri druhy odpočtu**: Distribučný odpočet, odhad a zákaznícky odpočet majú rôzny význam. Zákazník nesmie omylom nahlásiť informatívny údaj v domnení, že ovplyvní faktúru. - **Spotreba naprieč rokmi**: Roky fyzických, odhadovaných aj vlastných odpočtov treba premeniť na jeden graf, ktorý rýchlo povie, či zákazník minul viac alebo menej než minulý rok. - **Pridanie nového miesta**: „Mám zmluvu, chcem ju len načítať“ a „chcem novú zmluvu“ sú dve rôzne cesty. Obe sa musia dať začať z toho istého miesta na dva kliky. ## Princíp Rozhranie sme implementovali podľa hotového dizajnu SPP vrátane všetkých stavov a interakcií, ktoré návrhy definujú. - **Všetky stavy z návrhov**: Prázdny zoznam, zdieľané miesto, neuhradená faktúra, otvorený filter aj dialógové okno – každý stav z návrhov má v portáli svoju funkčnú podobu. - **Komponenty dizajnového systému**: Štítky, záložky, tabuľky, formuláre a dialógové okná sme implementovali ako opakovane použiteľné prvky so zdieľanými farbami a typografiou SPP. - **Rovnaké správanie na každom zariadení**: Modul je responzívny, takže zoznam, detail aj formuláre odpočtov fungujú na počítači aj v telefóne. ## Zoznam a detail odberného miesta – päť záložiek pre vlastné aj zdieľané miesta Zoznam zoskupuje karty podľa vlastníka zmluvy a zvlášť ukazuje miesta, ktoré so zákazníkom zdieľa iná osoba. Štítky PLYN a ELEKTRINA prezradia produkty skôr, než zákazník klikne. Detail rozdeľuje všetko, čo k adrese patrí, do piatich záložiek. Zdieľané miesto ohlási lišta nad hlavičkou, neuhradenú faktúru priamo záložka Faktúry. - Faktúry, Spotreba a odpočty, Žiadosti, Údaje zákazníka, Údaje odberného miesta - Žiadosti s filtrom podľa služby, stavom a tlačidlom na novú žiadosť - Zmluvné údaje, meradlo a číslo POD pri každom produkte ## Spotreba a odpočty – graf po rokoch a tabuľka všetkých odpočtov Stĺpcový graf ukazuje spotrebu po rokoch pre zvolenú službu a zmluvu. Po prejdení myšou ukáže presnú hodnotu a obdobie, za ktoré bola nameraná. Pod grafom je tabuľka všetkých odpočtov s dátumom, typom, hodnotou a tarifou. Vlastný odpočet nesie zákazníkovu poznámku a dá sa zmazať. - Filter zdrojov: všetky odpočty, odpočty distribúcie, moje odpočty - Fyzický odpočet, odpočet odhadom a vlastný odpočet odlíšené v tabuľke - Podrobný filter a export odpočtov ## Informatívny odpočet – oddelený od samoodpočtu pre fakturáciu „Môj odpočet“ slúži len na priebežné sledovanie spotreby a formulár to povie hneď v úvode: nie je záväzný pre fakturáciu. Zákazník ho môže pridávať v ľubovoľných intervaloch, s poznámkou, a neskôr upraviť alebo zmazať. Samoodpočet, ktorý sa do fakturácie počíta, má vlastné tlačidlo, vlastný formulár a vlastnú cestu. ## Záväzný odpočet plynomera – od upozornenia po odoslanie údaja Samoodpočet je záväzný údaj, preto ho portál pripomenie sám a formulár drží len to, čo je naozaj potrebné. 1. **Upozornenie** – Karta miesta vyzve: „Uskutočnite samoodpočet plynu.“ 2. **Odberné miesto** – Formulár už vie, o ktorú adresu ide. 3. **Stav plynomera** – Hodnota v m³ a dátum odčítania, obe povinné. 4. **Návod** – „Ako správne odčítať plynomer?“ priamo pri poliach. 5. **Pridať samoodpočet** – Údaj, s ktorým počíta fakturácia. ## Pridanie odberného miesta – načítanie existujúcej zmluvy alebo žiadosť o novú Pridanie otvorí dialógové okno s dvoma jasne oddelenými možnosťami: načítať údaje z existujúcej zmluvy, alebo vytvoriť žiadosť o novú zmluvu so SPP. Keď zákazník ešte nemá žiadne odberné miesto, prázdny zoznam mu ponúkne tie isté dve cesty hneď na začiatku. ## Overenie mobilného čísla – priradenie miest, notifikácie a prihlásenie Cez overené mobilné číslo vie portál priradiť zákazníkovi jeho odberné miesta, doručovať notifikácie a umožniť prihlásenie do účtu. Obrazovka to vysvetlí skôr, než si číslo vypýta. - Odkaz „Prečo potrebujete moje číslo?“ priamo pri formulári - Overenie SMS kódom, ktorý sa dá poslať znova alebo na iné číslo - Krok sa dá odložiť cez „Nastaviť neskôr“ ## Detail odberného miesta – spotreba, žiadosti, údaje zákazníka a meradlo Spotreba, žiadosti, údaje zákazníka a zmluvné údaje s meradlom – záložky detailu v jednom vizuálnom jazyku dizajnového systému SPP. ## Implementácia modulu Odberné miesta – podľa dizajnu a dizajnového systému SPP Modul Odberné miesta dáva zákazníkom SPP jeden vstupný bod do zmlúv, faktúr, spotreby a odpočtov všetkých ich adries – vlastných aj zdieľaných. Dizajn a dizajnový systém sú dielom interného tímu SPP; našou implementáciou fungujú v portáli so všetkými stavmi a interakciami. ### Čo sme dodali - Implementácia modulu Odberné miesta podľa dizajnového systému SPP - Detail odberného miesta s piatimi záložkami - Prehľad spotreby a odpočtov - Formuláre odpočtov a pridania odberného miesta - Overenie mobilného čísla - Rozhranie pre počítač aj telefón --- Webová verzia: https://interfase.sk/sk/referencie/spp/portal llms.txt: https://interfase.sk/llms.txt