Нов партньор?

partners[@]IT-PlayGround.net

Създадено за Вас

информирайте се, споделяйте

Пишете ни:

hello[@]IT-PlayGround.net

Защо да се присъедините?

1. чудесни членове в екипа - приятелски настроени, отворени за нови предизвикателства
2. споделяне на знание и опит от всички
3. организиране на социални събития със страхотните членове на екипа в Благоевград и/или София
4. промо кодове от партньорите ни
5. LinkedIn препоръки след известно време
6. още страхотни възможности. Останете в очакване ;)

свържете се с нас: hello[@]IT-PlayGround.Net

Урок: Как да създадем конкурс с видео/изображения в Джумла

В този урок ще разгледаме практически пример за как да организирате състезания за гласуване с изображения и видео в Джумла базирани уеб-сайтове. Ние тук ще ви покажем и някои съвети и трикове как да направите фини настройки на NorrCompetition конфигурацията.

Това е стъпка по стъпка ръководство съдържащо и видео (погледнете края на статията). Този урок е достъпен на други езици:

Започнете да работите

На първо място, трябва да изтеглите NorrCompetition пакета. Отидете тук: Продуктова страница.
След като закупите продукта трябва да отидете до секцията Моите файлове за изтегляне намираща се в сайта на NorrNext.
NorrCompetition - Страница за изтегляне на файлове
Тук ще намерите списък с разширения, свързани с NorrCompetition, които могат да се изтеглят. Това е самият компонент заедно с останалите модули (записи, състезания и модула за резултатите и други) както и различни плъгини (за търсене и плъгини за карта на сайта и други). След като получите всички необходими добавки вие можете да продължите към административния панел на вашата Джумла

Продуктът и неговите добавки могат да бъдат инсталирани като типични разширения на Джумла. Също така имайте предвид, че NorrCompetition е преведен на няколко езика. Вие също така можете да го преведете компонента в друг нов език чрез Transifex платформата. На страницата: тук можете да разгледате какви други езици има.

За ваше удобство при инсталиране на разширението NorrCompetition ще се създаде меню с елементи. Същият подход се вижда и в Kunena (това спестява време и вие веднага можете да видите кои функции са достъпни на предната (потребителска) част на сайта). След първоначалната инсталация ще се покаже съобщението подканващо ви да инсталирате примерни демо данни (в размер на 20 МБ изтеглени от външен сървър). Ако не желаете да използвате тези примерни демо данни, то вие може да продължите напред. Като следвате стъпките описани тук на вас няма да се наложи да използвате демо данните. По този начин можете да отидете на таблото на NorrCompetition компонента и лично да разгледате какви възможности предлага компонента така и да разгледате използваемостта му.
NorrCompetition табло
Компонентът притежава следната структура:

Категории. Минимална информация.
Полета. Полета по поръчка, на които може да присвоите състезания. Вие може просто да създадете заглавие, текстова област, поле за отметка и други. NorrCompetition използва собствени полета, които не са асоциирани с Джумла полета.
Състезания. Състезанията имат 3 типа: изображения, видео и обикновен. Не можете да промените типа, ако конкурсът е създаден, тъй като записите ще бъдат свързани със състезанието. Има множество от настройки групирани в раздели, така че можете да конфигурирате състезанието по ваш вкус. Гостите и регистрираните потребители ще могат да изпращат записи чрез формата за тази цел. Конкурсът може да е активен или завършен.
Записи. Записите са така наречените елементи на компонента. Записът ще се появи в конкурса след като бъде одобрено от администратор.

Трябва да работите върху структурата в следния ред: първо трябва да се създаде категория, след това да добавим задължителните полета. След това е време да създадете конкурс и да изберете коя категория да бъде назначена и кои полета трябва да бъдат добавени.

Можете да замените повечето от параметрите чрез настройките на конкурса. По този начин параметрите могат да бъдат зададени по подразбиране чрез глобалните опции за компоненти, но ако трябва да зададете някои персонализирани параметри, можете да ги направите чрез настройките на конкурса. Например, може да има няколко записа на ред или права и разрешения: само регистрирани потребители да могат да изпращат записи в първия конкурс, но във втория конкурс дори гостите могат да изпращат записи и така нататък.

