Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🌳🌍 Implemented application insights 🌍🌳 #1

Merged
merged 1 commit into from
Oct 3, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 0 additions & 46 deletions .github/workflows/azure-static-web-apps-brave-flower-0b3176903.yml

This file was deleted.

46 changes: 0 additions & 46 deletions .github/workflows/azure-static-web-apps-orange-pond-01ded6b03.yml

This file was deleted.

114 changes: 68 additions & 46 deletions index.html

Large diffs are not rendered by default.

11 changes: 8 additions & 3 deletions radar.js
Original file line number Diff line number Diff line change
Expand Up @@ -330,9 +330,14 @@ function radar_visualization(config) {
.attr("target", function (d, i) {
return (d.link && config.links_in_new_tabs) ? "_blank" : null;
})
// add application insights link clicked event
.attr("onclick", function (d, i) {
return "if (appInsights) { appInsights.trackEvent('" + d.label + " clicked'); }";
.attr("data-custom-id", function (d, i) {
return d.label.replace(/\s+/g, '');
})
.attr("data-custom-name", function (d, i) {
return d.label;
})
.attr("data-custom-bhvr", function (d, i) {
return "NAVIGATION";
})
.append("text")
.attr("transform", function(d, i) { return legend_transform(quadrant, ring, i); })
Expand Down
64 changes: 58 additions & 6 deletions wiki.html
Original file line number Diff line number Diff line change
@@ -1,9 +1,65 @@
<!DOCTYPE html>
<html lang="en">

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="wiki.css">

<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="description" content="Wigo4it Duurzaamheid Radar: De radar voor duurzaam bewustzijn.">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta charset="UTF-8">

<title>Wigo4it Duurzaamheid Radar</title>

<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
<link rel="manifest" href="/icons/site.webmanifest">
<link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="stylesheet" href="wiki.css">

<script type="text/javascript" src="https://js.monitor.azure.com/scripts/b/ext/ai.clck.2.min.js"></script>
<script type="text/javascript">
var clickPluginInstance = new Microsoft.ApplicationInsights.ClickAnalyticsPlugin();
// Click Analytics configuration
var clickPluginConfig = {
autoCapture : true,
dataTags : {
useDefaultContentNameOrId : true
}
}
// Application Insights configuration
var configObj = {
connectionString: "InstrumentationKey=7954e6d3-c28e-4314-9a32-b1c36990eaaa;IngestionEndpoint=https://westeurope-5.in.applicationinsights.azure.com/;LiveEndpoint=https://westeurope.livediagnostics.monitor.azure.com/;ApplicationId=5719656a-4c41-4eb9-a992-adc536d704e9",
// Alternatively, you can pass in the instrumentation key,
// but support for instrumentation key ingestion will end on March 31, 2025.
// instrumentationKey: "YOUR INSTRUMENTATION KEY",
extensions: [
clickPluginInstance
],
extensionConfig: {
[clickPluginInstance.identifier] : clickPluginConfig
},
};
// Application Insights JavaScript (Web) SDK Loader Script code
!(function (cfg){function e(){cfg.onInit&&cfg.onInit(n)}var x,w,D,t,E,n,C=window,O=document,b=C.location,q="script",I="ingestionendpoint",L="disableExceptionTracking",j="ai.device.";"instrumentationKey"[x="toLowerCase"](),w="crossOrigin",D="POST",t="appInsightsSDK",E=cfg.name||"appInsights",(cfg.name||C[t])&&(C[t]=E),n=C[E]||function(g){var f=!1,m=!1,h={initialize:!0,queue:[],sv:"8",version:2,config:g};function v(e,t){var n={},i="Browser";function a(e){e=""+e;return 1===e.length?"0"+e:e}return n[j+"id"]=i[x](),n[j+"type"]=i,n["ai.operation.name"]=b&&b.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(h.sv||h.version),{time:(i=new Date).getUTCFullYear()+"-"+a(1+i.getUTCMonth())+"-"+a(i.getUTCDate())+"T"+a(i.getUTCHours())+":"+a(i.getUTCMinutes())+":"+a(i.getUTCSeconds())+"."+(i.getUTCMilliseconds()/1e3).toFixed(3).slice(2,5)+"Z",iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}},ver:undefined,seq:"1",aiDataContract:undefined}}var n,i,t,a,y=-1,T=0,S=["js.monitor.azure.com","js.cdn.applicationinsights.io","js.cdn.monitor.azure.com","js0.cdn.applicationinsights.io","js0.cdn.monitor.azure.com","js2.cdn.applicationinsights.io","js2.cdn.monitor.azure.com","az416426.vo.msecnd.net"],o=g.url||cfg.src,r=function(){return s(o,null)};function s(d,t){if((n=navigator)&&(~(n=(n.userAgent||"").toLowerCase()).indexOf("msie")||~n.indexOf("trident/"))&&~d.indexOf("ai.3")&&(d=d.replace(/(\/)(ai\.3\.)([^\d]*)$/,function(e,t,n){return t+"ai.2"+n})),!1!==cfg.cr)for(var e=0;e<S.length;e++)if(0<d.indexOf(S[e])){y=e;break}var n,i=function(e){var a,t,n,i,o,r,s,c,u,l;h.queue=[],m||(0<=y&&T+1<S.length?(a=(y+T+1)%S.length,p(d.replace(/^(.*\/\/)([\w\.]*)(\/.*)$/,function(e,t,n,i){return t+S[a]+i})),T+=1):(f=m=!0,s=d,!0!==cfg.dle&&(c=(t=function(){var e,t={},n=g.connectionString;if(n)for(var i=n.split(";"),a=0;a<i.length;a++){var o=i[a].split("=");2===o.length&&(t[o[0][x]()]=o[1])}return t[I]||(e=(n=t.endpointsuffix)?t.location:null,t[I]="https://"+(e?e+".":"")+"dc."+(n||"services.visualstudio.com")),t}()).instrumentationkey||g.instrumentationKey||"",t=(t=(t=t[I])&&"/"===t.slice(-1)?t.slice(0,-1):t)?t+"/v2/track":g.endpointUrl,t=g.userOverrideEndpointUrl||t,(n=[]).push((i="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",o=s,u=t,(l=(r=v(c,"Exception")).data).baseType="ExceptionData",l.baseData.exceptions=[{typeName:"SDKLoadFailed",message:i.replace(/\./g,"-"),hasFullStack:!1,stack:i+"\nSnippet failed to load ["+o+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(b&&b.pathname||"_unknown_")+"\nEndpoint: "+u,parsedStack:[]}],r)),n.push((l=s,i=t,(u=(o=v(c,"Message")).data).baseType="MessageData",(r=u.baseData).message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+l+")").replace(/\"/g,"")+'"',r.properties={endpoint:i},o)),s=n,c=t,JSON&&((u=C.fetch)&&!cfg.useXhr?u(c,{method:D,body:JSON.stringify(s),mode:"cors"}):XMLHttpRequest&&((l=new XMLHttpRequest).open(D,c),l.setRequestHeader("Content-type","application/json"),l.send(JSON.stringify(s)))))))},a=function(e,t){m||setTimeout(function(){!t&&h.core||i()},500),f=!1},p=function(e){var n=O.createElement(q),e=(n.src=e,t&&(n.integrity=t),n.setAttribute("data-ai-name",E),cfg[w]);return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=a,n.onerror=i,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||a(0,t)},cfg.ld&&cfg.ld<0?O.getElementsByTagName("head")[0].appendChild(n):setTimeout(function(){O.getElementsByTagName(q)[0].parentNode.appendChild(n)},cfg.ld||0),n};p(d)}cfg.sri&&(n=o.match(/^((http[s]?:\/\/.*\/)\w+(\.\d+){1,5})\.(([\w]+\.){0,2}js)$/))&&6===n.length?(d="".concat(n[1],".integrity.json"),i="@".concat(n[4]),l=window.fetch,t=function(e){if(!e.ext||!e.ext[i]||!e.ext[i].file)throw Error("Error Loading JSON response");var t=e.ext[i].integrity||null;s(o=n[2]+e.ext[i].file,t)},l&&!cfg.useXhr?l(d,{method:"GET",mode:"cors"}).then(function(e){return e.json()["catch"](function(){return{}})}).then(t)["catch"](r):XMLHttpRequest&&((a=new XMLHttpRequest).open("GET",d),a.onreadystatechange=function(){if(a.readyState===XMLHttpRequest.DONE)if(200===a.status)try{t(JSON.parse(a.responseText))}catch(e){r()}else r()},a.send())):o&&r();try{h.cookie=O.cookie}catch(k){}function e(e){for(;e.length;)!function(t){h[t]=function(){var e=arguments;f||h.queue.push(function(){h[t].apply(h,e)})}}(e.pop())}var c,u,l="track",d="TrackPage",p="TrackEvent",l=(e([l+"Event",l+"PageView",l+"Exception",l+"Trace",l+"DependencyData",l+"Metric",l+"PageViewPerformance","start"+d,"stop"+d,"start"+p,"stop"+p,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),h.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4},(g.extensionConfig||{}).ApplicationInsightsAnalytics||{});return!0!==g[L]&&!0!==l[L]&&(e(["_"+(c="onerror")]),u=C[c],C[c]=function(e,t,n,i,a){var o=u&&u(e,t,n,i,a);return!0!==o&&h["_"+c]({message:e,url:t,lineNumber:n,columnNumber:i,error:a,evt:C.event}),o},g.autoExceptionInstrumented=!0),h}(cfg.cfg),(C[E]=n).queue&&0===n.queue.length?(n.queue.push(e),n.trackPageView({})):e();})({
src: "https://js.monitor.azure.com/scripts/b/ai.3.gbl.min.js",
crossOrigin: "anonymous",
// sri: false, // Custom optional value to specify whether fetching the snippet from integrity file and do integrity check
cfg: configObj // configObj is defined above.
});
</script>

</head>

<body>
<div id="wiki-container"></div>

<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
Expand Down Expand Up @@ -38,10 +94,6 @@
}
});
</script>
</head>

<body>
<div id="wiki-container"></div>
</body>

</html>
2 changes: 1 addition & 1 deletion wiki/!-template.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,4 +19,4 @@ Beschrijf hoe we ervoor staan. Geef voorbeelden in bullets:
-

## Waar kan ik hier meer over lezen?
- [Wigo4it website](https://www.wigo4it.nl/)
- <a href="https://www.wigo4it.nl/?utm=duurzaamheidsradar" target="_blank">Wigo4it website</a>
2 changes: 1 addition & 1 deletion wiki/1procentVanDeBegroting.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,4 +21,4 @@ Op dit moment is er in de begroting nog geen specifieke reservering opgenomen vo
Dus, als je denkt dat 1% weinig is, bedenk dan dat dit het begin is van iets groots. Elke stap die we zetten in de richting van duurzaamheid, hoe klein ook, brengt ons dichter bij een betere wereld. En dat is toch iets om enthousiast van te worden, nietwaar?

## Waar kan ik hier meer over lezen?
- [Wigo4it website](https://www.wigo4it.nl/)
- <a href="https://www.wigo4it.nl/?utm=duurzaamheidsradar" target="_blank">Wigo4it website</a>
2 changes: 1 addition & 1 deletion wiki/5procentVanDeTijd.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,4 +22,4 @@ Op dit moment besteden individuen tijd aan duurzaamheidsinitiatieven, maar is di


## Waar kan ik hier meer over lezen?
- [Wigo4it website](https://www.wigo4it.nl/)
- <a href="https://www.wigo4it.nl/?utm=duurzaamheidsradar" target="_blank">Wigo4it website</a>
2 changes: 1 addition & 1 deletion wiki/APIs.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,4 +21,4 @@ Op dit moment ontsluiten wij nog geen data aan derden via API's. De Socrates API


## Waar kan ik hier meer over lezen?
- [Wigo4it website](https://www.wigo4it.nl/)
- <a href="https://www.wigo4it.nl/?utm=duurzaamheidsradar" target="_blank">Wigo4it website</a>
4 changes: 2 additions & 2 deletions wiki/CO2Demand.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,5 +19,5 @@ Eigenlijk valt deze erg samen met ['ElectricityMaps'](wiki.html?page=electricity
- Niet boeiende processen laten draaien overdag op het moment dat er voldoende groene stroom is in West-Europe. Dit zodat we workloads niet in een andere regio hoeven te draaien.

## Waar kan ik hier meer over lezen?
- [WattTime](https://watttime.org/)
- [Electricity Maps](https://app.electricitymaps.com/zone/NL)
- <a href="https://watttime.org/" target="_blank">WattTime</a>
- <a href="https://app.electricitymaps.com/zone/NL" target="_blank">Electricity Maps</a>
8 changes: 4 additions & 4 deletions wiki/CO2monitoring.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,12 +16,12 @@ Om heel eerlijk te zijn is het best lastig om een goede tool te vinden die je é

- We maken gebruik van Azure Carbon Optimization tool, zie hierboven.

- Wij doen er écht nog te weinig mee en hopen binnenkort aan de slag te gaan met de opensource [Cloud Carbon Footprint](https://www.cloudcarbonfootprint.org/).
- Wij doen er écht nog te weinig mee en hopen binnenkort aan de slag te gaan met de opensource - <a href="https://www.cloudcarbonfootprint.org/" target="_blank">Cloud Carbon Footprint</a>.

- We hebben vragen uitstaan bij Microsoft of zij ons een keer meer inzicht kunnen geven in de berekeningen van hoe de data tot stand komt.

## Waar kan ik hier meer over lezen?
- [AWS Carbon Footprint tool](https://aws.amazon.com/aws-cost-management/aws-customer-carbon-footprint-tool/)
- [Azure Carbon Optimization](https://learn.microsoft.com/en-us/azure/carbon-optimization/overview)
- [Google Cloud Carbon Footprint](https://cloud.google.com/carbon-footprint?hl=en)
- <a href="https://aws.amazon.com/aws-cost-management/aws-customer-carbon-footprint-tool/" target="_blank">AWS Carbon Footprint tool</a>
- <a href="https://learn.microsoft.com/en-us/azure/carbon-optimization/overview" target="_blank">Azure Carbon Optimization</a>
- <a href="https://cloud.google.com/carbon-footprint?hl=en" target="_blank">Google Cloud Carbon Footprint</a>

2 changes: 1 addition & 1 deletion wiki/aanbesteding.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,4 +20,4 @@ Bij alle nieuwe aanbestedingen hanteren we strikte duurzaamheidseisen om onze ec
- **Datacenteroptimalisatie**: Voor cloud- en datacenteroplossingen kiezen we voor leveranciers die energie-efficiënte infrastructuren aanbieden, zoals datacenters met koeling door middel van natuurlijke bronnen (zoals water of lucht) en een focus op groene energiebronnen.

## Waar kan ik hier meer over lezen?
- [Duurzaame aanbesteden](https)
- <a href="#" target="_blank">Duurzaame aanbesteden</a>
12 changes: 6 additions & 6 deletions wiki/alwayson.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,10 @@ Altijd ingeschakelde hardware genereert constante warmte, wat betekent dat datac
Hardware die constant in gebruik is, veroudert sneller en heeft een kortere levensduur. Dit leidt tot frequenter vervanging en meer elektronisch afval. Het sneller vervangen van hardware zorgt voor meer e-waste die vaak moeilijk te recyclen is en schadelijke effecten op het milieu hebben.

## Hoe staan we ervoor?
80% van alle workloads draaien volgens het [OnDemand](https://brave-flower-0b3176903.5.azurestaticapps.net/wiki.html?page=onDemand) principe. We kiezen er bewust voor om zo veel als mogelijk écht alleen te gebruiken als we dat op dat moment nodig hebben. We hebben uiteraard wel wat reservations voor bepaalde workloads, omdat we weten dat die 24/7 gebruikt worden.
80% van alle workloads draaien volgens het [OnDemand](wiki.html?page=onDemand) principe. We kiezen er bewust voor om zo veel als mogelijk écht alleen te gebruiken als we dat op dat moment nodig hebben. We hebben uiteraard wel wat reservations voor bepaalde workloads, omdat we weten dat die 24/7 gebruikt worden.
We hebben dus ook nog 20% always-on. Deze 20% draait bij ons in Azure VMware Solution (AVS). AVS hebben wij ingezet voor de laatste 20% van de workloads die we niet op tijd cloud-ready of cloud-native konden maken. Dit stelde ons in staat stelt om onze oude VMware-omgeving te lift en shiften naar Azure. Vanuit daar gaan we deze workloads afvoeren of cloud native maken. Kortom, wat is de status mbt always-on bij Wigo4it:

- 20% draait nog in AVS. AVS zien wij als een hypotheek. Deze AVS hypotheek willen we de komende twee jaar aflossen. Zie onze ([TechRadar](https://techradar.wigo4it.nl))
- 20% draait nog in AVS. AVS zien wij als een hypotheek. Deze AVS hypotheek willen we de komende twee jaar aflossen. Zie onze (- <a href="https://techradar.wigo4it.nl" target="_blank">TechRadar</a>)

- 80% is cloud-ready of cloud-native en gebaseerd op on-demand en pay-per-use.

Expand All @@ -29,7 +29,7 @@ We hebben dus ook nog 20% always-on. Deze 20% draait bij ons in Azure VMware Sol

## Waar kan ik hier meer over lezen?

- [OnDemand](https://brave-flower-0b3176903.5.azurestaticapps.net/wiki.html?page=onDemand)
- [Wegwijzer](https://brave-flower-0b3176903.5.azurestaticapps.net/wiki.html?page=wegwijzer)
- [TechRadar](https://techradar.wigo4it.nl)
- [Azure VMware Solution](https://azure.microsoft.com/en-us/products/azure-vmware)
- [OnDemand](wiki.html?page=onDemand)
- [Wegwijzer](wiki.html?page=wegwijzer)
- <a href="https://techradar.wigo4it.nl" target="_blank">TechRadar</a>
- <a href="https://azure.microsoft.com/en-us/products/azure-vmware" target="_blank">Azure VMware Solution</a>
2 changes: 1 addition & 1 deletion wiki/archiefwet.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,4 +19,4 @@ Binnen onze applicatie Socrates archiveren wij gegevens op een efficiënte en mo
- Door het elimineren van tapes voor archiefdoeleinden, slaan we nu 30% minder data op. Bovendien verdwijnen de logistieke uitdagingen rondom het transport van tapes en de noodzaak van een tape library, wat resulteert in minder e-waste.

## Waar kan ik hier meer over lezen?
- [Archiefwet](hhttps://www.rijksoverheid.nl/onderwerpen/archieven/archieven-van-de-overheid/)
- <a href="https://www.rijksoverheid.nl/onderwerpen/archieven/archieven-van-de-overheid/" target="_blank">Archiefwet</a>
Loading
Loading