26 сентября 2011 в 07:26

Создание сайта на MODx CMS — видео урок

MODX*
Почти год назад, в ноябре 2010, у меня появилось желание сделать обучающее видео по созданию сайта на MODx Evolution. Не прошло и полугода, как прошел год и я с удовольствием могу показать вам свое творение. Так как длинное видео это не формат Хабра, я сделал короткий тизер под названием «Сайт на MODx за 5 минут», а под катом полное видео.



Специально для тех, кто заинтересовался или не успевает так быстро усваивать информацию — под катом полное видео (30 минут) о том, как установить и настроить MODx, подготовить шаблон к интеграции в MODx, интегрировать и получить готовый сайт. И все это я подробно объясняю.


Вот полное видео, а ниже рассказ о том, как я его делал.


HD версияvimeo.com/29422796

Как я уже говорил выше, история создания данного видео растянулась почти на год. Все началось с того, что я не хотел мычать и мямлить в микрофон и решил отдельно записать видео и звук по сценарию.

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

В итоге я выбрал CamStudio 2 для записи видео, у них же на сайте скачал какой-то кодек, который давал приемлемые по размеру файлы на выходе. Звук я записал уже весной 2011 в студии у знакомого, но оказалось, что микрофон тихий и надо было сидеть ближе к нему, однако другой возможности записаться мне не подвернулось и пришлось разбираться в первом попавшемся редакторе звука, им оказался Adobe Soundbooth. Честно пробовал использовать Audacity, но он несколько раз упал вместе со всеми изменениями и я забросил эту идею.

Значительная часть времени ушла на чистку ахов, вздохов и шумов в аудио. Но потом встал вопрос куда более интересный — а чем же все это объединять, ведь у меня звука было минут на 15, а видео на 40.

Разобраться с Adobe Premiere у меня не вышло просто по тому, что все мои попытки создать проект и добавить туда видео были тщетны. Раз за разом шайтан машина отказывалась показывать мне мое видео и тогда я вернулся к тому, с чего начал — Camtasia Studio. Именно из-за того, что запись видео в ней глючила у меня на машине, а переустанавливать из-за этого винду не было ни малейшего желания я и начал писать видео в CamStudio.

Процесс шел медленно, на меня постоянно наваливалась работа вперемешку с ленью и 2 месяца назад было готово минут 7 готового видео. Однако волевое усилие помогло и в этом случае, я начал каждую субботу уделять по 2-3 часа на это благое дело и работа пошла.

Вы не представляете, как я волнуюсь, выкладывая это видео на всеобщее обозрение, т.к. очень не легко оно мне далось =)

Тем кто дочитал до сюда полагается бонус — подборка полезных ссылок из видео, а также исходники.
Запасная страница, а то мало ли =)

PS: Ютуб сказал, что не покажет жителям Германии короткий ролик, вот он на Vimeo. А большой ролик вообще отказался размещать из-за его размера.

PS2: Предлагаю всем желающим сделать подобное видео про свою CMS. Я имею ввиду короткий ролик.
Илья Горбаров @gorbarov
карма
50,0
рейтинг 0,0
Похожие публикации
Самое читаемое Разработка

