Sorry, you need to enable JavaScript to visit this website.

Портфолио - Смешкови урађени пројекти


          Досадашњи Смешков портфолио је био надасве у знаку већег задржавања на појединим обимнијим пројектима, но ево неких примера урађених сајтова.

 

Одред извиђача "Спартак" Суботица


          Вишегодишњи (од 2013.) обимни пројекат интернет библиотеке (преко 1700 "страна", тренутно преко 540 наслова литературе, огромна база корисника, ...) у оригиналној варијанти одрађен од стране колеге Бојана Опачића а по Смешковој замисли организације и структуре материјала, да би потом администрација, поставке материјала, разне додатне надоградње, абдејти, одржавање и сл. прешло у надлежност "Смешко веб дизајна".

          Сајт је пример комплексне категоризације материјала, пример комбиновања различитих типова претрага и приказа/излиставања материјала и разгранате структуре менија како би се корисницима олакшао приступ тако обимној грађи (након тих подешавања "иза сцене", корисници зависно коме шта више у ком тренутку одговара литератури може да приступи преко: засебних приказа по категоријама, визуелно прегледном јединственом листом постављене литературе, преко напредне претраге по кључним речима и подацима, преко разних сортирања и табеларног приказа: најновије, најтраженије, препоручујемо, или пак преко промоција одређених наслова, ...).

          Такође, ово је пример сајта за широку заједницу корисника, са могућностима заједничког уређивања материјала пробраних корисника унутар неке заједнице / организације / тима, ...

          Специфична додатна тежина сајта лежи у његовој мултијезичкој подршци за тако комплексан материјал, да смо до краја у преобимном материјалу успели за сада само део планиране језичке подршке да одрадимо. Имамо комплетиране латиничну и ћириличну структуру, а енглески смо уз комплетирану структуру успели само мањим делом да покријемо по питању садржаја (текстови, литература). Од мађарског смо пак до даљњег морали да одустанемо - сва структура је ту (тренутно "невидљива" за кориснике), али се није имало капацитета за превођење и објављивање свих тих страна (око 700-800 по "језику").

          У предстојећем периоду је - уз постављање литературе која је још на чекању за обраду - у плану и велика комплетна надоградња/осавремењивање сајта. Након те надоградње, сајт ће између осталог у потпуности имати и прилагодљив дизајн (за различите уређаје и величине екрана), што је тренутна мана овог сад већ "остарелог" дизајна.


 

Сајт и веб продавница "Geris & Leon"


          Новији пример одрађеног пројекта, e-commerce сајта / веб трговине, са карактеристичним задацима при његовој изради:

  • Визуелно идентична израда сајта по датом узору: по пређашњој верзији клијентовог сајта, уз ситније новине. (Тек касније смо имали неке тражене надоградње и различита одступања од оригинала у појединим елементима, који су изродили рецимо садашњу варијанту каталога.)
  • Мултијезичка подршка (оригиналне структуре и уноси за 3 језика: италијански, немачки и енглески + Гугл преводилац за додатне језике), са специфично траженим "заставицама" за избор језика.
  • Подршка за цене и плаћања у различитим валутама, у различитим државама.
  • Различити обрачуни поштарина.
  • По потреби активирање различитих промоција и попуста, ...
  • PayPal плаћање (класично и картицама).
  • Административни прегледи извршених наруџби и сл.
  • Каталог производа је урађен мало специфично и нестандардно за веб трговине - у виду засебних табела (рецимо: Geris chiusi acquista online >>) које се трансформишу и засебно приказују код малих екрана. Ово је тражено јер је такав био узор по коме је рађено, а касније су ипак унешене специфичне мање измене којима смо дошли до садашњег решења (у виду 6 подкаталога за сваки (под)тип производа).
  • Прилагодљив дизајн (=подршка прилагодљивог приказа за различите уређаје и величине екрана), са посебним типовима табела зависно од величине екрана.
  • Галерије производа (са аутоматским додавањем слика производа одређеног типа, рецимо галерија анатомске обуће отвореног типа >>).
  • Слајдови производа (на насловној и посебно на странама одређеног типа производа (пример: Ciabatte anatomiche chiuse >>)).
  • Специфично по узору одрађене стране производа (пример: Sandali Leon pelle 1004 >>).
  • Коментари на сајту и блок са њиховим сумирањем.
  • ...

 
          Што се тиче уноса материјала и основној функционалности (унос текстова, производа, слика, цена, спецификација, комуникација са клијентима, трансакције, ...) овај сајт је већ у потпуности "у рукама" клијента (за разлику од "Спартаковог" сајта где је договорно и главна администрација и унос материјала наш део обавеза).
