Agenda items weergeven

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Data Engineering Training Track Class (DETT) - sta

Data Engineering Training Track Class (DETT) - start 3 Januari 2022 Functiebeschrijving: Are you starting out in IT and looking to expand your skillset? Then CGI is the right choice for you! Because of our strong competencies in the field and the scale of our business, we can shape any kind of career in IT. As a stable and growing organization, we offer you every opportunity to work on exciting projects that have an impact on the real world. What can you expect? In the Data Engineering Training Track (DETT) you will be trained to become a full-blown Azure Data

Bekijk vacature »

.NET Ontwikkelaar / Medior @ Regio Duiven

2021-06-07 iSense .NET Ontwikkelaar Medior Ben jij een C# Developer die binnen een innovatieve, logistieke organisatie wilt werken? Vind je het interessant om de door jou ontwikkelde software en code te koppelen aan complexe systemen en daarnaast de implementatie te begeleiden? Lees snel verder! ISK49485 Nieuw Organisatie Je komt als Ontwikkelaar te werken bij een organisatie die is gespecialiseerd in industriële automatiseringsoplossingen. De organisatie heeft al ruim 45 jaar ervaring met optimalisatie van processen binnen de industriële sector. De organisatie kenmerkt zich als innoverend, meedenkend en informeel. Binnen het team heerst er een positieve teamspirit met een gezonde dosis ondernemerschap

Bekijk vacature »

Python Developer @ Amsterdam

2021-09-29 iSense Python Developer Ben jij een Python Developer die niets van de wereld wil missen? Wil jij dat jouw werkzaamheden zichtbaar zijn voor een groot publiek? Beschik jij over kennis van de modernste technieken en ben je in staat snel te switchen tussen verschillende projecten? Lees dan snel verder! ISRI51191 Organisatie Onze klant is een ambitieus mediabedrijf, gevestigd in Amsterdam. Om dagelijks tienduizenden mensen te voorzien van het laatste nieuws gebruiken zij diverse digitale middelen. Denk hierbij aan een website, mobiele nieuwsweergave en applicaties. Als Python Developer draag jij zorg voor deze digitale middelen; veel mensen maken hier gebruik

Bekijk vacature »

Functioneel Beheerder

Kan jij als geen ander IT-processen en -systemen beheren? Heb jij een achtergrond in de ICT en vind je het een uitdaging om processen te optimaliseren? Dan zijn wij op zoek naar jou! Wat ga je doen? Als functioneel beheerder kom jij terecht binnen het ICT-team van PRO Groep. Binnen ons team ben jij verantwoordelijk voor de IT-processen en -systemen van PRO HRM, een van de labels van PRO Groep. Je bent functioneel verantwoordelijk voor de werking en configuratie van de applicaties van de organisatie en onze klanten. Je brengt de wensen en eisen van de organisatie en de klanten

Bekijk vacature »

Applicatieontwikkelaar .NET en of Java

We leven in een wereld die 24/7 draait op technologie. Een mooi gegeven, maar ook een flinke uitdaging. Niet iedereen weet complexe IT-omgevingen up and running te houden. Bij ICT Group weten wij heel goed hoe we alles wél draaiende kunnen houden. Hoe? Samen met onze collega’s van Outsourced Services. Onze (en wellicht jouw toekomstige) collega’s nemen het beheer van software uit handen van onze klanten en zorgen ervoor dat we een mooie balans creëren tussen investering en rendement. Deze afdeling heeft als doel een toegevoegde waarde te zijn voor haar klanten door mee te denken en samen tot innovatieve

Bekijk vacature »

Front-end Ontwikkelaar @ Delft

2021-09-16 iSense Front-end Ontwikkelaar Ben jij een ervaren Front-end ontwikkelaar? Heb je daarbij ervaring op het gebied van Javascript en .Net Core? Lees dan verder! ISPO48555 Nieuw Organisatie Bij het accepteren van dit aanbod kom je terecht binnen een veelzijdige organisatie waar een goede sfeer hangt. Zij zijn gewend dagelijks met elkaar te lunchen en ruimte is voor een potje Mario. Als Front-end ontwikkelaar ga je je op projectbasis bezighouden met het ontwikkelen van content voor diverse opdrachtgevers. De projecten waar je aan gaat werken zullen verschillende qua omvang. Hierbij kan je rekening houden met een gemiddelde doorlooptijd van een

Bekijk vacature »

Projectleider ICT

Als Projectleider bij Actacom ben je verantwoordelijk voor het tijdig en juist opleveren van verschillende kleine en grote (migratie)projecten bij onze klanten. Je plant de projecten en activiteiten in in samenwerking met opdrachtgevers en de betrokken afdeling(en), je richt de projecten in en initieert deze. Je houdt je bezig met het opstellen van projectdoelen, projectmanagement en het bewaken van de budgetten en de tijdsduur van de projecten. Er lopen meerdere projecten door elkaar heen. Je streeft continu naar optimalisatie van het eindresultaat en stopt daar genoeg energie, aandacht en tijd in. Binnen de organisatie begeef jij je, met al je

Bekijk vacature »

IT-traineeship Low Code Developer

