Agenda items weergeven

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Front-end developer gezocht

Functie Je komt in een team met ambitieuze developers die de passie voor Front-End met jou delen. Samen ga je aan de slag met leuke en leerzame opdrachten. Het team heeft een eigen budget en financiën en zij bepalen zelf hoe dat besteed en investeert wordt. Je gebruikt tools als JavaScript, Node.js, React, Angular, Typescript en Vue.js wanneer je werkt aan de opdrachten. Daarnaast zul je veel leren van je collega’s en gezamenlijk een leuke tijd doorbrengen tijdens activiteiten zoals wintersport, hackatons en conferentiebezoeken. Je krijgt niet alleen de mogelijkheid Front-End te ontwikkelen, maar ook vooral jezelf. Dit kan behaald

Bekijk vacature »

Senior Java Ontwikkelaar

Dit ga je doen Werken aan uiteenlopende interne projecten voor grote (internationale) organisaties; Ontwikkelen van diverse (web)applicaties en platformen met technieken als Java, Azure en ASP.NET; Complexe vraagstukken tackelen met jouw expertise en ervaring; Waar nodig help jij je collega's om samen tot de juiste oplossing te komen. Hier ga je werken Als Java Developer kom je te werken bij een internationale organisatie in regio Amsterdam die zich richt op procesoptimalisatie door middel van zeer complexe IT oplossingen. Dit doen zij op het allerhoogste niveau met vestigingen over heel de wereld en met een groot aantal aansprekende, maatschappelijk betrokken klanten.

Bekijk vacature »

Full Stack Developer/ Applicatie Ontwikkelaar

Wat jij doet Als Applicatie Ontwikkelaar ben je onderdeel van het team die de Rimote omgeving ontwikkeld en onderhoud. Hierbij kan je denk aan de cloud, on premise en webapplicaties welke worden gebruikt in bijvoorbeeld industriële bakkerijen, biogasinstallaties en kwekerijen. Deze applicaties verzorgen (remote) de aansturing en monitoring van processen, machines en robots. Van a tot z ben je betrokken bij projecten. Dit betekent vanaf ontwerp tot oplevering. Je moet samen met jouw team een goed product neer zetten. Dit begint met het opzetten van het ontwerp. De basis van de software moet staan als een huis. Daarvoor moet jij

Bekijk vacature »

Medior/senior Front-end developer

Functie Onder begeleiding van 3 accountmanagers waarvan er 1 binnen jouw expertise je aanspreekpunt zal zijn ga je aan de slag bij diverse opdrachtgevers. Hij of zij helpt je bij het vinden van een passende en uitdagende opdracht. Hierin houden ze uiteraard rekening met jouw situatie, ervaring en (technische) ambities. De opdrachten duren gemiddeld één tot 2 jaar. Hierdoor kun je je ook echt vastbijten in een project en als consultant impact maken. Naast de opdracht ben je regelmatig met je collega’s van de IT-afdeling om bijvoorbeeld onderlinge kennis te delen, of nieuwe trends te bespreken. Ook worden er regelmatig

Bekijk vacature »

Front-end developer - working on software for arou

Functie They have recently started looking for an experienced Front-end (mobile/app) developer. Because of the short lines within the team, they are also looking for someone who can communicate with the service desk, sales and support for technical questions. You will join their IT team consisting of about 10 colleagues divided over two teams in rooms opposite each other. Half of these are involved in their front-end. You will work together with, among others, the Architect, 1 senior, 1 junior and there is a Team Leader. In terms of technology, they work with a unique tech-stack, particularly because of the

Bekijk vacature »

Senior Java developer