На нама су пак само по потреби нове дораде/додавање нових функционалности, те константно комплексно одржавање сајта (за разлику од рецимо поменутог преједноставног "Lucky 3 Rooms"), његове функционалности, безбедности, абдејтовања/надоградње и сл.

          Иначе, морамо да похвалимо клијента на њеној крајњој коректности и професионалности у пословању, те ако се некоме ове преслатке сандалице/ципелице свиде може да је контактира (слободно на српском) овде >>.


 

Сајт и веб продавница "Calzoleria del Borghetto"


          Такође новији пример одрађеног e-commerce сајта / веб трговине, делом по узору на "Geris & Leon" (тражено тако), али и са својим специфичностима.
          Задаци код овог пројекта су били следећи:

  • Основна функционалност сајта да буде у многоме слична сајту "Geris & Leon" (слајд на насловној, систем наручивања производа, PayPal, странице производа, коментари, дељење на друштвеним мрежама, заставице, Гугл преводилац, ...).
  • Мултијезичка подршка (италијански и немачки (на демо верзији сајта имамо и енглески) + Гугл преводилац).
  • Каталог производа је овде рађен у некој стандарднијој и комплекснијој форми, где се на једној страници добијају различита категорисања производа зависно од тога шта се у филтерима са стране одабере (ради лакшег сналажења (ко не зна италијански и немачки) можда да баците поглед на енглеску верзију каталога са Смешковим смајлићима ;-) на демо верзији сајта), а такође постоје и други начини сортирања и класичних претрага, ...
  • За нијансу комплексније категорисање производа са различитим комбинацијама атрибута, подкатегорија (видљиво на каталогу и приказу појединачних производа, рецимо пример овде>>).
  • Овде није било тражења више валута као на "Geris & Leon" па је по том питању структура била једноставнија.
  • Прилагодљив дизајн, тј. подршка прилагодљивог приказа за различите уређаје и величине екрана (рецимо упоредите приказ каталога производа и одабир филтера при употреби мобилних апарата (оних мањих екрана), таблета и класичних екрана).
  • Слајд производа на насловној страници.
  • Страна појединачног производа слична "Geris & Leon" (но овде због различитијих типова производа приказ елемената / атрибута зависи од типа / подтипа производа), са такође "на клик" увећаним приказом слике преко читавог екрана.
  • Визуелни идентитет је рађен на основу првобитно добијеног логоа специфичног и мало незахвалног колорита (пример остао на демо сајту >>) како би се што боље међусобно уклопили, да би тек касније била затражена замена логоа (уз останак постојећег колорита сајта).

          Као и код сајта "Geris & Leon" и овде је администрација садржаја предата у руке клијенту.


 

"Цврчкови" - сајт за онлајн наставу


          Пример (и даље актуелног) пројекта за држање онлајн часова током периода ванредне (и комбиноване) наставе услед Ковид пандемије.

          Првобитна верзија сајта је била одрађена у рекордном року (3-4 радна дана уз каснија само основна дотеривања у ходу) без великог детаљисања, са приоритетним задатком да се сајт под хитно оспособи за рад већ у првој недељи изненадног преласка са редовне на онлајн наставу (= 16. марта 2020.).

          Тек током августа и у првим данима септембра 2020. - када се иоле искристалисала визија Министарства просвете о начину спровођења наставе у школској 2020/2021. години (=комбинована настава са поделама на подгрупе, ...) - сајт је функционално надограђен и прилагођен новим захтевима, а такође сада уз више времена на располагању сајт је и визуелно дотеран (нов лого, илустрације/маскоте за Огласне табле, илустрације за лекције,...).

