Axure – the best for sure… with Denwer
Приветствую всех читаталей блога Guicci! Я снова с вами :)
Axure
Мы в HumanoIT Group активно используем Axure для разработки детальных интерактивных wireframes, с декабря 2006 года. Прототипов у нас много, поэтому в свое время ребром встал вопрос о построении удобной инфраструктуры для работы с прототипами: для демонстрации прототипов сотрудникам HumanoIT Group, клиентам и разработчикам. Кроме того, нам нужно было решить проблему с обновлением прототипа: у Axure каждый прототип состоит из тысяч файлов (таблицы и многие другие виджеты конвертируются в картинки при генерации html-кода) и копировать их по ftp (для демонстрации через Интернет) не совсем, скажем мягко, удобно. Архивировать, копировать на сервер и там распаковывать – не всегда возможно, да и не все в HumanoIT Group владеют консолью Линукса, счастливчики :)
Axure умеет генерировать chm-прототипы, то есть на выходе мы получаем один файл. Его конечно можно послать по почте. Но при обсуждении прототипа возникает множество нюансов, многие из которых хотелось бы править и демонстрировать в режиме реального времени…
Сегодня я поделюсь с вами конфигурацией, которую мы использовали в HumanoIT Group до того, как у нас появился свой Linux-сервер.
D.n.w.r (aka Denwer)
ДеНВеР (Джентельменский Набор Веб-Разработчика) – это программный комплекс, в который входит веб-сервер (Apache), скриптовый язык (PHP) и база данных (MySQL). Многие веб-студии использует Денвер в работе, особенно когда над одним интернет-проектом работает несколько программистов. В таком случае, у каждого программиста на компьютере ставится Денвер. После того, как программисты заканчивают свои участки работы, они объединяют код и выкладывают его уже на интранет-сервер, где его начинают тестировать QA-специалисты.
Денвер – это локальное/интранет решение, поэтому если у вас на компьютере стоит Денвер, то показать ваши сайты другим людям в Интернете вы не сможете (вообще-то сможете, но это очень небезопасно). Как показать прототип своим коллегам в интранете, я покажу в конце статьи, после того как расскажу о базовых вещах.
Итак, мы имеем: проектировщик интерфейсов, который разрабатывает интерфейсы в Axure, прототипов у него уже сотни и их нужно как-то удобно структурировать (чтобы можно было делать быстрый реюз). Задача – абстрагироваться от файловой системы и перейти на более высокий уровень абстракции, то есть на веб-сайты. Выгода – Axure из простого средста проектирования интерфейсов превратиться в среду разработки сайтов (пример – вы можете нарисовать в Axure сайт с каталогом ваших прототипов и дать ему короткое и запоминаемое имя, например, у меня он назывался – hit, этот сайт будет точкой входа в каталог ваших прототипов) и в средство для удобной организации коллекции ваших прототипов.
NB. Задачи по демонстрации клиенту прототипа через Интернет и по его быстрому обновлению будут решены в следующих статьях.
Установка Денвера и генерация прототипа
Для демонстрации процедуры установки и генерации прототипа я разработал презентацию при помощи open source средства Wink. Презентацию лучше смотреть в полноэкранном режиме (кроме того, презентация оформлена в формате PDF и вы можете скачать ее к себе на компьютер).
Доступ к сайту из интранета
Для того, чтобы показать прототип вашему коллеге по интранету, вам нужно выполнить следующие шаги.
- Открыть файл C:\WINDOWS\system32\drivers\etc\hosts на компьютере коллеги;
- Дописать строчку “192.168.1.12 proto1″ (лучше в начале файла). Здесь 192.168.1.12 – IP адрес вашего компьютера, а proto1 – название вашего сайта/название папки в каталоге z:\home\.
Ссылка по теме: Axure RP Pro – средство для прототипирования.
Ссылки по теме:
- Axure. Урок 1: создаем глобальное меню сайта на закладках
- Axure RP Pro – средство для прототипирования
О статье
- Автор статьи:
- Александр Сергеев.
- Статья была опубликована
- 1.4.2008
- в рубрике:
- Инструменты.
- Cтатью открыли 12,156 раз.
- Юзабилити - актуально. Поэтому
- Блог Guicci регулярно читают:
- [?]
- Axure. Урок 1: создаем глобальное меню сайта на закладках
- Sharepoint - a freakin’ glorified file server
- Ищем php-программиста в Минске
- HTMLayout: Web 2.0 пришел на десктоп!
- Google Analytics. Часть 6: Откровение для шареварщика
- Юзабилити как гормон роста социальной сети
- Убеждающий дизайн или как из посетителя сделать покупателя
- GUI.RU - Хроники Юзабилити
- Juras Vetrau. Блог о веб-разработках
- О юзабилити веб интерфейсов
- Блог студии Turbomilk - графика для UI
- Микромаркетинг
- Записки шареварного маркетолога
- Блог о web-разработке и юзабилити
- Сообщество специалистов по юзабилити и user experience Беларуси
- ICQ: 368-980-583
- E-mail:
- Форма обратной связи
Самые популярные статьи
Реклама
Стоит также почитать
Контактная информация
Заказ
-
1.4.2008
Чтобы показать прототип коллеге необязательно изменять что-то на его компьютере. Вместо положите файл .htaccess в каталог сайта и напишите там:
# dnwr_ip ваш_ip
Тогда доступ к прототипу можно будет получить набрав в строке браузера http://ваш_ip
-
1.4.2008
Михаил, в Денвере насколько я понимаю используются symbolic based virtual hosts.
А как быть если у меня несколько виртуальных серверов в Денвере и все ведут на один IP-адрес?
-
2.4.2008
Не боитесь, что вас так поламают? Денвер – это не веб сервер, если нужно поднять локальный веб сервер – тогда лучше XAMP
-
2.4.2008
Денис, не боюсь )
Из интранета бояться некого, а из Интернета Денвер никого не слушает, он висит на 192.168.1.X:80.
-
4.4.2008
а типа дать ссылку на расшаренный ресурс //192.168.1.12/proto/index.html уже некошерно, вебсервер нужен? :)))
-
4.4.2008
А за время работы накопились какие-нибудь повторно используемые компоненты или приемы работы с Axure? Было бы интересно узнать.
-
4.4.2008
)) Sulako, чтобы Axure прототип нормально открывался в IE через файловую систему, нужно донастроить браузер (разрешить активное содержимое). Причем по умолчанию эта опция в IE выключена. Часто возникали проблемы у тех, кто просматривал прототипы по файловой системе. Приходилось вспоминать, как называется опция (а в IE 7 много опций) и долго искать ее в списке. При открытии Axure прототипа как страницы веб-сервера такиз проблем не возникает – прототип открывается быстро и изящно.
(А в FireFox Axure прототип не похож сам на себя – шрифты меньше оригинальных и прочее).
Ну и кроме того, веб-сайт с именем – это более высокий уровень абстракции: IP-адрес может поменяться, например :) В нашей новой конфигурации интранета у нас в сети свой DNS сервер и свой tld-домен. Например, прототипы, которые я разрабатывал в свое время доступны так
.humanoit.st. Так что мы, к счастью, теперь избавлены от запоминания IP-адресов и названий компьютеров. Ну и в качестве сервера Linux с полноценным веб-сервером, правда уже не только для прототипов :)
Эх, хорошо иметь гиковские корни! :)
-
4.4.2008
Саша, да накопилось. Ждите новых статей в Guicci – там про это будет.
-
5.4.2008
Ну и пускай себе висит серв, вот тока прописывать как-то лень.
-
5.4.2008
А как скоро они выйдут ? Меня тоже интересует подобная информация !
Добавьте ваш комментарий
XHTML: Вы можете использовать следующие тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
О Проекте
Проектирование интерфейсов и юзабилити-тестирование в рамках компании HumanoIT Group очень увлекательное занятие, но иногда “забываешься” и уходишь с головой в работу… А тем временем в лабораториях известных университетов и компаний инженерные психологи, проектировщики взаимодействия, дизайнеры придумывают новые интерфейсы и формы взаимодействия человека и компьютера.
Читайте в этом блоге о новых тенденциях в красоте, удобстве и функциональности пользовательских интерфейсов.
С Уважением,
Александр Сергеев
Последние статьи
- 15.6 Sharepoint – a freakin’ glorified file server
- 10.6 Лучшие интранет-решения 2009 года (по версии Якоба Нильсена и co)
- 7.6 10 гуру нового мира по версии журнала Fortune
- 18.5 Количественная оценка качества e-commerce сайтов
- 4.3 Web 2.0 для е-commerce
- 3.3 Юзабилити как гормон роста социальной сети
- 2.3 Итоги конференции “Usability и дизайн интерфейсов” в Минске
- 22.9 Работа в HumanoIT Group. Вакансия дизайнера интерфейсов в Минске
- 11.7 Ищем php-программиста в Минске
- 6.4 Axure. Урок 1: создаем глобальное меню сайта на закладках
Рубрики
- Дизайн (9)
- Инновации (18)
- Инструменты (16)
- Интранет-решения (2)
- Новости (4)
- Психология (13)
- Разное (9)
- Юмор (6)
Комментариев: 10
Добавить комментарий | комментарии по RSS | trackback URL