Als Senior Developer bij Sogeti ben je onderdeel van onze toonaangevende best-gecertificeerde Java community. Deze bestaat uit ruim 100 gepassioneerde professionals. In teamverband lever je mooie prestaties. Daarmee draag je aan bij de meerwaarde die wij leveren aan onze top-opdrachtgevers. Geen werkdag is hetzelfde! Je bent voortdurend bezig met het oplossen van allerlei complexe vraagstukken binnen bedrijfskritische systemen. Een voorbeeld hiervan is een cliënt-volgsysteem bij Reclassering Nederland. Andere klanten waar wij onder andere voor werken: KPN, Philips, Nationale-Nederlanden, Kamer van Koophandel, ABN AMRO, Bovemij, Aval en de Nationale Politie. Natuurlijk krijg jij de mogelijkheid je verder te certificeren in dit vakgebied. We

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Traineeship Java Developer

Functie Wat ga je doen als Java Developer? Jij start via ons bij deze opdrachtgever als Trainee Java ontwikkelaar, tijdens het traineeship ga je in 1 jaar van de basis naar professioneel Java ontwikkelaar. Je start samen met een groep trainees, volgt de aangeboden cursussen en gaat aan de slag bij één van onze opdrachtgevers. Na een aantal maanden volgt de volgende opdracht. Door de groei in jouw rol kom je op steeds complexere opdrachten terecht. Veel afwisseling dus. Collega’s met ervaring helpen je bij deze groei en samen met jouw coach ga je een persoonlijke leerplan opzetten om jou

Bekijk vacature »

Front-end developer (Vue.js) gezocht!

Functie Als Front-end developer is het jouw doel om efficiënte en effectieve frontend code te ontwerpen, ontwikkelen en onderhouden die goed aansluit bij de functionele behoefte vanuit de klant. Je zorgt voor optimale SEO-resultaten, sitespeed en frontend security. You build it, you run it, you own it! Je maakt deel uit van een DevOps Scrum team en werkt samen met back-end developers, test-engineers, interaction designers en een projectmanager. Er zijn verschillende groepen Scrum teams. Een roadmap team is jouw ‘’thuisbasis’’, daar wordt gewerkt aan doorontwikkeling van bestaande omgevingen voor een aantal klanten. Hiernaast zijn er projectteams waar nieuwe omgevingen worden

Bekijk vacature »

Full stack .NET developer Microsoft 365

Wat ga je doen als Full stack .NET developer Microsoft 365? Je stelt je op als sparringpartner voor het team en PO over toekomstige functionaliteiten, architectuur en mogelijke nieuwe producten. Je bent mede-verantwoordelijk voor het vertalen en omzetten van een user story in een passend technisch design. Je implementeert functionaliteiten op basis van een technisch design en user story. Je bent mede-verantwoordelijk voor het beheer van Azure DevOps, waaronder het beheer van GIT, Build Pipelines, Release Pipelines en geautomatiseerde testen. Hier herken jij jezelf in Hbo werk- en denkniveau of hoger aangevuld met relevante certificeringen en/of cursussen; Minimaal 3 jaar

Bekijk vacature »

Digitale Tovenaar Gezocht: Junior Low-code/No-code

Bedrijfsomschrijving Duik mee in een wereld vol innovatieve avonturen waar gegevens en technologie een magische symbiose aangaan! Al meer dan twee decennia lang zijn we de tovenaars achter de schermen die oplossingen creëren voor de meest complexe klantcontactvraagstukken en datagedreven software-uitdagingen. Bij ons draait het om de kracht van samenwerking en groei. We zijn een hechte vriendengroep die samen bergen verzet om elkaar én onze klanten te laten schitteren. Jouw succes is ons succes en we streven ernaar om elkaar naar nieuwe hoogten te tillen, niet voor even, maar voor altijd. We willen dat jij je helemaal thuis voelt in

Bekijk vacature »

Java Developer / Sociaal domein

Dit ga je doen Nieuwbouw en doorontwikkeling; Beheer en wanneer nodig onderhoud; Bijdrage leveren in het functioneel- en technisch ontwerptraject; Analyseren van productie verstoringen; Meedenken over vernieuwingen en verbeteringen. Hier ga je werken De organisatie waar jij komt te werken focust zich op software development met een maatschappelijk tintje. De afdeling software ontwikkeling bestaat uit vijf verschillende scrum teams, met allen hun eigen focus gebied. Zo zijn er een aantal teams die zich focussen op specifieke applicaties, maar is er ook een team gericht op projecten. Binnen de organisatie staat innovatie en kwaliteit voorop. Een aantal applicaties draait nog op