Трябва да изберете тип на полето по време на добавянето:
  • Заглавие. Това е заглавието или името на записа. Например: Терминът "name" може не винаги да е подходящ за съдържанието на сайта ви предвид записите за хора и могат да бъдат неодушевени предмети (изложби, марки коли, изображения така нататък) или дори домашен любимец и ще трябва да има различно заглавие за всеки конкурс в структурата на сайта ви. Например, по-добре е да използвате име за "Мис Вселена" и марка за "Най-добрите автомобили" като заглавие.
  • Текст. Поле за въвеждане. Съществува филтър за това поле.
  • Текстова област. Вие може да изберете SafeHTML филтъра, за да премахнете несигурните етикети и атрибути. Ако изберете Текстови филтри, то вие може да вграждате каквито искате скриптове включително галерии, Google Maps и други.
  • Календар.
  • Поле за отметка.
  • URL адрес.

Вие можете да направите полето задължително или да скриете името му в предната (потребителска) част на сайта.

Компонентът е проектиран да ви осигури максимален комфорт по време на работния процес и е фокусиран върху функционалността на конкурсите, което позволява на интегратора да избере кои разширения от трети страни да се използват, за да получат допълнителните функции (социално разрешение, потребителски профил, и т.н.). По този начин потребителският профил може да бъде проектиран като използващ стандартни функции на Joomla, така че с помощта на разширението на 3rd party като EasySocial, социалното разрешение може да бъде осигурено от Akeeba Social Login или Slogin extensions и т.н. Ще говорим затова по-надолу.

Помислете за структурата на състезанието

Създадохме следните конкурси и полета:

Мис на месеца - най-очарователният посетител на клуба (конкурс)

  • име - заглавие
  • клуб - текст (поле за въвеждане на текст)
  • дата - календар
  • намерете ме в социалните мрежи - URL адрес до социалния профил на потребител в социалните мрежи


Господин на месеца
- най-доброто мъжко изображение (конкурс)

  • Полетата са същите като в предишния конкурс

Представяне на живо на месеца - най-добро представяне на живо (конкурс)

  • музикална група - заглавие
  • клуб - текст (поле за въвеждане)
  • описание - текстова област
Алтернативно изкуство - конкурс с артистични изображения, направени в студиото / Cosplay
  • Заглавие - заглавие
  • модел - текст
  • фотограф - текст
  • грим - текст
  • описание - зона с текст
  • намерете ни в социалните мрежи - URL адрес
  • съгласяване с правата за ползване на услугата - поле за отметка
Каква тема може да бъде избрана за организиране на конкурса? Зависи от фантазията ви. Ето няколко идейки от нас:
Мис Щат (и победителите подредени по градове), музикална група (това е добре за клубове и барове), национална кухня (най-добрите ястия на ресторанта), кола на годината, изпълнения на лед, детски картини, изложба на картини, танци, домашен любимец на месеца, най-добър студент, късометражен филм или филм, трейлър на годината, любима книга и много други. По този начин обхватът на използване варира от местните общности, образователни институции и клубове до градски портали и уеб-сайтове 2.0.

Да вземем например уеб-сайт, посветен на градските барове и нощен живот. Тя ще съдържа обяви на дневен ред, новини и доклади и сега можете да разширите сайта с конкурси.
Ето как върви - първите два конкурса са посветени на нощния живот: можете да посетите уеб сайтове на клубове и барове или социални медии, да направите най-впечатляващите снимки на посетителите по ваш избор и да изпратите записи в правилния конкурс, за да направите гласуването по-активно. Можете да преименувате заглавието на конкурса според идеята за сайта (лице на месеца и др.). Не пропускайте името на клуба и URL адреса на човека, чиято снимка е направена (по избор).

Третият конкурс е посветен на изпълненията на живо, записани в местния музикален клуб / бар. Това ще помогне на новите групи да получат повече внимание и признание. Те могат да ви помогнат да популяризирате конкурса, като обявите в своите социални медийни канали. В резултат на това всяка група ще привлече фенове да гласуват и аудиторията ви ще нараснат. Също така добавихме две нови полета: име на клуба и описание (за да дадем кратка информация за шоуто).

