21 заметка с тегом

сайтостроение

Топ 10 ошибок на сайте церкви с позиции законодательства

РЦХВЕ как-то опубликовало интересную презентацию по типичным ошибкам совершаемым в церкви в сфере медиаслужения.

  1. Церковь не указывает полное наименование на информационных площадках, где осуществляет свою деятельность: интернет-сайт, сообщество в социальных сетях, канал на YouTube и прочее
    Основание Федеральный закон от 26.09.1997 N 125-ФЗ ст. 8.8
    КоАП РФ Статья 5.26 ч.3
  2. Регистрация доменного имени на случайного человека
  3. Аренда хостинга за пределами РФ
    Согласно ч. 5 ст. 18 Закона о персональных данных
  4. Отсутствие на сайте политики в отношении обработки персональных данных
    Федеральный закон «О персональных данных» от 27.07.2006 N 152-ФЗ
  5. Не берут согласие на обработку персональных данных, которые собираются посредством сети «Интернет»
    Согласно ч.1 ст. 9 Закона о персональных данных
  6. Не предупреждают пользователей о системах сбора статистики
  7. Размещение фотографий без согласия
  8. Допускают ошибки при размещении информации о сборе пожертвования на участие в том или ином мероприятии
  9. Использование чужого контента без разрешения
    Статья 1259 Гражданского кодекса Российской Федерации (часть четвертая) от 18.12.2006 N 230-ФЗ (ред. от 01.07.2017)
  10. Использование символики на сайте Церкви без регистрации

P.S. Сама презентация

 219   7 мес   сайтостроение   совет   церковь

Один из важнейших вопросов для тестирования

Ездил в Крым и в ходе поездки протестировал сайт «Госпаром». Оформлял через себя четыре машины и столкнулся с неудобством при сохранении брони в файл. Получилось восемь документов и при каждом сохранении формировался файл с одним и тем же названием. Я запутался!
Программно реализовать сохранение с уникальным именем вопрос нескольких строк кода.

номер_машины.pdf — для машины
номер_машины-фамилия_имя.pdf — для пассажира на машине
фамилия_имя.pdf — для пассажира

Почему об этом не подумали? Потому что не задались важным вопросом.

А что если...

... один человек оформляет несколько машин?
... один человек оформляет группу людей?

Сделали крутой продукт? Ощутили чувство самоудовлетворения? А что если...?

 129   2016   брюзжания   интерфейс   мысли   сайтостроение   совет   улучшаем жизнь

Церковный сайт: Читабельность и контент

Как бы ни был прекрасен дизайн церковного сайта и красочны иллюстрации, самым важным остается текстовая информация. Полезное содержимое сайта (контент) должно отвечать на потребности посетителя сайта, но иногда контент подан таким образом, что его невозможно использовать. Чтобы этого избежать, используйте следующие советы:

