{"id":1137,"date":"2022-05-24T12:19:37","date_gmt":"2022-05-24T11:19:37","guid":{"rendered":"https:\/\/wiskunst.nl\/?page_id=1137"},"modified":"2022-10-17T13:43:50","modified_gmt":"2022-10-17T12:43:50","slug":"lazarus-klokje-start","status":"publish","type":"page","link":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/","title":{"rendered":"Lazarus-Klokje-Start"},"content":{"rendered":"<p><strong><span class=\"collapseomatic \" id=\"id69de8f6470049\"  tabindex=\"0\" title=\"Afleveringen\"    >Afleveringen<\/span><div id=\"target-id69de8f6470049\" class=\"collapseomatic_content \"><\/strong><\/p>\n<ul>\n<li>Start<\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/\">Zonder form<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zichtbaarheid-en-pop\/\">Zichtbaarheid en pop<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-opmaak\/\">Opmaak<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-instellingen-bewaren\/\">Instellingen bewaren<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-analoog\/\">Analoog<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-analoog-opmaak\/\">Analoog opmaak<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-nieuwe-vensters\/\">Nieuwe vensters<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-alarm\/\">Alarm<\/a><\/li>\n<li><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-finale\/\">Finale<\/a> <\/div><\/li>\n<\/ul>\n<h2>&#8220;Alle begin is makkelijk&#8230;&#8221;<\/h2>\n<p>We beginnen eenvoudig. Een digitaal klokje laten lopen. En dit is niet het moeilijkste maar uiteindelijk wel het belangrijkste, want we willen de tijd zien.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Start Lazarus met een nieuw project met als type <em>Applicatie<\/em>.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1578 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Nieuw.jpg\" alt=\"\" width=\"1273\" height=\"736\" srcset=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Nieuw.jpg 1273w, https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Nieuw-300x173.jpg 300w, https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Nieuw-1024x592.jpg 1024w, https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Nieuw-768x444.jpg 768w, https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Nieuw-1200x694.jpg 1200w\" sizes=\"auto, (max-width: 1273px) 100vw, 1273px\" \/><\/p>\n<p>Lazarus bestaat uit meerdere losse vensters:<\/p>\n<ol>\n<li>Hoofdscherm van Lazarus met het menu, snelknoppen en de tabs met componenten;<\/li>\n<li>De Object Inspector;<\/li>\n<li>Het (te ontwikkelen) venster met de naam <em>Form1<\/em>;<\/li>\n<li>Het scherm met de broncode van het schermen (straks de schermen);<\/li>\n<li>Het Berichten-scherm, waar Lazarus meldingen laat zien.<\/li>\n<\/ol>\n<p>Als eerste gaan we een <em>Label<\/em> op het form <em>Form1<\/em> zetten.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Klik met de muis in de <em>Standard<\/em> tab op het component <em>TLabel<\/em> (4<sup>e<\/sup> component van links).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Klik vervolgens met de muis ergens in het form.<\/span><\/p>\n<p>Lazarus heeft nu een labeltje op het form gezet. De naam van het Label is <em>Label1<\/em> en het opschrift (<em>Caption<\/em>) is ook <em>Label1<\/em>.<\/p>\n<h4>Properties<\/h4>\n<p>Ieder component heeft eigenschappen die in het Engels <em>properties<\/em> worden genoemd. Deze properties vindt u terug in de <em>Object Inspector<\/em>.<\/p>\n<p>Alle componenten hebben de property <em>Name<\/em>. Per form moeten alle <em>Name<\/em>&#8217;s uniek zijn. Deze <em>Name<\/em>&#8217;s ziet u straks ook terug in de broncode. <strong>Het is dus belangrijk dat ieder component een zinvolle benaming krijgt.<\/strong><br \/>\nIk zelf handteer hierbij de conventie dat iedere <em>Name<\/em> begint met een <em>prefix<\/em> van 3 kleine letters dat het soort component aangeeft. Voor een Label is dat &#8216;<em>lbl<\/em>&#8216;.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Zorg ervoor dat het <em>Label<\/em> in de form geselecteerd is.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Ga naar de <em>Object Inspector<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zoek de property <em>Name<\/em> op en verander deze van <em>Label1<\/em> in <strong><em>lblHallo<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Verander hierna de property <em>Caption<\/em> van <em>lblHallo<\/em> in <strong><em>Hallo Wereld!<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Klik ergens op de form, maar niet op het Label.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Verander de <em>Name<\/em> van de form in <strong><em>frmKlokje<\/em><\/strong>. (Merk op dat de <em>Caption<\/em> van de form nu ook <em>frmKlokje<\/em> is, maar dat geeft op dit moment niet.)<\/span><\/p>\n<h4>Runnen<\/h4>\n<p>We gaan wat leven in dit project brengen.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Klik in het Hoofdscherm op de snelknop <em>Run<\/em> (groen driehoekje naar rechts wijzend).<\/span><\/p>\n<p>Lazarus bewerkt nu het project tot een uitvoerbaar programma. En als er geen fouten zijn geconstateerd zal het project worden uitgevoerd:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1583 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-HalloWereld.jpg\" alt=\"\" width=\"336\" height=\"279\" srcset=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-HalloWereld.jpg 336w, https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-HalloWereld-300x249.jpg 300w\" sizes=\"auto, (max-width: 336px) 100vw, 336px\" \/><\/p>\n<p>U kunt alles met dit scherm doen wat u gewend bent met Windows-vensters te doen, dus verplaatsen, vergroten, verkleinen, minimaliseren, maximaliseren en afsluiten.<br \/>\nSluit altijd eerst het runnende project alvorens u verder gaat ontwikkelen!<\/p>\n<h4>Bewaren<\/h4>\n<p>We gaan nu eerst het project en de form opslaan.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Sluit het runnende project (rode kruis rechts boven frmKlokje).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Klik in het Hoofdscherm op de knop <em>Alles opslaan<\/em> (5<sup>e<\/sup> knop van links op de bovenste rij).<\/span><\/p>\n<p>Lazarus wil eerst de naam van het project weten. Dit wordt ook de naam van het (uitvoerbare) programma.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Kies in het scherm de juiste map.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef <strong><em>klokje.lpi<\/em><\/strong> als projectnaam en klik daarna op <em>Opslaan<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Sla vervolgens het form op in dezelfde map (een form wordt als <em>unit<\/em> opgeslagen en ik laat de naam altijd ongewijzigd).<\/span><\/p>\n<h4>Code<\/h4>\n<p>Laten we eens kijken naar de broncode. Deze ziet er als volgt uit:<\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\"><strong>unit<\/strong> Unit1;<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt; color: #ff0000;\">{$mode objfpc}{$H+}<\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'courier new', courier, monospace;\">interface<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'courier new', courier, monospace;\">uses<\/span><\/strong><\/span><br \/>\n<span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\"> Classes, SysUtils, FileUtil, Forms, Controls, Graphics, Dialogs, StdCtrls;<\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'courier new', courier, monospace;\">type<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt; color: #0000ff;\">{ TfrmKlokje }<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\">TfrmKlokje = <strong>class<\/strong>(TForm)<\/span><br \/>\n<span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\"> lblHallo: TLabel;<\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'courier new', courier, monospace;\"> private<\/span><\/strong><\/span><br \/>\n<span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt; color: #0000ff;\"> { private declarations }<\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'courier new', courier, monospace;\"> public<\/span><\/strong><\/span><br \/>\n<span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt; color: #0000ff;\"> { public declarations }<\/span><br \/>\n<span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\"> end;<\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'courier new', courier, monospace;\">var<\/span><\/strong><\/span><br \/>\n<span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\"> frmKlokje: TfrmKlokje;<\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'courier new', courier, monospace;\">implementation<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt; color: #ff0000;\">{$R *.lfm}<\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\"><strong>end<\/strong>.<\/span><\/p>\n<p>Alle gereserveerde woorden (dat zijn de eigen commando&#8217;s van Lazarus\/Delphi) zijn vet gedrukt.<br \/>\nCommentaar is blauw van kleur en staat (meestal) tussen accolades.<br \/>\nRode tekst geeft aan dat er zogenaamde resources moeten worden meegenomen.<\/p>\n<p>Een <em>unit<\/em> heeft altijd een vaste opbouw:<\/p>\n<p>Een <em>interface<\/em>-sectie,<br \/>\nEen <em>implementation<\/em>-sectie,<br \/>\nEventueel een <em>initialization<\/em>-sectie en<br \/>\nEventueel een <em>finalization<\/em>-sectie.<\/p>\n<p>Een <em>unit<\/em> eindigt altijd met een <em>end.<\/em> (dus het woord end met een punt daarachter).<\/p>\n<p>In de <em>interface<\/em>-sectie staat alles wat gedeeld mag\/kan worden met de buitenwereld, bijvoorbeeld een ander form.<\/p>\n<p>In de <em>implementation<\/em>-sectie staat de implementatie van wat er in de interface staat en ge\u00efmplementeerd moet worden en alles wat niet met de buitenwereld gedeeld mag worden.<\/p>\n<p>Met de <em>uses<\/em>-clausule worden andere units aangeroepen. Een <em>unit<\/em> is dus een soort van bibliotheek geschikt voor hergebruik.<\/p>\n<p>Door met Lazarus te werken zorgt Lazarus ervoor dat de juiste units geladen worden. Alleen heeft Lazarus geen weet van uw eigen units, dus deze zult u zelf moeten beheren.<\/p>\n<p>Terug naar de broncode.<\/p>\n<p>Deze bevat nog niet zoveel. Het enige wat er eigenlijk gebeurd is, is dat er een <em>class<\/em> is aangemaakt dat afstamt van de class <em>TForm<\/em>. <em>TForm<\/em> is niets anders dan alle functionaliteiten van een gewoon Windows-venster. Hieraan heeft u zelf een Label <em>lblHallo<\/em> toegevoegd en dat ziet u daaronder dan ook staan. Daaronder is een variabele <em>frmKlokje<\/em> gedeclareerd waarnaar u in andere forms kunt verwijzen (tevens gebruikt Lazarus deze variabele om bij uitvoer het scherm te kunnen maken).<\/p>\n<p>Laten we het project iets gaan uitbreiden.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Plaats een knop (tab Standard: 3<sup>e<\/sup> knop van links) op het form.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Geef de property <em>Caption<\/em> de waarde <strong><em>OK<\/em> <\/strong>en de property <em>Name<\/em> de waarde <strong><em>btnOK<\/em><\/strong>.<\/span><\/p>\n<p>Kijk weer naar de code. U ziet dat boven het label <em>lblHallo<\/em> de button <em>btnOK<\/em> is toegevoegd.<\/p>\n<p>De knop zal nu nog niets doen. De bedoeling is dat wanneer u bij uitvoer op de knop klikt het project wordt afgesloten.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Dubbelklik op de form op de knop <em>OK<\/em>.<\/span><\/p>\n<p>Het code-venster wordt nu actief en er is een stukje code aangemaakt:<\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\"><strong>procedure<\/strong> TfrmKlokje.btnOKClick(Sender: TObject);<\/span><br \/>\n<span style=\"font-size: 10pt;\"><strong><span style=\"font-family: 'courier new', courier, monospace;\">begin<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\"><strong>end<\/strong>;<\/span><\/p>\n<p>De tekstcursor staat tussen begin en end te knipperen.<\/p>\n<h4>Events\/gebeurtenissen<\/h4>\n<p>In Windows wordt alles wat u doet als een zogenaamde <em>Event<\/em> (gebeurtenis) aangeduid. En programmeren in Windows is eigenlijk niets anders dan bepaalde events af te vangen en daar wat mee te doen. Dit gebeurt in de zogenaamde <em>event-handlers<\/em>. Het stukje code dat Lazarus nu heeft gemaakt is zo&#8217;n event-handler en wel voor het event <em>OnClick<\/em> van de knop.<br \/>\nDit ziet u terug in de naam van de event-handler: <em>btnOK<span style=\"text-decoration: underline;\">Click<\/span><\/em>. Wat er voor de naam staat (<em>TfrmKlokje.<\/em>) betekent dat deze event-handler onderdeel is van de class <em>TfrmKlokje<\/em>.<br \/>\nIn de code van deze event-handler kan ik impliciet gebruik maken van alle onderdelen van de class.<\/p>\n<p>Het enige dat wij willen is dat de applicatie wordt gesloten als er op de knop wordt geklikt.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Tik tussen begin en end de opdracht <span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\"><em><strong>close;<\/strong><\/em><\/span>\u00a0(vergeet de punt-komma ; niet!) in.<\/span><\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Run het project en kijk of de knop werkt.<\/span><\/p>\n<p>Merk op dat wanneer u het project opnieuw runt Lazarus de veranderingen automatisch opslaat.<\/p>\n<p>Kijk ook nog even naar de code. In de <em>class<\/em>-definitie is nu ook de procedure <em>btnOKClick<\/em> opgenomen en ook niet meer dan dat. De <em>class<\/em> staat immers in de <em>interface<\/em>-sectie van de unit. De implementatie (<em>close;<\/em>) staat in de <em>implementation<\/em>-sectie.<\/p>\n<p>Tot slot van deze aflevering gaan we het begin van het klokje maken.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Klik in de form op het label <em>lblHallo<\/em>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Verander in de <em>Object Inspector<\/em> de <em>Name<\/em> van <em>lblHallo<\/em> in <strong><em>lblTijd<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Verander de <em>Caption<\/em> in <strong><em>00:00:00<\/em><\/strong>.<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Plaats het label <em>lblTijd<\/em> in de linker bovenhoek van het form (property <em>Left<\/em> en <em>Top<\/em> zijn <em>0<\/em>; zie in de <em>Object Inspector<\/em>).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Zet vanuit de tab <em>System<\/em> een <em>Timer<\/em> op het form (1<sup>e<\/sup> knop van links).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Verander de <em>Name<\/em> van de <em>Timer<\/em> in <strong><em>tmrTijd<\/em><\/strong>.<\/span><\/p>\n<p>Een <em>Timer<\/em> is een niet-visueel component. Dit betekent dat u de timer tijdens het runnen niet ziet.<br \/>\nDe timer heeft twee belangrijke properties: <em>Enabled<\/em> (staat de timer aan-<em>True<\/em> of Uit-<em>False<\/em>) en <em>Interval<\/em> (hoe vaak &#8217;tikt&#8217; de timer &#8211; standaard 1000 ms ofwel 1 seconde). Tijdens iedere tik van de timer zal er een <em>OnTimer-event<\/em> optreden. En dit event kunnen we afvangen d.m.v. een event-handler.<br \/>\nDe timer <em>tmrTijd<\/em> zal iedere seconde de tijd in het label <em>lblTijd<\/em> moeten bijwerken.<\/p>\n<p><span style=\"font-family: terminal, monaco, monospace;\">&#8211; Dubbelklik op de <em>timer<\/em> in het <em>form<\/em> (de event-handler <em>tmrTijdTimer<\/em> is aangemaakt).<\/span><br \/>\n<span style=\"font-family: terminal, monaco, monospace;\"> &#8211; Voeg de volgende regel code toe:<br \/>\n<strong><em>&#8211; <span style=\"font-family: 'courier new', courier, monospace; font-size: 10pt;\">lblTijd.Caption := FormatDateTime(&#8216;hh:mm:ss&#8217;, Now);<\/span><\/em><\/strong> (wederom: Vergeet de punt-komma ; niet!)<\/span><\/p>\n<p>Bij de uitvoer zal nu iedere seconde het label <em>lblTijd<\/em> via de <em>Caption<\/em> de tijd in het formaat <em>uu:mm:ss<\/em> laten zien.<\/p>\n<p>Run het project en kijk naar uw klokje en geniet ervan.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1584 size-full\" src=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Klokje_01.jpg\" alt=\"\" width=\"258\" height=\"111\" \/><\/p>\n<p><a href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-zonder-form\/\">Naar de volgende aflevering&#8230;<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;Alle begin is makkelijk&#8230;&#8221; We beginnen eenvoudig. Een digitaal klokje laten lopen. En dit is niet het moeilijkste maar uiteindelijk wel het belangrijkste, want we willen de tijd zien. &#8211; Start Lazarus met een nieuw project met als type Applicatie. Lazarus bestaat uit meerdere losse vensters: Hoofdscherm van Lazarus met het menu, snelknoppen en de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1121,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-width.php","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"class_list":["post-1137","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Lazarus-Klokje-Start - Wiskunst<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lazarus-Klokje-Start - Wiskunst\" \/>\n<meta property=\"og:description\" content=\"&#8220;Alle begin is makkelijk&#8230;&#8221; We beginnen eenvoudig. Een digitaal klokje laten lopen. En dit is niet het moeilijkste maar uiteindelijk wel het belangrijkste, want we willen de tijd zien. &#8211; Start Lazarus met een nieuw project met als type Applicatie. Lazarus bestaat uit meerdere losse vensters: Hoofdscherm van Lazarus met het menu, snelknoppen en de [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/\" \/>\n<meta property=\"og:site_name\" content=\"Wiskunst\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-17T12:43:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Nieuw.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-start\\\/\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-start\\\/\",\"name\":\"Lazarus-Klokje-Start - Wiskunst\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-start\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-start\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Nieuw.jpg\",\"datePublished\":\"2022-05-24T11:19:37+00:00\",\"dateModified\":\"2022-10-17T12:43:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-start\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-start\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-start\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Nieuw.jpg\",\"contentUrl\":\"https:\\\/\\\/wiskunst.nl\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/Lazarus-Nieuw.jpg\",\"width\":1273,\"height\":736},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/lazarus-klokje-start\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wiskunst.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Programmeren\",\"item\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Delphi\\\/Lazarus\",\"item\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Lazarus-Klokje-Intro\",\"item\":\"https:\\\/\\\/wiskunst.nl\\\/index.php\\\/programmeren1\\\/delphi-lazarus\\\/lazarus-klokje-intro\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Lazarus-Klokje-Start\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wiskunst.nl\\\/#website\",\"url\":\"https:\\\/\\\/wiskunst.nl\\\/\",\"name\":\"Wiskunst\",\"description\":\"2\u221e\u2227&gt;\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wiskunst.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lazarus-Klokje-Start - Wiskunst","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/","og_locale":"nl_NL","og_type":"article","og_title":"Lazarus-Klokje-Start - Wiskunst","og_description":"&#8220;Alle begin is makkelijk&#8230;&#8221; We beginnen eenvoudig. Een digitaal klokje laten lopen. En dit is niet het moeilijkste maar uiteindelijk wel het belangrijkste, want we willen de tijd zien. &#8211; Start Lazarus met een nieuw project met als type Applicatie. Lazarus bestaat uit meerdere losse vensters: Hoofdscherm van Lazarus met het menu, snelknoppen en de [&hellip;]","og_url":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/","og_site_name":"Wiskunst","article_modified_time":"2022-10-17T12:43:50+00:00","og_image":[{"url":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Nieuw.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"8 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/","url":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/","name":"Lazarus-Klokje-Start - Wiskunst","isPartOf":{"@id":"https:\/\/wiskunst.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/#primaryimage"},"image":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/#primaryimage"},"thumbnailUrl":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Nieuw.jpg","datePublished":"2022-05-24T11:19:37+00:00","dateModified":"2022-10-17T12:43:50+00:00","breadcrumb":{"@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/#primaryimage","url":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Nieuw.jpg","contentUrl":"https:\/\/wiskunst.nl\/wp-content\/uploads\/2022\/10\/Lazarus-Nieuw.jpg","width":1273,"height":736},{"@type":"BreadcrumbList","@id":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/lazarus-klokje-start\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wiskunst.nl\/"},{"@type":"ListItem","position":2,"name":"Programmeren","item":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/"},{"@type":"ListItem","position":3,"name":"Delphi\/Lazarus","item":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/"},{"@type":"ListItem","position":4,"name":"Lazarus-Klokje-Intro","item":"https:\/\/wiskunst.nl\/index.php\/programmeren1\/delphi-lazarus\/lazarus-klokje-intro\/"},{"@type":"ListItem","position":5,"name":"Lazarus-Klokje-Start"}]},{"@type":"WebSite","@id":"https:\/\/wiskunst.nl\/#website","url":"https:\/\/wiskunst.nl\/","name":"Wiskunst","description":"2\u221e\u2227&gt;","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wiskunst.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}},"_links":{"self":[{"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/comments?post=1137"}],"version-history":[{"count":7,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1137\/revisions"}],"predecessor-version":[{"id":1586,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1137\/revisions\/1586"}],"up":[{"embeddable":true,"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/pages\/1121"}],"wp:attachment":[{"href":"https:\/\/wiskunst.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}