Agenda items weergeven

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

PHP Developer @ Regio Almelo

2021-09-03 iSense PHP Developer Ben jij een PHP developer met een aantal jaren ervaring en op zoek naar een nieuwe werkgever? Lijkt het je leuk om te werken in een enthousiast en zelfsturend Scrumteam en op een plek waar voldoende mogelijkheden zijn om jezelf verder te ontwikkelen? Lees dan snel verder en solliciteer! ISHA50282 Nieuw Organisatie Je komt als PHP ontwikkelaar te werken in een jonge, innovatieve én snel groeiende scale-up die een gespecialiseerde verkoopplatform heeft opgebouwd. De organisatie is in eerste instantie begonnen in de bouw. Het moederbedrijf bestaat nog steeds en heeft nu ruim 300 medewerkers. De organisatie

Bekijk vacature »

Application Developer / IT Support

Functieomschrijving Dow Site Logistics bedient een groot aantal fabrieken en bedrijven van Dow. De afdeling beheert de stroom van materialen die Dow Terneuzen binnenkomen of verlaten. Voor de Site Logistiek zijn wij op zoek naar een applicatiebeheerder. Als applicatiebeheerder ben je lid van het WPIT team. Dit team ondersteunt de afdeling Site Logistiek op gebied van IT, applicatieontwikkeling, training en rapportages. Wat bieden wij jou € 2750 - € 3500 bruto per maand 25 verlofdagen & 8,33% vakantietoeslag Fulltime dienstverband Reiskostenvergoeding 0,19 per kilometer Wie ben jij Jij bent een communicatief vaardige techneut, die voor elk technisch probleem de juiste

Bekijk vacature »

Graduate Class DevSecOps

Graduate Class DevSecOps - Start 1 Maart 2022 Functiebeschrijving: Ben jij een net afgestudeerde IT-er of startende IT-er én nog niet uitgeleerd? Wist je dat uitdagende projecten en opleidingsmogelijkheden de basis vormen van een succesvolle carrière in de IT? Dan zit je bij goed bij CGI! Wij hebben namelijk de slagkracht en de grootte om zelfs de meest ambitieuze IT-carrières vorm te geven. Doordat wij een stabiele en groeiende organisatie zijn, kunnen wij je uitstekende kansen bieden om in een ondersteunende omgeving te werken aan projecten die daadwerkelijk impact hebben op onze wereld. Wat houdt de Graduate Class DevSecOps in?

Bekijk vacature »

Front-end Developer / Vue.js / Meewerkend voorman

2021-08-16 iSense Front-end Developer Vue.js Meewerkend voorman Ben jij een ervaren Front-end Developer, bedreven in Vue.js en lijkt het jou gaaf om als meewerkend voorman verantwoordelijk te zijn voor de ontwikkeling van drie junior ontwikkelaars? Werk jij graag aan diverse projecten t.b.v. het vergroten van klant- en medewerkerbeleving? Lees dan snel verder! ISPE47632-1 Organisatie Betreffende organisatie is gevestigd in de regio van Lelystad en is al ruim 20 jaar lang bedreven in het ontwikkelen en aanbieden van diverse communicatiemiddelen aan de consumentenmarkt. Hierin staan innovatie, optimale klantbeleving en een passie voor technologie centraal. Ruim 100 medewerkers staan dagelijks klaar om

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 »

Business Developer IV

We are looking for a Business Developer Datawarehouse for a large bank in Amsterdam. Description of activities: Je werkt als onderdeel van een (Nederlandstalig) Scrumteam aan de episodes van Finance & Risk Information Services Hypotheken. Door inzicht te geven in de hypothekendata aan de organisatie helpt de afdeling FRIS om belangrijke doelstellingen van ABN AMRO te behalen. Denk hierbij voornamelijk aan rapportagevereisten vanuit de Regulators zoals ECB, DNB, AFM, EBA, accountants en internal auditors. Elke maand wordt vanuit de F&R Circle prioriteiten vastgesteld voor op te pakken Episodes voor ongeveer 3 scrumteams. Als DWH developer werk je voornamelijk back-end aan

Bekijk vacature »

.Net Ontwikkelaar @ Oldenzaal

2021-07-22 iSense .Net Ontwikkelaar Wil jij werken aan software wat overal ter wereld wordt gebruikt? Wil jij werken in een platte organisatie met oog voor zijn werknemers? Lees dan snel verder! ISHA49468 Nieuw Organisatie Voor onze relatie zijn wij momenteel op zoek naar een .Net Developer die wilt werken aan software die draait op machines wereldwijd. De organisatie produceert software voor applicaties die gebruikt worden in verschillende branches. De software wordt geleverd aan fabrikanten van verschillende robotica en machines. Als .Net ontwikkelaar ben je intern onderdeel van het team wat de applicatie omgevingen ontwikkeld en onderhoud. Deze applicatie omgevingen draaien

Bekijk vacature »

Delphi Developer

