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

    Почти год назад, в ноябре 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. Я имею ввиду короткий ролик.
    Поделиться публикацией
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама
    Комментарии 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

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

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