== Иницијална архитектура == // === 1. Архитектура === Мрежната инфраструктура функционира базирано на моделот клиент-сервер. Клиент-сервер архитектурата е компјутерски модел во кој серверот е домаќин (host). Тој испорачува и управува со повеќето ресурси и услуги што треба да ги потроши клиентот. Овој тип архитектура има еден или повеќе клиентски компјутери поврзани со централен сервер преку мрежа или интернет конекција. Системот прави поделба на компјутерски ресурси. Архитектурата клиент/сервер е исто така позната како компјутерски модел за вмрежување или мрежа на клиент/сервер бидејќи сите барања и услуги се испорачуваат преку мрежа. Централниот сервер е поврзан со базата на податоци, додека серверскиот оперативен систем е Linux. Клиентот треба да поседува стабилна интернет врска за да може да оствари комуникација со серверот [9]. Неколку главни карактеристики на клиент-сервер моделот се: - На клиентите и серверите им треба различна количина хардверски и софтверски ресурси. - Клиентска или серверска апликација комуницира директно со протоколот за транспортниот слој за да воспостави комуникација и да испраќа или прима информации. - Еден компјутер од класа на сервер може да понуди повеќе услуги во исто време; потребна е посебна серверска програма за секоја услуга. Предности на клиент-сервер моделот во споредба со peer-to-peer се: + Подобрено споделување податоци - податоците се чуваат со вообичаени деловни процеси и се манипулираат со сервер и се достапни за назначени корисници (клиенти) преку овластен пристап. + Интеграција на услуги - на секој клиент му е дадена можност да пристапи до корпоративни информации преку работниот интерфејс, елиминирајќи ја потребата да се логира во терминален режим или друг процесор. Алатките за работна површина како табеларни пресметки, презентации на power point итн. може да се користат за справување со корпоративни податоци со помош на бази на податоци и сервери за апликации кои се наоѓаат на мрежата за да произведат значајни информации. * Заеднички ресурси меѓу различни платформи - апликациите што се користат за моделот клиент/сервер се изградени без оглед на хардверската платформа или техничката позадина на оперативниот софтвер, обезбедувајќи отворена компјутерска околина, со што се овозможува корисниците да ги добијат услугите на клиентите и серверите (база на податоци, апликација, сервери за комуникација). * Можност за обработка на податоци и покрај локацијата - Преку клиент-сервер, корисниците можат директно да се најават во системот и покрај локацијата или технологијата на процесорите на различните машини што се користат во денешно време. * Лесно за одржување - Архитектурата клиент-сервер е дистрибуиран модел што претставува дисперзирани одговорности меѓу независни компјутери интегрирани низ мрежа, затоа и претставува предност во однос на одржувањето. * Безбедност - серверите овозможуваат квалитетна контрола врз пристапот и ресурсите со што се гарантира дека само овластените клиенти можат да пристапат или манипулираат со податоците, и ажурирањата на серверот се администрираат ефикасно. \\ [[Image(architecture.svg)]]\\ ''Слика 2 - Клиент-сервер архитектура''\\ [[Image(architecture_saveSpace.png)]]\\ ''Слика 3 - Клиент-сервер архитектура на системот''\\ На Слика 3 е прикажана архитектурата на системот.\\ Својства на клиентот: - Имаат сопствена копија на оперативниот систем - Стартуваат една или повеќе апликации - Апликацијата комуницира со серверот каде што се наоѓа базата на податоци преку мрежа. Својства на серверот: - Има сопствена копија на оперативниот систем - Стартува систем за управуваое со базата на податоци - Овозможува начин да се прифати конекцијата и барањата од клиентот. Својства на конекција: - софтверска алатка која овозможува конекција меѓу клиентот и серверот, така што ќе може да се разменуваат барања и одговори меѓу нив. === 2. Класен дијаграм === UML Class дијаграмот е графичка нотација што се користи за конструирање и визуелизација на објективно-ориентирани системи. Класен дијаграм во Унифицираниот јазик за моделирање (UML) е тип на дијаграм за статичка структура што ја опишува структурата на системот со прикажување на системот и неговите атрибути,операции (или методи) како и односите меѓу нив. [10][[br]] [[br]] На сликата подолу е прикажан класен дијаграм на базата на податоци која се користи за системот за архивско рабптење SaveSpace. Може да се забележи дека клучна класа е класата Folders со која се поврзани поголем дел од останатите класи. Од оваа класа се креираат повеќе видови на објекти, односно сите видови на архивски датотеки кои ќе бидат додадени на сервер. Може да се забележи дека се чуваат пoдатoци за корисникот, оддели (физичка локација), архивски број и слично што во нашиот случај се вадат како регистри и подоцна се користат за формирањее на гoлемата слика т.е. архивските документи. [[br]] Во архивското работење многу битен податок е да има увид кој корисник (референт) ги има внесено датотеките (документите) и дали се внесени во правилен формат. На сликaта подолу може да се види дека во класата Folders се чуваат податоци за корисникот кој ја додал и времето кога биле додадени датотеките. Преку класата Files се внесуваат датотеките во одреден фолдер кои подоцна ќе бидат зачувани во базата на податоци. Една датотека од класата Folder може да има неколку прилози со различни имиња. Во класата Permissions се зачувани имињата на пермисиите кои ќе се зачувуваат во класата Roles_permissions која е во релација со класата Roles каде се зачувани имињата на ролјите со цел за секоја ролја да може да се додели одредена пермисија. Класата Roles е во релација со класата User преку која се доделува ролја на корисникот. Во класата Password_resets се зачувува секој обид за промена на лозинка со цел да token-от да не важи повеќе од даденото време. Во класата File_types се зачувуваат валидациските правила за прикачувани на датотеки. [[Image(umlClassDiag.png)]]\\ ''Слика 4 - UML класен дијаграм на апликацијата'' === 3. Секвенцијален дијаграм === [[br]] Секвенцијалните дијаграми се динамично решение за моделирање во UML бидејќи тие конкретно се фокусираат на процесите и објектите што живеат истовремено, и пораките што се разменуваат меѓу нив за да извршат функција пред да заврши животната линијата. [[br]] Секвенцијалниот дијаграм е тип на дијаграм за интеракција, бидејќи опишува како - и по кој редослед - група објекти работат заедно. Овие дијаграми се користат од развивачи на софтвер и деловни професионалци за да ги разберат барањата за нов систем или да документираат постоечки процес. Секвенцијалните дијаграми понекогаш се познати како дијаграми на настани или сценарија за настани [11]. [[br]] [[br]] На сликата подолу е прикажан секвенцијален дијаграм за креирање на фолдер. Процесот за креирање на фолдер е следен: корисникот се најавува во системот со внесување на своето корисничко име и лозинка. Потоа ја верифицира најавата со внесување на OTP кодот кој го добива преку маил. По автентикација се обидува да креира фолдер. Прв чекор е изброр на оддел. Потоа ја пополнува формата и ги прикачува датотеките. Со клик на submit се праќа барање да серверот и доколку помине валидацијата се креира фолдерот со тоа што се запишува во базата на податоци. [[Image(umlSequence_folder.png)]]\\ ''Слика 5 - Секвенцијален дијаграм за креирање на нов фолдер'' === 4. Користени технологии === [[br]] === Laravel === Laravel е PHP рамка со отворен код, која е робусна и лесна за разбирање. Следи шема на model-view контролер. Laravel со повторување ги користи постојните компоненти на различните рамки што помага во креирање веб -апликација. Во тој начин дизајнираната веб -апликација е повеќе структуирана и прагматична. Laravel нуди богат сет на функционалности што ги вклучува основните карактеристики на PHP, рамките како CodeIgniter, Yii и други програмски јазици како Ruby on Rails. Laravel има многу богат сет на карактеристики што ќе ја зголемат брзината на веб -развој.\\ Кога дизајнираме веб -апликација со Laravel, тој ги нуди следниве предности [12]:\\ • Веб -апликацијата станува повеќе скалабилна\\ • Заштедено е значително време при дизајнирање на веб -апликација, бидејќи Laravel повторно ги користи компонентите од друга рамка при развивање веб -апликација.\\ • Вклучува интерфејси, со што помага да се организираат и управуваат ресурсите === Blade === Blade е едноставен, но моќен engine за шаблони што е вклучен во Laravel. За разлика од некои PHP engines за шаблони, Blade не не ограничува да користиме обичен PHP код во нашите шаблони. Всушност, сите Blade шаблони се компајлираат во обичен PHP код и се чуваат во кеш додека не се изменат, што значи дека Blade во суштина додава нула трошоци на вашата апликација. Датотеките со шаблоните на Blade ја користат наставката на датотеката .blade.php и вообичаено се складираат во директориумот за ресурси. [13].\\ === Bootstrap === Bootstrap е бесплатна рамка со отворен код за создавање веб-страници и веб-апликации. Рамката Bootstrap е изградена на HTML, CSS и JavaScript (JS) за да го олесни развојот на веб-страници и апликации за мобилни телефони.\\ Реактивниот дизајн овозможува веб-страница или апликацијата да ја открие големината и ориентацијата на екранот на посетителот и автоматски да го прилагоди приказот соодветно. Bootstrap вклучува компоненти на кориснички интерфејс, распоред и JS алатки заедно со рамката за имплементација.\\ Кај компјутерите, зборот bootstrap значи да се подигне: да се вчита програма во компјутер користејќи многу помала почетна програма за да се вчита во саканата програма (која обично е оперативниот систем) [14].\\