Ample SDK

Ample SDK
biblioteka programistyczna
Napisane w	JavaScript
Aktualna wersja stabilna	0.9.3 / 12 czerwca 2011
Licencja	GPL i X11
http://www.amplesdk.com

Ample SDK – lekka biblioteka programistyczna w języku JavaScript do tworzenia aplikacji webowych zgodnych ze standardami. Zawiera pełną implementację drzewa obiektowego modelu dokumentu W3C. Głównym zastosowaniem Ample SDK jest manipulacja DHTML-em jak w jQuery i Prototype JavaScript Framework.

Możliwości

Ample może być identyfikowany jako User agent (jak przeglądarka internetowa, animacja Flash, Silverlight) który implementuje standardy W3C.

Biblioteka uruchomieniowa

Biblioteka uruchomieniowa zawiera implementacje dla:

API skryptów

• Document Object Model (DOM) Level 3 Core
• Document Object Model (DOM) Level 3 Events
• Document Object Model (DOM) Level 3 XPath
• Selectors API
• Inne API: DOMParser, XMLSerializer, XSLTProcessor, XMLHttpRequest, JSON

Technologie na bazie XML

• XML Inclusions 1.0
• XML Events 1.0
• REX 1.0
• XBL 2.0
• SMIL 3.0
• XML Schema 1.1 Datatypes

Zarządzanie interfejsem użytkownika

• Przeciągnij i upuść
• Zmiana rozmiaru
• Focus
• Przechwytywanie
• Historia
• Selekcja

Języki znaczników opisu interfejsu użytkownika

Poniższe języki zostały zaimplementowane samodzielnie w JavaScript:

• XUL
• XHTML 1.1
• HTML 5
• XForms 1.1
• SVG 1.1

Aplikacje w zgodzie ze standardami

Tworzenie aplikacji po stronie klienta w Ample SDK jest takie same jak w zwykłej przeglądarce internetowej, z jednym wyjątkiem: API i zachowania są wspólne we wszystkich przeglądarkach w ramach frameworka.

Interfejs użytkownika

Interfejs użytkownika aplikacji jest tworzony z wykorzystaniem XML-a, na przykład:

<script type="application/ample+xml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
    <xul:listbox type="checkbox" height="200" onselect="onListBoxSelect(event)">
        <xul:listhead>
            <xul:listheader width="30" minwidth="30" label="id"/>
            <xul:listheader width="600" minwidth="300" label="Name" tooltiptext="Shows firstname of the person. Click to sort."/>
            <xul:listheader label="column2" minwidth="200" tooltiptext="Shows lastname of the person. Click to sort."/>
            <xul:listheader width="200" minwidth="200" label="column2" tooltiptext="Shows person location. Click to sort."/>
        </xul:listhead>
        <xul:listbody id="listbody">
            <xul:listitem class="test">
                <xul:listcell label="1" />
                <xul:listcell label="George"/>
                <xul:listcell label="House Painter"/>
                <xul:listcell label="USA"/>
            </xul:listitem>
            <xul:listitem class="test2">
                <xul:listcell label="2" />
                <xul:listcell label="Mary Ellen"/>
                <xul:listcell label="Candle Maker"/>
                <xul:listcell label="Java"/>
            </xul:listitem>
        </xul:listbody>
    </xul:listbox>
</script>

Logika aplikacji

Logika aplikacji jest napisana w języku JavaScript, na przykład:

<script type="text/javascript">
function onListBoxSelect(oEvent) {
    if (oEvent.currentTarget.selectedItem)
        alert(oEvent.currentTarget.selectedItem.cells[0].getAttribute("label"));
}
</script>

Style

Stylowanie aplikacji jest robione z użyciem kaskadowych arkuszy stylów, na przykład:

<style type="text/ample+css">
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 
.test {
    font-weight: bold;
}
 
xul|listitem:selected {
    background-color: blue;
    color: white;
}
</style>

Zobacz też

• JavaScript
• AJAX
• jQuery

Linki zewnętrzne

• Strona główna Ample SDK (ang.)