{"id":1523,"date":"2025-12-22T22:55:13","date_gmt":"2025-12-22T22:55:13","guid":{"rendered":"https:\/\/docs.protos365.net\/d\/uncategorized\/kako-izgleda-korisnicki-interfejs-protos-sistema\/"},"modified":"2026-03-12T23:04:29","modified_gmt":"2026-03-12T23:04:29","password":"","slug":"protos-interface-overview","status":"publish","type":"docs","link":"https:\/\/docs.protos365.net\/ba\/d\/getting-started\/protos-interface-overview\/","title":{"rendered":"Kako izgleda korisni\u010dki interfejs PROTOS sistema?"},"content":{"rendered":"\n<p>PROTOS koristi moderan i pregledan korisni\u010dki interfejs koji omogu\u0107ava brz pristup svim funkcijama sistema. Interfejs je organizovan u nekoliko osnovnih c\u201ajelina: gornja navigaciona traka, bo\u010dni meni, radna povr\u0161ina i pregled informacija kroz grafikone i statistiku. <\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1392\" src=\"https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-8-2560x1392.png\" alt=\"\" class=\"wp-image-1127\" srcset=\"https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-8-2560x1392.png 2560w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-8-600x326.png 600w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-8-150x82.png 150w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-8-768x418.png 768w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-8-1536x835.png 1536w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-8-2048x1114.png 2048w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-8-360x196.png 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\">Gornja traka<\/h2>\n\n<p>U gornjem dijelu ekrana nalazi se glavna navigaciona traka. Na lijevoj strani prikazan je PROTOS logo, dok se na desnoj strani nalaze sistemske opcije: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Pomo\u0107 (?)<\/strong> \u2013 otvara uputstvo za kori\u0161tenje sistema i prikazuje uputstvo koje se odnosi na stranicu na kojoj se trenutno nalazite.<\/li>\n\n\n\n<li><strong>Obavje\u0161tenja<\/strong> \u2013 prikazuje obavje\u0161tenja, upozorenja i nove doga\u0111aje u sistemu.<\/li>\n\n\n\n<li><strong>Korisni\u010dki meni<\/strong> \u2013 prikazuje osnovne informacije o prijavljenom korisniku i omogu\u0107ava pristup dodatnim opcijama, kao \u0161to su uputstvo za kori\u0161tenje sistema, promjena lozinke, odjava iz sistema i pode\u0161avanje interfejsa.<\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2231\" height=\"97\" src=\"https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-6.png\" alt=\"\" class=\"wp-image-1124\" srcset=\"https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-6.png 2231w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-6-600x26.png 600w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-6-150x7.png 150w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-6-768x33.png 768w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-6-1536x67.png 1536w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-6-2048x89.png 2048w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-6-360x16.png 360w\" sizes=\"auto, (max-width: 2231px) 100vw, 2231px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\">Bo\u010dni meni<\/h2>\n\n<p>Na lijevoj strani ekrana nalazi se bo\u010dni navigacioni meni koji omogu\u0107ava pristup svim modulima sistema. Korisniku su prikazane samo one stavke menija za koje ima dodijeljena prava pristupa u okviru svoje korisni\u010dke uloge. <\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"577\" height=\"1285\" src=\"https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-7.png\" alt=\"\" class=\"wp-image-1125\" style=\"width:400px\" srcset=\"https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-7.png 577w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-7-269x600.png 269w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-7-67x150.png 67w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-7-230x512.png 230w\" sizes=\"auto, (max-width: 577px) 100vw, 577px\" \/><\/figure>\n<\/div>\n<p><\/p>\n\n<p>U okviru menija <strong>Moj profil<\/strong> zaposlenici mogu pregledati svoje li\u010dne podatke, uklju\u010duju\u0107i evidenciju prisustva na terminalima, plan rada, obra\u010dunatu realizaciju stvarnog radnog vremena, kao i podnesene zahtjeve za odsustva i slu\u017ebena putovanja.<\/p>\n\n<h2 class=\"wp-block-heading\">Radna povr\u0161ina<\/h2>\n\n<p>Centralni deo ekrana predstavlja radnu povr\u0161inu na kojoj se prikazuju podaci i funkcije iz odabrane sekcije sistema. U ovom dijelu korisnik mo\u017ee pregledati podatke, unositi nove zapise, ure\u0111ivati postoje\u0107e podatke i izvr\u0161avati razli\u010dite operacije u okviru izabranog modula. <\/p>\n\n<p>U zavisnosti od sekcije sistema, radna povr\u0161ina mo\u017ee sadr\u017eavati tabele sa podacima, obrasce za unos i izmjenu podataka, grafikone, statisti\u010dke prikaze i druge elemente koji omogu\u0107avaju pregled i upravljanje podacima.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1571\" src=\"https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/2026-03-08_17-58-38-2560x1571.png\" alt=\"\" class=\"wp-image-1129\" srcset=\"https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/2026-03-08_17-58-38-2560x1571.png 2560w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/2026-03-08_17-58-38-600x368.png 600w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/2026-03-08_17-58-38-150x92.png 150w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/2026-03-08_17-58-38-768x471.png 768w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/2026-03-08_17-58-38-1536x942.png 1536w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/2026-03-08_17-58-38-2048x1257.png 2048w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/2026-03-08_17-58-38-360x221.png 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\">Brze akcije<\/h2>\n\n<p>Na pojedinim ekranima dostupne su i brze akcije, kao \u0161to su dugmad za dodavanje novih zapisa, polja za filtriranje podataka, izvoz podataka i sli\u010dno. Na\u010din pretrage, dodavanja novih zapisa i izmjene postoje\u0107ih podataka jednoobrazan je u cijeloj aplikaciji. Na sljede\u0107em primjeru prikazane su tipi\u010dne funkcionalnosti.  <\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1392\" src=\"https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-10-2560x1392.png\" alt=\"\" class=\"wp-image-1133\" srcset=\"https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-10-2560x1392.png 2560w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-10-600x326.png 600w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-10-150x82.png 150w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-10-768x418.png 768w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-10-1536x835.png 1536w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-10-2048x1114.png 2048w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-10-360x196.png 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n<p><\/p>\n\n<ol class=\"wp-block-list\">\n<li>Upisivanjem klju\u010dnih rije\u010di u polje <strong>Pretra\u017ei<\/strong> pretra\u017euju se svi aktivni zapisi u tabeli.<\/li>\n\n\n\n<li>Klikom na dugme <strong>Dodaj<\/strong> otvara se stranica za dodavanje novog zapisa.<\/li>\n\n\n\n<li>Klikom na podatak u istaknutoj koloni (tekst ozna\u010den PROTOS bojom) otvara se stranica za izmjenu postoje\u0107eg zapisa. Izmjenu je mogu\u0107e otvoriti i dvostrukim klikom mi\u0161a na red u tabeli. <\/li>\n\n\n\n<li>Klikom na ikonicu <strong>olovke<\/strong> tako\u0111e se otvara stranica za izmjenu postoje\u0107eg zapisa.<\/li>\n\n\n\n<li>Klikom na broj stranice otvara se odgovaraju\u0107a stranica pregleda. Aplikacija pamti posljednje rezultate pretrage, tako da \u0107e prilikom ponovnog otvaranja ove stranice prikazati pretragu u posljednjem stanju. <\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\">Prikaz na mobilnim ure\u0111ajima<\/h2>\n\n<p>PROTOS je prilago\u0111en za kori\u0161tenje na mobilnim ure\u0111ajima. Interfejs aplikacije automatski se prilago\u0111ava veli\u010dini ekrana mobilnog telefona, \u010dime je omogu\u0107eno jednostavno kori\u0161tenje svih osnovnih funkcionalnosti sistema i na manjim ekranima. <\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"618\" height=\"1372\" src=\"https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-11.png\" alt=\"\" class=\"wp-image-1138\" style=\"width:400px\" srcset=\"https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-11.png 618w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-11-270x600.png 270w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-11-68x150.png 68w, https:\/\/docs.protos365.net\/wp-content\/uploads\/2025\/12\/image-11-231x512.png 231w\" sizes=\"auto, (max-width: 618px) 100vw, 618px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>PROTOS koristi moderan i pregledan korisni\u010dki interfejs koji omogu\u0107ava brz pristup svim funkcijama sistema. Interfejs je organizovan u nekoliko osnovnih c\u201ajelina: gornja navigaciona traka, bo\u010dni meni, radna povr\u0161ina i pregled informacija kroz grafikone i statistiku. Gornja traka U gornjem dijelu ekrana nalazi se glavna navigaciona traka. Na lijevoj strani prikazan je PROTOS logo, dok se&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[44],"doc_tag":[],"class_list":["post-1523","docs","type-docs","status-publish","hentry","doc_category-getting-started"],"year_month":"2026-04","word_count":485,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"dadmin","author_nicename":"dadmin","author_url":"https:\/\/docs.protos365.net\/ba\/author\/dadmin\/"},"doc_category_info":[{"term_name":"Prvi koraci","term_url":"https:\/\/docs.protos365.net\/ba\/category\/getting-started\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/docs.protos365.net\/ba\/wp-json\/wp\/v2\/docs\/1523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.protos365.net\/ba\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.protos365.net\/ba\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docs.protos365.net\/ba\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.protos365.net\/ba\/wp-json\/wp\/v2\/comments?post=1523"}],"version-history":[{"count":2,"href":"https:\/\/docs.protos365.net\/ba\/wp-json\/wp\/v2\/docs\/1523\/revisions"}],"predecessor-version":[{"id":1561,"href":"https:\/\/docs.protos365.net\/ba\/wp-json\/wp\/v2\/docs\/1523\/revisions\/1561"}],"wp:attachment":[{"href":"https:\/\/docs.protos365.net\/ba\/wp-json\/wp\/v2\/media?parent=1523"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/docs.protos365.net\/ba\/wp-json\/wp\/v2\/doc_category?post=1523"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.protos365.net\/ba\/wp-json\/wp\/v2\/doc_tag?post=1523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}