CssTest < Sandbox

Sandbox Web>CssTest (2021-12-06, ThomasSonneOlesen) (raw view)
---+ Title

<!-- <pre> -->
<style type="text/css">
.lsp_container {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
}

/* Bottom right text */
.tekstblok {
  position: absolute;
  font-size: 12px;
  line-height: normal;
  text-align: center;
  top: 150px;
  left: 150px;
  /* background-color: white; */
  color: black;
  padding-left: 20px;
  padding-right: 20px;
}
.popupblok {
  position: absolute;
  width: 400px;
  text-align: left;
  line-height: normal;
  z-index: 5;
  top: 25px;
  left: 50px;
  background-color: white;
  color: black;
  border: 1px solid black;
  padding: 5px;
  visibility: hidden;
}


</style>
<!-- </pre> -->
<literal>
<div id="lsbackgr" class="lsp_container" onclick="show_pos(event)">
<img alt="" height="780px" src="%ATTACHURL%/Lakeside-principper-bkgr.png" width="800px" /> 
<div>
</literal>


<!-- <pre> -->
<script language="javascript">
<!--
  // put your JavaScript code here

var principper= [];
principper.push( {x: 709, y: 138, w: 300, txt: 'Vis hvad du kan! (Tydelige leverance)', 
                                          desc: 'Der er ingen grund til at holde tilbage med at vise, hvad du kan. Du har masser at byde på - ellers var du ikke i Lakeside. Det giver kunden tryghed hurtigt at opleve, at der bliver leveret. Kunden skal ikke først inddrages når det er næsten færdigt. Send gerne udkast og skitser, men gør *tydeligt* opmærksom på, hvilken status leverancen har. Hav mod til at bede om feedback. ' } );
principper.push( {x: 649, y: 283, w: 300, txt: 'Vi skal tilstræbe altid at sætte de mest kompetente teams', 
                                          desc: 'Som en lille og dynamisk  virksomhed, har vi som oftest bedre forudsætninger for at tilbyde kunden det bedste team til at løse den pågældende opgave, end vores konkurrenter i større virksomheder. Det skal vi udnytte. Vi skal imidlertid overveje, hvordan vi undgår et lokalt "race for resources", adgang til ressourcer og hvordan vi bevarer dynamikken i Lakeside.' } );
principper.push( {x: 411, y: 269, w: 200, txt: 'Gør det helt færdigt. Ingen hængere!', 
                                          desc: 'Søg sparring med en kollega, hvis en opgave er sej at få gjort færdig. Få en kollega til at læse dine tekster igennem, inden den endelige aflevering, så der ikke er stavefejl og så det sikres at teksten er let læselig. Hvis du ved, at du har svært ved at skrive eller stave, så bør du heller ikke sende udkast eller andet til kunden, uden det er kigget igennem af en anden. Forsøg ikke at bringe dig i en situation, hvor du ikke kan levere i den sædvanlige Lakeside kvalitet. Hold hvad du lover - og lov ikke mere end du kan holde. Gør dit bedste, og vær skarp på, hvornår det er "godt nok".' } );
principper.push( {x: 261, y: 449, w: 357, txt: 'Hvordan kommunikeres resultatet bedst, så kunder hurtigt og nemt kan se værdien/resultatet', 
                                          desc: 'Prøv evt. forskellige modeller af på kunden tidligt i forløbet for at spore dig ind på, hvordan kunden bedst forstår der hvor I skal hen sammen. Afprøv grænser og nye veje.' } );
principper.push( {x: 230, y: 618, w: 330, txt: 'Sikre synlige estimater. Også synlighed af usikkerheder', 
                                          desc: 'En vigtig del af troværdighed er at være åben og ærlig - også om estimater, bekymringer og synlige usikkerheder. Med ordentlighed kommer man længst. '} );
