Pull to refresh

Прототипирование web-сайтов. Собирая воедино.

Reading time 8 min
Views 24K
Interfaces *
«Единственный возможный источник экономического подъема – это повышение качества и, как следствие, привлекательности продукта или услуги. А повышения качества невозможно добиться, сокращая затраты на проектирование и программирование»
Алан Купер «Психбольница в руках пациентов»

Спасибо всем, кто принял участие в голосовании на Хабрахабре:
1. Как выглядит процесс прототипирования в твоей компании?
2. Кто занимается прототипированием web-проектов в которых ты участвуешь?
3. Устраивает ли вас текущая ситуация с прототипированием web-сайтов в вашей компании?
Пришло время обсудить результаты
Читать дальше →
Total votes 38: ↑36 and ↓2 +34
Comments 40

Шаблоны для рисования веб-интерфейсов в MS Visio

Reading time 1 min
Views 7.8K
Interfaces *
После прочтения хабратопика Хакаем бумажное проектирование интерфейсов вспомнил что на винте где-то должны валятся шаблоны для рисования подобных вещей в визио. В комплекте идет рамка браузера и основные компоненты веб-форм/страниц. Когда на бумаге все уже нарисовано и оговорено с разработчиками, позволяет достаточно просто оформить схематичный веб-интерфейс для документации, либо для согласования с заказчиком.
Читать дальше →
Total votes 20: ↑15 and ↓5 +10
Comments 6

Сравнение средств проектирования

Reading time 3 min
Views 90K
Website development *UML Design *

Учёба в универе и работа наложили свой отпечаток, оказалось, что нужно не только «кодить», но и уметь проектировать те или иные «задачи». Знакомство моё с UML началось с State Machine(конечный автомат, если по русски и приближённо).
Читать дальше →
Total votes 55: ↑48 and ↓7 +41
Comments 86

Стенсилы для проектирования интерфейсов

Reading time 2 min
Views 17K
Interfaces *
Продолжая выкладывать на блоге Amazing Development всё, что может понадобиться компаниям или специалистам начать заниматься проектированием и работами над повышением юзабилити своих продуктов и проектов, опубликовал коллекцию стенсилов. Стенсилы – примитивы используемые для графического представления чего-либо. Ниже представлены стенсилы для программ Microsoft Visio, Adobe InDesign и OmniGraffle. Если Вы знаете ссылки на другие стенсилы, которые можно использовать в проектировании, то сообщите о них в комментариях.

Microsoft Visio


Стенсилы Nick Finck


Читать дальше →
Total votes 72: ↑69 and ↓3 +66
Comments 30

Построить карту сайта в Visio

Reading time 1 min
Views 2K
Lumber room
image Кто-нибудь будет спорить с тем, что мы как правило недоиспользуем софт, который уже стоит у нас на компьютере? У меня на компьютере стоял Visio — а карту сайта я раньше делала руками.

Итак, чтобы сделать карту сайта нужно найти в Визио шаблон Карта Сайта и пройти по достаточно интуитивному Визарду.

Внешний вид, глубину просмотра и много всего прочего можно подстраивать под свои нужды. Можно эту функцию вообще использовать для проверки broken links на сайте, или, например, для получения списка pdf-докуменов, опубликованных на сайте.

Пользуйтесь.
Total votes 28: ↑24.5 and ↓3.5 +21
Comments 4

Что нового мы увидим в Visio 2010?

Reading time 2 min
Views 3.9K
IT-companies
Translation

Организация диаграмм с контейнерами


Как только команда, ответственная за продукт, начала планировать Visio 2010, мы собрали большое количество пользовательских зарисовок. Среди тысяч разных по типу диаграмм, мы все же нашли общие сходства. Как только диаграмма становилась более сложной, пользователи добавляли специальные фигуры, для внесения ясности. Часто пользователи рисовали рамки вокруг объектов кластеров, чтобы выделить в отдельную логическую группу. Это навело нас на мысль, что мы можем помочь в таком виде организации данных, вследствие чего родилась функция Контейнеров.

image
Читать дальше →
Total votes 40: ↑24 and ↓16 +8
Comments 26

День больших релизов

Reading time 1 min
Views 395
IT-companies
image
Сегодня в предверии PDC — крупнейшей в мире конференции для разработчиков, Microsoft выпустила в свет целый ряд своих серверных и клиентских продуктов:

Office Sharepoint:
  • Office SharePoint Foundation Server 2010 Beta
  • Office SharePoint Server 2010 Beta
  • Office SharePoint Designer 2010 Beta
  • FAST Search Server SharePoint 2010 Beta