Als Delphi Developer werk je samen met andere ontwikkelteams om onze backoffice applicaties zo optimaal mogelijk te laten werken. Wat doe je als Delphi Developer bij Coolblue? Je werkt samen met andere ontwikkelteams om onze backoffice applicaties zo optimaal mogelijk te laten werken, of het nu gaat om het uitbreiden van features of het migreren naar API's. Alles om een glimlach op het gezicht van onze collega's te toveren! Hoewel je een Delphi Developer bent, ben je niet vies van een beetje C# of JavaScript. Wil jij ook Delphi Developer worden bij Coolblue? Lees hieronder of het bij je past.

Bekijk vacature »

Front-end Developer

Introductie: Bij Yacht waarderen we onze mensen en begrijpen we wat belangrijk voor u is. Wij geloven in het optimaliseren van het potentieel door een werkomgeving te creëren waar mensen zichzelf kunnen uitdagen, de juiste ondersteuning krijgen en goede arbeidsomstandigheden hebben. Om dit te bereiken, creëren we een ‘dienstverband op maat’ dat past bij uw specifieke behoeften en ambities. Benieuwd wat wij u kunnen bieden? Ontdek dit vandaag nog. Wat je gaat doen: Wij zijn op zoek naar een Front-end voor een internationale/grote bank in Amsterdam. Deze rol is binnen een internationale IT-omgeving met een Agile/Scrum manier van werken. Deze

Bekijk vacature »

PHP en klant contact - unieke functie met goede vo

Bedrijfsomschrijving Mijn klant is een gezonde en sterk groeiende partij die actief is in de wereld van online-marketing. Ze behoren tot één van de sterkst groeiende partijen op dit vlak van dit moment met hele bekende klanten. Ze zijn met hun campagnes zeer succesvol. Ze doen technisch erg slimme en complexe dingen die te maken hebben met hele grote hoeveelheden data. Ze werken voornamelijk voor bekende A merken en daar verzorgen ze een groot deel van de online communicatie voor. Functieomschrijving Er is bij deze klant een rol vrijgekomen voor iemand met zowel PHP als front-end ervaring die aan de

Bekijk vacature »

Delphi Developer

As a Delphi Developer you work together with other development teams to make our back-office applications work as optimal as possible. How do I become a Delphi Developer at Coolblue? You work together with other development teams to make our back-office applications work as optimal as possible, being extending features or migrating them to APIs. Everything to put a smile in our colleagues' faces! Although you are a Delphi Developer, you are not averse to a some C# or JavaScript. Would you also like to become a Delphi Developer at Coolblue? Read below if the job suits you. You enjoy

Bekijk vacature »

Software C#.NET Developer Security Software Maatwe

Bedrijfsomschrijving Deze organisatie bouwt applicaties op bestaande applicaties van grote organisaties om zo de inlogportalen veiliger en robuuster te maken. Het software development team is groeiende en daarom zijn wij op zoek naar een pientere, ervaren en goede software developer .NET die graag intern aan de slag wil gaan op locatie Den haag. Het bedrijf staat voor kwaliteit en dat zie je in alles terug. Het pand is mooi ingericht en er wordt gewerkt met nieuw apparatuur. Ook zijn er professionele werkwijzes geïmplementeerd om te waarborgen dat er kwaliteit geleverd wordt. Dit bedrijf is een dochteronderneming van het moederbedrijf wat

Bekijk vacature »

Audiovisueel Technicus

Ben jij een audiovisuele kenner? Vind je het leuk om bezig te zijn met audio en video? Werk jij netjes, planmatig en zelfstandig? En houd jij je hoofd koel als het spannend wordt? Dan zijn wij op zoek naar jou! Solliciteer nu op de functie van AV Technicus (fulltime) bij BPRvisie in Wijchen. Dit ga je doen Als AV-technicus ben je verantwoordelijk voor de opbouw, afbouw en het bedienen van beeld, geluid en licht tijdens evenementen bij onze klanten. Je bent hét aanspreekpunt voor de klant en het team op locatie. Samen met de accountmanager zorg jij voor een succesvol

Bekijk vacature »

Front-end Developer

As a front-end Developer you are responsible for website development and improving customer experience based on data analyze. Do you want to join the new inhouse development team at Nederlandse Loterij? Functie Nederlandse Loterij is on the move and the use of IT and technology is becoming increasingly important. We have a large change agenda and are looking for enthusiastic IT colleagues who want to contribute to this. Nederlandse Loterij is in transition to become a more digital customer-oriented organization, embracing a data-driven way of working, in which we work in multidisciplinary and DevOps teams. You will work in the

Bekijk vacature »

BI Developer / Oracle / Internationaal @ Utrecht

2021-08-16 iSense BI Developer Oracle Internationaal Ben jij op zoek naar een dynamische omgeving om als BI Developer aan de slag te gaan? Heb jij goede kennis van Oracle BI, Datawarehouses en Oracle Data Integrator (ODI)? En pas jij dit graag toe in een innovatieve omgeving waar je voldoende uitdaging zult vinden? Reageer dan nu! ISKL48194-2 Organisatie Deze organisatie is internationaal actief binnen de zakelijke dienstverlening en heeft de kwaliteit van de IT afdeling hoog in het vaandel staan. Al vanaf de oprichting, meer dan 30 jaar geleden, heeft de IT afdeling alle systemen in eigen beheer en worden de

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 02:57:58
 
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.