CINXE.COM
Trilobiet Internet - Websites en applicatiebouw
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Bouwer van maatwerk software voor het web."> <meta name="keywords" content="CMS, beeldbank, catalogus, websites, consultancy, rotterdam, erfgoed" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="google-site-verification" content="Ey59x6jY3ZG-nC7b8PJVIbW-SkaNFc6xw-PKtwDJZt8" /> <title>Trilobiet Internet - Websites en applicatiebouw</title> <link rel="stylesheet" href="css/pure-min.css"> <link rel="stylesheet" href="css/fonts/stylesheet.css"> <link rel="stylesheet" href="css/layouts/main.css?v=3"> <link rel="stylesheet" href="css/fonts/font-awesome-4.1.0/css/font-awesome.min.css"> <!-- shadowbox --> <link rel="stylesheet" href="shadowbox-3.0.3/shadowbox.css" type="text/css" media="all" /> <!--[if gte IE 9]> <style type="text/css"> .gradient { filter: none; } </style> <![endif]--> <script> var mdata = `[ {"img":"img/bg1.jpg","html":"I just invent, then wait<br/>until man comes around to needing what I've invented<span>R. Buckminster Fuller</span>"}, {"img":"img/bg2.jpg","html":"Everything is theoretically impossible,<br/>until it is done<span>Robert A. Heinlein</span>"}, {"img":"img/bg3.jpg","html":"The faster you go,<br>the shorter you are.<span>Albert Einstein</span>"}, {"img":"img/bg4.jpg","html":"All of our technology<br/>is completely unnecessary to a happy life<span>Tom Hodgkinson</span>"} ]`; var quotes = JSON.parse(mdata); function getHero() { var rnd = Math.floor(Math.random() * quotes.length); return quotes[rnd]; } var hero = getHero(); </script> </head> <body> <div id="thehead" class="menu-home"> <!-- only show on subsequent pages --> <div id="thelogo"> <div class="centercontent"> <a href=""><img src="img/logo.png" alt="" /></a> </div> </div> <div id="thetopmenu"> <div class="centercontent pure-menu pure-menu-open pure-menu-horizontal"> <!-- only show on first page --> <a href="" class="logo"><img src="img/logo-white-trans.png" /></a> <ul> <li><a href="#thebanner">Home</a></li> <li><a href="#a1">Diensten</a></li> <li><a href="#aContact">Contact</a></li> </ul> </div> </div> </div> <div id="thebanner"> <div id="thequotewrapper"> <div id="thequote" class="centercontent"> <div id="thequotetext"></div> </div> </div> </div> <div id="thecontent" class="l-content"> <table id="thegrip"> <tr> <td id="grip-left"></td> <td id="griphandle"><a href="#aIntro"> </a></td> <td id="grip-right"></td> </tr> </table> <!-- INTRODUCTION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> <div id="aIntro" class="information centercontent pure-g-r"> <div class="pure-u-1 center"> <div class="l-box"> <h3>Web-based oplossingen, zonder problemen</h3> <p class="stress"> Websites en applicaties voor de toekomst, gebouwd op de ervaring van gisteren. <br/>Functioneel en onderscheidend, snel en efficient. <br/>Welkom op de site van Trilobiet Internet. </p> </div> </div> </div> <!-- 'PAGE' -~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> <div id="a1" class="information centercontent page pure-g-r"> <div class="pure-u-2-3"> <div class="l-box"> <h2 class="information-head-sub">Websites</h2> </div> <div class="pure-u-1"> <div class="l-box"> <p class="dropcap"> Concept-ontwikkeling, vormgeving en interactieontwerp, datadesign, sitebouw, contentbeheer en hosting: Trilobiet verzorgt het gehele traject, maar ook op onderdelen kunnen wij u van dienst zijn. </p> <p> Trilobiet heeft tientallen grotere websites gerealiseerd, veelal met complexe database backends en zoeksystemen, ontwikkeld en gebouwd voor instellingen uit de culturele en erfgoedsector alsook voor het bedrijfsleven. </p> <p class="image"> <img src="img/resp.jpg" alt="responsive design"/> <span class="subscript"> Collectiewebsites ge茂ntegreerd in bestaande huisstijl. </span> </p> </div> </div> </div> <!-- 'PAGE SIDEBAR' -~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> <div class="pure-u-1-3"> <div class="l-box sidebar"> <h3>Uit onze portfolio</h3> <p> <a rel="shadowbox[portfolio]" href="img/screencaps/oapen.png" class="html5lightbox" title="<a href='https://oapen.org/' target='_blank'>OAPEN Online library and publication platform</a>"> <img src="img/screencaps/oapen-s.png" alt="" class="img-gallery"/> </a> <a rel="shadowbox[portfolio]" href="img/screencaps/fmr.jpg" class="html5lightbox" title="<a href='https://www.forbiddenmusicregained.org/' target='_blank'>Forbidden Music Regained</a>"> <img src="img/screencaps/fmr-s.jpg" alt="" class="img-gallery"/> </a> <a rel="shadowbox[portfolio]" href="img/screencaps/kuo.png" class="html5lightbox" title="<a href='https://www.kunstuitleenonline.nl/' target='_blank'>Kunstuitleen Online</a>"> <img src="img/screencaps/kuo-s.png" alt="" class="img-gallery"/> </a> <a rel="shadowbox[portfolio]" href="img/screencaps/oa-dashboard.png" class="html5lightbox" title="<a href='https://oabooks-toolkit.org/' target='_blank'>OAPEN Toolkit & Dashboard</a>"> <img src="img/screencaps/oa-dashboard-s.png" alt="" class="img-gallery"/> </a> <a rel="shadowbox[portfolio]" href="img/screencaps/rad.png" class="html5lightbox" title="<a href='https://beeldbank.regionaalarchiefdordrecht.nl/' target='_blank'>Beeldbank Regionaal Archief Dordrecht</a>"> <img src="img/screencaps/rad-s.png" alt="" class="img-gallery"/> </a> <a rel="shadowbox[portfolio]" href="img/screencaps/sww.jpg" class="html5lightbox" title="<a href='https://www.subwayworld.org/' target='_blank'>Subwayworld.org - urban railway trip planner</a>"> <img src="img/screencaps/sww-s.jpg" alt="" class="img-gallery"/> </a> </p> <h3>Zij doen zaken met Trilobiet:</h3> <p> Regionaal Archief Dordrecht <br/>OAPEN Foundation <br/>Universiteit van Amsterdam <br/>Universiteit van Leiden <br/>i-Concept InternetWorks <br/>Leo Smit Stichting <br/>CBK Zuidoost <br/>Kunstuitleen Alkmaar <br/>Kunstuitleen Utrecht <br/>Museum Rotterdam 40-45NU <br/>Maritiem Museum </p> </div> </div> </div> <!-- 'PAGE' -~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> <div id="a1" class="information centercontent page pure-g-r"> <div class="pure-u-2-3"> <div class="l-box"> <h2>Applicatiebouw</h2> </div> <div class="pure-u-1"> <div class="l-box"> <p class="dropcap"> Web-based applicaties zijn onze core business. Content management systemen en uitgebreide backoffices, CRM-oplossingen, Lucene/Solr zoekfunctionaliteiten, geolocatiesystemen. Real world problemen vertalen naar digitale oplossingen is onze uitdaging. </p> <p> Wij zijn gespecialiseerd in de ontsluiting van collecties op het web. Wij hebben systemen gebouwd voor Pica, Adlib en OAI-PMH databronnen. Kijk ook eens op onze site legendo.org: beheer- en publicatiesysteem voor de meest uiteenlopende collecties. </p> <div> <img src="img/screencaps/swwman.jpg" class="img-center" alt=""/> </div> <p> Trilobiet beschikt over jarenlange expertise met Java, Scala, SQL, XML/XSLT, client-side javascript en css frameworks, HTML/SCSS, Apache Tomcat en Linux, Lucene, Solr. Wij ontwikkelden tal van bedrijfsapplicaties en websites, databases en conversietrajecten. Wij zitten bovenop de ontwikkelingen en houden onze kennis op deze terreinen voortdurend up-to-date. </p> </div> </div> </div> <!-- 'PAGE SIDEBAR' -~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> <div class="pure-u-1-3"> <div class="l-box sidebar"> <h3>Legendo Media Collection websites</h3> <p style="overflow:auto;background:#f8f8f8;"> <a href="http://www.legendo.nl"><img src="img/legendo-logo.png" alt="" class="img-left"/></a> </p> <p> Beeldbanken, virtuele tentoonstellingen, oeuvrecatalogi en thema-websites. Voor archieven, musea, historische verenigingen, erfgoed- en kunstinstellingen. Met Legendo bouwt en beheert u zelf uw mediacollectie op internet, zonder u te bekommeren over de techniek. </p> <h3>Open Archives Initiative</h3> <p> <img src="img/cap-oai.png" alt="" class="img-center"/> Voor Legendo is een OAI-implementatie beschikbaar om uw collectie beschikbaar te maken voor collega-instellingen of voor bijvoorbeeld Digitale Collectie Nederland of Europeana. Informeert u naar de mogelijkheden. </p> </div> </div> </div> <!-- 'PAGE' -~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> <div id="a1" class="information centercontent page pure-g-r"> <div class="pure-u-2-3"> <div class="l-box"> <h2>Hosting: veilig op onze servers</h2> </div> <div class="pure-u-1"> <div class="l-box"> <p class="dropcap"> Voor al uw door ons gemaakte websites en applicaties leveren wij de hosting. Websites en applicaties worden geïnstalleerd op servers van DirectVPS in beveiligde data centers verspreid over Europa. </p> <div> <img src="img/backup.png" alt="" class="img-center"/> </div> <p> Uw sites worden 24/7 gemonitord. Dagelijks draaien wij backups van alle aanwezige data. De backups zelf worden weer off-site gekopieerd naar onze locatie bij Strato in Berlijn. Het zekere voor het onzekere. </p> </div> </div> </div> <!-- 'PAGE SIDEBAR' -~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> <div class="pure-u-1-3"> <div class="l-box sidebar"> <h3>Strapi Content Management</h3> <p> Wij ontwikkelen onze sites desgewenst op basis van het Open Source <a href="https://strapi.io">CMS Strapi</a>, een populair, flexibel en veelzijdig content management systeem. </p> </div> </div> </div> <!-- 'PAGE' -~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> <div id="a1" class="information centercontent page pure-g-r"> <div class="pure-u-2-3"> <div class="l-box"> <h2>Advies en analyse</h2> </div> <div class="pure-u-1"> <div class="l-box"> <p class="dropcap"> Trilobiet heeft meer dan 20 jaar ervaring in data- en systeemanalyse (corporate business-processen en usability-vraagstukken). Wij zijn altijd op zoek naar haalbare en betaalbare oplossingen voor het behoud van uw historische data of voor het onderbrengen van verschillende systemen in één nieuw systeem. </p> <p> Onze ervaring betreft een ruim scala aan verwante kennisgebieden, zowel in de back-end als de front-end technologie. </p> <p> <em>Haalbaar - schaalbaar - betaalbaar</em> </p> <p class="dropcap"> Trilobiet heeft een reputatie waar het gaat om het geschikt maken van legacy systemen en incourante databases voor moderne media en deze onder te brengen in geïntegreerde web-based toepassingen. </p> <p class="dropcap"> Een goed begin is het halve werk. Een grondige analyse van het veranderingsvraagstuk kan u een helder inzicht bieden in de te nemen stappen en de benodigde ontwikkelingsinspanningen en voorkomt onaangename verassingen. U kunt ons inschakelen voor advies en rapportage voor al uw inter- en intranetvraagstukken. Deskundig en in begrijpelijke taal. </p> </div> </div> </div> <!--- 'PAGE SIDEBAR' -~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ---> <div class="pure-u-1-3"> <div class="l-box sidebar"> </div> </div> </div> <!--- 'PAGE' -~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ---> <div id="aContact" class="information centercontent page pure-g-r"> <div class="pure-u-1 center"> <div class="l-box"> <h2>Contact</h2> </div> </div> <div class="pure-u-1 center"> <div class="l-box"> <p class="stress"> <a href="http://www.trilobiet.nl">Trilobiet Internetdiensten</a>, specialist voor het <em>world wide web</em> sinds 1997. <br/>Interesse? Neem contact op via <script>document.write( '<a href="mailto:info%trilobiet_nl">info%trilobiet_nl'.replace(/%/gi,'@').replace(/_/gi,'.') + '</a>' );</script>. <br/>Of bel 010-2760070. </p> <p> IBAN: NL66 TRIO 0338 4498 92 • BTW: NL8193.91.189.B01 • KvK Rdam 24287717 </p> <p> <a href="./24287717_algemene_voorwaarden.pdf" target="_blank">Algemene Voorwaarden zoals gedeponeerd bij de KvK Rotterdam</a> </p> </div> </div> <!--- <div class="pure-u-1-2"> <div class="l-box"> <p> </p> </div> </div> ---> </div> </div> <!-- end l-content --> <!-- FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> <div id="thefooter"> <div class="l-content"> Trilobiet Internetdiensten © 2021 </div> </div> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/jquery.fittext.js"></script> <!-- shadowbox <script type="text/javascript" src="shadowbox-3.0.3/shadowbox.js"></script> <script type="text/javascript"> $(document).ready(function() { Shadowbox.init(); }); </script> --> <script type="text/javascript" src="html5lightbox/html5lightbox.js"></script> <script> $(document).ready(function () { $('body').css('background-image','url('+hero.img+')'); $('#thequotetext').html(hero.html) var thehead = $('#thehead'); $(window).scroll( function () { var y = $(this).scrollTop(); var z = $('#aIntro').offset().top-130; if (y >= z) { /* pages */ $('#thelogo').slideDown(); $('#thetopmenu a.logo').fadeOut(); $('#thehead').removeClass('menu-home'); } else { /* home */ $('#thelogo').slideUp(); $('#thetopmenu a.logo').fadeIn(); $('#thehead').addClass('menu-home'); } }); //smoothscroll $(function() { $('a[href^="#"]').on('click',function (e) { e.preventDefault(); var target = this.hash; $target = $(target); $('html, body').stop().animate ({ 'scrollTop': $target.offset().top-120 }, 500, 'swing', function () { //window.location.hash = target; return false; }); }); }); }); // iX device don't handle fixed backgrounds well. var isApple = navigator.userAgent.match(/(iPhone|iPod|iPad)/); // alert(isApple); if (isApple) { // buggy bg attachment fixed $('body').css('background-attachment','scroll'); // buggy vh (viewport height) implementation $('#thequote').css('padding-top','60px'); } // size font of quote $("#thequote").fitText(1.5, { minFontSize: '20px', maxFontSize: '35px' }); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-3884205-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>