На Хабре про это уже успели написать.

image
  • Office Professional Plus 2010 Beta
  • Office Web Applications 2010 Beta
  • Office Search Server Express 2010 Beta
  • Office Visio Premium 2010 Beta
  • Office Project Server 2010 Beta
  • Office Project Professional 2010 Beta
  • Office Business Contact Manager 2010 Beta

imageКак можно заметить из списка, долгожданные приложения Office для Web так же доступны для всех желающих. Стоит напомнить, что эти компоненты можно будет развернуть у себя в корпоративной среде (чего не предлагает ни один конкурент) или использовать в облаке Microsoft.

Пока данный набор ПО доступен подписчикам MSDN и TechNet. Но ожидается, что завтра, в день открытия PDC, весь стек продуктов будет доступен всем желающим. Ставьте новый Office 2010, теперь он на русском языке!

Кроме того, стало известно, что Microsoft тестирует версию Excel для высокопроизводительных кластеров. На проходящей конференции Supercomputing Conference компания показала и новую версию Windows HPC Server 2008 R2 для кластеров
Total votes 64: ↑42 and ↓22 +20
Comments 49

Использование Visio для создания рабочих процессов

Reading time 3 min
Views 40K
SharePoint *
Tutorial
Рабочие процессы — важная и почти обязательная составляющая портала на SharePoint, они являются основой документооборота и многих других бизнес-процессов. Неудивительно, что существуют такие системы как Nintex, пытающиеся расширить и дополнить возможности стандартных рабочих процессов.

По опыту работы с Nintex могу сказать, что данная система не лишена недостатков: дороговизна, периодически возникающие ошибки, общая неторопливость системы (хоть это свойственно всему SharePoint) — все это вынуждает меня использовать штатный механизм рабочих процессов. Однако, у Nintex есть важное преимущество — визуализация схемы и текущего состояния процесса. Благодаря этому создание рабочих процессов упрощается, и их могут создавать даже люди, достаточно далекие от программирования (контент-менеджеры, бизнес-аналитики и т.д.). В SharePoint 2010 есть аналогичная возможность создания рабочего процесса на основе визуальной схемы, используя Visio 2010 и SharePoint Designer 2010.
Читать дальше →
Total votes 5: ↑4 and ↓1 +3
Comments 0

Пример использования WxPython для создания нодового интерфейса. Часть 1: Учимся рисовать

Reading time 5 min
Views 19K
Python *Programming *
Tutorial
В небольшом цикле статей будет описано использование WxPython для решения вполне конкретной задачи по разработке пользовательского интерфейса, да еще и то, как сделать это решение универсальным. Туториал этот расчитан на тех, кто уже начал изучать эту библиотеку и хочет увидеть что-то более сложное и целостное, чем простейшие примеры (хотя начнется все с относительно простых вещей).

А начиналось все так: понадобилось мне для одного проекта сделать UI, где надо последовательность обработки сообщений редактировать. Что-то наподобии Simulink'а. Соответственно, полез искать готовые либы/фреймворки. Поначалу подумал, что задачка популярная и кто-нибудь уже сделал это велосипед, поискал, поискал и… не нашел. Точнее нашел много антикварных велосипедов, но кто же будет пользоваться чужим старым велосипедом, если можно сделать свой новый. Но раз уж делать новый велосипед, почему бы не сделать его универсальным, мало ли, где еще пригодится.

Так что попробую в нескольких статья описать процесс разработки с нуля до работающего примера. Ну и чтобы было интересно, а ферймворк был универсален, первая задача для него будет не подобие Simulink'а, а софтина для рисования блок-схем а-ля Visio, но со своим блек-джеком и остальными участниками:)

Часть 1: Учимся рисовать
Часть 2: Обработка событий мыши
Часть 3: Продолжаем добавлять фичи + обработка клавиатуры
Часть 4: Реализуем Drag&Drop
Часть 5: Соединяем ноды

Кому интересно, добро пожаловать под кат…
Читать дальше →
Total votes 19: ↑17 and ↓2 +15
Comments 3

Пример использования WxPython для создания нодового интерфейса. Часть 2: Обработка событий мыши

Reading time 6 min
Views 7.6K
Python *Programming *
Tutorial
В небольшом цикле статей будет описано использование WxPython для решения вполне конкретной задачи по разработке пользовательского интерфейса, да еще и то, как сделать это решение универсальным. Туториал этот расчитан на тех, кто уже начал изучать эту библиотеку и хочет увидеть что-то более сложное и целостное, чем простейшие примеры (хотя начнется все с относительно простых вещей).

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

