Knockoutjs Archives | ISDK Benelux - Omnichannel and eCommerce retail solutions, CRM-marketing, Software development and IT-consultancy

jun

SharePoint Tablet App

Maatwerkontwikkeling, Mobiele oplossingen, SharePoint, UI-designadmin

Klant

Een bekende telecommunicatieholding die een breed scala aan diensten aanbiedt, waaronder breedband- en mobiele internettoegang, telefonie en digitale televisie

Het management van het bedrijf van de klant was al lang geïnteresseerd in de mogelijkheid om een hoog niveau centrum voor integratie van project- en procestaken te creëren. Naast de integratie zelf wilde het topmanagement tools hebben voor een eenvoudige visualisatie van geaggregeerde informatie en het snelle beheer (taaktoewijzing, commentaar, bijlagen).

In het kader van de upgrade van de bedrijfsintranetportaal en de overgang naar SharePoint Server 2013 (zie het profiel Telecom.Enterprise-Portal.Services-Branding) was de klant van plan om sommihe van zijn interne zakelijke services te automatiseren.

Een van deze services was met name een module voor integratie van investeringsplanning, technische projecten en facturering. De belangrijkste zakelijke gebruikers van deze service zijn topmanagers van het bedrijf. De complexiteit van de module werd bepaald door de noodzaak om in één informatieruimte gegevens uit verschillende systemen te integreren, welke technisch en logisch vanuit het oogpunt van de onderliggende bedrijfsmodellen hiervoor niet waren bedoeld.

Naast de integratiee voorzag het project als tweede hoofddoel in de ontwikkeling van een lichte mobiele client voor het topmanagement van het bedrijf. Het idee was om alle belangrijke informatie over lopende projecten en hoog niveau taken verzamelen en aggregeren. Topmanagers wilden een analysetool krijgen die via tablets en breedformaatapparaten toegankelijk was.

Om gestelde doelen te bereiken, werden in het kader van het project de volgende taken uitgevoerd:

Integratie en aggregatie van gegevens van ongelijksoortige IT-systemen
Oprichting van één taakcentrum op basis van het Microsoft SharePoint bedrijfsportaal
Ontwikkeling van een tool voor visualisatie en monitoring van belangrijke programma’s en projecten en KPI daarvan
Ontwikkeling van een mobiele client voor tablets en breedbeeldapparaten, waarmee belangrijke aggregators en KPI’s op dashboards kunnen worden weergegeven en een snelle taaktoewijzing kan worden gemaakt