Комментарии (47)

  • +1
    Действительно, в сети про MODx Evolution мало информации. Больше про более ранние версии. Так что вы молодец.
    • +3
      Вы хотели сказать, что про Revolution мало информации и добавить «на русском языке», видимо :-)

      Про Evolution информации вполне достаточно, но вот записать полный процесс создания сайта никто вроде пока не успел. Спасибо за этот экспресс-ролик. Можно проследить весь процесс разработки и понять основные особенности MODX.

      Вот бы увидеть ролики по другим CMS еще.
  • +1
    >UPD: Комментируйте, хоть за что минусуете. Все-таки я приложил массу усилий, чтобы сделать понятный видео урок, на тему, плохо освященную в интернете.

    Может, это все слишком очевидно? Первый раз вижу эту CMS, но не увидел в видео ничего особенно такого, что могло бы вызывать затруднение. И поверхностное гугление выдало ссылку на приличных размеров гайд: wiki.modxcms.com/index.php/Beginner's_Guide_to_MODx
    • +3
      Ну это же видео урок для новичков. Меня смущает только одно, может быть кроме тизера никто не замечает полную версию урока.

      К тому же данный урок позволяет понять процесс создания сайта на этой CMS.
      • 0
        Ну плюс вы обманули нас, назвав видео «установкой за 5 минут». Ведь видео ускоренное, а значит ни о каких пяти минутах речи идти не может.
  • +1
    Слишком муторно, как будто доклад в школе.
    И эти речевые обороты «ну естественно не сразу », «что то ничего оригинального в голову не приходит, ну и ладно », «замечательное творение рук человечества» blah

    ЗЫ
    А на Dw реально удобно писать код?
    • +3
      Спасибо за замечания.

      Ну было удобно, потом как-то на нетбинс перешел и забыл про DW навсегда =)
  • 0
    Эх, кто нибудь бы написал понятный мануал про создание транспортных пакетов… А то то, что есть в официальной документации не шибко понятно, почему и что надо делать.
    • +1
      Вот тут немного освещены эти вещи:

      habrahabr.ru/blogs/modx/127722/
      habrahabr.ru/blogs/modx/126635/

      А вообще по поводу пакетов, есть недостаток информации. Если такой формат пойдет хорошо, то я с удовольствием буду делать следующие ролики.

      Мне нравится MODx и я не понимаю, почему он не пользуется бОльшей популярностью.
  • +1
    А видео мануал для пользователя ModX вы не думаете сделать?
    Просто каждый раз когда сдаю проект, одни и те же вопросы. Было бы очень полезно, если при сдаче сайта прикладывалось бы еще и обучающее видео.
    Документацию всем почему то влом читать, легче у разработчика спросить…
    • +1
      Хм, ну если кто-нибудь сделает щедрый Donate — я готов ;)

      Я думаю сейчас над темой следующего ролика.
    • 0
      Так вы бы подготовили общий список вопросов, глядишь сообщество и помогло бы с ними.

      Основная проблема в том, что все молчат как партизаны. Решения и исследования свои не выкладывают, к совместным решениям не призывают.
      • 0
        Список можно составить. Зацепив хотя бы основы. Допустим как вариант:

        1. Основные понятия. Административная часть сайта. Типы содержимого (документы, ссылки, символические ссылки).
        2. Основные настройки сайта
        3. CRUD операции для документов, а так же понятие Шаблонов и дополнительных свойств.
        4. Работа с визуальным редактором. применение стилей, вставка текста, вставка картинок.

        В принципе это основное, далее можно будет уже переходить непосредственно к модулям. Допустим Gallery, Pools и т.д.

        Сейчас я допустим для каждого сайта составляю небольшую инструкцию по наполнению, которая затрагивает разделы, указанные выше. У меня есть общий шаблон, и я его просто дополняю нужно информацией. Могу пример показать.
        • 0
          Вот видите, у вас половина работы уже сделана. Как пример, вы можете выложить это сообществу и призвать всех дополнить / снять видео. Глядишь, так и появится целый набор нужных материалов.
        • 0
          Как показывает практика сценарий — это половина работы )
        • 0
          Кстати я сам долго не мог понять, что за TV такие и зачем они нужны) Когда понял, всю прелесть воспринял) Особенно после написания вот этой очень необходимой помом штучки: modx.com/extras/package/tvsnippedit
    • 0
      Поддерживаю идею мануала для пользователей.
      Переставили недавно сайт клиента на MODx.
      Я в админке разобралась за пару часов самостоятельно, а он даже скриншоты не понимает. Видео бы сильно выручило общественность в нашем лице (и многих других, думаю),
      • +1
        Ну чтож, мнения услышаны. Я подумаю на тему туториала для пользователей.
  • +2
    Ваш подход к созданию видеоуроков заслуживает уважения. Часто вижу видеоуроки (не по MODx, а вообще) без четкого сценария и постобработки звука и видео, что смотреть бывает не приятно. Тут даже интонации и акценты в голосе поставлены очень хорошо.
    • +1
      Спасибо большое.

      Я хотел сделать именно качественное видео, возможно, не все получилось как я хотел.
      Во всяком случае у меня был продуманный сценарий, а это как минимум половина успеха для такого видео.
  • 0
    А почему вы решили сделать туториал по Evolution а не по Revolution?
    Чем Революция не нравится?
    • 0
      Да всем нравится, только я ее не использую.

      Ведь Evo и Revo это не устаревшая и новая версия, а просто две разных версии.
      Мне нравится почти все в Revo кроме того, что она еще, на мой взгляд, сыровата и тормозновата =)
  • 0
    Спасибо за отличное видео.
    Давно было интересно посмотреть на MODx изнутри, много слышал про нее.
  • –5
    Мда… почти все понятно! =)
    Нельзя же так сжимать 30 минутное видео, до 5 минут.
    Лучше сделать скорость реального времени, 100% полезнее будет. А так, только 5 минут времени личного забрали. и 30 сек на коммент)
    • +2
      xD

      Вы слишком много сэкономили на времени чтения. Попробуйте еще раз просмотреть топик от начала, хотя бы до середины.
      • –8
        А смысл был выкладывать 5 минутное видео? Это как презентация полного видео?
      • –9
        Честно, даже не читал топик =)
  • –1
    Очень муторно, как мой программер прямо…
    Ничего нового, зачем нужно такое видео — непонятно
    • +3
      =)

      Ничего нового для вас? Пожалуй, вам оно действительно не нужно.
    • +1
      Если вы умеете создавать сайты на MODx, для вас действительно ничего нового. Урок соответствует своему названию.
      Но для меня, например, полезен пример как нужно делать видеоуроки.
      • 0
        Прелесть напечатанных туториалов в том, что можно скопировать текст вызовов сниппетов, чанков, шаблон и прочее… Тут этого нет
        • +1
          Так муторно, ничего нового или не можете скопировать? =)

          К тому же копипаст очень дурно влияет на результаты обучения.
          • 0
            Копипаст хорошо влияет на время разработки, сравните, например, скорость поиска нужного параметра по вашему видео, и, например, по странице wiki.modxcms.com/index.php/Wayfinder
            • 0
              А в конце топика есть ссылка на страницу с документацией ;)
  • 0
    Стоит наверное так же остановиться и на настройки веб сервера и выборе хостинга, так как с этими мелочами у людей решивших установить MODx часто возникают проблемы.
    • 0
      А какие проблемы при установке Evo на хостинг?
      • 0
        Никаких, кроме коэфф. кривизны рук =)
        • 0
          Вот мне тоже так кажется.
        • 0
          Исходя из этой логики, и данное видео тоже никому ненужно.
          • 0
            Из комментария ниже становится ясно, что мопед не ваш =)

            А остановится стоит скорее на настройке VPS, т.к. в свое время я тоже разбирался долго достаточно.

            Но настройка VPS это сооовсем другая история =)
      • 0
        Сам не сталкивался, но знакомый всеже часто мучася на VPS. Постоянно каких либо расширений php не хватало.
  • +1
    Спасибо за ваш труд!
    Для тех, кому ещё интересен этап осваивания MODx, рекомендую взглянуть на очень доходчивый учебник от Виктора Ефимова:
    efimov.ws/main/develop/modx/instrukcziya-po-sozdaniyu-sajta-urok1.html
    После каждого урока (кроме 1-го вводного) можно скачать видео, где повторяется всё тоже самое, что было описано в уроке.
    Обращайте внимание на комментарии к каждому уроку, там написано ответы на первые проблемы, которые могут возникнуть у новичков.
    • 0
      Пожалуй, можно ещё добавить видеоурок для evo с сайта vragof.net — Видео учебник MODx: создание простого сайта на MODx (2ч. 31мин.). Я так понял, первоначально это был коммерческий «электронный продукт». В комплект кроме видео входили — копия создаваемого сайта (файлы и БД), справочная информация по MODx и html-шаблон.
      Сейчас 4 части видео свободно выложены на сайте.
      Шаблон смог восстановить благодаря архиву интернета. Выложил здесь.
      Изложение немного сумбурное, но тем не менее, учебник полезный — рассмотрены работа с шаблоном, 2 меню и карта сайта на Wayfinder, блог (список новостей/новости) и блок новостей на Ditto, форма обратной связи на eForm.
      • +1
        Отлично, спасибо!

        Вот так можно и собрать видео интересные )
        • 0
          К сожалению на русском языке информации мало.
          Можно ещё раз добавить Виктора Ефимова — он с 22 сентября начал новый цикл публикаций о MODx — Создание блога на MODx. По каждому уроку обычно есть видео.
          На английском больше, конечно, но мне лично на слух разобрать проблематично — проще смотреть в режиме немого кино :) Вот с титрами было бы замечательно.
          Но благо, есть и печатные уроки, из не особо известных, например — Modx Revolution Development with Wampserver.
  • 0
    посмотрел 5-минутный ролик — ничего нового, но для новичков полная версия очень пригодится.

    эээх, такой бы туториал на Рево — через силу заставляю себя на него переползать (вроде уже не такой сырой)
  • 0
    Спасибо за качественный материал! С удовольствием послушал!
    До этого не особенно придавал значению плагину ManagerManager, а ведь это волшебная палочка открывающая неограниченную власть над админкой!
    Ссылка на ознакомление с возможностями плагина:
    http://wiki.modxcms.com/index.php/Ru:ManagerManager_0.3.4

    Ещё раз спасибо!

Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.