Люблю советы по существу. Нравится публикация «70+ tips for effective church sites». Привожу часть советов в вольном переводе. К ним буду добавлять другие советы и комментарии. Чтобы не громоздить в одну публикацию, разобью советы по темам. Потом соберу эти публикации в отдельный проект.

  1. Для основного текста используйте чёрный шрифт на белом или почти белом фоне.
    Цветные шрифты труднее читать, даже на белом фоне. Цветные шрифты на цветном фоне ещё хуже. Используйте «реверсивные» цвета (т. е. светлые буквы на тёмном фоне) только для оформления заголовков блоков или меню, но не для основного текста.
  2. Не используется фиксированный размер шрифта на сайте.
    Разрешите пользователям изменять шрифт. Увеличение размера шрифта может немного испортить дизайн страницы, но люди, которые нуждаются в большем размере шрифта прочтут текст. Это лучше того, что они покинут сайт церкви, потому что нужно напрягаться для чтения!
  3. Сделайте все размеры шрифтов зависимыми, чтобы пользователи могли изменять размер текста, если они того пожелают.
    Посетители сайта используют устройства с индивидуальными размерами экрана, имеют различное зрение и должны иметь возможность настроить размер шрифта (CTRL + колёсико мыши — самый лучший способ). Взаимосвязь размеров шрифтов важна для их изменения без критических последствий для дизайна.
  4. Выбор типов шрифтов и размера имеет важное значение. Правильная подобранное типографическое оформление элементов сайта повысит читабельность сайта и лояльность посетителей.
    Наиболее часто на сайтах применяются шрифты без засечек Verdana, Helvetica и Arial. Они разработаны специально для чтения с экранов. Шрифты с засечками читаются хуже (есть мнение, что при этом информация усваивается лучше), так как не всякий экран может четко отобразить шрифт, что приводит к его размытию. Обратите внимание на межстрочный интервал и старайтесь использовать вспомогательное оформление — отступы, сдвиги, смену шрифта, его размера — у абзацев и других элементов текста.
  5. Используйте для оформления сайта такие цвета, которые распознают дальтоники и люди со слабым зрением.
    Избегайте сочетания цветов, которые не отличат страдающие дальтонизмом люди. Узнайте, какими программами или средствами используют слабовидящие люди и как сделать так, чтобы сайт работал при взаимодействии с ними. Создайте возможность для переключения сайта в режим для дальтоников и слабовидящих посетителей. Для справки, в России действует ГОСТ Р 52872-2012, а международным стандартом является Web Content Accessibility Guidelines (WCAG) 2.0..
  6. Создавайте контент, отвечающий интересам посетителей.
    С помощью контента вы должны персонально обращаться к каждому посетителю и предлагать ему интересные темы. Это помогает вовлечь посетителя в диалог с вами. Если вы следите, что читают посетители, по каким ссылкам они переходят, какие ресурсы интересуют, то сумеете адаптировать сайт к интересам посетителей.
  7. Пишите без ошибок.
    Чем больше ошибок в тексте, тем выше вероятность того, что посетитель перестанет воспринимать информацию и станет корректировать материал. Они уменьшают доверие посетителя к сайту. Терпимость к ошибкам зависит от ожиданий аудитории. Не ожидается, что сайт церкви безупречен и посещается филологами, но ошибки оттолкнут часть аудитории или создадут нежелательный имидж христиан.
  8. Вызывайте у читателей эмоции.
    Люди делятся контентом, который вызывает у них эмоции. И тем, что вызывает положительные чувства, делятся чаще, чем тем, что вызывает негатив.
  9. Создавайте контент, решающий проблемы людей
    Контент, который решает проблемы людей, воспринимается ими как полезный. Рассказывайте о проблемах, с которыми люди сталкиваются в жизни и в работе, — и те, кто сочтет контент полезным обязательно поделится им с теми, кто озадачен такими же проблемами.
  10. Подавайте информацию так, чтобы её хотелось потреблять
    Мы живем в мире, где потребление большого количества информации стало нормой. В таком мире услышанным становится не тот, кто дает людям полезную информацию, а тот, кто дает людям полезную информацию, которую легко и приятно потреблять. Используйте информационный стиль подачи информации и следуйте советам Максима Ильяхова.
 40   2016   копирайтинг   сайтостроение   совет   церковь

5 Things We Learned in 2015 About How We Access Media: Hint… smartphone!

  1. 64% of Americans now own a smartphone of some kind
  2. 51% of people spend their digital media time on their smartphone *compared to desktop at 42%
  3. 89% of smartphone owners access media through an app *compared to 11% through a mobile web browser
  4. 57% use their smartphone for online banking
  5. 68% of smartphone owners use their phone to follow along with breaking news events

Информация из рассылки Custom Church Apps.

 28   2016   мысли   сайтостроение   статистика

Церковный сайт: веб-мастер и команда

За служениями церкви всегда стоят определённые люди. Если вы создаёте для церкви сайт, то должны и позаботится об команде или как минимум человеке для его поддержки. Советы ниже помогут веб-мастеру церковного сайта заложить правильное основание для создания команды и организации совместной работы, а руководству церкви помочь ему в этом.