De technische realisatie van de tabletoplossing is gedaan met behulp van het HTML5-applicaties van Devexpress Devextreme (https://js.devexpress.com/). Dit platform is in feite een grote set JS/HTML-componenten die speciaal zijn voorbereid voor het maken van interactieve en lichte webapplicaties, welke geschikt (responsief) zijn voor zowel gewone laptops als ook voor mobiele apparaten en tablets.

We hebben de volgende componenten van deze set gebruikt:

DataGrid
Charting Widgets
UI Widgets (basiselementen voor het bouwen van UI-interfaces)

Gegevensuitwisseling en werklogica van HTML5-componenten is standaard – oproep (meestal asynchroon) van externe webservices gehost op de SharePoint-portaal van het bedrijf.

De ontwikkelde oplossing maakte het mogelijk om 3 belangrijke, maar voorheen volledig afzonderlijke bedrijfs-IT-systemen te integreren. Het systeem voorzag top– en middenmanagers van één tool voor het analyseren en beheren van ontwerp- en technische taken. In total controleert het system meer dan 200 projecten en programmataken.

De ontwikkelde mobiele client voor tablets bevat dashboards voor geaggregeerde ontwerpinformatie: doelgericht KPI’s en deadlines, actuele statussen en belangrijke problemen met de mogelijkheid om snel taken toe te wijzen. De gemiddelde responstijd van een mobiele applicatie met een stabiele internetverbinding is niet meer dan 1 seconde.

Ongeveer 20 topmanagers en leiders van het bedrijf, inclusief zijn president, gebruiken dit systeem.

jun

Commercieel onroerend goed. Geo-informatie database van onroerend goed

Maatwerkontwikkelingadmin

Klant

Commercieel onroerend goed. Geo-informatie database van onroerend goed

Het bedrijf verwerkt dagelijks honderden aanvragen van zijn klanten voor het zoeken en selecteren van commercieel en residentieel onroerend goed. Om de voorbereiding van klantmaterialen – folders en brochures – te versnellen, ontstond de behoefte om het werk van medewerkers te reorganiseren en moderne IT-tools in te voeren die het mogelijk maken om veel routinematige werkzaamheden aanzienlijk te vereenvoudigen.

Medewerkers hadden bijvoorbeeld tools nodig om snel naar onroerend goed op basis van verschillende parameters te zoeken. Analyse van de locatie van objecten op de kaart, inclusief de geo-koppeling met nabijgelegen hoofdobjecten (winkelcentra, hotels, etc.) was ook erg gewild. Het resultaat van de verwerking van een klantverzoek diende het automatisch genereren van een folder met een geselecteerd onroerend goed object te zijn.

ISDK heeft samen met FinCode, gevestigd in de VS, een interactieve geo-informatie databank voor onroerend goed objecten ontwikkeld en bij de klant geïmplementeerd.

Belangrijkste functies van dit systeem zijn als volgt:

Opslaan van informatie over onroerend goed in de grootste Amerikaanse steden
Interactief zoeken en beoordelen van objecten door Google.Maps
Geïntegreerd CRM-systeem voor klanten, makelaars en vastgoedeigenaren
Online genereren van profielen, verslagen en commerciële aanbiedingen voor verkoop en verhuur van onroerend goed objecten

Het systeem is ontwikkeld als een weboplossing, sommige functies waarvan ook op de mobiele telefoon toegankelijk zijn.

Het project resulteerde in het implementeren van het systeem in 2013 in de eerste pilotregio – in de stad New York. In het systeem zijn geregistreerd en werken meer dan 150 werknemers van het bedrijf zelf, de database bevat meer dan 5.000 klanten en contactpersonen van het het bedrijf en het belangrijkste cijfer is 30.000 – zoveel onroerend goed objecten werd geïmporteerd in de database van het systeem op het moment van de lancering ervan.

De gemiddelde responstijd bij het zoeken naar objecten in de database of het gebruik van een Google-kaart is 1,5 seconden. De generatietijd van een volledige folder voor een bepaald object is 2,5 seconden.

apr

SharePoint bankportaal. Werknemersonderzoeken

Analyse en ontwerp, Maatwerkontwikkeling, SharePointadmin

Klant

Russische bank, behorend tot de TOP 10, met een uitgebreid netwerk van vestigingen verspreid over het hele land

De bank heeft meer dan 20 duizend werknemers. Als onderdeel van de ontwikkeling van het bedrijfsportaal was er behoefte aan een service om werknemers die dit portaal gebruiken te enquêteren.

Het doel van de serviceontwikkeling was om een flexibele en aanpasbare tool te creëren voor het maken en uitvoeren van enquêtes en vervolgens verslagen over onderzoeksresultaten op te stellen.

De standaard functionaliteit van het SharePoint-platform was niet geschikt voor deze taak vanwege het gebrek aan benodigde instellingsmogelijkheden.

Kenmerkend voor dit project waren de volgende vereisten:

Ondersteuning van de IE8+ browser;
Mogelijkheid tot instelling van het uiterlijk van elke afzonderlijke enquête: pagina– en kolomsplitsing, instelling van vragenvolgorde;
Mogelijkheid tot opstelling van regels voor de validatie van ingevoerde antwoorden;
Aanmaken van verschillende vraagtypes die in SharePoint niet bestaan;
Mogelijkheid tot toevoeging van afbeeldingen aan enquêtes;
Weergave van het voltooiingspercentage van een enquête;
Maken van verslagen

In het kader van het project werden de volgende werkzaamheden uitgevoerd:

Ontwikkeling van de architectuur, het functionele en grafische ontwerp van het systeem.

Resultaat: functionele UML- diagrammen en mockups voor de gebruikersinterface;

Als basisfunctionaliteit werd de standaardfunctionaliteit van SharePoint-enquêtes gekozen.

Maar de inhoud van enquêtes is verbeterd om tijdens het laden van een enquête de gegevens over de visuele weergave van de enquête te downloaden;

Standaard enquêtesjabloon wordt getransformeerd met behulp van JavaScript en webservices;
Het instellen van de visuele weergave van elke enquête vindt plaats op een speciaal ontworpen administratiepagina. Vervolgens wordt de beschrijving van deze visuele weergave in een bestand opgeslagen;
Daarbij is het mogelijk om de visuele weergave van elke afzonderlijke vraag aan te passen.

Bijvoorbeeld de antwoordopties in een rij of in een kolom te plaatsen en inspringingen in te stellen;

Met behulp van JavaScript worden validatieregels voor ingevoerde antwoorden toegepast;
Met behulp van DevExpress zijn verslagen ontwikkeld over de resultaten van het doorlopen van enquêtes door gebruikers met de mogelijkheid om gegevens over verschillende afdelingen te bekijken. Hiervoor is integratie met een andere portaalmodule uitgevoerd die informatie over de structuur van afdelingen bevat;
Ontwikkelde documentatie: gebruikers- en beheerdershandleiding;
Opleiding van het sleutelpersoneel van de klant;
Het systeem werd volledig getest, proefgedraaid en in de volledige productiemodus gezet.

Het systeem werd in het najaar 2015 in het bedrijfsportaal geïmplementeerd.

Deze ontwikkeling vormt een belangrijke aanvulling op de bestaande functionaliteit van de SharePoint enquêtering en vereenvoudigt het maken van nieuwe enquêtes en het analyseren van resultaten ervan.

apr

SharePoint bankportaal. Vestigings- en geldautomaten gds en map

SharePoint, UI-designadmin

Klant

Russische bank, behorend tot de TOP 10, met een uitgebreid netwerk van vestigingen verspreid over het hele land

De bank heeft meer dan 1.000 vestigingen in de Russische Federatie. De vestigingen verschillen qua functies: dienstverlening aan particulieren of rechtspersonen, werken met

Deposito’s, type geldautomaten etc.

Een van de doelen van de SharePoint-portaalontwikkeling was om bankmedewerkers een gemakkelijke toegang tot deze informatie te geven.

Het doel van de service is om alle informatie over het vestigingsnetwerk, zijn filialen en geldautomaten van de bank te consolideren, gebruikers gemakkelijke toegang tot deze informatie te bieden en flexibel te kunnen zoeken met de mogelijkheid om de resultaten op een kaart weer te geven, evenals rechten op informatiewijziging te beheren.

Een onderscheidend kenmerk van het project waren de volgende vereisten:

IE8 + browserondersteuning;
Alle bankvestigingen zijn onderverdeeld in subtypes: servicepunt en verkooppunt;
De goedkeuringsprocedure voor het wijzigen van vestigingsinformatie begint alleen als bepaalde velden worden gewijzigd;
Alleen werknemers die verantwoordelijk zijn voor de regio waar de vestiging zich bevindt, kunnen wijzigingen goedkeuren;
Sommige informatie over de vestigingen wordt opgeslagen in een extern systeem en voor het ophalen ervan wordt BCS gebruikt;
Het systeem moet een interactieve kaart van Russische Federatie met verdeling in federale districten bevatten voor het zoeken binnen een bepaald federaal district en een bepaalde federale regio;
Zoekresultaten moeten op deze interactieve kaart worden getoond;
Het systeem biedt ondersteuning voor het full text-zoeken van vestigingen op regio, plaats, adres, naam en eigenschappen;
Elke vestiging heeft een gegevenskaart met informatie en foto’s.

In het kader van het project werden de volgende werkzaamheden uitgevoerd:

Ontwikkeling van de architectuur, het functionele en grafische ontwerp van het systeem. Resultaat: functionele UML-diagrammen en mockups voor de gebruikersinterface;
Import van vestigingsgegevens;
Ontwikkeling van een interactieve kaart van de van federale districten met behulp van het svg-formaat. Bij het klikken op een federaal district wordt door het systeem de regio’s geselecteerd die bij dat district horen. Wanneer een regio wordt geselecteerd, toont het systeem een lijst met bankvestigingen. Deze oplossing is ook aangepast voor het werken in het oude IE8;
Het systeem ondersteunt het zoeken in volledige tekst in alle vestigingen in de Russische Federatie met behulp van een SharePoint-zoekfunctie;
Gebruikers kunnen zoekresultaten verder filteren op parameters, evenals dynamisch zoeken in tekst naar woorddelen;
Zoekresultaten omvatten snelkoppelingen naar services geleverd door de bijbehorende vestiging;
Zoekresultaten worden op de Yandex-kaart getoond;
Bij het klikken op de vestiging opent het systeem de gegevenskaart met informatie en foto’s;
Beheerders worden gekoppeld met regio’s via lijsten, daarbij worden gebruikers aan overeenkomstige SharePoint-groepen automatisch toegevoegd voor toewijzing van rechten;
Het systeem heeft een volledig interactieve interface en alle gebruikersinteracties worden gedaan zonder het herladen van de pagina met behulp van de JavaScript-bibliotheken: SharePoint CSOM, jQuery, knockoutjs en webservices;
Ontwikkeling van documentatie: gebruikers- en beheerdershandleiding
Opleiding van het sleutelpersoneel van de klant;
Het systeem werd volledig getest, proefgedraaid en in de volledige productiemodus gezet.

Het systeem werd in het najaar 2015 in het zakelijke portaal geïmplementeerd.

Informatie over ongeveer 1500 vestigingen en 3000 geldautomaten werd geïmporteerd.

De responstijd van het systeem bij alle zoekmogelijkheden is minder dan 2 seconden omdat er maar heel weinig gegevens uit de gegevensbron worden opgevraagd – meestal treedt de SharePoint-index als gegevensbron op.

Het systeem heeft een gebruiksvriendelijke interface en kan snel worden gebruikt.