И накрая, Алтернативно изкуство - специален конкурс, в който творчески лица могат да изпращат записи със собствени изображения и да участват. Приятни фото сесии от професионалния фотограф, добър грим и нещо ръчно изработено (дрехи, аксесоари и др.). И накрая, Алтернативно изкуство - специален конкурс, в който творчески лица могат да подават записи със собствени изображения и да участват. Приятни фото сесии от професионалния фотограф, добър грим и нещо ръчно изработено (дрехи, аксесоари и др.). Готически изображения, стеамбук или косплей - изразителен начин за привличане на вниманието на хората. Можете да разгледате социалните медийни канали, свързани с тези теми, и да поканите творчески хора да вземат участие. Това е единственият конкурс в нашия пример, където потребителите могат да изпращат записи. Ето защо добавихме поле за отметка, позволяващо на потребителите да приемат Условия за ползване.
Също така създадохме 2 категории за горепосочените конкурси: Забавления и Изображения. Ето как изглежда новия режим на полето:

Добре, след като полетата са добавени:

Списък на полетата, които да се използват в конкурсите

Добавяне на конкурс

и сега е време да добавим конкурс:  

Добавяне на конкурс или състезание

Всички параметри са групирани по разделите. В първия раздел можете да въведете заглавие и пълно описание (можете да играете с текстово форматиране или да вмъкнете изображение, ако WYSIWYG е активиран). Допълнително към това Изберете категория и типа. Може да е Забавление или изображение за категорията и типа трябва да е изображение, Видео или обикновено. Можете да изберете типа еднократно по време на създаването на състезанието. Нека да бъде снимка.

Задайте началната и крайната дата на конкурса. При изтичане на крайната дата статусът ще бъде променен автоматично от активен на завършен и резултатите ще бъдат показани на страницата на конкурса. Препоръчително е да прочетете следния урок: Различни сценарии на конкурси за гласуване.

Сега да продължим с поле разделите и да изберем кои полета да бъдат присвоени към този конкурс. Освен това, заглавието е винаги задължително поле тъй като системата трябва да посочва въвеждащо заглавие на предната (потребителска) част на сайта.

Присвоете полета към конкурса

Следващият таб, който трябва да настройваме е опциите за оформлението. Тук можем да управляваме оформлението на конкурса.

Добавяне на конкурс - опции за оформление

Всички параметри са взети от глобалните опции, но можете да зададете персонализирани параметри за всеки конкурс и най-накрая да замените настройките. Нуждаем се от таймер за обратно отброяване, показващ няколко дни преди началото на гласуването. За да постигнете това просто настройте таймера за започване на гласуването на Да.

Нека да извършим подобни манипулации с господин на месеца конкурс (тип: изображение), така че няма да спрем на този детайл.

Сега е време да опитаме с видео конкурсите. Нека да създадем 4ти конкурс "Шоу на живо на месеца", тогава изберете видео тип и след това присвоете асоциираните полетата (спрямо структурата от по-горе). NorrCompetition поддържа няколко различни URL видео доставчика, който могат да се обработват. Освен Youtube, има редица други видео услуги като Vimeo, Instagram и други.
Ние ще добавим записите малко по-късно.

И най-интересният конкурс - Алтернативно изкуство. За разлика от предишните, особеността на този конкурс позволява на потребителите да изпращат записи. Тези записи могат да се подават чрез специален формуляр на предната част на сайта. След одобрение от администратора, записите ще се появят в конкурса. На потребителите не е позволено да изпращат записи по подразбиране, но ще зададем правилните разрешения, като изключим глобалните опции. Отидете на Конкурс > таба права и разрешения, намерете първите 4 параметъра (създай, създай преди начало на конкурса и т.н.) и ги настроите на позволени.

Добавяне на конкурс - права и разрешения

Глобални опции на компонента

Сега нека да продължим към глобалните опции. Това е бутона опции на дясната най-горна част на компонента в панела за администратора. 

Раздел общи