Люблю советы по существу. Нравится публикация «70+ tips for effective church sites». Привожу часть советов в вольном переводе. К ним буду добавлять другие советы и комментарии. Чтобы не громоздить в одну публикацию, разобью советы по темам. Потом соберу эти публикации в отдельный проект.

  1. Церковный веб-мастер или команда нуждается в чёткой должностной инструкции.
    Руководство церковью должно чётко обозначать обязанности людей участвующих в работе сайта. Если руководитель команды или веб-мастер не входит в руководство церкви, то он помещается в зону прямой ответственности перед церковными лидерами. Тем не менее те, кто не разбирается в вопросах связанных с сайтом, не навязывают веб-мастеру собственными представлениями о веб-дизайне! Церковь поощряет веб-мастера или команду сайта стоя за кулисами.
  2. Церковному веб-мастеру (или команде) необходимо составить план предстоящей работы.
    Церковь обозначает какого вида труд ожидается от тех, кто участвует в проекте. Это выражается в тех задачах, которые решает сайт в контексте видения церкви. Для команды, полезные инструменты — это системы совместной работы над проектами типа Битрикс24, Мегаплан, Asana, Basecamp или любые другие.
  3. Крупный церковный сайт желательно создать на системе управления контентом (CMS). В CMS удобно структурировать и управлять содержимым сайта и предоставлять разным людям доступ к его редактированию без участия веб-мастера. В многочисленной церкви она позволит служениям оперативно размещать последние новости и править информацию, используя только интерфейс браузера и доступ по паролю. Это удобное решение для командной работы и для поддержания сайта в актуальном состоянии.
    Существует много CMS. Поищите подходящую вам на CMSmatrix или OpenSourceCMS. Потратьте время, чтобы найти CMS подходящую вам лучше других. Рекомендую воспользоваться рейтингами Ruward или CMSmagazine.
  4. Что делать, если в вашей церкви нет никого технически подготовленных на роль веб-мастера? Используйте готовые шаблоны сайтов церкви. Это также ответ к вопросам возникающим если создатель сайта покидает церковь не подготовив себе замену. При этом никто не представляет, как обновить или изменить на сайте информацию.
    Существуют конструкторы сайтов (даже христианские) предлагающие готовые шаблоны церковных сайтов на платной или бесплатной основе. Об них в этой статье «Церковный сайт: Конструкторы сайтов». Содержимое добавляется и меняется с помощью визуальных редакторов в браузере. Перед выбором потратьте некоторое времени, чтобы сравнить предложения.
    Другой вариант это шаблон для CMS или HTML. Поискать можно здесь или в Яндексе или Google по запросу «church themes».
  5. Команда — это не всегда люди рядом. Учитесь у других. Общайтесь с другими христианскими веб-мастерами. Сделайте ряд манипуляций мышкой для поиска помощи.
    Существуют форумы и другие ресурсы, где церковные веб-мастера общаются на интересующие их вопросы. Используйте Google или Яндекс для поиска решения технических проблем. Вдохновитесь на обновления дизайна сайта просматривая и изучая другие церковные сайты. Даже один верный в малом человек, достигнет многого.
  6. Привлекайте членов церкви к молитве и поддержке администраторов сайта, модераторов и новых церковных веб-проектов. Это и их сайт!
    Ваша церковь — это уже команда! Проясняйте для них цели сайта и нужды, просите молиться за эффективность охвата аудитории и о том, чтобы он стал известен новым людям. Члены церкви, у которых есть блоги или другие типы сайтов, могут использовать их, чтобы придать сайту церкви более высокий рейтинг в сети.

Команда начинается с одного человека. Чаще всего это создатель церковного сайта, который уже не может решить возникающие вопросы в одиночку и привлекает других людей. Предлагаю список возможных позиций в команде церковного сайта на основании нужных навыков и умений. Некоторые из них может совмещать один человек.

Администратор — человек любящий сроки и способный объединить разных людей над одной задачей.
Иллюстратор — человек умеющий рисовать и знающий слова Photoshop, Corel, Illustrator.
Фотограф — тот, кто не мыслит себя без камеры, Instragram и интересных ракурсов.
Корректор — виртуоз, владеющий знаками орфографии и чувствующий великий и могучий русский язык.
Интервьюер — тот, кто может задавать правильные вопросы и затем перенести ответы в прозу.
Корреспондент — тот, кто появляется в нужном месте и в нужное время и способен описать происходящее.
Редактор — человек способный мыслить глобально и понимать, что люди ищут на сайте о вашей церкви.
Разнорабочий — верный человек не боящийся повторяющихся действий и нужной, но простой работы.
Кодер — человек которого не пугают непонятные символы и знающий тайны php, html, css и js.

 21   2015   менеджмент   сайтостроение   совет   церковь

Битрикс: Выводим адреса элементов инфоблока на одной Яндекс карте

