Автор будет очень признателен, если Вы кликнете по одной из белых ссылок выше.
Вам это ничего не стоит, а автору сайта будет приятно ;)
Найдено страниц: 44 [показано 10]
Грамотный интерфейс: поля ввода
Степень соответствия запросу: 54,84%
Фрагменты текста поста : ... Грамотный интерфейс: поля ввода Очень часто в программах данные вводятся в формах, содержащих множество полей: поле фамилии, имени, адреса, номера паспорта, размера обуви... ... Проблема состоит в том, что внешне эти поля очень похожи друг на друга и рано или поздно оператор (из-за усталости, по неопытности или по какой другой причине) вобьет фамилию в поле номера паспорта или адрес в поле отчества... ... Наиболее популярное на данный момент - разбить форму с десятком полей ввода на несколько форм, по два-три поля в каждом... ... Для интернета это оказывается удобным, но в оффлайновых программах, где вводимых данных гораздо больше, возникает масса проблем: необходимо предусмотреть в каждой следующей форме отображение введенных данных из предыдущих форм, чтобы пользователь мог видеть, что он уже ввел ранее... ... для изменения ранее введенных данных (например неверно введенной фамилии) необходимо сделать в формах навигацию "вперед - назад"... ... проблема "раздутия проекта" из-за создания множества по-сути бесполезных форм... ... после нескольких часов работы они начинают дико раздражать... ... Раскрасим поля ввода... ... На мой взгляд для решения вышеописанной проблемы необходимо разукрасить фон полей ввода... ... Но не стоит делать их яркими как новогодняя елка, а нужно просто слегка изменить цвет, чтобы каждое поле приобрело свой уникальный легкий цветовой оттенок... ... Поработав пару часов с таким интерфейсом, человек уже на уровне подсознания будет знать, что в розовое поле нужно вводить фамилию, а в голубое - адрес... ... Окрашивание полей имеет и еще один плюс - если разработчики в будущем поменяют расположение полей, но при этом сохранят их цветовое соответствие (фамилия - розовый, адрес - голубой), то пользователям будет намного легче приспособиться новому виду, т... ... для поиска нужного поля они будут ориентироваться по цвету, а не читать все подряд надписи на форме... ... Раскрасим формы В продолжение идеи предлагаю раскрашивать и формы, в зависимости от выполняемых действий... ... Суть состоит в том, что для ввода новой записи в базу и для редактирования уже введенной записи как правило используется одна и та же форма... ... Так вот, если во время редактирования придать фону формы какой-нибудь оттенок (например сделать ее слегка красноватой), то пользователь, занимающийся только вводом новых данных, сразу же заметит это изменение цвета и не введет по ошибке новые данные поверх старых... ... Когда на форме расположено множество полей, то из-за усталости глаз, не очень хорошего зрения, слишком высокого разрешения монитора и многих других проблем возникает ситуация, когда пользователь не может сразу отпределить позицию коретки ввода - моргающая полоска может быть не заметна... ... Обычно в таких случаях пользователь хватает мышь и "тычет" ей в нужное поле... ... Помочь пользователям в этом случае можно раскрасив текст в текущем поле ввода... Подробнее: http://fit-media.com/post_1205142560.htmlAJAX — WEB 2.0 за 5 минут
Степень соответствия запросу: 22,1%
Фрагменты текста поста : ... после выполнения функции mytest() внутри контейнера будет помещено содержимое нашего файла (в данном примере это будет надпись "... ... добавим поле для ввода имени: Поле ввода имени Enter your name: <... ... } Первой командой мы считываем значение атрибута value из нашего поля ввода и сохраняем его в переменной nnn, а второй командой вызываем наш серверный скрипт с передачей ему считанного имени и занесением ответа в наш контейнер... ... ) Проблема встает, когда ваша форма содержит десятки элементов ввода &mdash... ... радио-кнопок, чек-боксов, полей ввода и т... ... /html> Как видите, теперь я создал форму и использовал два поля &mdash... ... И теперь эти поля не имеют идентификаторов, зато имеют имена... ... считывать данные из полей, этим займется метод serialize(), который сам соберет все данные из формы и упакует их в формат, понятный для метода post()... ... Теперь, если вам нужно передать на сервер больше данных, то просто добавьте в форму сколько угодно полей различных типов (радио-кнопки, текстовые области, пароли, чек-боксы)... ... фреймворк сам определит количество и типы полей и сам соберет из них данные для отправки... ... всего навсего указывает функцию, которую необходимо выполнить сразу после загрузки страницы... ... Здесь нам это нужно, чтобы указать плагину, какую именно форму ему придется обрабатывать... ... выбираем форму и задаем для нее две функции... ... после получения ответа (она поместит ответ в наш контейнер)... ... Всю необходимую информацию (список полей, их типы, адрес серверного скрипта и т... ... ) плагин возьмет из формы... Подробнее: http://fit-media.com/post_1262093659.htmlWindows с маленькой буквы w
Степень соответствия запросу: 4,88%
Фрагменты текста поста : ... Было бы еще более неразумным, если после рукопожатия мы бы вернулись в предыдущую комнату для продолжения разговора... ... Например, в большинстве программ для рисования, для установки глубины тени объекта часто используется текстовое поле или ползунок в отдельном диалоговом окне... ... После изменения этого значения программа для продолжения работы возвращается к главному окну... ... Тот же художник наверняка хранит каталог с образцами не прямо на столе, а где-то рядом, например, на полке, до которой можно дотянуться, не вставая... ... В программном эквиваленте этого процесса, пользователь временно оставляет программу рисования вместе со всеми инструментами, находит подходящее место на диске, чтобы сохранить изображение, после чего, возможно, посылает его по электронной почте... ... С помощью выяснения целей пользователя мы естественным образом подходим к наиболее подходящей форме программы... ... В Visual Basic, Delphi, C# и других языках легко создавать формы, которые представляют собой независимые окна верхнего уровня... ... Стратегия создания приложения в виде набора форм была довольно спорной, и не применялась широко до тех пор, пока среды разработки не дали возможность создавать окна легко и просто... ... Один программист на Visual Basic однажды с гордостью заявил мне, что его программу было особенно тяжело разрабатывать, потому что в ней содержится 57 форм... ... Каждая форма может быть превосходной сама по себе, но все вместе это просто кошмар... Подробнее: http://fit-media.com/post_1204300625.htmlЗалепа №13. О грамотном проектировании и неграмотном IDE.
Степень соответствия запросу: 4,66%
Фрагменты текста поста : ... такое решение, при котором наша программа не превратится в кашу из кучи классов, лишних открытых методов, свойств и форм... ... Для целей добавления/редактирования будет использоваться еще одно окошко - форма редактирования пользователя... ... Итак, получаем как минимум две формы, которые должны напрямую обращаться к внутренней структуре класса CUserMgr , т... ... создание глобальных классов нужных нам форм ни к чему хорошему не приведет: о существовании этих форм должен знать только CUserMgr , остальные о них не должны даже подозревать, т... ... Чтобы формы могли обратиться к внутренней структуре класса CUserMgr придется внутреннюю структуру сделать открытой, т... ... Решение сводится к созданию классов, представляющих сущности используя в качестве базы класс формы... ... Наш класс менеджера также должен быть наследником класса формы ( Form )... ... Но в IDE вы не сможете использовать визуальный редактор для форм, которые являются вложенными в другие классы (в нашем случае это CUserEdit и CUserList ) - IDE вместо отображения формы просто будет материться по-английски... Подробнее: http://fit-media.com/post_1204892317.htmlВежливый интерфейс, или принципы создания диалогов
Степень соответствия запросу: 2,98%
Фрагменты текста поста : ... Представим, что этот поиск необходим для заполнения одного из полей на форме пользователя, как например адрес человека, кому вы должны послать ее, полученный из адресной книги... ... Вместо того, чтобы трубить об успешном результате, просто заполните это поле... ... Если форма достаточно большая, пользователь может в это время находиться в другом разделе, поэтому поместите где-нибудь индикатор состояния для всей формы... ... Индикатор статуса в форме иконки может обозначать следующее: "где-то на этой форме поле помечено красным... ... Когда пользователь закончит заполнять форму и увидит зеленый индикатор, он поймет, что можно идти дальше... Подробнее: http://fit-media.com/post_1204699098.htmlПользовательский интерфейс
Степень соответствия запросу: 2,81%
Фрагменты текста поста : ... То есть из всего разнообразия изобразительных средств - формы, размера, цвета, текста - в кнопках диалогов используется только текст... ... При переходе от алфавитно-цифровых дисплеев к графическим поле дисплея казалось непомерно большим и проблема синхронизации точки взаимодействия была самой сложной... ... Поле экрана разбивалось на прямоугольники-окна и вся работа велась только в одном из них - так называемом активном окне... ... Одновременно сменилась форма текстового курсора, и, что очень важно, он начал подмигивать... ... Поиск же курсора мыши при его потере из поля внимания пользователь (до сих пор) выполняет подергиванием мыши... ... В конце концов, во многих приложениях используются разные формы динамики изображения, которые называются модным словом " мультимедиа "... ... При выполнении программой длительных действий курсор мыши приобретает форму песочных часов... ... После выработки сквозного визуального решения необходимо прорисовать картинки, называемые у аниматоров "фонами"... ... Предположим, что ваша фирма выходит на рынок с новой моделью аудиомагнитофона, отличающейся от всех остальных некой возможностью А... Подробнее: http://fit-media.com/post_1204019048.htmlМаксимум производительности
Степень соответствия запросу: 2,69%
Фрагменты текста поста : ... После этого: Уменьшайте число манипуляций, насколько это возможно... ... Избегайте требования от пользователя мысленного преобразования задачи в форму, приемлемую для машины... ... Уменьшение необходимости ввода данных Следующие методы могут увеличить производительность ввода данных, уменьшая количество необходимой для ввода информации: Автоматически заполняйте поля новой записи значениями предыдущей... ... Например, можно вводить информацию с бумажных форм в компьютер, используя сканер и программу оптического распознавания текста... ... Если нужно передать длинную форму после того, как пользователь нажмет Submit , это нужно сделать в фоновом режиме, пока пользователь переходит к следующей форме... ... Когда ожидаемая задержка менее 2 секунд, показывать оставшееся время бессмысленно, поэтому просто измените форму курсора на "... ... Измените форму курсора на "... Подробнее: http://fit-media.com/post_1207048697.htmlИдея глобального контента
Степень соответствия запросу: 1,88%
Фрагменты текста поста : ... Соответственно набор полей тот же, что и у статической страницы... ... Список полей: Уникальный идентификатор ( id ) Идентификатор статьи с в блоге, к которой относится данный комментарий ( parent_id ) Заголовок ( title ) Собственно текст ( content ) Идентификатор автора ( user_id ) Дата создания ( created ) Флаг промодерированности ( published ) Как видим, поля всё теже, что и для статичной страницы, отличие лишь в количестве... ... Лишь будет иметь одно дополнительное поле: Дата, начиная с которой новость уже не актуальна ( expiried ) Товар в магазине... ... Используются все теже поля, что и для записи в новостях, но с небольшими дополнениями: цена единицы товара ( price ) количество товара на складе ( number ) картинка товара, лишь для удобства - никто не запрещает ее вставить в само описание товара ( image ) Итог... ... Разработчику модуля нужно лишь сообщить системе, какие именно поля будет использовать его модуль и система сама сможет создать все необходимые формы для ввода/редактирования данных, с необходимой валидацией... ... форма таблиц БД%%% ... Подробнее: http://fit-media.com/post_1242742678.htmlФайлы vs базы данных.
Степень соответствия запросу: 1,72%
Фрагменты текста поста : ... :-) Структура, например, такая: Структура таблиц Таблица se_hosts -------------------- ID1 — уникальный числовой номер (используется для связи таблиц) Host — имя хоста поисковика Таблица se_query --------------------- ID2 — уникальный числовой номер (используется для связи таблиц) SH_ID — уникальный номер для ссылки на первую таблицу Query — текст искомой фразы Таблица se_hits ------------------- Q_ID — уникальный номер для ссылки на вторую таблицу Date — кво-дней с 1 января 2000 года Hits — количество хитов за этот день Естественно первая и третья таблицы будут иметь индексы по первым двум полям, а вторая — по всем... ... Если не использовать индексы, то для выполнения этой операции придется провести сравнение имен хоста с содержимым поля Host первой таблицы для части (а в худшем случае всех ) записей... ... Индексный файл содержит копию проиндексированного поля (или полей) из таблицы БД, но в отсортированном виде... ... Весь диапазон значений (количество записей в таблице) делится пополам и сравнение искомого значения происходит со значением поля сразу из середины таблицы... ... Благодаря тому, что мы проиндексировали поле с именем хоста, мы находим нужную запись в 15 раз быстрее, чем в массиве (буду брать наихудший вариант)... ... После того как мы нашли с помощью индексов нужную запись, ее требуется загрузить в память... ... В нашем случае размер записи (для третьей таблицы) составляет 12 байт , ведь там только три поля — Q_ID , Date и Hits , каждое из которых представляет собой 32-битное число и занимает 4 байта... Подробнее: http://fit-media.com/post_1222679684.htmlDropBox - убийца фалообменников
Степень соответствия запросу: 1,43%
Фрагменты текста поста : ... На этой страничке вводим любые имя и фамилию (поля First name и Last name ), а так же адрес электронной почты и желаемый пароль... ... В поле "... ... Иначе впишите в это поле любое слово или оставьте "... ... После нажатия на кнопку "... ... - появится поле с указанием пути и кнопкой "... ... Для этого нужно получить public-ссылку на ваш альбом и отправить ее вашим друзьям по электронной почте или разместить в форуме... ... Чтобы получить паблик-ссылку перейдите в папку Photos , кликните правой кнопкой мыши по папке альбома (My First Album) и в меню выберите Dropbox / Copy Public Gallery Link : Вроде ничего не произошло, но на самом деле прямая ссылка на ваш фотоальбом была скопирована в буфер обмена (клипборд) и теперь вы можете вставить ее в письмо, в сообщение форума, в аську или просто в броузер для проверки... ... Так что смело копируйте нужные файлы в папку Public , получайте на них паблик-ссылки и заваливайте этим спамом все известные вам форумы... Подробнее: http://fit-media.com/post_1256945370.html
