Ample SDK

Z Wikipedii, wolnej encyklopedii
Skocz do: nawigacji, wyszukiwania
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[edytuj | edytuj kod]

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

Biblioteka uruchomieniowa[edytuj | edytuj kod]

Biblioteka uruchomieniowa zawiera implementacje dla:

API skryptów[edytuj | edytuj kod]

Technologie na bazie XML[edytuj | edytuj kod]

Zarządzanie interfejsem użytkownika[edytuj | edytuj kod]

Języki znaczników opisu interfejsu użytkownika[edytuj | edytuj kod]

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

Aplikacje w zgodzie ze standardami[edytuj | edytuj kod]

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[edytuj | edytuj kod]

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[edytuj | edytuj kod]

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[edytuj | edytuj kod]

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ż[edytuj | edytuj kod]

Linki zewnętrzne[edytuj | edytuj kod]