Vind jij het leuk om veel contact te hebben met een klant en je te verdiepen in een domein? Lijkt het je interessant om enerzijds met de klant mee te denken, maar tegelijkertijd ook zelf een bijdrage te leveren aan de implementatie van een IT oplossing? Wij zijn op zoek naar starters die aan de slag willen als low-code engineer. In deze functie bouw je aan applicaties met behulp van een low-code platform, zoals Outsystems, Blueriq, Mendix of Pega. Dergelijke platformen stellen je in staat om snel een werkende applicatie te ontwikkelen en zijn hierdoor heel geschikt voor maatwerk projecten.

Bekijk vacature »

BPM Developer

Je levert een belangrijke bijdrage aan de optimalisatie en inrichting van onze processen. Voor ons hoofdkantoor in Waalwijk zoeken wij een BPM Developer voor 32 tot 40 uur per week. Als BPM Developer lever je een belangrijke bijdrage aan de optimalisatie en inrichting van onze processen. Je levert een coördinerende en uitvoerende bijdrage in elke fase van de digitalisering van ons bedrijf. DMG, een huis vol mogelijkheden. DMG werkt met de software van Pegasystems. We werken zeer nauw samen met de Pega organisatie in NL, USA en India. DMG is begonnen met de invoering van Customer Service, Sales en Field

Bekijk vacature »

Full Stack Developer / Clojure / Functional Progra

2021-06-03 iSense Full Stack Developer / Clojure / Functional Programming / React Are you an experienced (medior / senior) Full-stack Developer who likes working on a state-of-the-art platform with techniques like Clojure and React? Then this is the vacancy for you! ISDR49939 Company For our client, a modern and ambitious company in the Eindhoven region, we're looking for an experienced Full-stack Developer. The company is expanding rapidly after launching their product about 2 years ago. You'd be contributing to their ever expanding, world-wide used content platform with enormous amounts of data and big files. With your team, you're working on

Bekijk vacature »

Cloud Engineer

Cloud Engineer Opleidingsbudget van € 5.000,- Onze opdrachtgevers werken met de nieuwste technieken dus onze medewerkers ook. Daarom bieden we jou uitgebreide opleidingsmogelijkheden en ondersteunen we je maximaal in je ontwikkeling. We bepalen samen met jou een opleidingstraject want niemand wil stilstaan in zijn ontwikkeling, zeker niet in de IT. Wat mag je nog meer verwachten? Direct een arbeidsovereenkomst voor onbepaalde tijd Een salaris tussen de € 4.000,- en € 4.500,- bruto per maand o.b.v. 40 uur Diverse bonussen: 1800+ uur bonus Wervingsbonus, een waardebon naar keus, ter waarde van € 1.500,- netto Een onkostenvergoeding van € 100,- netto per

Bekijk vacature »

C# .NET Core Ontwikkelaar

Locatie: Veel van onze werkzaamheden voeren wij uit op ons kantoor in Barendrecht of Nieuwegein of bij onze klanten in de regio. Momenteel werken wij zoveel mogelijk vanuit huis. In de toekomst zullen we juiste balans bieden tussen thuiswerken, op kantoor en of klant locatie. Binnen het domein transport en logistiek hebben wij dagelijks te maken met uitdagende vraagstukken op onder andere het vlak van Iot. Zo ontwikkelen wij bijvoorbeeld aan een Iot oplossing waar we van ruim 200.000 machines hun telemetrie en events verwerken. Dit komt neer op 200 miljoen berichten per dag. Hierin leggen we de focus op

Bekijk vacature »

Java Developer voor technische projecten

Regio: Deventer of Eindhoven Wil jij jouw Java kennis en ervaring inzetten in de high tech ontwikkelingen binnen Industry 4.0?. Bij de business unit Machine & Systems houden we ons bezig met geavanceerde besturingssystemen voor machine- en apparatenbouwers en voor grote systeemintegratoren. Met je collega’s zorg jij ervoor dat producten optimaal functioneren en connected zijn. Internet of Things, Cloud oplossingen en Big Data zijn niet meer weg te denken uit dit marktsegment. We leveren complete producten (hardware, OS en software applicaties) en zijn van toegevoegde waarde door het uitvoeren van complete projecten met resultaatverantwoordelijkheid op één van onze locaties, door

Bekijk vacature »

Senior C# Developer

You'll build modern applications for Coolblue back’s office. We have a lot of friends, and they crave well-structured data and user-friendly, task-focused applications. How do I become a Senior C# Developer at Coolblue? You regularly participate in brainstorm sessions about user experience, data, and task flow with the UX Designer, Product Owner, and Data Scientists in your team. Besides that you will create disconnected, highly congruent, and testable code that can easily be maintained and is future-proof. Want to become Senior C# Developer at Coolblue? Read below if the job suits you You enjoy doing this Working with various types

Bekijk vacature »

Developer DataPower & Message Queiuing @ Apeld

2021-08-30 iSense Developer DataPower & Message Queiuing Wil jij werken in een organisatie waar alleen de beste DataPower developers werken? Deze organisatie heeft één van de grootste en meest complexe omgevingen van Nederland. Wil je verantwoordelijk zijn voor een gateway waar miljoenen externe en interne gebruikers gebruik van maken? Lees dan snel verder! Please note: this is a job which requires a professional level of written- and spoken Dutch. ISRO46531 Organisatie Je komt als DataPower developer te werken in de regio Deventer/Apeldoorn bij een van de meest complexe IT omgevingen van Nederland. De organisatie is constant in beweging en bezig

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 06:28:16
 
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.