principper.push( {x: 110, y: 785, w: 380, txt: 'Del relevante informationer (uden bagtanke)', 
                                          desc: 'Når du deler efterretninger og informationer, så tænk over om det fremmer eller svækker din troværdighed. At dele relevant information kan din kunde profitere af, men husk at være loyal omkring kundens bagland og forholde dig konstruktivt til politiske beslutninger. Som udgangspunkt skal du aldrig tale grimt eller nedsættende om nogen overfor din kunde, heller ikke når du tror at det er helt OK at ytre det overfor din kunde. Du kan forholde dig til, om adfærd, reaktion eller en publikation er konstruktivt ift. opgaven og om der er nye risici, som I sammen bør kigge på.' } );

principper.push( {x: 147, y: 921, w: 310, txt: 'Vær foran de fleste (du må ikke blive "et gammelt røvhul")', 
                                          desc: 'I Lakeside skal vi være foran de fleste andre i forhold til viden om relevante nye teknologier, standarder og udviklinger. Ellers bliver vi irrelevante, og det er noget af det værste, der kan ske for en konsulentvirksomhed. Derfor er nytænkning, videbegærlighed og en stræben efter hele tiden at følge med udviklingen er vigtig for Lakeside. Derfor vil vi motivere hinanden til at deltage på relevante konferencer og kurser, og i det hele taget at værdsætte en kultur, hvor vi undrer os og er nysgerrige. Det betyder, at vi deler ud af vores viden og tør dele ud af vores fejl, for at vi i fællesskab bliver bedre. ' } );
principper.push( {x: 174, y: 1100, w: 360, txt: 'Vær sej og professionel (Stå på skuldrene af andre: træk på internationale referencer/værker/bøg)', 
                                           desc: 'Vi stræber efter kvalitet og professionalisme i vores opgaveløsning. Det betyder, at vi ikke kun har nok i os selv, at vi anerkender, at der findes nogle, der ved endnu mere om problemet end os, og at vi fastholder, at de bedste idéer kommer i samspil med andre. Derfor investerer vi tid og energi i at opsøge ny viden gennem konferencer, artikler og andre udgivelser. ' } );
principper.push( {x: 416, y: 1311, w: 280, txt: 'Vær opmærksom på dine kompromiser', 
                                           desc: 'Kompromiset er et vigtig redskab i konsulentens værktøjskasse - også hos Lakesides konsulenter. Men pas på at kompromiset ikke søges af de forkerte grunde. Det må aldrig søges fordi det er “det nemmeste” eller “det kunden jo nok vil have”. Hav mod til at være vedholdende og kæmpe for det, du mener er den rigtige vej, men lyt, lær og vær opmærksom på kundens eller samarbejdspartnerens synspunkter. Vær ikke skinger, og kravl ikke op i et træ, der er svær at komme ned fra.' } );
principper.push( {x: 482, y: 1482, w: 250, txt: 'Omstillings- parathed', 
                                           desc: 'Kunden er i centrum - derfor må du også være indstillet på at et projekt ikke altid følger den lige snor, men at der kan ske ændringer undervejs. At være omstillingsparat betyder ikke kun at være villig til at gå nye veje, men også mentalt at tage ja-hatten på, når det er helt rimeligt, at opgaven må eller skal ændres, for at få et endnu bedre resultat.' } );
principper.push( {x: 695, y: 1448, w: 320, txt: 'Hav modet til at blive evalueret', 
                                           desc: 'Tilbyd kunden at evaluere vores ydelse/leverance med henblik på at lære. “Lessons learned” er en integreret del af en professionel konsulentvirksomhed. ' } );
principper.push( {x: 690, y: 1548, w: 280, txt: 'Drøft og debatter med de gode relationer', 
                                           desc: 'Søg dialog og indgå i samspil med andre. Vær lydhør over for andres synspunkter og hav respekt for andres holdninger - og hav mod til at lade dine egne holdninger komme til udtryk. ' } );

principper.push( {x: 1043, y: 1476, w: 200, txt: 'Spil kunden god på det personlige plan', 
                                            desc: 'At spille din kunde god betyder f.eks. at give anerkendelse, når du oplever kunderepræsentanten gør en forskel enten i en konkret opgave eller i en svær situation. At spille kunden god vil også sige at turde gøre kunden opmærksom på, at vedkommende er ved at begå en fejl, eller når du forudser, at en beslutning eller en reaktion kan have en utilsigtet virkning eller være kontraproduktiv.' } );