Столкнулся в Битрикс с задачей вывода на одной карте расположения всех офисов компаний. Данные о расположении офиса хранились в переменной «MAP» типа «Привязка к Яндекс. Карте» свойств элемента инфоблока «Офисы». В процессе решения родился следующий код:

// Берём все значения инфоблока с ID равным 10. Вам нужно подставить свой ID.
$mas = CIBlockElement::GetList(array(), array( "IBLOCK_ID" => 10 )); 

while ( $oElement = $mas->GetNextElement() ) {
  $aElement['PROPERTIES'] = $oElement->GetProperties(); // Берём значения элемента инфоблока

  // Координаты хранятся в переменной MAP (подставьте вашу переменную) через запятую, разделим их
  $arTmp = explode(',', $aElement['PROPERTIES']['MAP']['VALUE']); 
  //Подготовка карты
  $arResult['POSITION']['yandex_scale'] = "5"; // Подбираем размер карты, чтобы поместились все маркеры
  // В yandex_lat и yandex_lon заносим координаты центральной точки карты
  $arResult['POSITION']['yandex_lat'] = $arTmp[0]; // В нашем случае координаты первого элемента инфоблока
  $arResult['POSITION']['yandex_lon'] = $arTmp[1];
  //Собираем маркеры
  $arResult['POSITION']['PLACEMARKS'][] = array(
    'LON' => $arTmp[1], // LON и LAT - координаты маркера
    'LAT' => $arTmp[0],
  );
}
// Выводим карту с метками через компонент Битрикса для карт Яндекса (Яндекс.Карты: настраиваемая карта)
$APPLICATION->IncludeComponent(
  "bitrix:map.yandex.view",
  "",
  Array(
    "INIT_MAP_TYPE" => "MAP",
    "MAP_DATA" => serialize($arResult['POSITION']),
    "MAP_WIDTH" => "978", // Ширина карты
    "MAP_HEIGHT" => "400", // Высота карты
    "CONTROLS" => array("ZOOM", "TYPECONTROL", "SCALELINE"),
    "OPTIONS" => array("ENABLE_SCROLL_ZOOM", "ENABLE_DBLCLICK_ZOOM", "ENABLE_DRAGGING"),
  )
);

P.S. Настройки компонента карт Яндекса можно посмотреть вот здесь.

 422   2015   CMS   Битрикс   кодинг   сайтостроение

Церковный сайт: Советы для программистов

Существует несколько способов создания сайта церкви. Заплатите ли вы веб-студии, выберите онлайн-конструктор сайта или напишите его сами, — важно учитывать некоторые факторы. Не все советы ниже будут вам доступны. Некоторые слишком специфичны и нужны только программистам. Другие будут недоступны из-за разных ограничений. Но ознакомьтесь, и воспользуйтесь ими для большей эффективности церковного сайта.

