Блог

Я изучаю возможность создания многофункционального интернет-приложения (например, Google Docs или ProtoShare) для создания фотокниг (например, ShutterFly). Готовые книги будут напечатаны в Азии предпочтительным партнером нашего клиента по печати.

Чтобы предоставить доступ к приложению как можно более широкой аудитории (например, пользователям iPad и смартфонов), мы хотели бы изучить возможность создания приложения на HTML, CSS и JavaScript.

Некоторые функции, которые я хотел бы включить, это:

• Обрезка, поворот и изменение размера изображений
• Базовая постобработка, такая как настройка яркости и контрастности
• Поддержка видеофайлов, запись отснятого материала с веб-камеры
• Шаблонные макеты страниц с графическими заполнителями

Поскольку проект имеет очень широкий охват, и мы все еще находимся на ранних стадиях, я пытаюсь понять, будет ли это возможно. Мне было бы очень интересно услышать о существующих примерах, которые были созданы без Flash, или просто получить «внутреннее представление» о том, стоит ли вообще пытаться это сделать.

У моей компании есть приложение, которое занимается автоматизацией маркетинга, и у нас есть аналогичный инструмент, созданный для создания открыток, писем и электронных писем, которые мы автоматически отправляем на принтер для клиента. Я НЕНАВИЖУ Flash (слава богу, он медленно умирает!), Поэтому я настоял на чистом HTML, CSS и jQuery с PHP-бэкэндом. Я занимаюсь разработкой пользовательского интерфейса около 15 лет, и это, безусловно, самая сложная задача, с которой я когда-либо сталкивался из-за множества связанных с этим сложностей.

Я подошел к задаче, используя перетаскиваемую (и другую) функциональность jQuery для определения расположения элементов. Сложно иметь дело с переполнениями и перекрытиями, поэтому ожидайте, что с этим придется бороться на протяжении значительной части вашего программирования. Я подошел к «желобам», сделав мою редактируемую область смещенной от фактического фона, что означало, что мне не пришлось программировать дополнительную область «вне пределов». Для обработки «слоев» элементов на каждой странице есть выбираемый / удаляемый список каждого добавленного элемента, такого как изображения, текст, элементы дизайна и т.д. Сохранение происходит автоматически через jQuery Ajax каждые 5 минут с момента открытия пользователем окна. Координаты X, Y сохраняются в базе данных MySQL для последующего редактирования или для отправки на принтер.

Вот в чем дело. У нас есть ОЧЕНЬ специализированный принтер, который делает все возможное для нас. Мы ежедневно общаемся с ними и разработали процесс, обеспечивающий бесперебойное прохождение нашей работы от клиентов до утверждения в типографии и фулфилмент-хауса. Добраться до этого было непросто! Если вы собираетесь печатать на обычном принтере, ожидайте почти ежедневной головной боли, поскольку клиенты выводят проекты, о которых принтер скажет вам, что они не могут быть выполнены, после чего вам придется заново настраивать свое приложение. Существует ТАК много различных способов, которыми клиент может создать что-то, что поставит принтер в затруднительное положение, что практически невозможно учесть все из них. Если бы это был я, и я шел по этому пути, я мог бы на самом деле рассмотреть покупку качественного цветного принтера как часть моего бизнес-плана, чтобы я мог полностью контролировать процесс.