Archief - Interactieve webapplicaties, welke technologie?

Voor mijn masterproef moet ik een interactieve webapplicatie ontwikkelen die veel data moet verwerken, analyseren en visualeren. Daarbij moet alles ook volledig interactief zijn (selecteren, zoomen, dynamisch laden van nieuwe zaken etc).

Nu, welke technologie kiezen we?

PHP/Javascript met AJAX is een mogelijkheid, bv Anno-J Documentation. Natuurlijk weten we allemaal wel dat nog steeds een grotere meerderheid met IE surft (waarvan nog een groot deel met IE6 ) waardoor javascript niet altijd doet wat je wil.

Java Applet, lijkt mij niet zo'n slechte keuze, maar op m'n werk zijn ze hier tegen omdat het makkelijk te decompileren is waardoor eventuele wachtwoorden van databanken op straat komen te liggen. Misschien valt hier wel iets tegen te doen?

JavaFX, een beetje hetzelfde als hierboven, maar JavaFX is meer toegespitst op animaties en webzaken. Nadeel is dan weer dat het weinig gebruikt wordt en ook relatief nieuw is.

Flash, deze lijkt me enkel voordelen te hebben vermits je in elke browser hetzelfde resultaat zal hebben. Alleen weet ik niet hoe performant flash is met een groot aantal gegevens, en hoe zit het met database connecties?

Silverlight, eventueel een vervanger voor flash, maar is het de moeite waard? Wetende dat het nog niet zo lang op de markt is.

Nu ben ik benieuwd wat andere mensen eigenlijk verkiezen. De eisen zijn simpel, het moet voor zoveel mogelijk mensen toegankelijk zijn (IE gebruikers kunnen we niet zomaar uitsluiten) en het moet toch wel performant blijven (ook met een groot aantal gegevens).

Andere technologieën mogen natuurlijk ook vernoemd worden

flash is eveneens te decompileren.

Cappuccino lijkt mij zeker eens het bekijken waard.
Cappuccino Web Framework - Build Desktop Class Applications in Objective-J and JavaScript
InfoQ: Introduction to Cappuccino

Misschien ook handig om weten hoe ze gevisualiseerd moet worden? Grafieken?

De javascript library van chronoscope ziet er wel mooi uit om grafieken te gaan tonen: Ajaxian Chronoscope: GWT Charting and Vector Graphics platform

WHiSPy zei:

Misschien ook handig om weten hoe ze gevisualiseerd moet worden? Grafieken?

Klik om te vergroten...

