Agenda items weergeven

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Dynamics 365 CRM Developer a.i.

APPLICANTS MUST LIVE IN THE NETHERLANDS For our client we are looking for a Freelance/Interim Dynamics 365 CRM Developer that will assist them in amongst others analyse requirements as defined by the business and documented by the business analysts and create functional and technical designs for development based on these requirements. We are looking for a experience candidate that will fill in the role based on own experience. Client Details APPLICANTS MUST LIVE IN THE NETHERLANDS Key-Account of Michael Page / World leading company in Data Description APPLICANTS MUST LIVE IN THE NETHERLANDS You analyse requirements as defined by the

Bekijk vacature »

Systeembeheerder ICT Infrastructuur

De afdeling Informatievoorziening is richtinggevend op het gebied van informatievoorziening, fungeert als waterschap brede informatiedienst en levert de benodigde ICT. De afdeling heeft een proactieve instelling om tijdig te kunnen inspelen op ontwikkeling en technologieën op het tempo van verandering. De afdeling Informatievoorziening zoeken een enthousiaste: Systeembeheerder ICT Infrastructuur voor 36 uur per week, locatie Hoofdkantoor Zwolle Efficiënt beheer? Dat is jou wel toevertrouwd. Want als Systeembeheerder laat jij je niet snel uit het veld slaan door problemen met de infrastructuur. WDODelta is nu op zoek naar een collega systeembeheerder. Als systeembeheerder houd jij je bezig met het dagelijks beheer

Bekijk vacature »

Medior/Senior Backend Developer

IT Recruitment is voor haar klant in Rijswijk op zoek naar Backend Developer. Als software engineer ben je gedreven in het bouwen, onderhouden en verbeteren van de kernproducten en -diensten, die de oplossingssuites vormen voor de producten en applicaties van de organisatie. Uitdagingen waar je onder andere mee te maken krijgt, zijn het implementeren van business logica, het analyseren en oplossen van problemen die door de klanten worden gemeld, het begrijpen en verbeteren van het datamodel met behulp van een SQL-serverdatabase, ervoor zorgen dat onze kernproducten ook toegankelijk zijn voor webtoepassingen via API’s en het handhaven van beveiligingsprincipes. Verantwoordelijkheden Software

Bekijk vacature »

Low Code Developer

Heb jij passie voor software ontwikkeling en vind je het leuk om eindgebruikers snel te helpen door het realiseren van web en mobiele applicaties? Wil jij ervaring opdoen om van beginnend developer door te ontwikkelen naar een Full Stack ontwikkelaar? Dan is dit jouw topbaan! Met meer dan 100 bedrijven in verschillende product-marktcombinaties is geen dag hetzelfde bij VDL. Wat ga je doen? Als Low Code Developer ga je aan de slag om nieuwe applicaties te ontwikkelen op het gebied van web en mobiele applicaties die onder andere een Make To Order platform ondersteunen. Met behulp van bestaande bouwstenen ben

Bekijk vacature »

Senior Business Analist Pensioenen

Senior Business Analist Pensioenen Functiebeschrijving: Word jij enthousiast om als bruggenbouwer tussen business en IT ervoor te zorgen, dat de juiste IT-oplossingen worden gerealiseerd voor onze eindklanten? Dan ben je bij ons aan het goede adres! Wij zijn op zoek naar een nieuwe collega om het product team van onze Pensioen Administratie Platform te versterken. Wat ga je doen? Je helpt ons en onze klant om onze toekomststrategie van ons Pensioen Administratie Platform vorm te geven. Je verzamelt, combineert en analyseert business requirements vanuit verschillende interne en externe bronnen. Deze vertaal je naar specificaties voor IT, zodat de ontwikkelaars hier

Bekijk vacature »

Microsoft Developer Technical Automation- Relocati

Who are we? ICT Netherlands is an industrial total solutions provider that wants to make the world a little smarter, safer and more sustainable every day. Our dedicated technical professionals provide services in the areas of consultancy, software development, project-based solutions and managed services. Do you want to use your knowledge of Microsoft in the field of technical automation as part of our Machine & Systems business unit? Are you on the hunt for an environment where you can share your knowledge with colleagues and learn from them? Would you like to work for a Microsoft Gold Partner? If so,

Bekijk vacature »

Senior Salesforce Developer

Functieomschrijving Do you want to help shape the global Salesforce environment of the world’s largest HR service provider, defining, building and continuously improving the solution 28.000 people will use on a daily basis? Helping shape the working life of over 500 million talented individuals? As part of building a global Salesforce programme we are looking for multiple experienced Salesforce Developers. You work closely with our Technical lead, product owner and other salesforce developers and consultants to implement and integrate a global package of features based on Sales Cloud, Services Cloud, Marketing Cloud and Bullhorn for Salesforce, including but not limited

Bekijk vacature »

Senior .NET Ontwikkelaar te hartje Amsterdam

Bedrijfsomschrijving Wij zijn voor deze organisatie op zoek naar een kundige en ervaren Software .NET Ontwikkelaar. De organisatie is sindskort onderdeel van een groot Noors softwarebedrijf, marktleider in Scandinavië. In Nederland zijn zo’n dertig organisaties aangesloten bij het bedrijf. Je krijgt hier de ruimte om je zowel persoonlijk als professioneel te ontwikkelen. Ze helpen diverse klanten dagelijks vooruit met de slimste cloudsoftware. De verschillende afdelingen werken nauw samen om dit te bereiken. Ze gaan snel! De besluitvormingsprocessen zijn kort. En als onderdeel van het development team krijg je vanaf dag één flinke eigen verantwoordelijkheid. Ook is het bedrijf hoofdsponsor binnen

Bekijk vacature »

Senior C# Developer IoT Platform (NL)

Senior C# Developer IoT Platform (NL) Den Haag HBO/WO IT - software development Professional Om alle Unique Loading Devices (ULD's) real-time te kunnen volgen, hebben we een IoT landschap gecreëerd dat ons continu update met de locatie en sensor informatie van de ULD's. Het IoT platform is volledig ontworpen met behulp van AWS serverless componenten en Serverless Architecture staat in het middelpunt van al onze ontwerpen. Enkele van de componenten die we gebruiken zijn AWS IoT services, Amazon Location Services, AWS Lambda enzovoort. Op ons platform vertalen we alle detecties van ULD's, vanuit AWS IoT Core naar relevante informatie over

Bekijk vacature »

Senior AWS Cloud Developer IoT (NL)

Senior AWS Cloud Developer IoT (NL) Den Haag HBO/WO IT - software development Professional PostNL zet trackers in om de logistieke pakkettenstroom realtime te kunnen managen. Met behulp van deze trackers, ookwel beacons genoemd, wordt het mogelijk om de beweging van 250.000 rolcontainers te volgen. Deze 250.000 beacons genereren in real time miljoenen berichten per minuut. Internet of Thing (IoT) is voor PostNL dan ook een belangrijke component in het digitaliseren van het logistieke proces. Wat ga je doen? Binnen het IoT platform vertalen we inkomende dat vanuit de rolcontainer trackers, zoals aankomst- en vertrektijd vanaf een PostNL locatie, naar

Bekijk vacature »

Developer (PHP)

Als PHP developer werk jij mee aan de uitbreiding van onze SaaS applicatie. Je bouwt aan nieuwe functionaliteiten, verbetert ons Content Management Systeem op basis van Symfony en optimaliseert de gebruiksvriendelijkheid. Je werkt aan een mooi product dat continu uitgebreid wordt en de potentie heeft om de wereld over te nemen! Naast het meewerken aan de uitbreiding van onze SaaS applicatie, werk je ook aan specifieke modules voor onze klanten. Klanten als Scania, Fletcher Hotels, Gamma of Aditech hebben jouw hulp nodig! Wil jij meewerken om onze ambitie waar te maken? We bieden: Een salaris tussen € 2200 en €

Bekijk vacature »

(Senior) PHP Developer

APPLICANTS MUST LIVE IN THE NETHERLANDS Due to success our client is growing and there we are looking for a (Senior) PHP Developer to join them in their office located in Amsterdam. Client Details APPLICANTS MUST LIVE IN THE NETHERLANDS Key-Account of Michael Page, Tech Start-up Description APPLICANTS MUST LIVE IN THE NETHERLANDS We are looking for a highly motivated (Senior) PHP Developer who wants to grow and to help our client to the next level. As a (Senior) PHP Developer you will continuously be working on improving the product, the team, and yourself, either by excelling in (parts of)

Bekijk vacature »

Back-End Developer Java

APPLICANTS MUST LIVE IN THE NETHERLANDS As a Back End Developer you will be responsible to maintain and continuously develop new features and functionality in the micro-service environment. Being a part of the back end team you will work in multidisciplinary squads and have the unique chance to continuously develop and improve the technology stack. Client Details APPLICANTS MUST LIVE IN THE NETHERLANDS Key-Account of Michael Page / Famous A-Brand Description APPLICANTS MUST LIVE IN THE NETHERLANDS As a Back End Developer you will be responsible to maintain and continuously develop new features and functionality in the micro-service environment Being

Bekijk vacature »

Senior Embedded Engineer

Bedrijfsprofiel: De Haardt BV is een klein bedrijf dat gevestigd is in Elst (Gelderland), met een grote naam in de rental kart wereld. Het bedrijf is 26 jaar oud en is een groot deel daarvan marktleider in de wereld met haar veiligheids- en timing systemen. Onze klanten noemen ons de autoriteit in de markt als het gaat om veiligheid. In Elst is De Haardt constant bezig met het verbeteren van haar producten en het ontwikkelen van nieuwe ideeën tot producten. Met 14 medewerkers, waarvan 10 ontwikkelaars, staat de focus op productinnovaties en dit gebeurd in een informele en prettige werkomgeving.

Bekijk vacature »

Stage: Super programmeurs welkom (In Limburg)

Wat ga je doen? Je bouwt mee aan het CMS Serena. Je bouwt mee aan werken-bij websites van klanten. Je helpt met de koppelingen bouwen tussen onze werken-bij websites en diverse software pakketten. Over welke vaardigheden beschik je? Programmeren in PHP. Communicatief vaardig. Teamspeler. Eigen mening. Wat bieden we? 70% van al onze medewerkers hebben ooit stage gelopen bij Getnoticed. We zijn een gezellig bourgondisch bedrijf dat werkt voor de top van Nederland (ABN Amro, T-Mobile, Coolblue en meer). De volgende opties zijn mogelijk Een leerplaats die ook geschikt is voor minder validen Mogelijkheden voor zij-instromers

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

28/01/2022 07:06:53
 
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.