Нека да изберем подходяща тема (например Bootstrap 3) и да намерим параметъра Уведомления при записите
Какво е това? Администраторът на сайта може да получава известия, когато потребителят подаде запис в предната част на сайта. Ако записът е одобрен и публикуван и след това подателя на записа има възможността да редактира записа в предната част на сайта като например: (промяна на изображение или описание). Подателят може да направи това по този начин, че записа се отстранява от публикуване и администратора ще трябва отново да провери. Това е добра опция тъй като администратора на сайта трябва да може да контролира промените на записите. Така че тази опция има 2 параметъра: уведомления при нови записи или уведомления при променени записи. Нека да разгледаме и двата параметъра.

Бутон за споделяне - бутони за социалните мрежи за споделяне на страниците (Open Graph се поддържа) - нека да добавим всички бутони за достъпните социални мрежи.

Раздел конкурс

Брои записи param - посочете броя записи, които участникът може да подаде за един конкурс. Нека да опитаме да го зададем на 3.

Включване на допълнителните изображения
  • Допълнителни изображения - този параметър позволява добавянето на допълнителни снимки, дори и при видео тип на конкурса, превръщайки снимките в мини-галерия. Това е магически параметър! Ние ще го зададем на "Да".
  • Опции за гласуване - тук са стандартни настройки, но можете да настроите параметрите. 

Раздел коментари

Има възможност да се постави система за коментари на страницата със записи. Между другото е възможно да добавите различни коментари, групирани в раздели. Нека сега да бъде Komento.

Раздел изображение

Тук трябва да зададем параметри за размера на изображенията, които да се генерират от компонента: миниатюрна снимка, среден размер и огромни изображения. Между другото, можете да зададете ширина и височина по избор за тези изображения в режим за редактиране на конкурсите. Това ще позволи създаването на конкурси с различен размер за изображения. Например, в някои случаи може да се наложи да имате вертикални и хоризонтални снимки в различни конкурси.

Раздел права и разрешения

Тук можем да зададем кои потребителски групи трябва да имат разрешения за конкретни действия. Това е важно, тъй като гласуването не е разрешено по подразбиране. Нека да пропуснем гост групата и да изберем групата за регистрирани потребители и зададем гласуването на позволено. Сега регистрираните потребители могат да гласуват за записи.

Добавяне на записи

Вие може да добавите половината записи от административната част на сайта. Ще изглежда по следния начин:

Добавяне на запис чрез административната секция

Спомняте ли си, че по-горе бе споменато, че регистрираните потребители могат да изпращат записи в предната потребителска част на сайта? По-долу е екранната снимка как изглежда това: 

Изпращане на запис чрез предната потребителска част на сайта

Тук ние може да видим всички полета по поръчка, които сме присвоили към конкурса, които включват избраното поле "Съгласен съм с Условията за ползване".

Щом записът е изпратен, той трябва да се одобри от модератор и след това той ще появи в конкурса. Между другото, потребителят може да създава конкурси в предната потребителска част на сайта. (Това също така е под наблюдение от администратора на сайта). Ние не се нуждаем от това в този случай. По-долу може да видите как изглежда страницата - Моите записи:

Страница с моите записи - потребител може да промени записите

 Това е списък с потребителски вписвания, с възможност за редактиране на всеки елемент и придвижване до началната страница. Всичко е просто и изчистено.

Активен конкурс в предната потребителска част на сайта

Добре, всички необходими данни са готови и ние може да стартираме конкурса. След това може да направим разширено промотиране. По-долу може да разгледате как изглежда активния конкурс:

Активен запис с таймер за обратно отброяване
Страница със записи

Превръщане на посетителите в потребители

​Добре, структурата е създадена. Записите са добавени и гласуването е започнало. Сега е време да добавите различни подобрения, за да направите сайта по-лесен за използване.

Предвид факта, че само регистрирани потребители могат да гласуват в 3 създадени конкурса, то първият приоритет сега е добавянето на отозирация чрез социална мрежа да позволи на потребителите да се запишат/вписват в сайта чрез няколко щраквания и да гласуват без скучен процес на регистрация с потвърждение на акаунта чрез имейл и сходни. За да имате такава функционалност ще вие е необходима добавка разработена от трета страна. Вие може да погледнете тук: Akeeba Social Login или Slogin и да се уверите, че иконките на социалните мрежи са се появили в съответния модул за вход.