Ja vooral grafieken en dot plots (voor het visualiseren van genoom duplicaties, iets gelijkaardig: http://www.pnas.org/content/103/40/14959/F1.large.jpg), maar het moet ook flexibel genoeg zijn om allerhande extra grafische zaken toe te voegen. Enkel met een grafieken pakket ben ik dus niet zo heel veel (google charts bv).

WHiSPy zei:

De javascript library van chronoscope ziet er wel mooi uit om grafieken te gaan tonen: Ajaxian Chronoscope: GWT Charting and Vector Graphics platform

Klik om te vergroten...

Werkt ook niet in IE. Door IE is een doorgedreven javascript applicatie dus eigenlijk niet echt een optie.

Kijk ook zeker eens naar het ADF framework van Oracle. De ADF faces zijn gratis te gebruiken en zijn zeer goeie tools! Ze hebben ook een aantal uitgebreide tools voor grafieken en kunnen zeker goed overweg met veel data.

Uit ervaring weet ik dat je het voorgestelde zeker kan doen in Silverlight + asp.NET.
Flash + asp.NET/php/java backend via xml is natuurlijk ook een optie. Programmeren in Flash is echter een stuk omslachtiger en minder overzichtelijk. En Actionscript mag dan een stuk beter zijn dan vroeger, in Silverlight gebruik je gewoon je favoriete .NET taal. Daarbij ontwikkel je Silverlight in Visual Studio.
In verband met je Java applet veiligheidsoverwegingen: het lijkt toch het meest logisch om vanuit je applet een server-side business layer aan te spreken? Op die manier hou je je connectiestring server-side, en heb je enkel je user interface in je client.
Dit geldt trouwens ook voor Flash: natuurlijk is Flash niet goed in grote hoeveelheden gegevens, maar dat is niet echt belangrijk, want het grote werk ga je sowieso op de server moeten doen.

Menno

MennovdH zei:

In verband met je Java applet veiligheidsoverwegingen: het lijkt toch het meest logisch om vanuit je applet een server-side business layer aan te spreken? Op die manier hou je je connectiestring server-side, en heb je enkel je user interface in je client.
Dit geldt trouwens ook voor Flash: natuurlijk is Flash niet goed in grote hoeveelheden gegevens, maar dat is niet echt belangrijk, want het grote werk ga je sowieso op de server moeten doen.

Klik om te vergroten...

Nuja, eventueel is een omweg via xml wel mogelijk om bepaalde data op te halen en zodanig geen database connectie op te stellen vanuit het programma.

Het is echter niet mogelijk om "het grootste werk" door de webserver zelf te laten doen, dat is namelijk wat momenteel gebeurt, de server genereert telkens afbeeldingen waar je op kan klikken om zo "in te zoomen". Dat is net wat weg moet, het moet wel degelijk iets interactief worden en dat kan enkel als de applicatie over alle info beschikt.

Silverlight + Asp.net

Het grote voordeel van Silverlight is dat je met Visual studio kunt werken wat toch 1 van de betere IDE's is. Ik heb zelf nog maar weinig ervaring met Silverlight en de ervaring die ik heb is met Silverlight 2. Ik had toen het gevoel dat er een paar belangrijke features ontbraken maar met Silverlight 3 lijkt dit voor een groot deel al opgelost te zijn.

[drone]-[1.05];12060391 zei:

Silverlight + Asp.net

Het grote voordeel van Silverlight is dat je met Visual studio kunt werken wat toch 1 van de betere IDE's is. Ik heb zelf nog maar weinig ervaring met Silverlight en de ervaring die ik heb is met Silverlight 2. Ik had toen het gevoel dat er een paar belangrijke features ontbraken maar met Silverlight 3 lijkt dit voor een groot deel al opgelost te zijn.

Klik om te vergroten...

Ow, vergeet ook niet de memory leaks in silverlight te vermelden.

Serieus: javafx of flex lijken mij op 't moment nog altijd de betere optie als je zo'n RIA app wil maken.

WHiSPy zei:

Ow, vergeet ook niet de memory leaks in silverlight te vermelden.

Serieus: javafx of flex lijken mij op 't moment nog altijd de betere optie als je zo'n RIA app wil maken.

Klik om te vergroten...

Welke memory leaks zijn er dan? Ik werk zelf niet met silverlight dus is altijd interessant om op de hoogte te zijn.

[drone]-[1.05];12064403 zei:

Welke memory leaks zijn er dan? Ik werk zelf niet met silverlight dus is altijd interessant om op de hoogte te zijn.

Klik om te vergroten...

Tracking Dangling Object References In Silverlight | The Inquisitive Coder – Davy Brion’s Blog
Finding Memory Leaks In Silverlight With WinDbg | The Inquisitive Coder – Davy Brion’s Blog

Thanks

WHiSPy zei:

Serieus: javafx of flex lijken mij op 't moment nog altijd de betere optie als je zo'n RIA app wil maken.

Klik om te vergroten...

²nd.
Flex is terug ook flash in principe... RemoteObject voor connectie te maken met een webservice/AMF/flash remoting. HTTPService indien je met iets oudere technologie werkt.

Flex heeft een paar inbuild-charts die op niet teveel trekken, maar je kan misschien een (gratis) swc vinden met een paar andere chart componenten in.

Als het over RIA gaat kan je Google Web Toolkit ook eens bekijken. Het is een tool waarbij je de clientside code schrijft in java en de gwt compiler compileert dit naar html/javascript code.

enkele voordelen:

De compiler compileert verschillende versies voor elke browser zodat je niet meer met alle browserquirks moet rekening houden.

de output is pure html/javascript dus er zijn geen plugins nodig (zoals flashplayer, java plugin, silverlight plugin) wat u applicatie beschikbaar maakt voor de meeste platformen.

GWT gaat het best in samenwerking met een java backend door het GWT RPC protocol waarmee je relatief eenvoudig methodes aan de serverkant kunt oproepen alsof het lokale methodes zijn.

GWT combineren met andere backend technologieën gaat ook maar dan heb je een extra conversiestap nodig om je gegevens via json of xml door te sturen.

edit : Google heeft ook enkele libraries voor gwt die wel handig kunnen zijn zoals bv de Google Visualisations API om grafieken op te maken.

WHiSPy zei:

Serieus: javafx of flex lijken mij op 't moment nog altijd de betere optie als je zo'n RIA app wil maken.

Klik om te vergroten...

Enkel met flex ben je natuurlijk niet zo heel veel als je iets wil maken dat redelijk "uniek" is.

Maar de keuze gaat ondertussen naar een java applet of silverlight. Momenteel ben ik een zeer simpele versie aan het schrijven van de applicatie om wat testjes mee te doen (vooral naar performantie dan en de compatibiliteit van silverlight met linux).