principper.push( {x: 1260, y: 1421, w: 320, txt: 'Sikre sammenhængs- kraft i Lakeside, god omgangstone og hyggelige kollegaer', 
                                            desc: 'Når vi rekrutterer skal vi kigge mindst lige så meget på de personlige værdier og egenskaber, som på de faglige kompetencer. Internt i Lakeside stræber vi efter et værdifællesskab med ligeværdige og trygge relationer, samtidig med at vi værdsætter forskellighed. Det betyder for eksempel, at det at være opmærksom på en kollega er lige så vigtig som at være opmærksom på kunden.' } );
principper.push( {x: 1461, y: 1233, w: 280, txt: 'Kunden har noget fra Lakeside hængende på kontoret', 
                                            desc: 'Den bedste måde at få nye relationer på er gennem netværk. Det kan være mund til mund, men det kan også være ved at der hænger noget fysisk materiale fra Lakeside. Vær derfor opmærksom på, at det du leverer har ekstra “lækkerheds-faktor” med den rette look and feel - og at du bruger opdaterede designs, ikoner, skrifttyper og logo.  Print ud på lidt tykkere papir så det indbyder til at hænge op hos kunden.  ' } );
principper.push( {x: 1712, y: 1157, w: 200, txt: 'Vi skal adskille os (lidt) generelt', 
                                            desc: 'Vi vil alle gerne være unikke og skille os ud - som konsulent i Lakeside gør vi det gennem vores kvalitetssans, effektivitet og ordentlighed. Vi siger, hvad vi gør - og vi gør, hvad vi siger. Vi løser det reelle problem frem for blot at løse den opgave, vi er blevet stillet. Vi er arbejdsomme med sans for detalje og æstetik. Og så siger vi tingene som de er - på en pæn og ordentlig måde. Også selv om det er ilde hørt.' } );
principper.push( {x: 1575, y: 984, w: 180, txt: 'Vi skal adskille os æstetisk', 
                                           desc: 'Gør noget ud af at levere det lækre produkt - tag evt. fat i en kollega som har styr på det visuelle, og lige kan give det ekstra touch.' } );
principper.push( {x: 1767, y: 941, w: 200, txt: 'Søg omtale (hav en mening om noget aktuelt)', 
                                           desc: 'Viden og erfaring forpligter, og du skal derfor ikke være bange for at give udtryk for dine holdninger. Giv din mening til kende og hav mod til at vidensdele. ' } );

principper.push( {x: 1585, y: 803, w: 360, txt: 'Vi skal gøre opmærksom på vores uvildighed', 
                                           desc: 'Uvildighed er en efterspurgt kvalitet og afgørende for at kunne være troværdig. I Lakeside ønsker vi at blive kundens betroede rådgiver og den rolle kræver evnen til at opbygge tillid. Som uvildig betroet rådgiver ønsker vi at dække kundens reelle behov og ønsker. Det handler i sidste ende om at være loyal overfor borgerens behov. ' } );
principper.push( {x: 1601, y: 582, w: 320, txt: 'Vi skal stille spørgsmåltegn ved om det, som kunden vil have, rent faktisk løser problemet', 
                                           desc: 'Det er en vigtig del af vores identitet at gøre det som kunden har brug for - og ikke kun det de beder om. Derfor må du aldrig holde op med at undre dig og stille spørgsmål til det bagvedliggende behov. Hvis problemet kræver andre leverancer, eller hvis problemet i virkeligheden er et andet, er det vigtigt at du får kunden til at forstå det, så opgaven ændres. Gå ikke for langt på egen hånd. Du må ikke “løse problemet” uden at have kunden med. ' } );
