UB BRAUNSCHWEIG
Symbolfoto
  • Impressum
  • Startseite
  • allegro-C von A-Z
  • Druckversion
´╗┐

a35- Plattformunabhängige Browser-Oberfläche für allegro-Datenbanken

- Design-Konzept: -

a35 ist eine Weboberfläche die modular sehr flexibel an unterschiedlichste Basiswebpr├Ąsentationen anpassbar ist.




Header Bereich (rot) / Menü Bereich (gelb) / Content Bereich (gr├╝n)

Vorraussetzungen: Java Skript aktiviert, Zugang zum WWW

Startdatei: a35_demo.php

Diese Datei dient als Beispiel f├╝r Ihre pers├Ânliche Corporate Design Dateistruktur. Sie ist eine Beispielbasis für den Einbau von a35 in eine bestehende Website.

Abh├Ąngige Dateien: ../scripts/a35css2.php ; a35ini.php ; diverse JQuery Skripte

Men├╝ Bereich - sortierbare jQuery Accordionstruktur

Men├╝ Bereich (linke Navigationsleiste)

Men├╝bespiel mit einer sortierbaren jQuery Accordionstruktur beliebig erweiterbar und benutzerspezifisch sortierbar.

sortierbares Accordiongrundger├╝st (open Source Code)
Quelle:
http://jqueryui.com/accordion/#sortable

Sonderfall Intranet: JQuery Quelldateien auf eignen Server herunterladen Quelle:http://jqueryui.com/download/

Der Men├╝ Bereich (Navigation) ist in der Beispieldatei a35_demo.php nur als Demomen├╝ (JQuery Accordionstruktur) eingf├╝gt. Dieses soll eine simple Variante f├╝r Ihr eignes Men├╝ Corporate Design darstellen in die benutzerorientiert eine Auswahl der Funktionen eingebaut werden kann. (durch ├╝bernahme des jeweiligen Funktionslinks und dessen Name)

Header Bereich - headdemo.gif

Der Header Bereich (Logos, Symbolbilder, Navigationsleisten) ist in der Beispieldatei nur als Demobanner ("headdemo.gif") eingf├╝gt. Dieses soll eine simple Variante f├╝r Ihr eignes Header Corporate Design darstellen.

Content Bereich - content-a35-tab.php

Tabmodell vier Tab Grundfelder ( Indexsuche, Ergebnislisten, Titeldaten, Extras) beliebig erweiterbar (Hilfe)

Tabs k├Ânnen frei angeordnet werden

Tab Grundger├╝st (open Source Code) Quelle: http://jqueryui.com/tabs/

Sonderfall Intranet: JQuery Quelldateien auf eignen Server herunterladen Quelle:http://jqueryui.com/download/

Script zum Aktivieren eines Tabs in der ein Ergebnis angezeigt wird:

<script>
function active(n)
{
$('#tabs').tabs({active:n});
}
</script>

Indexsuche - active(0) - REG
Ergebnislisten - active(1) - EXT
Titeldaten - active(2) - INT
Extras - active(3) - INF
Hilfe - active(4) - HLP



Header Bereich (rot) / Menü Bereich (gelb) / Content Bereich (gr├╝n)

Vorraussetzungen: Server Side Include SSI

Startdatei: a35_katalog.htm

Header Bereich <!--#include virtual="/inc/header-a35-demo.inc" -->
Men├╝ Bereich <!--#include virtual="/inc/menue-a35.inc" -->
Contentbereich <!--#include file="content-a35-tab.php" -->

Header Bereich - header-a35-demo.inc (Logos, Symbolbilder, UB Braunschweig Navigationsleiste)

Men├╝ Bereich - menue-a35.inc (linke Navigationsleiste)

Content Bereich - content-a35-tab.php

Tabmodell vier Tab Grundfelder ( Indexsuche, Ergebnislisten, Titeldaten, Extras) beliebig erweiterbar (Hilfe)

Tabs k├Ânnen frei angeordnet werden

Tab Grundger├╝st (open Source Code) Quelle: http://jqueryui.com/tabs/

Script zum Aktivieren eines Tabs in der ein Ergebnis angezeigt wird:

<script>
function active(n)
{
$('#tabs').tabs({active:n});
}
</script>

Indexsuche - active(0) - REG
Ergebnislisten - active(1) - EXT
Titeldaten - active(2) - INT
Extras - active(3) - INF
Hilfe - active(4) - HLP



Header Bereich (rot) / Menü Bereich (gelb) / Content Bereich (gr├╝n)

Startdatei: a35start.php

In der Startdatei a35start.php ist der Men├╝ Bereich (Navigation) als Demomen├╝ (JQuery Drop Down Men├╝) durch ein PHP Include der Datei a35menu.php (kann beliebig ver├Ąndert / angepasst werden) eingebaut.

Der Header Bereich ist ebenfalls als PHP Include (include("$headpc");) in der a35start.php eingebettet. In der a35ini.php ist die Quelldatei für den Header Bereich definiert ($headpc= 'a35_head_pc1.php';). Dieses soll eine simple Variante für Ihr eignes Header Design darstellen das benutzerorientiert gestaltet werden kann. Im Demo Packet befinden sich zwei Varianten für den Header Bereich eine grafisch einfache Variante a35_head_pc2.php und eine etwas grafisch betontere Variante a35_head_pc1.php (Wechsel durch Änderung in der a35ini.php).

Der Content Bereich (eingebettet in a35start.php) ist beim PC Design in vier Quadranten aufgebaut die gleichzeitig abgebildet werden (Zielgruppe Datenbankexperten die bei der Neueingabe oder Datenverarbeitung einen gr├Â├čeren ├ťberblick auf die Daten ben├Âtigen) Die einzelnen Qudranten k├Ânnen mit Hilfe von Funktionstasten leicht in Ihrer Anordnung und Gr├Â├če ver├Ąnderet werden.



Header Bereich (rot) / Menü Bereich (gelb) / Content Bereich (gr├╝n)

Startdatei: a35tab.php

In der Startdatei a35tab.php ist der Men├╝ Bereich (Navigation) als Demomen├╝ (JQuery Drop Down Men├╝) durch ein PHP Include der Datei a35menu.php (kann beliebig ver├Ąndert / angepasst werden) eingebaut.

Der Header Bereich ist ebenfalls als PHP Include (include("$headtab");) in der a35tab.php eingebettet. In der a35ini.php ist die Quelldatei für den Header Bereich definiert ($headtab= 'a35_head_tab1.php';). Dieses soll eine simple Variante für Ihr eignes Header Design darstellen das benutzerorientiert gestaltet werden kann. Im Demo Packet befinden sich zwei Varianten für den Header Bereich eine grafisch einfache Variante a35_head_tab2.php und eine etwas grafisch betontere Variante a35_head_tab1.php (Wechsel durch Änderung in der a35ini.php).

Der Content Bereich (eingebettet in a35tab.php) ist beim Tablet Design analog zum Corporate Design Bsp. (Zielgruppe allgemeine Nutzer mit Endgr├Ąten gr├Â├čer Tablet

Tabmodell vier Tab Grundfelder ( Indexsuche, Ergebnislisten, Titeldaten, Extras) beliebig erweiterbar (Hilfe)

Tabs k├Ânnen frei angeordnet werden

Tab Grundger├╝st (open Source Code) Quelle: http://jqueryui.com/tabs/

Sonderfall Intranet: JQuery Quelldateien auf eignen Server herunterladen Quelle:http://jqueryui.com/download/

Script zum Aktivieren eines Tabs in der ein Ergebnis angezeigt wird:

<script>
function active(n)
{
$('#tabs').tabs({active:n});
}
</script>

Indexsuche - active(0) - REG
Ergebnislisten - active(1) - EXT
Titeldaten - active(2) - INT
Extras - active(3) - INF
Hilfe - active(4) - HLP



Header Bereich (rot) / Menü Bereich (gelb) / Content Bereich (gr├╝n)

Startdatei: a35app.php

Der Header Bereich ist ebenfalls als PHP Include (include("$headmobile");) in der a35app.php eingebettet. In der a35ini.php ist die Quelldatei für den Header Bereich definiert ($headmobile= 'a35_head_mobile1.php';). Dieses soll eine simple Variante für Ihr eignes Header Design darstellen das benutzerorientiert gestaltet werden kann. Im Demo Packet befinden sich zwei Varianten für den Header Bereich eine grafisch einfache Variante a35_head_mobile2.php und eine etwas grafisch betontere Variante a35_head_mobile1.php (Wechsel durch Änderung in der a35ini.php).

Der Content Bereich (eingebettet in a35app.php) ist beim Mobile Design als jQuery Accordionstruktur aufgebaut.(Zielgruppe allgemeine Nutzer mit mobilen Endgr├Ąten kleiner als Tablets)

Accordionstruktur mit vier Sections (Indexsuche, Ergebnislisten, Titeldaten, Extras) beliebig erweiterbar (Hilfe)

Sections k├Ânnen frei angeordnet werden

Accordion Grundger├╝st (open Source Code) Quelle: http://jqueryui.com/accordion/

Sonderfall Intranet: JQuery Quelldateien auf eignen Server herunterladen Quelle:http://jqueryui.com/download/

Script zum Aktivieren einer Section in der ein Ergebnis angezeigt wird:

<script>
function active(n)
{
$('#tabs').tabs({active:n});
}
</script>

Indexsuche - active(0) - REG
Ergebnislisten - active(1) - EXT
Titeldaten - active(2) - INT
Extras - active(3) - INF
Hilfe - active(4) - HLP



ein Kapitel zurück zurück zum Inhaltsverzeichnis ein Kapitel vor


[i] zuletzt aktualisiert: 30.08.2013
Email: ub@tu-bs.de