Bekijk vacature »

Back-end ontwikkelaar

Functie omschrijving Wil jij meebouwen aan diverse databasesystemen in een klein bedrijf met een platte organisatie? In een team van ruim 10 ontwikkelaars wordt er aan diverse ICT oplossingen gewerkt. Jouw taken hierbij zullen bestaan uit: Het onderhouden en door-ontwikkelen van bestaande databases. Denk hierbij aan schema verbeteringen en performance-tuning. Bij nieuwe ontwikkelingen ga jij ook bezig met het bouwen van het databaseschema. Omdat je in een klein team werkt zal je ook de C# routine verder uitbouwen en ontwikkelen. Ook kan je meedraaien in algemene refactory-, ontwikkel- of testwerkzaamheden. Je zal voornamelijk gebruik maken van de volgende technieken: .NET

Bekijk vacature »

Anaplan Developer

Dit ga je doen What are you going to do: Picking up Stories: Design planning had, how are we going to build it in Anaplan; Talking to the end user to build a forecasting model; Having contact with the data team about which data is needed; Being able to convert an Excel sheet into a 3, 4 or 5 dimensional modeling environment; Giving knowledge sessions about Anaplan; Solving incidents; Making instructional videos on how teams should read forecasts; Writing blogs about forecasting. Hier ga je werken We are looking for an Anaplan Builder to deliver end-to-end solutions within a big

Bekijk vacature »
Ad Fundum

Ad Fundum

05/09/2021 20:37:06
Quote Anchor link
Ik wil graag een agenda view bouwen. Mijn idee is om een weekoverzicht (ma t/m zo) te maken waarop elke dag afspraken staan. De afspraken worden grafisch weergegeven, met een div waar je op kunt klikken.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
+----+----+----+----+----+----+----+
| ma | di | wo | do | vr | za | zo |
+----+----+----+----+----+----+----+
| [] | [] |    |    | [] | [] |    |
|    | [] | [] |    | [] |    |    |
|    | [] |    | [] |    | [] |    |
+----+----+----+----+----+----+----+

Wat het lastig maakt is dat op eenzelfde dag afspraken kunnen overlappen. Daarvoor dacht ik heel handig een CSS grid layout te kunnen gebruiken. Het raster heeft dan in de Y-as de minuten met grid-template-rows, en de kolommen nemen dan autmatisch weinig plaats in doordat CSS ze automatisch in de kolommen plaatst waar nog ruimte is met grid-auto-flow.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
  <head>
    <style>
    .agenda {
      width: 16em;
      height: 350px;
      background-color: whitesmoke;
      border: 1px solid lightgrey;
      display: inline-grid;
      grid-template-rows: repeat(calc(24 * 60), 1fr);
      grid-auto-flow: dense;
    }
    .afspraak {border: 1px solid grey;}
    #afspraak-1 {grid-row: calc(calc(60 * 10) + 30)
                         / calc(calc(60 * 12) + 10);}
    #afspraak-2 {grid-row: calc(calc(60 * 11) + 15)
                         / calc(calc(60 * 11) + 30);}
    #afspraak-3 {grid-row: calc(calc(60 * 15) + 15)
                         / calc(calc(60 * 20) + 30);}
    </style>
  </head>
  <body>
    <div class="agenda">
      <div class="afspraak" id="afspraak-1">a</div>
      <div class="afspraak" id="afspraak-2">t</div>
      <div class="afspraak" id="afspraak-3">j</div>
    </div>
  </body>
</html>