И сега нека да заменим съобщението "нямате достатъчно права за гласуване" в съобщение по желание, което ще гласи, че потребителя трябва да се впише в сайта преди това за първи път. Това може лесно да се постигне чрез Джумла езикови презаписвания.

Отидете на Разширения > Езици > Презаписвания > Ново.

Опитайте се да търсите стойността, за да получите съответната неободима константа (COM_COMPETITION_VOTE_ERROR_NO_PERMISSIONS), задайте презаписването и съхранете. Сега получаваме новото съобщение: "За да може да гласувате за запис трябва да сте се вписали в сайта като използвате акаунт за социална мрежа."

Презаписване на езикова константа в Джумла!

Опции за гласуване

Възможността да се определят варианти за гласуване според изискванията на конкурса е много важен момент. Вие ще трябва да отидете до Опциите > раздел конкурси > Опции за гласуване.

Тук може да зададете честотата на гласуване, максималния брой гласове на записи, които потребител може да направи на брой запис (например възможност за гласуване отново), различни параметри на проверка за осигуряване на защита от несправедливо гласуване и т.н.
Традиционно тези параметри могат да бъдат отменени в настройките за конкурсите.

Управление на активните конкурси

Е добре, всички необходими задачи са изпълнени и гласуването е в процес. Как изглежда процесът на управление на конкурсите и управлението им? За щастие това не е трудно.

По-горе сме посочили, че NorrCompetition може да праща уведомления за нови и променени записи по подразбиране. За да получите такъв резултат, трябва да добавите тези опции в глобалните настройки.

Също така има списък с изчакващи записи в таблото на компонента. Като щракнете върху който и да е от изчакващите елементи, ще продължим към режима за редактиране на записите и ще видим таблицата за сравнение със старото и промененото съдържание. Ако всичко е добре то ние може да публикуваме записа.

записи очакващи одобрение

Модериране на промените на записа

Потребителят може да редактира записа при редактиране и да променя някои данни в предната потребителска част на сайта. Може да е нещо като текстова област с описание (да не забравим да зададем правата позволяващи редактирането на записа). По този начин записът ще е блокиран и ще стане недостъпен в конкурса докато се преразгледа от сайт администратора. Бих искал да се запозная с това по-подробно.

Моята страница със записи

Промененият запис в списъка със записи изглежда така:

Индикатор на променени записи в списъка със записи

Появява се специална икона, която идентифицира записът като променен от потребителя.

Продължете към Редактиране и можем да видим режим на сравнение, разделен на две части: в лявата част се състои от старо съдържание и промененото съдържание се показва в дясната страна. Медията и полетата са променени от потребителя и се поставят в жълт цвят.Модераторът също може да променя полетата.

Сравнение на данните - текущите и променените записи

​Ако всичко е добре - то просто задайте параметъра на Потвърдено в долната част на страницата и щракнете върху Съхрани. Този запис се появи отново в конкурса.

Допълнителни известия

Две стандартни събития за известяване помагат на администратора на сайта с модерирането. Но също така може да се наложи да уведомите състезателя за някои действия. За да получим такъв резултат, ние ще трябва да инсталираме NorrCompetition Notifications плъгина, който идва като основна добавка.

Плъгинът изпраща уведомления до имейл за следните действия:
  • Публикуван запис
  • Непубликуван запис
  • Записът е бил одобрен
  • Записът не е бил одобрен
  • Записът е отхвърлен (изпратен в кошчето)
  • Записът е спечелил глас (някой е гласувал за този запис)
Тези известия изцяло покриват нуждите на потребителите.

Завършен конкурс. Резултатите се показват.

Така че крайната дата за гласуване е изтекла и конкурсът е променил статуса й до завършената. Като резултат, потребителите вече нямат възможността да гласуват и списъкът с оформления на записите е променен.

Grand Prix статус.

Grand Prix (от френски език) означава основната награда, дадена на победителя в конкурса или в конкурса.
Компонентът е предназначен да присвоява Grand Prix статуса до един запис на база конкурс. Въпреки резултатите, записът с Grand Prix статуса винаги ще се показва първи. 

Запис с Grand Prix статус

​Като резултат, сайт администратора може да присвоява Grand Prix статус към записа спрямо симпатиите на редакционната колегия или членовете на журито.