principper.push( {x: 1415, y: 453, w: 340, txt: 'Det handler ikke kun om vores platform, men om kundens platform', 
                                           desc: 'Vær åben om din uvildighed og byg på din troværdighed - kunden vil hurtigt opdage, hvis du har din egen agenda. Gå et ekstra stykke for at spille kunden god. Hjælp f.eks. kunden i eksterne sammenhænge - både med forberedelse inden og opfølgning efter.' } );
principper.push( {x: 1373, y: 300, w: 250, txt: 'Følg op på, hvad der er sket, siden vi forlod projektet', 
                                           desc: 'Glem ikke dine gamle kunder og bekendtskaber, men benyt relevante lejligheder til at netværke med dem. Vi skal turde udfordre andre og lade os udfordre af andre. ' } );
principper.push( {x: 1040, y: 246, w: 290, txt: 'Sørg for at den lander hos kunden. Kunden husker dette møde som selve leverancen!', 
                                           desc: 'Vær nysgerrig på kundens opfattelse og forståelse af opgaven og problemet. Sørg for meget tidligt i processen at afstemme forventninger til leverancen med kunden. ' } );
principper.push( {x: 1328, y: 179, w: 250, txt: 'Tal et sprog kunden forstår', 
                                           desc: 'Fald ikke i den fælde at tro, at et højtflyvende abstrakt sprog får dig til at fremstå med endnu højere faglighed. Den skarpe formidler forstår, at det at kunne skrive enkelt i et tydeligt sprog,  som kunden forstår, giver flere point - og skaber mere værdi. ' } );
principper.push( {x: 1065, y: 110, w: 200, txt: 'Skab tryghed for kunden', 
                                           desc: 'Tryghed og tillid er nøglefaktorer for om en opgave i sidste ende lander godt hos kunden. Gør ekstra ud af i starten at få oparbejdet et godt samarbejde - invester tid til en 1:1 snak over en kop kaffe - og sæt pris på, at  der også er tid til den uformelle snak efter statusmødet.  Tryghed handler også om at udvise initiativ og tydelighed, så kunden oplever, at du har styr på opgaven. Men det handler også om, at kunden på det personlige plan kender konsulenterne bag leverancen.  ' } );



window.onload = startup;

function show_pos(e) {
    alert("pos:  "+e.clientX+","+e.clientY);
}
function mo_popup(pid, x,y) {
    elm=document.getElementById(pid);
    elm.style.visibility='visible';
}

function mo_popdown(pid) {
    elm=document.getElementById(pid);
    elm.style.visibility='hidden';
}

var fldcnt = 0;
function mkElm(p) {
    var x = p.x * 800/(2022)-40;
    var y = p.y * 780/1760;
    var cw = p.w * 800/2000;

    const fid = "fld"+(fldcnt++);

    // Create new textblock
    const newElm=document.createElement("div");
    newElm.className="tekstblok";
    newElm.style.top=y+"px";
    newElm.style.left=x+"px";
    newElm.style.width=cw+'px';
    
    newElm.onmouseover = function(e) { mo_popup(fid,0,0); }
    newElm.onmouseout  = function(e) { mo_popdown(fid); }

    // Append text
    const content=document.createTextNode(p.txt);
    newElm.appendChild(content);

    // Add popup
    const newpu=document.createElement("div");
    newpu.className="popupblok";
    newpu.id=fid;
    newpu.appendChild(document.createTextNode(p.desc));
    newElm.appendChild(newpu);

    const bgr= document.getElementById("lsbackgr");
    bgr.appendChild(newElm);
}

function startup() {
    principper.forEach( function(p) { mkElm(p); } );
}
    
    





//-->
</script>
<!-- </pre> -->


--Main.ThomasSonneOlesen-2021-12-06

---++ Comments

%COMMENT%
</div> </div>
Attachments
Topic attachments
I	Attachment	History	Action	Size	Date	Who	Comment
png	Lakeside-principper-bkgr.png	r1	manage	694.3 K	2021-12-06 - 15:23	ThomasSonneOlesen
Topic revision: r1 - 2021-12-06 - ThomasSonneOlesen
Sandbox
Webs
Main
Sandbox
TWiki
Copyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback