Agenda items weergeven

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Java Developer bij InTraffic

Werken aan innovatieve oplossingen die onmisbaar zijn voor iedereen en dus ook voor jou als reiziger? Als Java Developer bij InTraffic kan jij een waardevolle bijdrage leveren! Hoe? Het ontwerpen en ontwikkelen met Java in een van onze complexe projecten. Waarom? Om een beter en veiliger OV in Nederland te creëren. Waar? Bij InTraffic in Nieuwegein, dé IT-specialist op het gebied van verkeer en vervoer. Met wie? Met een scrumteam van tussen de 3 en 9 professionals. Jouw rol als Java Developer Binnen onze complexe IT-omgeving van verkeer en vervoer spelen vele interessante projecten. Hierbij kun je denken aan migraties

Bekijk vacature »

PHP Developer

As a PHP Developer at Coolblue, you ensure that our webshops work as optimal as possible. How do I become a PHP Developer at Coolblue? As a PHP Developer you work together with other development teams to make our webshop work as optimal as possible and to make our customers happy. Although you are a PHP Developer, you are not averse to a little C# or JavaScript. Would you also like to become a PHP Developer at Coolblue? Read below if the job suits you. You enjoy doing this Writing PHP code. Working with the Customer Journey Specialist to make

Bekijk vacature »

Team Lead PHP

Als Tech Lead zorg voor een glimlach op het gezicht van onze klanten door geweldige software af te leveren. Wat doe je als Team Lead PHP bij Coolblue? Als Team Lead PHP bouw en leid je een team dat uitblinkt in het leveren van hoogwaardige en kostenefficiënte software. Je ondersteunt teamleden bij het afbakenen van hun doelen en met de aanpak om ze te behalen. Als Tech Lead zorg voor een glimlach op het gezicht van onze klanten door geweldige software af te leveren en een effectief team op te bouwen. Ook Team Lead PHP worden bij Coolblue? Lees hieronder

Bekijk vacature »

Software Developer / Python / React / Big Data @ R

2021-05-06 iSense Software Developer / Python / React / Big Data Ben jij een ervaren Software Developer die Big Data gaaf vindt en graag bij een groot, technisch bedrijf wil werken? Werk je graag in een innovatieve omgeving met zo'n 15 scrum teams die samen een volledig product opzetten? Dan is dit de vacature voor jou! ISMO49813 Organisatie Bij dit grote, innovatieve technische bedrijf wil men graag flink groeien dit jaar, namelijk van zo'n 100 naar 120 mensen. In de afgelopen jaren is er hard gewerkt om een nieuw software product op de markt te zetten ter ondersteuning van hun

Bekijk vacature »

Oracle en PL/SQL Developer @ Regio Den Haag

2021-07-01 iSense Oracle en PL/SQL Developer Wil jij een bijdrage leveren aan de groei en ontwikkeling van een energie leverancier die duurzaamheid hoog in het vaandel heeft staan? Vind je het gaaf om je eigen applicaties te bouwen? Lees dan snel verder! ISBA49318 Nieuw Organisatie Als ervaren DevOps Engineer zal je verantwoordelijk zijn voor de ontwikkeling van nieuwe webapplicaties door middel van Oracle APEX en PL/SQL. Je houdt je bezig met het realiseren van mooie en innovatieve oplossingen, voortstormend uit de requirements die je hebt achterhaald bij diverse stakeholders. Naast web development ben je tevens verantwoordelijk voor het onderhouden een

Bekijk vacature »

App ontwikkelaar / IoT / iOS en Android @ Arnhem

2021-09-16 iSense App ontwikkelaar IoT iOS en Android Wil jij als App ontwikkelaar aan de slag bij een organisatie die werkt met toonaangevende klanten? Wil jij helpen met het smart maken van hardware producten? Lees dan snel verder! ISVI50120 Organisatie De organisatie in de regio Arnhem is een specialist als het gaat om het ontwikkelen van intelligente apparaten of machines. Binnen de organisatie zijn zo'n 50 medewerkers werkzaam waarvan 97% een technische functie bekleedt. Voor verschillende klanten door heel Nederland ontwikkelen zij innovatieve producten. Hierin verzorgen zij zowel de elektronica als de embedded software en zijn ze ook in opbouw

Bekijk vacature »

Business Developer Value Recovery

Als Business Developer Value Recovery help je met het succesvol initiëren, piloten, opschalen en implementeren van projecten met als doel er meer waarde uit te halen. Wat doe je als Business Developer Value Recovery bij Coolblue? Je bent verantwoordelijk voor het halen van meer waarde uit producten die we nu afschrijven, aan opkopers verkopen, recyclen of weggooien en je zorgt ervoor dat er zoveel mogelijk geld verdiend wordt aan het verkoopklaar maken en het verkopen van deze producten via B2B en B2C kanalen. Je zult in jouw eerste projecten o.a. verantwoordelijk zijn voor het opschalen van onze marktplaats verkopen, vinden

