Живое ядро - Lively Kernel

Живое ядро
Живая демонстрация
Пример Lively Kernel 0.9, работающий в Хром 5
Разработчики)Лаборатории Sun Microsystems, Институт Хассо Платтнера
Стабильный выпуск
2.1.3 / 7 апреля 2012 г.; 8 лет назад (2012-04-07)
Написано вJavaScript, Вариант Qt добавляет C ++
Операционная системаКроссплатформенность
Платформаяблоко Сафари, Mozilla Fire Fox, Гугл Хром, Опера, iPhone /iPad, Microsoft Internet Explorer до версии 9 только с расширениями, но доступен экспериментальный порт, требующий добавления подключаемого модуля веб-браузера
Доступно ванглийский
ТипВеб-разработка
ЛицензияМассачусетский технологический институт
Интернет сайтживое ядро.org

В Живое ядро является Открытый исходный код среда веб-программирования. Он поддерживает настольные приложения с богатой графикой и возможностями прямого управления, но без проблем с установкой или обновлением обычных настольных приложений.[1][2] Разработка началась в Sun Microsystems Лаборатории в Менло-Парк, Калифорния, а позже переехал в Институт Хассо Платтнера в Потсдам-Бабельсберг под Берлином.

Обзор

Lively Kernel - это графическая композиция и интегрированная среда программирования, полностью написанная на язык программирования JavaScript с использованием стандартной графики браузера (W3C Canvas или SVG). Таким образом, он доступен для любого браузера как веб-страница и начинает работать, как только веб-страница загружается. Он может редактировать свой собственный код и графику, а благодаря встроенной поддержке WebDAV может сохранять свои результаты или даже клонировать себя на новые веб-страницы. Наряду с возможностями разработки приложений, он также может функционировать как собственная интегрированная среда разработки (IDE), что делает всю систему самодостаточной без каких-либо инструментов, кроме браузера.

Фигуры, виджеты, окна, IDE - все на веб-странице

Lively Kernel использует Морфический графическая модель для добавления поведения к графу сцены, построенному на основе графики браузера. Таким образом, простая графика собирается в такие стандартные виджеты, как ползунки, полосы прокрутки, текстовые представления, списки и рамки обрезки. Простая оконная система, построенная на основе этих виджетов, предлагает инспекторы объектов, браузеры файлов и браузеры кода. Таким образом, даже элементарные демонстрационные страницы имеют возможность редактировать и тестировать новый код в простом браузере кода во время работы системы.

Lively использовался для создания простых веб-сайтов, включая собственный учебник, а также клиентскую систему Wiki, которая хранит свои страницы в репозитории с поддержкой версий. Контент может варьироваться от относительно статичных страниц текста до полностью динамических моделей, которые выглядят и ведут себя как Adobe Flash симуляции. Lively Kernel обеспечивает сложное динамическое поведение без какой-либо конкретной поддержки анимации (оно не использует функции анимации SVG), а путем простого планирования нескольких процессов зеленого потока в JavaScript.

Текст и преобразования

Lively Kernel включает собственный текстовый редактор с несколькими шрифтами, написанный на JavaScript. Он включает в себя поддержку центрирования, выравнивания и аналогичных элементарных возможностей композиции текста. Таким образом, работа в Lively во многом похожа на работу в программе дизайна веб-страниц, за исключением того, что макет текста на лету не выполняется в автономной программе компоновки, но это встроенное динамическое поведение текста в Живое ядро.

Живость графики Lively становится еще более очевидной при манипулировании ручками масштабирования и поворота для объектов и текста. Можно использовать весь обозреватель кода при наклоне на 20 градусов на бок. Поскольку текстовый редактор полностью состоит из живой графики, он отлично работает при повороте или масштабировании, так же как и полосы прокрутки, обрезки кадров и весь остальной пользовательский интерфейс.

Кроссбраузерная совместимость

Lively Kernel зависит от поддержки браузером JavaScript и SVG или графики Canvas, которые теперь являются частью стандартов W3C. По состоянию на 2009 год это означает, что он работает в браузерах Safari, Firefox, Chrome и Opera.

Хотя это требование может показаться менее совместимым, чем HTML, на самом деле Lively более совместим с браузерами, в которых он работает, чем HTML. Это потому, что между реализациями JavaScript, SVG и Canvas больше единообразия, чем от одной реализации HTML к другой. За исключением одного небольшого исходного файла, база кода Lively Kernel полностью свободна от тестов, для которых используется клиентский браузер.

По состоянию на 2011 год Lively Kernel лучше всего работает в WebKit браузеры на основе, такие как Сафари для Macintosh или Хром или же Гугл Хром для Windows. Для работы в Internet Explorer (Windows) требуется Google Chrome Frame. В следующем выпуске планируется тестирование во всех популярных браузерах.

Интегрированная среда развития

Lively включает в себя мощную интегрированную среду разработки, предназначенную для работы через WebDAV с локальным набором из дюжины или около того исходных файлов JavaScript, синхронизируемых с версионным репозиторием. Если пользователь открывает SystemBrowser, все исходные файлы JavaScript отображаются на панели файлов браузера. Если пользователь нажимает на один из этих файлов, он будет прочитан, проанализирован (парсером OMeta JavaScript) и отображен аналогично Болтовня браузер с перечисленными функциями или определениями классов, и для каждого класса показаны все имена методов. Пользователь может щелкнуть имя метода, отредактировать его код в нижней панели, а затем сохранить новое определение. Новое определение будет проверено на синтаксис и, если оно верное, будет сохранено обратно в файл .JS. Более того, если он находится в «режиме eval» (обычный случай), метод будет переопределен в работающей системе. Это позволяет вносить некритические изменения без необходимости перезапуска Lively или какого-либо из разрабатываемых приложений. Когда все исходные файлы загружены, быстрое сканирование найдет каждую ссылку на выбранный текст и представит все совпадающие тела кода в отдельном суббраузере.

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