Групиране на победителите по персонализирани полета
Хубаво е да обобщим и да видим списък с вписвания от най-висок рейтинг до най-нисък, но... В зависимост от конкурса вие може да групирате победителите по полета. Например да групирате записите по град или възраст. Можете да покажете 3 победители от Ню Йорк, по-долу са 3 победители от Лос Анджелис и други. Полето град сме го добавили преди NorrCompetition може да сортира резултатите като използва метода, който е описан.

За да се достигне такъв резултат, моля редактирайте необходимия конкурс > Опциите за оформлението и потърсете параметрите посочени под Опциите за завършване на секцията:

Завършени опции за конкурса
Брои записи при резултат - броя на записите с най-висок рейтинг, които се показват в завършения конкурс. Традиционно тази стойност е 3 (може да бъде променена), но всички други записи са показани по-долу.
Поле за групиране - изберете полето, което ще бъде използвано за групиране на записите, когато конкурсът е завършен. Това трябва да е град или клуб според нашия пример за сайт.
Записи на брои поле - този параметър ще се покаже по-долу. Също така нека да е 3.

Победителите се показват в следната схема:
Победителят с Grand Prix статус (ако който и да е запис има такъв статус) има най-високия приоритет и визуално се различава от останалите. По-долу може да видим победители независимо от полето. Ако има избрано групиране по полета, то тогава ще видим списък с победители спрямо стойностите взети от полето и да се спускат. Ако групирането не е избрано, то тогава ще се покажат всички записи.
Победителите в завършен конкурс са групирани по поле

Други функционалности на компонента

Има ли други интересни функции или трикове?

Многоезични конкурси. Компонентът поддържа също така множество езици за конкурсите. Вие може да преведете заглавията на състезанията, категориите, полетата и Grand Prix описанието. Данните за вписванията не могат да бъдат преведени, защото в реална ситуация това ще направи процеса на изпращане по-труден за крайните потребители, които няма да се интересуват от локализирането на съдържанието им на други налични езици.

Монетизация. Може да погледнете тук: AUP плъгин за NorrCompetition - използвайки тези правила, можете да зададете резултати от AUP за изпълняващите действия и да зададете лимити. Например: за да присвоите резултат -1 за гласуване потребителя трябва да закупи резултати за гласуване за записите. Плъгин за плащане за AUP може да е необходим също така.

Друг алтернативен начин за монетизация. Настроите NorrCompetition правата и разрешенията позволяващи на специфични потребителски групи само да гласуват и само тези потребителски групи да извършват определените действия като гласуване. След това ще се нуждаем от разширение за абонаментни програми за Joomla. Това отваря широк спектър от приходи - можете да създадете няколко плана за ценообразуване за определен период от време (5 дни, 2 седмици, 3 месеца и други). След успешно заплащане, потребителят ще бъдат присвоен към специфична потребителска група (която ще е вече настроена в NorrCompetition ). Потребителят ще трябва да гласува за записи, да изпрати записи и т.н. Когато абонамента изтече, то потребителя ще бъде отново добавен към регистрираната потребителска група и ще трябва пак да се абонира, за да ползва желаните преференции.

Обобщение

Функционалността на NorrCompetition е достатъчно разширена и достъпна за организиране на различни конкурси и гласувания. Освен това гъвкавите опции ви позволяват да приспособите компонента към вашите нужди.

Компонентът има лесен за ползване интерфейс и е снабден с различни теми - лесно е да се презапише дизайна чрез Joomla! шаблона. Кодът е изчистен и на 100% съвместим с Джумла стандарта. Вие също така може да включите коментарите, някои функционалности могат да се включат чрез плъгини. Ако сте разработчик, то вие може да разработвате вашите собствени плъгини като използвате API-то на компонента и разширената налична документация.

Желаем ви успех при изграждането на конкурси за гласуване чрез използването на NorrCompetition !

Видео ръководство

Как да започнем от нулата с ITIL

Абонирайте се за новини свързани със сайта

За проекта

IT-PlayGround.NET logo

a Personal IT PlayGround project developed over the years.

Powered by:  www.sslavkov.eu

Социални мрежи: