it-swarm-eu.dev

Wie kann die Endbenutzererfahrung und die Datenberichterstattung in Webanwendungen verbessert werden?

Ich habe eine anständig funktionierende Webanwendung (Java/Servlet/Jsp), mit der ich die Endbenutzererfahrung und die Vorteile der Anwendung verbessern möchte. Die Web-App erfasst Geschäftsdaten über HTML-Formulare und speichert sie in einer Oracle-Datenbank. Es hat eine gute Validierung der Dateneingabe. Ich zeige die Daten wieder in HTML-Seiten an. Ich möchte jedoch bessere Berichtsfunktionen für meine Daten. Ich möchte nicht, dass es sich nur um ein Repository handelt.

Als Beispiel habe ich einen Out Of Plant Scheduler. Mitarbeiter geben Daten ein, an denen sie geschäftlich unterwegs sind, Urlaub machen, Jury-Pflicht usw. Im Moment habe ich eine Reihe von Pulldowns, um diese Daten nach Mitarbeiter-ID, Datum, Kategorie und dann zwei anzuzeigenden Schaltflächen zu filtern Daten entweder in einem Listenformat oder in einem Kalender. Das funktioniert gut, aber jetzt möchte ich weitere Filter hinzufügen. Was ist, wenn jemand nur Geschäftsreiseereignisse nur von Mitarbeitern in Abteilung 123 sehen möchte? Oder was ist, wenn der Benutzer Feiertags- und Jury-Pflichtereignisse anzeigen möchte? Gibt es etwas Besseres als nur HTML-Formular-Widgets, Pull-Donws, Kontrollkästchen und Suchfelder?

Dies ist das Dilema für alle meine Web-Apps. Ich sammle Daten und möchte eine großartige Möglichkeit, diese Daten dem Endbenutzer als Information und nicht nur als Daten wiederzugeben.

Ist das ein Job für jquery, ajax, BIRT, etc ... ?? Es ist auch erwünscht, auf einfache Weise Balkendiagramme und Diagramme einer Abfrage zu erstellen, die ich mit den angewendeten Endbenutzerfiltern konzipiere. Oh, und natürlich liebt das obere Management Excel-Dokumente. Im Moment kann ich Excel ausspucken, indem ich den Antwortheader im Servlet Java Servlet) spezifiziere.

Übrigens, dies ist eine Ein-Mann-Show, ich bin der Programmierer und Designer.

2
jeff

Die ExtJS-Bibliothek verfügt über eine sehr leistungsstarke Rastersteuerung, mit der Spalten neu angeordnet und ausgeblendet, gesucht, sortiert usw. werden können. Und sie sieht auch gut aus. ExtJS enthält auch Steuerelemente für Diagramme, aber ich bevorzuge stattdessen die Verwendung von Flot , da es sich um reines JavaScript und IMO handelt, die flexibler sind.

1
ammoQ

Ich bin mit Java nicht sehr vertraut, aber Sie sollten sich die Google Charts API ansehen, um Ihre Diagramme einfach zu implementieren. Was einige Ihrer anderen UI-Fragen betrifft, lesen Sie diese Frage unter I-Musterbibliotheken und Websites . Sie sollten dort etwas finden, das nützlich oder inspirierend ist.

0
Virtuosi Media

Wenn Sie eine gewisse Flexibilität bei der Bereitstellung haben, können Sie eine RIA-Technologie wie Adobe Flex verwenden, um sogar Widgets/Komponenten zu entwickeln (wenn nicht eine vollständige App). Andernfalls verwenden Ihre anderen Optionen jQuery, CSS und andere reine Webtechnologien wie diese, um den "coolen Faktor" zu erzielen. Dies führt jedoch zu eigenen Herausforderungen bei der Cross-Browser-Kompatibilität (etwas, vor dem Flex und Flash Player Sie schützen würden). Das Dojo-Toolkit ist ebenfalls eine interessante Option, hat aber auch seine eigenen Herausforderungen.

0
pinkeerach

Sie können Google Chart und Visualisierung API überprüfen. Sie sind sehr Javascript-orientiert, sodass Sie sich nur darum kümmern müssen, wie Sie die Daten aus Ihrer Datenbank abrufen und die erforderlichen Arrays füllen können. Es werden ziemlich gute Diagramme angezeigt. Ja, das Anzeigen von Diagrammen fügt einige Schnickschnack hinzu.

Es gibt auch eine Open-Source-Flash-Chart-Engine http://teethgrinder.co.uk/open-flash-chart/index.php

Besuchen Sie auch dashboardzone.com, um einige Ideen zu erhalten, wie Sie Ihre Daten als Diagramme darstellen können.

0
Nilesh

Ähnlich wie bei der Google Charts-API würde ich empfehlen Highcharts Es ist ziemlich auffällig - nicht zu verwechseln mit in Flash - und kann eine großartige Möglichkeit sein, die verfügbaren Daten zu visualisieren. Es ist eine weitere JavaScript-Diagrammbibliothek, die SVG verwendet, sofern verfügbar, und eine alternative Methode für den IE. In beiden Fällen handelt es sich hauptsächlich um HTML, JavaScript und CSS. Highcharts ist lizenzierte Software und kein "Service" in der Cloud. Welches würde wahrscheinlich besser zu Ihren Anforderungen passen als die Google Charts-API. Informationen zur Lizenzierung: http://www.highcharts.com/license

0
sholsinger