Alleen, het algoritme achter dense houdt de afspraken 1 kolom breed, ook al is er meer plaats als afspraken niet (zo veel) overlappen, bijvoorbeeld bij #afspraak-3.
Als ik dit vergelijk met Outlook, dan doet Outlook dat een stuk slimmer.
Ik heb zitten Googelen naar een algoritme voor het gedrag van Outlook, met steekwoorden als "greedy", maar ik kan niets vinden dat lijkt op hoe Outlook het doet.

De agendatabel is heel simpel, met tijdstempels 'van' en 'tot', een kolom 'id' en een kolom 'onderwerp'.
Hoe reken je zo iets uit in PHP?
 
PHP hulp

PHP hulp

27/04/2024 00:54:23
 
Rob Doemaarwat

Rob Doemaarwat

06/09/2021 09:53:23
Quote Anchor link
Ik heb geen Outlook, maar ik vermoed dat je wenst wat (bijvoorbeeld) de Thunderbird kalender ook doet: afspraak 3 had nu de volle breedte moeten pakken (daar waar 1+2 beide de helft krijgen omdat ze deels hetzelfde tijdvak beslaan)?

Geen idee hoe (of) je dit met puur CSS op kunt lossen. Wat je met PHP kun doen is natuurlijk door alle afspraken heen lopen (van+tot tijden chronologisch), en zelf "slots" gaan bepalen. Als een afspraak begint kijk je welk "slot" (laagste nummer) vrij is, en daarin plaats je die afspraak. Als de afspraak eindigt maak je het slot weer leeg (zodat het voor een volgende afspraak hergebruikt kan worden. Op het eind weet je zo hoeveel slots je over de dag heen maximaal nodig hebt (dit met name voor de CSS / breedte berekening). Per afspraak kun je dan weer uit gaan rekenen welk deel van de kolombreedte je nodig hebt (bij 1 slot de volle breedte = 100%, bij 2 de helft = 50%, bij 3 slots 33.333%, enz). Je kauwt de HTML dus behoorlijk uit, en positioneert de boel redelijk absoluut (met procenten) in de <div> voor de betreffende dag.
 
Ward van der Put
Moderator

Ward van der Put

06/09/2021 14:32:23
Quote Anchor link
Je kunt een grid template gebruiken:

https://css-tricks.com/building-a-conference-schedule-with-css-grid/

OVerlappende afspraken zou je binnen de grid met een flexbox kunnen afhandelen:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

(Deze cheatsheet is sowieso wel een permanente bookmark waard.)
 
Ad Fundum

Ad Fundum

06/09/2021 16:07:15
Quote Anchor link
Bedankt voor het meedenken.

Ik gebruik nu een grid, met "grid-template-rows: repeat(288, 1fr);" voor een cell per 5 minuten, en "grid-auto-flow: dense;" om de kolommen goed te krijgen. Het is werkbaar, maar ik zou het er liever uit hebben zien als de 1e link van Ward / Thunderbird / Outlook.
Achter de link wordt gebruik gemaakt van "grid-column: track-2-start / track-3-end; /* spanning two tracks! */", maar hoe bereken je dat voor een dynamische view?

Flexbox klinkt interessant, en ik ken de link, maar hoe zet je dat in voor een agenda layout, als de overlappende afspraken elkaar ook gedeeltelijk overlappen?
Gewijzigd op 06/09/2021 16:12:16 door Ad Fundum
 
Ad Fundum

Ad Fundum

13/09/2021 21:33:05
Quote Anchor link
Grid valt toch een beetje tegen, dacht ik een achtergrondje in te kunnen stellen met linear-gradients voor wat lijnen, lijnen de CSS grid childs niet uit met de CSS achtergrond, waardoor het misschien nog efficienter is om CSS grid te vervangen voor eigen percentages (maar dan moet ik het helemaal zelf uitrekenen).

Toevoeging op 14/09/2021 10:05:29:

Sommige dingen zijn een kwestie van wennen... het coordinatensysteem met CSS Grid begint natuurlijk vanaf 1, niet vanaf 0... nu past het perfect.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.