Вход в личный кабинет Как мы подковали блоху adobe и посадили её на cms
Привет, это Саша Котов с историей появления CMS MuWID – разработки, которая позволяет собирать сайты с админ-панелью без единой строчки кода.
Начнём с самого начала.
Я занимаюсь web-разработками уже лет 10. Изучил AS2, AS3, HTML, XML, до PHP не дошёл. Решил сразу искать достойного партнёра. При этом общение с заказчиком, дизайн, ведение проекта взял на себя. Начал поиски «своего» программиста – человека, который станет частью команды.
Пока у меня было несколько программистов-фрилансеров под разные задачи.
Мы вели параллельно около 5 проектов. Я искал заказы, рисовал дизайн и прототип, утверждал его с заказчиком, если надо –верстал и собирал сайт целиком сам. Затем всё тестировал, убирал косяки и сдавал проект.
Работы хватало. Я просто не уследил за тем, что один из моих программистов на удалёнке весь месяц был «занят семьёй». За неделю до сдачи у него не было готово ничего от слова совсем. Мы делали сложный многостраничный сайт.
Чертыхаясь, я поклялся себе, что больше не буду зависеть от фрилансеров-раздолбаев, и стал думать, как быть. На руках у меня был только мой проект в Adobe Muse – программе, которую я использовал для прототипирования. Она хороша всем, кроме полного отсутствия возможности прикрутить к результату CMS. Это делает Muse абсолютно бесполезной для сборки сайтов на продажу.
Было безумием думать, что удастся подсунуть заказчику сайт, собранный в Muse.
Но тут меня осенило: если не получается прикрутить CMS к проекту Muse, почему бы не попробовать вставить динамичные API-виджеты с базами в сам проект?
Я предложил Саше Пташнику, одному из своих программистов, попробовать –именно он стал моим компаньоном в MuWID.
До сдачи оставалась неделя – мы работали с перерывами на сон. Волею судеб всё срослось с первого раза: я действительно считаю Сашу гениальным программистом. Проект сдан, клиент доволен, а у нас на руках – крутейшая разработка.
Так появился первый CMS MuWID. Это идеальный инструмент для тех, кто может нарисовать классный сайт и не желает разбираться в коде. Вы просто рисуете макет в Muse, вставляете в него виджеты MuWID и управляете ими из нашей админ-панели. При этом макет в Muse позволяет создать мобильную версию и варианты для любых размеров экрана.
В MuWID.2 мы добавили виджеты для всех нужд: простые страницы, генератор шаблонных страниц, новостные ленты, несколько типов галерей, слайдеры, интернет-магазин. Пользователю нужно только задать ширину виджета в проекте и загрузить контент – всё остальное мы сделали за него. При этом все виджеты кастомизируются с помощью собственного CSS-редактора – то есть дизайн настраивается по желанию пользователя.
Сами разработчики программы Adobe Muse не предусматривают возможность использовать какую-либо известную админ-панель вместе со своим продуктом. Базовая комплектация Muse не позволяет создавать сложные динамичные сайты с базами данных.
Однако программа очень любима дизайнерами, не требует знаний HTML и CSS языков программирования – она сама генерирует программный код, достаточно нарисовать сайт. Теперь любой дизайнер может легко переквалифицироваться в разработчика, самостоятельно ведущего весь проект из любой точки планеты.
Мы как раз готовим учебный курс MuWID для дизайнеров, которые хотят взять разработку на себя.
А через месяц выходит MuWID.3
Но это уже совсем другая история
Создание веб-сайта с помощью adobe muse
При разработке веб-сайтов в других приложениях, таких как Dreamweaver, вы создаете на компьютере папку, содержащую вложенные папки с файлами всего содержимого сайта. Управление всем набором элементов и обеспечение правильной работы всех ссылок сайта может представлять сложности.
Если при создании нового сайта в приложении Adobe Muse нажать «Файл» > «Сохранить», создается один файл .muse. Это похоже на создание файла PSD в Photoshop, который может содержать любое количество слоев, графических элементов и связанных ресурсов. Этот файл .muse — единственный файл, который вам потребуется для разработки сайта, поскольку он содержит все изображения, ссылки, код и файлы сайта. При совместной работе над проектом сайта вы можете отправить коллеге копию файла .muse. Он в свою очередь сможет открыть ее, внести в нее изменения и опубликовать эти изменения.
Обычно не рекомендуется, чтобы с файлом .muse одновременно работали два или более человек. Закончив добавление содержимого на сайт, вы можете опубликовать его и отправить коллегам файл .muse для дальнейшего редактирования и добавления дополнительного содержимого. По окончании они могут отправить вам обновленный файл .muse (содержащий их изменения). Это позволит избежать перезаписи работы друг друга.
Также можно создать файл .muse и опубликовать временный сайт. А затем предоставить коллегам общий доступ к файлу .muse. Они могут открыть его, выбрав меню «Файл» > «Сохранить как», и вносить изменения в свою копию, в то время как вы будете продолжать работать со своей копией. При этом изменения коллег будут сохраняться в новом опубликованном ими временном сайте. Однако при таком рабочем процессе две версии сайта не будут синхронизированы — ваша версия файла .muse не будет обновляться изменениями, внесенными коллегами, и наоборот.
При каждом внесении значительных изменений в существующий веб-сайт рекомендуется всегда сохранять копию файла .muse с помощью меню «Файл» > «Сохранить как». При создании нового файла .muse немного измените его имя и храните все копии файла .muse в одной папке на компьютере. Таким образом, если клиенту больше понравится первоначальная версия сайта, вы всегда сможете открыть соответствующий файл .muse с предыдущим дизайном и опубликовать его, чтобы вернуть сайт к прежнему виду.
Также рекомендуется чаще сохранять файл .muse во время работы. В случае сбоя приложения Adobe Muse при его следующем запуске обычно открывается восстановленная версия файла .muse с последними изменениями. В этом случае сразу сохраните восстановленную версию файла .muse, а затем приступайте к редактированию. Обязательно сохраняйте файлы .muse в безопасном месте и создайте их резервные копии, поскольку каждый файл содержит целый веб-сайт. Если вы потеряете файл .muse и у вас не будет резервной копии, вы не сможете восстановить файл .muse, загрузив файлы сайта, размещенные на сервере.
Большинство веб-дизайнеров предпочитают сохранять файлы .muse с описательными именами, например my_site_v1.muse и my_site_v2.muse. Также в имя файла .muse можно добавить дату его создания, чтобы было легче найти более старую версию, например my_site_2022-4-13.muse и my_site_2022-4-30.muse. Называть файлы можно любым удобным для вас способом.