| Разработчик:
Текущая версия: 1.5.15 Стоимость: $79
|
Задача, которую помогает решить рассматриваемая сегодня программа, не относится к числу постоянно возникающих. Хотя, сказать что она совсем экзотична — будет тоже не вполне верно. В общем, речь пойдет о прототипировании интерфейсов разнообразных компьютерных программ под Mac OS X. В переводе с заумного на человеческий – прототипирование означает создание наброска (скетча) для будущего творения. Безусловно, такое важное дело как полное проектирование интерфейса надо поручать высокопрофессиональному дизайнеру (или даже не одному), так как ошибки в этом самом интерфейсе могут стоить очень дорого (если вообще не привести к краху).
Но, как всем известно, до того как заняться серьезным проектированием – обычно делают макеты, на которых примерно отображают будущее творение. Точно так же и с интерфейсом программы или сайта, до того как дизайнер(ы) возьмутся его рисовать, делается примерны набросок, который носит множество названий: прототип, эскиз, мокап, скетч, и т.п.
На рынке ПО для прототипирования существует масса решений разной степени крутизны (и дороговизны) для пользователей разного уровня.
Этот обзор посвящен одному из самых популярных инструментов среднего уровня – программе Balsmiq Mockups for Desktop и ее версии для Mac.
Программа написана с использованием технологии Adobe AIR, поэтому является кроссплатформенной, вплоть до возможности запуска прямо в браузере. Правда платой за эту универсальность выступает «не родной» вид на всех платформах, хотя стоит признать, что разработчики максимально постарались сгладить это неудобство вылизыванием интерфейса до мелочей.
Устанавливается она, как и любое другое AIR приложение путем нажатия на кнопку прямо в окне браузера. После этого, на ваш компьютер будет установлена сначала среда выполнения AIR, а уже потом и сам Balsamiq.
Интерфейс программы прост и функционален. Работать с ним может фактически любой, так как программа рассчитана как раз не на профессионального дизайнера/программиста, а на обычного пользователя.
В верхней части расположено меню, чуть ниже – отцентрированная панель кнопок. Ниже – библиотека элементов (ее можно разместить справа или слева). Остальную часть окна занимает рабочее пространство, в котором и рисуется скетч.
Я решил в качестве примера создать прототип одного хорошо вам знакомого сайта. Ниже покажу этот процесс пошагово и с картинками. Для удобства я передвинул панель с инструментами влево.
На вкладке Big берем Browser Window и перетаскиваем его в рабочую область. Тут же откроется поле для ввода текста. Первая строка станет заголовком браузера, вторая будет показываться в его адресной строке. Введем туда нужную информацию. После этого поменяем размер окна до нужного.
Теперь смоделируем шапку сайта и навигацию. Для этого нам понадобятся: Label, Link bar, Search box и Panel
Следующий шаг - правый баннер и список категорий. Для них подойдут Scratch out и List
Теперь собственно сами статьи. ОНи не представляют собой ничего сложного, уже знакомые вам панели и метки. Для рисунков используется Image.
Для загрузки рисунка надо добавить сам элемент управления и щелкнуть по нему два раза. Обратите внимание на флажок Sketch it! в окне загрузки рисунка -
он позволит стилизовать рисунок под общий стиль Balsamiq-а.
Вот так выглядит макет с первой статьей.
Полученную статью осталось сгруппировать и скопировать необходимое число раз. В итоге мы получаем полноценный макет сайта.
Вот так, за 15 минут мы получили полноценный (и достаточно стильно выглядящий) макет интерфейса сайта MacOS World. В заверение разговора следует заметить, что программа активно развивается. Новые версии выходят ежедневно.
Также существует , на котором выкладываются дополнительные элементы управления для создания скетчей UI таких платформ как Android, iPad и многих других.
Подводя итог, можно сказать, что эта программа не зря стала эталоном в своей отрасли. Она позволяет даже неподготовленному человеку быстро показать свои идеи, и таким образом быть намного лучше понятым их реализаторами.
P.S. Заключительный вопрос (конкурс Versions): жук сидит в центре деревянного куба, состоящего на 27 секций (3х3х3). Он может перемещаться из одной секции в другую, если они имеют общую грань (прогрызая стенки). Жук решает обойти все секции куба, побывав в каждой только по одному разу. Вопрос: получится ли у него это? Ответ обосновать.
Популярность: unranked
Или я не понял условия, или ответ — да
Он из центра выйдет в любую соседнюю секцию, а дальше по кругу. Так он побывает во всех секциях
Да, по-ходу, я не понял
короче ему сначала надо прогрызть стенку вверх и пройти по первому уровню, как я сказал.
Потом опуститься вниз и опять по часовой стрелке пройти во всех секциях.
После этого, спуститься еще ниже и пройти по часовой стрелке (или против — это уж как душе угодно) по внешним секциям нижнего яруса.
А уже из последней ячейки прогрызть в цент дырку
Да, точно, не получается. В один из центральных кубов попасть никак нельзя — хоть на верхнем уровне (если начинать снизу), хоть на нижнем — если начинать сверху.
угу, не получится. Даже не знаю как выбрать теперь победителя. Наверно свалю эту задачу на Пашу, он автор загадки
Уж и не знаю, как обосновать, но я начертил себе куб (т.е. 27 кубов соединённых в 1 большой) и попробовал пройти их через граничащие стенки описанным Вами способом. У меня не получилось. Полагаю, что жук не может, но математического обоснования дать не могу
Или нужно вам скан бумажки с расчерченным кубом прислать? 
бхх, присылайте, посмотрим
b166ar@gmail.com
Отправил
Классическая задача обхода графа.
Эйлеров путь в графе существует только если имеется не более чем две вершины нечётной степени.
А четыре угловые секции куба имеют по три общих грани, следовательно обход невозможен.
поздравляю, лицензия ваша
Присылайте имя и почту на которую хотите получить регистрацию.
Вот так всегда
* пошел качать Versions из торрентов
Отправил gmail'a.
Вообще говоря, здесь речь идет не об Эйлеровом пути (обход всех ребер), а о Гамильтоновом (обход всех вершин), а это уже не тривиальная задача, там вообще нет условий необходимости, есть парочку частных условий достаточности.
1. В данном случае мы иммет 27 вершин графа (секции), стенки это ребра, у нас получается 14 вершин нечетной степени и 13 вершин четной.
2. Каждая нечетная соединена только с четными и наоборот, следовательно переходя по ребрам всегда меняется четность вершины.
3. Так как мы начинаем из центра (четная вершина), то на 26ом шаге мы попадем в нечетную и у нас останется еще одна нечетная вершина, в которую мы не сможем попасть по определению (2).
Если б жуку повезло больше и он оказался изначально в нечетной вершине, например, в углу, то легко бы смог найти дорогу.
P.S. Решение не в рамках конкурса, просто было интересно
И правда промахнулся
Почему-то сразу пришло на ум самое простое, что связанно с графами. А здесь действительно обход вершин, а не ребер получается.
Благодарю за исправление, поторопился.
P.S. По поводу лицензии пусть теперь решает автор вопроса. Признаю, что у меня обоснование не корректное.
если вы не против, то я тогда отдаю ее Saveliy
Ну если по честному, то отдавайте, он заслужил
Буду отвечать дальше, может в третий раз повезет.
а Versions вам нужен?:)
Нет, так как сейчас я не занимаюсь разработкой программ. Считаю правильным отдать человеку, который реально будет потом этим пользоваться. Вот Parallels взял бы с огромным удовольствием
Не получится, жук побывав в нижней и средней секции может в любую ячейку последней секции за исключением центральной, а попасть в центральную он может обойдя все ячейки по кругу и попав в ту же ячейку с которой начат маршрут на этом уровне
Кстати, касательно самой статьи: цена на это приложение невероятно завышена. Софт и сервисы для прототипирования интерфейса чего угодно (странно, что вы в заголовке написали только про приложения Mac OS X) можно и бесплатно найти:
не выполняется условие Эйлера для плоского графа:
| V(G) | − | E(G) | + | F(G) | = 2.
где | V(G) | – кол-во вершин – 27
| E(G) | – кол-во рёбер – 54
| F(G) | – кол-во граней – 36
27 – 54 + 36 не равно 2, следовательно граф не планарен, следовательно нельзя обойти все вершины, заходя в каждыу не более одного раза
[...] и более специфические утилиты (например Balsamiq Mockups, о котором мы писали), но с другой стороны – зачем покупать отдельное [...]