Часть 1: Учимся рисовать
Часть 2: Обработка событий мыши
Часть 3: Продолжаем добавлять фичи + обработка клавиатуры
Часть 4: Реализуем Drag&Drop
Часть 5: Соединяем ноды

Кому интересно, добро пожаловать под кат…
Читать дальше →
Total votes 19: ↑17 and ↓2 +15
Comments 0

Полезные «лайфхаки»: отвечаем на самые популярные вопросы

Reading time 6 min
Views 25K
Huawei corporate blog System administration *Network technologies *
Для нас не секрет, что многие специалисты, работающие с сетевым оборудованием Huawei имеют к нам ряд вопросов.

Мы также знаем, что некоторые из этих специалистов не стеснялись в выражениях в процессе настройки продукции Huawei. И мы уверены, что данный пост ответит как на большинство вопросов тех, кто только начинает работать с сетевым оборудованием нашей компании, так и тех, кто уже имеет немалый опыт проектов с его использованием. Кроме того, статья рекомендуется к прочтению всем специалистам, допускающим вероятность взаимодействия с коммуникационным оборудованием Huawei.
Читать дальше →
Total votes 16: ↑15 and ↓1 +14
Comments 7

Хорошие BPM — инструменты, которых нет и нет. Моделирование процессов

Reading time 15 min
Views 14K
System Analysis and Design *Data visualization *Visual Basic for Applications *Technical Writing *

Поговорим о том, какие инструменты хотелось бы иметь при описании бизнес-процессов. Инструментов BPMS (BPM systems) много, но выбрать то особо нечего …  

Ниже перечислим некоторые важные инструментальные возможности некоторых сред моделирования процессов (в основном ARIS и MS visio).

Читать далее
Total votes 1: ↑1 and ↓0 +1
Comments 49

Расширенная визуализация связанных данных. Простые инструменты для простых задач

Reading time 8 min
Views 2.4K
Semantics *System Analysis and Design *Data visualization *Technical Writing *

Даже сложные картинки часто читаются проще чем, простые столбики связанных данных (например, взаимосвязанных табличек). Такова особенность восприятия человека. Поэтому он постоянно пытается данные (знания) визуализировать в графике. В принципе любой граф с информацией к узлам или ребрам (сеть сущностей, их семантические типы, свойства и отношения) можно «громко» назвать графом связанных данных и даже Графом знаний (Knowledge graph).

Точных определений «Связанные данные» и его направления Knowledge graph – полагаю, что нет, поэтому не углубляясь в теорию, обозначим лишь базовый принцип «Связанных данных»: «субъект – связь (предикат) - объект» (тройки , triples). Принцип лежит во всех прикладных задачах визуализации этих самых «троек»: анализ больших графов (Gephi, Cytoscape), BPM (ARIS, ARPO), «графовые» Zettelkasten (Roam Research, Obsidian, Loqseq) - Personal Memory Manager / Personal Knowledge Management (TiddlyMap), всевозможные концептуальные - ментальные карты (мозгового штурма, карты разума mind-map) и заканчивая semantic Web. 

Читать далее
Total votes 1: ↑0 and ↓1 -1
Comments 0

JavaScript: Zoom как в картах для SVG/HTML

Reading time 3 min
Views 3.9K
Website development *JavaScript *Algorithms *HTML *Software
Tutorial

dgrm.net | GitHub

Как сделан zoom в редакторе блок-схем dgrm.net.
Zoom-ить можно:

колесиком мышки,
touchpad-ом
и двумя пальцами на телефонах и планшетах.

Готовая функция zoom-а SVG для ваших проектов прилагается. Для HTML можно переделать.

Читать далее
Total votes 9: ↑9 and ↓0 +9
Comments 7

Пишу диаграммы последовательностей текстом (кодом). Вы тоже можете

Reading time 5 min
Views 13K
Ростелеком corporate blog System Analysis and Design *Project management *
Tutorial

Я работаю бизнес-аналитиком. Создание диаграмм последовательностей (sequence diagram) – часть регулярной рутины. Всё классно. Но процесс правок…

К счастью, я нашел для себя решение. Теперь я не рисую sequence diagram, а пишу "кодом". Это легко, быстро и удобно.

Читать далее
Total votes 29: ↑29 and ↓0 +29
Comments 36