Bekijk vacature »

Lead .NET Developer Unieke Kantoorsoftware

Bedrijfsomschrijving Dit bedrijf bestaande uit zo'n 60 medewerkers heeft in de loop der jaren een klantenbestand van ongeveer 500 bedrijven opgebouwd en ze leveren aan deze bedrijven unieke bedrijfseigen kantoorsoftware. De software wordt gebruikt in de Benelux en is zeer professioneel te noemen. De bewezen software is zo vormgegeven dat het zeer snel op de bestaande software van klanten aangesloten kan worden. Enkele toepassingen zijn: de software koppelen aan Payrolling software, HR software of ERP software. Uiteindelijk zijn alle toepassingen voortgekomen uit de drie grootste SaaS producten: Tijdregistratiesoftware, Declaratiesoftware en Planningsoftware. Door uitbreiding in het team en verschuivingen in het

Bekijk vacature »

Java Developer / Webservices @ Utrecht

2021-06-21 iSense Java Developer / Webservices Ben jij als Java Ontwikkelaar toe aan een stabiele organisatie zonder commercieel doeleinde? Ga jij voor kwaliteit, collegialiteit en stabiliteit? Dan is dit jouw baan! ISB43563-1 Organisatie De organisatie waar je komt te werken is een semi-overheidsinstelling die zorgt voor een goede samenwerking tussen verschillende overheidsinstanties. Het is een familiaire club die gaat voor kwaliteit en langdurige relaties. Het bedrijf is gevestigd in hartje Utrecht met het Centraal Station op loopafstand en een parkeergarage naast het pand. Bij deze stabiele organisatie gaat men uit van kwaliteit hoogwaardige softwarediensten. Je zal hier als Java Ontwikkelaar

Bekijk vacature »

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 »

Lead Developer / React / Digitale campagnes @ Utre

2021-09-27 iSense Lead Developer / React / Digitale campagnes Wil jij als Lead React Developer aan de slag bij een organisatie die inhouse alleen maar de meest innovatieve projecten oppakt? Lijkt het je daarnaast leuk om de verantwoordelijkheid te dragen over een development team en zelf met React (van scratch af aan) vooruitstrevende applicaties en platformen te ontwikkelen? Lees dan nu verder! ISRI48991 Organisatie In het hartje van Utrecht kom je als Lead React Developer te werken bij een organisatie die inhouse werkt aan tal van innovatieve oplossingen voor relaties. Hiervoor werken ze met de nieuwste tools en technieken en

Bekijk vacature »

Junior Front-End Developer

Je maakt een vliegende start van je carrière, door meteen mee te bouwen aan de digitale aspecten van Coolblue. Wat doe je als Junior Front-End Developer bij Coolblue? Als Junior Front-End Developer ben je meteen vanaf de start onderdeel van een development team. Je kijkt veel mee met collega’s en volgt trainingen om te groeien als Junior Developer. Op dat moment komt je wil om steeds te blijven leren naar boven. Daarnaast pak je in de sprints ook je eigen stories op om Coolblue iedere dag een beetje beter te maken. Je sterk analytisch vermogen komt dan goed van pas!

Bekijk vacature »

Python Developer @ Utrecht

2021-09-06 iSense Python Developer Do you like working with Data? Do you have experience in Python and Azure Cloud? Would you like to implement data modelling and processing applications on top of Azure Native Services? Search no further because we have the vacancy for you! ISKE50429 Organization We are looking for several Python Developers who enjoy programming. Together with your team you will design and develop maintainable systems that allow the organization to calculate it’s credit risk. You will have opportunity to remain abreast of the latest market and technological developments and incorporate these in the execution of your development

Bekijk vacature »

IT / Netwerk specialist

Word jij onze technische IT specialist, die klantvriendelijk en oplossingsgericht is? Dan zijn wij op zoek naar jou! Wat zijn je taken? In deze functie ben je voor klanten en collega's de contactpersoon in technische vraagstukken. Je werkt zelfstandig samen met een collega aan de inrichten, onderhouden en beheer van IT-systemen bij onze klanten. Je werkzaamheden bestaan uit het installeren, beheren en optimaliseren van systemen en netwerken. Houd je bezig met de voorbereiden en uitvoeren van migraties (cloud en on premise) en ben je inzetbaar bij opslagen en calamiteiten. Wat verwachten we van jou? Je hebt ervaring met Windows Server,

Bekijk vacature »

Pega Developer - Banking

Do you have passion for innovation and get motivated by complex challenges and innovative solutions? Are you ready for working with state of the art PEGA technology? Do you have enough experience to quickly and adaptively deploy new processes and tools for our customers? Your day-to-day activities As an experienced PEGA Developer you design, develop and test software systems and applications. You know what the software system of the client needs to do and you find ways to continuously improve and revolutionize them. You work in multidisciplinary Agile teams on common goals, quickly process feedback and put quality first in

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

20/10/2021 01:55:49
 
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.