Основни захтеви за актуелну (новију) верзију сајта (школска 2020/2021.):

  • Прављење својеврсних засебних "Насловних страна", тзв. "Огласних табли" за свако одељење, које имају улогу основне раскрснице и преглада релевантних садржаја за дато одељење.
  • Огласне табле имају (за сада):
    1) маскоту ("Совицу" ;-) );
    2) табелу са актулелним лекцијама и информацијама која подгрупа (А и Б) када коју лекцију ради (онлајн или у школи);
    3) табелу актуелности (чланака, вести,...) релевантних за дато одељење;
    4) засебан календар лекција за сваку подгрупу у датом одељењу (кад одређена група обрађује коју лекцију онлајн).
  • Надограђена варијанта за унос лекција, која ће моћи да испрати нове захтеве за онлајн и комбиновану наставу, али да такође буде већ у старту довољно флексибилна да може да подржи и разне непредвидиве нове захтеве Министарства о начину спровођења наставе за ову школску годину.
    Да би то било изводљиво, морали су да се праве системи где ће свака лекција моћи да се означи - поред поделе по одељењима (које одељење обрађује дату лекцију), узрастима, редоном броју лекције и по подгрупама (А и Б) и по различитим периодима обраде за свако одељење и подгрупу (поделе и датовања која после доводе до различитих сортирања по блоковима, табелама, календарима различитих типова, за различите групе и одељења).
    Такође лекције су сада добиле и стандарднију своју илустрацију.
  • Новија верзија сајта је требала у засебној архивираној секцији да има приступ и прошлогодишњој (март-јун 2020.) верзији садржаја (огласне табле за прошлогодишња одељења, прошлогодишње лекције,...).
  • Новија верзија сајта са својим новим типом уноса лекција, визуелним решењима, табеларним и другим приказима садржаја, ...  требала је да остави нетакнутим прошлогодишње већ унете лекције и огласне табле.
  • База за свеукупни преглед овогодишњих и прошлогодишњих лекција.
  • Труд да се сајт, огласне табле и лекције - и поред разних садржаја - максимално одржавају прегледним (због ђака и њиховог фокусирања на лекције, уз често коришћење малих екрана)!
  • Безбедност и приватност малих корисника:
    1) максимално избегавана потреба за логовањима,
    2) избор дугмића за дељење садржаја који максимално поштују приватност корисника,
    3) избегавање разних Гугл и сл. аналитичких алата.
  • Само ћирилична верзија сајта (тј. овде нема потребе за мултијезичком подршком нити додацима за Гугл преводица).
  • Посебан одељак сајта ("Додатно") за разне додатне активности, секцију, препоручене линкове и сл.
  • Главни мени који ће бити у функцији што прегледнијег приступу читавој структури и садржајима сајта.
  • Мапа сајта - као додатно побољшање прегледности и кретање кроз структуру сајта.
  • Насловна страна са лаким приступом Огласним таблама и најважнијим садржајима (актуелне лекције, актуелне новости).
  • Блокови са RSS feed актуелним садржајима са сајтова који су релевантни за дате лекције, предмет и сл., посебно распоређени (на тачно одређеним странама RSS обавештења са одређених сајтова, а не свуда подједнако).
  • Контакт форма и контакт блок који је на дохват руке за лако слање одговора на питања из лекција.
  • Актуелности.
  • Нов оригинални лого за сајт (ово се у првој мартовској верзији није имало кад), решења маскота ("Совица") за огласне табле.
  • Тема која је у старту лака за рад (у силним те тркама са временом, те сили захтева са нагласком око функционалности за нову школску годину - темирање је овде било ипак за нијансу у другом плану), али која дозвољава и флексибилнија "custom" каснија решења ако се за њима појави потреба.
  • Дизајн прилагодљив за различите уређаје и екране.


          Детаљнији описи новина у надограђеној верзији сајта >>

 

 

PS

:-) Умало да заборавимо!?! :-)
На овом списку је и:

"Смешко веб дизајн"

Захтеви:

  • Потенцијал за комплексне могућности, али опет баланс да се користе само неопходне / оптималне опције како би био што лакши за одржавање, не би ли се максимум времена могао усредоточити на захтеве и потребе клијената и њихових сајтова. (Што лепо кажу - мајстор свима стиже, а себи не стиже. ;-) )
  • У горе поменутом смислу је одабрана и нека класична прихватљива постојећа тема, лака за одржавање и без потреба за неким већим интервенцијама (лепа нам већ сама по себи). (Ово у неком моменту можда променимо, али за сада смо у силним гужвама на другим странама сасвим задовољни садашњом варијантом.)
  • Но, тема ко тема - лого је већ морао бити Смешка достојан! ;-)
  • Контакт форме различитог типа.
  • Безбедност (стандардно нама у пројектима важна ставка).
  • Мултијезичка подршка (макар за сада у овој елементарној опцији латиница / ћирилица).
  • Гугл преводилац (поготово што не стижемо да озбиљније порадимо на сопственој енглеској верзији сајта).
  • Дизајн прилагодљив за различите уређаје и екране.

 

 

// Стари, неактивни пројекти:
 

Преноћиште "Lucky 3 Rooms" Суботица


          Пример крајње једноставног "статичног" (HTML5 + CSS3, уз пар додатака), а надасве функционалног сајта (даје све неопходне информације за презентацију и контакт); који је лак за одржавање и који поред тих основних минималних трошкова израде готово да после нема трошкова одржавања и сл. (који су важна ставка код ових других комплексних примера), не рачунајући годишње трошкове хостинга и домена.

          За оне који свраћају до Суботице и Палића, или им је Суботица успутна станица ка Мађарској и сл. - било појединачно било у групама, било да су у пролазу или се дуже задржавају - најтоплије препоручујемо стварно повољан и пријатан смештај у оквиру овог преноћишта предусретљивог и љубазног газде.

***  У међувремену преноћиште "Lucky 3 Rooms" је престало са радом па је и сајт деактивиран.

 

Портфолио - Смешкови урађени пројекти - Радови су у току