Живая вики

IDE работает со своими файлами исходного кода в репозитории с поддержкой версий, чтобы управлять развитием базы кода Lively. Тот же подход был использован для предоставления пользователям возможности контролировать активный веб-контент в форме клиентской Wiki. Поскольку Lively включает в себя средства для редактирования контента в своих мирах (графы сцены и другой контент), а также для хранения этого контента в виде веб-страниц, соединение WebDAV позволяет Lively сохранять новые версии контента своей страницы во время его постепенной разработки. Поскольку каждая новая версия сохраняется, ее можно просматривать в остальной части Интернета, а предыдущие версии можно получить в случае ошибки или изменения мнения. Примечательно, что этот стиль развивающегося веб-контента Wiki распространяется на все текстовое, графическое и скриптовое содержимое в Lively, а также на любые новые формы, которые могут быть определены, но без какой-либо необходимости в каком-либо сервере Wiki.[3] Все, что требуется, - это сервер, обеспечивающий интерфейс HTTP WebDAV. Таким образом теперь поддерживается все большее количество контента Lively Project.

Lively для Qt

Lively для Qt - это новая реализация Lively Kernel, в которой части «ядра» заменены функциональными возможностями, предлагаемыми Фреймворк Qt.[4] Lively для Qt наследует большую часть основных функций (таких как реализация виджетов, управление компоновкой, обработка основных событий и поддержка основного JavaScript) от Qt. Lively для Qt сохраняет исключительно интерактивный характер («живость») Lively Kernel, например, позволяя редактировать пользовательский интерфейс и исходный код приложения «на лету». Однако в Lively для Qt разработка выполняется с использованием знакомых, хорошо документированных API платформы Qt.

Пример кода

// ClockMorph: простые аналоговые часыПревращаться.подкласс(“ClockMorph”, {    defaultBorderWidth: 2,     тип: "ClockMorph",    // Конструктор     инициализировать: функция($ супер, позиция, радиус) {        $ супер(позиция.asRectangle().expandBy(радиус), "эллипс");         это.openForDragAndDrop = ложный; // Не обрабатывать запросы перетаскивания         это.makeNewFace(); // Создаем циферблат         возвращаться это;     },    // Создаем новый циферблат     makeNewFace: функция() {        вар сгибы = это.форма.границы();         вар радиус = сгибы.ширина/3;         вар этикетки = [];         вар размер шрифта = Математика.Максимум(Математика.этаж(0.04 * (сгибы.ширина + сгибы.высота)),4);         вар labelSize = размер шрифта; // место для центра со вставкой по умолчанию        // Добавляем римские цифры к часам         за (вар я = 0; я < 12; я++) {             вар labelPosition = сгибы.центр().addPt(Точка.полярный(радиус*0.85,                                 ((я-3)/12)*Математика.ЧИСЛО ПИ*2)).addXY(labelSize, 0);             вар метка = новый TextMorph(pt(0,0).степень(pt(labelSize*3,labelSize)),             ['XII','Я','II','III','IV','V','VI','VII','VIII','IX','ИКС',"XI"][я]);             метка.setWrapStyle(WrapStyle.СОКРАЩАТЬ);             метка.setFontSize(размер шрифта);            метка.setInset(pt(0,0));                    метка.setBorderWidth(0);            метка.setFill(ноль);            метка.выровнять(метка.границы().центр(),labelPosition.addXY(-2,1));             это.addMorph(метка);         }             // Добавляем стрелки часов         это.addMorph(это.Часовая стрелка = Превращаться.makeLine([pt(0,0),pt(0,-радиус*0.5)],4,Цвет.синий));         это.addMorph(это.минутная стрелка = Превращаться.makeLine([pt(0,0),pt(0,-радиус*0.7)],3,Цвет.синий));         это.addMorph(это.подержанный = Превращаться.makeLine([pt(0,0),pt(0,-радиус*0.75)],2,Цвет.красный));         это.setHands();         это.измененный();     },         // Устанавливаем углы стрелок часов на основе текущего времени     setHands: функция() {        вар сейчас же = новый Дата();         вар второй = сейчас же.getSeconds();         вар минута = сейчас же.getMinutes() + второй/60;         вар час = сейчас же.getHours() + минута/60;         это.Часовая стрелка.setRotation(час/12*2*Математика.ЧИСЛО ПИ);         это.минутная стрелка.setRotation(минута/60*2*Математика.ЧИСЛО ПИ);         это.подержанный.setRotation(второй/60*2*Математика.ЧИСЛО ПИ);        },    // Будет вызываться, когда ClockMorph помещается в мир     startSteppingScripts: функция() {         это.startStepping(1000, "setHands"); // раз в секунду     } });

Рекомендации

  1. ^ Живое ядро ​​Самостоятельная система на веб-странице
  2. ^ Фреймворк Lively Kernel Application Framework
  3. ^ Lively Wiki Среда разработки для создания и совместного использования активного веб-контента, Krahn Ingalls Hirschfeld Lincke Palacz, WikiSym ’09, 25–27 октября 2009 г.
  4. ^ Lively для Qt: платформа для мобильных веб-приложений, Микконен Тайвалсаари Терхо, Mobility 2009, 2–4 сентября

внешняя ссылка