Люблю советы по существу. Нравится публикация «70+ tips for effective church sites». Привожу часть советов в вольном переводе. К ним буду добавлять другие советы и комментарии. Чтобы не громоздить в одну публикацию, разобью советы по темам. Потом соберу эти публикации в отдельный проект.

  1. Если вы используете Javascript, убедитесь, что весь функционал сайта работает у тех, кто этот язык программирования не использует.
    Убедитесь в следующем. Всё что использует и работает только с Javascript на самом деле невидимо (а не в нерабочем состоянии и мешает пользоваться сайтом) если в браузере отключена поддержка этого языка. При необходимости обеспечьте альтернативные варианты работы заключённые в теги <noscript>. 10% веб-пользователей пользуются браузерами с отключённым Javascript. Это достаточно много посетителей в течение года. Рассмотрите возможность получить то, что реализовано с Javascript, с помощью других средств, например, используя CSS и PHP.
  2. Не используйте фреймы для дизайна сайта.
    Хотя встречаются специализированные ситуации, когда можно эффективно использовать фреймы, стандартный церковный сайт не относится к ним. У фреймов ряд недостатков, которые не преодолеет даже эксперт в программировании и дизайне.
  3. Узнайте, как использовать «подключаемые» файлы — это отличный способ сэкономить время загрузки страницы.
    Если вы ещё не обнаружили преимущества экономии времени при включении кода на стороне сервера попробуйте «подключаемые» файлы (где один файл генерирует колонтитулы, другой — меню и т. д. в пределах страницы) для ускорения работы сайта. Поищите в Google информацию по SSI.
  4. Кроме того, узнайте, как использовать CSS.
    CSS (таблицы стилей) — это формальный язык программирования, помогающий устанавливать и изменять внешний вид страниц и элементов сайта. Изучение CSS поможет вам потом легко менять вид сайта.
  5. Не включайте адреса электронной почты на сайте в явном виде через ссылку на «mailto».
    Указанные так почтовые адреса будут со временем «собраны» спамерами. Создайте вместо этого контактную форму. Или «скройте» адреса, используя Javascript.
  6. Подготовьте страницы сайта к печати.
    Сделайте это автоматически, с использованием CSS стилей для печати.
    CSS Design: Going to Print
  7. Пишите как можно больше комментариев к коду.
    Это поможет читать код, находить ошибки и вносить изменения. Видеть где заканчиваются функции, блочные и другие элементы кода.
  8. Придумывайте понятные названия структурных блоков кода.
    Используйте стандартные названия для шапки сайта, подвала, контента и боковых панелей. Избегайте названий, которые понятны только вам — это создаст трудности для командной работы.
  9. Ищите простые решения для поставленных задач.
    Если вы пишите сайт сами, то кода должно быть как можно меньше. Возможно, вам достаточно популярной CMS или нескольких скриптов собранных для решения поставленной задачи. Не изобретайте велосипед. Опыта наберётесь, но потратите время и неизбежно столкнётесь с проблемами, которые давно уже решены.
  10. Определитесь со стандартами написания кода и используйте их при программировании.
    Уже опубликованы стандарты написания кода GitHub, Google и ряда других проектов с мировым уровнем. Выберите стандарт и это поможет вам в командной работе над сайтом.

Приложите максимум усилий, чтобы сделать ваш сайт церкви понятным и удобным. И, хотя код сайта это не то, что видит конечный пользователь, работайте над ним пока он не станет практически совершенным. Использование внешне красивого автомобиля с плохо работающим мотором, испортит всё впечатление от поездки, поэтому с терпением и молитвой работайте на результат. Не отчаивайтесь, если что-то пойдёт не так. Ваш удел — старание, а успех предприятия всецело зависит от Господа.

 20   2015   кодинг   сайтостроение   совет   церковь

Простимся с хлебными крошками в дизайне?

Заметил что начинаю воспринимать хлебные крошки на сайте как информационный шум. Если есть хорошо продуманное меню и, я в твёрдой памяти, то и так знаю где нахожусь и как туда попал. С плавающими меню навигация ещё удобнее и ты можешь попасть куда тебе надо с любого места страницы. Веб-монстры с огромным количеством функций и где можно заблудиться потихоньку умирают, уступая отдельным веб-приложениям и «легким» сайтам. В связи с этим вопрос.

Хлебные крошкиНавигационная цепочка (Дублирующее меню, «Хлебные крошки», англ. Breadcrumbs) — элемент навигации, представляющий собой путь от главной страницы до текущей.

Не изжили ли себя хлебные крошки как элемент навигации и дизайна?

P.S. Я понимаю, что в некоторых ситуациях без них не обойтись. В магазинах и новостных сайтах их навигационная функция реально помогает найти то, что нужно.

Несколько интересных ссылок:
(en) Breadcrumbs In Web Design: Examples And Best Practices
(en) Дискуссия на вопрос — Are breadcrumbs outdated in website design?

 1 комментарий    26   2015   дизайн   мысли   сайтостроение

Чья CMS всех милее, всех быстрее и умнее?

Я уже вылез из cms-штанишек, когда считал, что лучше всего для сайта подходит CMS Joo... Да неважно какая! Главное, чтобы нравилась мне и на которой я набил руку.
Сейчас я подбираю систему в зависимости от проекта. Захотелось узнать, каким образом подходят к выбору CMS мои читатели. Используете рейтинги? Есть какой-то алгоритм? Или существует любимая система? Тогда почему она?

P.S. Может, встречали сводную таблицу CMS? Киньте ссылку, пожалуйста.

Дополнительные материалы:
Рейтинг CMS по версии iTrack
Каталог CMS от CMSmagazine
Выбор CMS от CMSlist
Обзор и классификация CMS по категориям 2013 года

 48   2015   CMS   дизайн   интерфейс   кодинг   мысли   сайтостроение   совет
Ранее Ctrl + ↓