
<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->

<head prefix="og: http://ogp.me/ns#">
    <meta charset="utf-8">
    <title>Logikos | Web Design & Development</title>
    <meta name="description" content="Logikos.inc  Logikos public website. Custom software solutions from Fort Wayne, Indiana since 1978.">
    <meta name="author" content="logikos">

    <!-- Mobile Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <meta name="robots" content="noindex">

    <!-- Content Sharing Meta -->
    <meta property="og:title" content="Logikos | Web Design &amp; Development" />
    <meta property="og:description" content="Logikos.inc  Logikos public website. Custom software solutions from Fort Wayne, Indiana since 1978.">
        <meta property="og:image" content="https://logikos.com/media/logikos-logo.png">

    <!-- Favicon -->
    <link rel="shortcut icon" href="/icons/favicon.ico">

    <!-- WebHostingHub Glyphs CSS -->
    <link href="/fonts/whhg/css/whhg.css" rel="stylesheet">

    <script type="text/javascript">
    var appInsights = window.appInsights || function (config) {
        function r(config) { t[config] = function () { var i = arguments; t.queue.push(function () { t[config].apply(t, i) }) } } var t = { config: config }, u = document, e = window, o = "script", s = u.createElement(o), i, f; for (s.src = config.url || "//az416426.vo.msecnd.net/scripts/a/ai.0.js", u.getElementsByTagName(o)[0].parentNode.appendChild(s), t.cookie = u.cookie, t.queue = [], i = ["Event", "Exception", "Metric", "PageView", "Trace"]; i.length;) r("track" + i.pop()); return r("setAuthenticatedUserContext"), r("clearAuthenticatedUserContext"), config.disableExceptionTracking || (i = "onerror", r("_" + i), f = e[i], e[i] = function (config, r, u, e, o) { var s = f && f(config, r, u, e, o); return s !== !0 && t["_" + i](config, r, u, e, o), s }), t
    }({
    instrumentationKey: "3368585e-2022-494b-ab2c-9b4a00f66fad"
    });

    window.appInsights = appInsights;
    appInsights.trackPageView();
    </script>

	<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic" rel="stylesheet"/>
	<link href="https://fonts.googleapis.com/css?family=Raleway:700,400,300" rel="stylesheet"/>
	<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"/>
	<link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet"/>
	<!--//<link href="http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic" rel="stylesheet"/>
<link href="http://fonts.googleapis.com/css?family=Raleway:700,400,300" rel="stylesheet"/>
<link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"/>
<link href="http://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="/bundles/templatecss?v=Lx_wZupWRfHXMMVQzZ09T0y3Yx7mr9iV2NCdwbe1hU01" rel="stylesheet"/>
<link href="/bundles/pluginscss?v=e3cOaqe13NSJjcPk5cQOAFn2mig_3YvZs-3yk82OKZw1" rel="stylesheet"/>
<link href="/bundles/styleless?v=3yV1bCxocMgosm0Ji3RnAsw3pjiTNkXrgl12Zs1dTgk1" rel="stylesheet"/>
 --!>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="/bundles/templatecss?v=Lx_wZupWRfHXMMVQzZ09T0y3Yx7mr9iV2NCdwbe1hU01" rel="stylesheet"/>
<link href="/bundles/pluginscss?v=e3cOaqe13NSJjcPk5cQOAFn2mig_3YvZs-3yk82OKZw1" rel="stylesheet"/>
<link href="/bundles/styleless?v=3yV1bCxocMgosm0Ji3RnAsw3pjiTNkXrgl12Zs1dTgk1" rel="stylesheet"/>

    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular-messages.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js"></script>




</head>

<body class="no-trans front-page fixed-header-on" data-spy="scroll" data-target=".subnav" data-offset="102">
            <!-- Google Tag Manager -->
        <noscript>
            <iframe src="//www.googletagmanager.com/ns.html?id=GTM-NQNGDX"
                    height="0" width="0" style="display:none;visibility:hidden"></iframe>
        </noscript>
        <script>
            (function (w, d, s, l, i) {
                w[l] = w[l] || []; w[l].push({
                    'gtm.start':
                        new Date().getTime(), event: 'gtm.js'
                }); var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                    '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
            })(window, document, 'script', 'dataLayer', 'GTM-NQNGDX');
        </script>
        <!-- End Google Tag Manager -->



    <!-- page wrapper start -->
    <!-- ================ -->
    <div class="page-wrapper">
        <!-- scrollToTop -->
        <!-- ================ -->
        <div class="scrollToTop circle"><i class="icon-up-open-big"></i></div>
<!-- header-container start -->
<div class="header-container">


    <header class="header  fixed   clearfix object-visible" style="border: 0;">

        <div class="container">
            <div class="row">
                <div class="col-sm-3 hidden-phone hidden-xs">
                    <!-- header-left start -->
                    <!-- ================ -->
                    <div class="header-left clearfix" style="padding:0;">

                        <!-- logo -->
                        <div id="logo" class="logo">
                            <a href="/"><img id="logo_img" src="/media/logikos-logo-header.png" alt="Logikos, Inc." style="height:100px"></a>
                        </div>


                    </div>
                    <!-- header-left end -->

                </div>
                <div class="col-sm-9">

                    <!-- header-right start -->
                    <!-- ================ -->
                    <div class="header-right clearfix">

                        <div class="main-navigation animated with-dropdown-buttons">

                            <!-- navbar start -->
                            <!-- ================ -->
                            <nav class="navbar navbar-default" role="navigation">
                                <div class="container-fluid">

                                    <!-- Toggle get grouped for better mobile display -->
                                    <div class="navbar-header">
                                        <div class="visible-xs phone-logo" style="padding-bottom:6px">

                                            <!-- logo -->
                                            <div id="logo_small" class="logo">
                                                <a href="/"><img id="logo_img_small" src="/media/logikos-logo.png" alt="Logikos, Inc." style="height:50px;"></a>
                                            </div>


                                        </div>
                                        <button id="mobilenavbtn" type="button" class="navbar-toggle">
                                            <span class="sr-only">Toggle navigation</span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>

                                    </div>

                                    <!-- Collect the nav links, forms, and other content for toggling -->
                                    <div class="collapse navbar-collapse navbar-scrolling " id="navmainmenu">
                                        <!-- main-menu -->
                                        <ul class="nav navbar-nav " id="mainnavlist">



                                                    <li class="navitem  ">
                                                        <a class="dropdown-toggle homemenu" data-target="#pg-DTHF7O" href="/">Home</a>
                                                    </li>
                                                    <li class="navitem open ">
                                                        <a class="dropdown-toggle " data-target="#pg-DTHF7O" href="/services/">Services</a>
                                                    </li>
                                                    <li class="navitem  ">
                                                        <a class="dropdown-toggle " data-target="#pg-DTHF7O" href="/experience/">Experience</a>
                                                    </li>
                                                    <li class="navitem  ">
                                                        <a class="dropdown-toggle " data-target="#pg-DTHF7O" href="/company/">Company</a>
                                                    </li>
                                                    <li class="navitem  ">
                                                        <a class="dropdown-toggle " data-target="#pg-DTHF7O" href="/career/">Career</a>
                                                    </li>

                                        </ul>






                                            <div class="header-dropdown-buttons" id="contactnavbtn">
                                                <a href="/contact-us/" class="btn btn-sm hidden-xs btn-default header-nav-button">Contact us</a>
                                                <a href="/contact-us/" class="btn btn-lg visible-xs btn-block btn-default">Contact us</a>
                                            </div>


                                    </div>
                                </div>
                            </nav>
                            <!-- navbar end -->
                        </div>
                        <!-- main-navigation end -->
                    </div>
                    <!-- header-right end -->
                        <div class="row visible-lg visible-md visible-sm" style="margin-top:-7px;">

                            <div class="container-fluid">
                                <nav class="navbar navbar-default subnav" role="navigation" id="submenu">

                                    <ul class="nav navbar-nav smooth-scroll" id="pg-DTHF7O">

                                                <li class=active><a href="https://logikos.com/services/#Custom-Software-Solutions">Custom Software Solutions</a></li>
                                                <li ><a href="https://logikos.com/services/#Capabilities">Capabilities</a></li>
                                                <li ><a href="https://logikos.com/services/#The-Logikos-Advantage">The Logikos Advantage</a></li>
                                    </ul>


                                </nav>
                            </div>

                        </div>

                </div>
            </div>

        </div>

    </header>



</div>

<script>
    $(document).bind("ready scroll", function () {
        if ($(".subnav  li.non-tertiary.active").length == 0) {
            $(".subnav  li.non-tertiary:first-child").addClass('active');
        }
    });
</script>

<!-- header-container end -->

        <div class="body-wrapper">
            

<div class="container mt-30">
    <div class="row">
        <div class="col-md-12">
            <h1 class="page-title">Web Design &amp; Development</h1>
            <div class="separator-2"></div>
        </div>
    </div>
</div>



<section id="Web-Design" class="section border-clear pv-30 padding-bottom-clear ">
<div class="container">
    <div class="row">
        <!-- main start -->
        <!-- ================ -->
        <div class="main col-md-12 mb-20">
            <!-- page-title end -->

                <div class="image-box style-4">
                    <div class="row grid-space-0 ">
                        <div class="hidden-xs hidden-sm col-md-6 ">
                            <div class="carousel slide" data-ride="carousel" data-pause="false">
                                <ol class="carousel-indicators" style="visibility: hidden;">
                                        <li data-target="#carousel-services" data-slide-to="0" class="active"></li>
                                        <li data-target="#carousel-services" data-slide-to="1" class=""></li>

                                </ol>
                                <div class="carousel-inner" role="listbox">
                                        <div class="item active">
                                            <div class="image-box text-center">
                                                <div class="overlay-container">
                                                    <img src="/media/20089/web_dev_and_design_02.jpg" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="item ">
                                            <div class="image-box text-center">
                                                <div class="overlay-container">
                                                    <img src="/media/20088/web_dev_and_design_01.jpg" alt="">
                                                </div>
                                            </div>
                                        </div>

                                </div>

                            </div>
                        </div>
                        <div class="col-md-6  ">
                            <div class="body service-section-text-box-right">
                                    <h3><i class="fa fa-laptop hidden-md hidden-lg text-default pr-10">.</i><strong>Web</strong> Design and Application Development</h3>
                                    <div class="separator-2"></div>
                                <p class="lead text-default" style="font-size:19px;">Skilled design and development for custom websites and web-based applications</p>
<em class="text-default">Websites:</em> Your web presence should stand out from the pack. We'll develop a custom website that meets your exact design specifications, or design a site for you that fits the needs and personality of your company.<br>
<br>
<em class="text-default">Web Applications:</em> Well-built web applications are every bit as functional and secure as their desktop siblings, and even more accessible. Our expert software teams work with you to design and implement a custom web application that will make your business work more efficiently.
                            </div>
                        </div>
                    </div>
                </div>
        </div>
        <!-- main end -->
    </div>
</div>
<!-- main-container end -->
</section>


<section id="Case-Studies" class="section pv-30">
<div class="container">
    <div class="row">
        <!-- main start -->
        <!-- ================ -->
        <div class="main col-md-12">
            <!-- page-title start -->
            <!-- ================ -->
            <h2 class="page-title"><strong>Case Studies</strong></h2>
            <div class="separator-2"></div>
            <!-- page-title end -->
            <p class="lead">These are some of our recent success stories.</p>


            <!-- isotope filters start -->
            <div class="case-studies filters hidden">
                    <ul class="nav nav-pills">
                        <li class="active"><a href="#" data-filter=".Web">Web</a></li>
                    </ul>

            </div>

            <!-- isotope filters end -->


            <div class="isotope-container-fitrows row grid-space-10" data-pagefilter="Web">

                    <div data-parent="Android-Enabled-Navigation-and-Entertainment-System" class="col-sm-4 col-md-3 isotope-item Embedded Mobile Web Automotive Other " data-initial="1">
                        <div class="image-box style-2 mb-20 shadow bordered light-gray-bg text-center">
                            <div class="overlay-container">
                                <img src="/media/27941/infotainment_apps.jpg" alt="Android Enabled Navigation and Entertainment System">
                                <div class="body">
                                    <h3>Android Enabled Navigation and Entertainment System</h3>
                                    <div class="btn btn-lg btn-default visible-xs expand">Expand</div>
                                </div>
                                <div class="overlay-link"><i class="fa fa-angle-double-down"></i></div>

                            </div>
                            
                        </div>
                    </div>
                    <div data-parent="Oil-and-Gas-Equipment-Marketing-Website" class="col-sm-4 col-md-3 isotope-item Web Other " data-initial="2">
                        <div class="image-box style-2 mb-20 shadow bordered light-gray-bg text-center">
                            <div class="overlay-container">
                                <img src="/media/20080/case_study_oilgas_site.jpg" alt="Oil and Gas Equipment Marketing Website">
                                <div class="body">
                                    <h3>Oil and Gas Equipment Marketing Website</h3>
                                    <div class="btn btn-lg btn-default visible-xs expand">Expand</div>
                                </div>
                                <div class="overlay-link"><i class="fa fa-angle-double-down"></i></div>

                            </div>
                            
                        </div>
                    </div>
                    <div data-parent="Technical-Experience-Tracking-and-Discovery-System" class="col-sm-4 col-md-3 isotope-item Mobile Web Desktop Other " data-initial="3">
                        <div class="image-box style-2 mb-20 shadow bordered light-gray-bg text-center">
                            <div class="overlay-container">
                                <img src="/media/16969/employee_trng_case_study.jpg" alt="Technical Experience Tracking and Discovery System">
                                <div class="body">
                                    <h3>Technical Experience Tracking and Discovery System</h3>
                                    <div class="btn btn-lg btn-default visible-xs expand">Expand</div>
                                </div>
                                <div class="overlay-link"><i class="fa fa-angle-double-down"></i></div>

                            </div>
                            
                        </div>
                    </div>
                    <div data-parent="Military-Radio-Network-Web-Configurator" class="col-sm-4 col-md-3 isotope-item Web Government " data-initial="4">
                        <div class="image-box style-2 mb-20 shadow bordered light-gray-bg text-center">
                            <div class="overlay-container">
                                <img src="/media/10657/case_study_mil.jpg" alt="Military Radio Network Web Configurator">
                                <div class="body">
                                    <h3>Military Radio Network Web Configurator</h3>
                                    <div class="btn btn-lg btn-default visible-xs expand">Expand</div>
                                </div>
                                <div class="overlay-link"><i class="fa fa-angle-double-down"></i></div>

                            </div>
                            
                        </div>
                    </div>
                    <div data-parent="Modern-Infotainment-System-UI" class="col-sm-4 col-md-3 isotope-item Mobile Web Automotive " data-initial="5">
                        <div class="image-box style-2 mb-20 shadow bordered light-gray-bg text-center">
                            <div class="overlay-container">
                                <img src="/media/16972/modern-infotainment-ui.jpg" alt="Modern Infotainment System UI">
                                <div class="body">
                                    <h3>Modern Infotainment System UI</h3>
                                    <div class="btn btn-lg btn-default visible-xs expand">Expand</div>
                                </div>
                                <div class="overlay-link"><i class="fa fa-angle-double-down"></i></div>

                            </div>
                            
                        </div>
                    </div>
                    <div data-parent="Asset-Tracking-System" class="col-sm-4 col-md-3 isotope-item Embedded Mobile Web Automotive Other " data-initial="6">
                        <div class="image-box style-2 mb-20 shadow bordered light-gray-bg text-center">
                            <div class="overlay-container">
                                <img src="/media/1126/mobile__case_study_2.jpg" alt="Asset Tracking System">
                                <div class="body">
                                    <h3>Asset Tracking System</h3>
                                    <div class="btn btn-lg btn-default visible-xs expand">Expand</div>
                                </div>
                                <div class="overlay-link"><i class="fa fa-angle-double-down"></i></div>

                            </div>
                            
                        </div>
                    </div>
                    <div data-parent="Web-Based-Product-Update-Software" class="col-sm-4 col-md-3 isotope-item Web Desktop Other " data-initial="7">
                        <div class="image-box style-2 mb-20 shadow bordered light-gray-bg text-center">
                            <div class="overlay-container">
                                <img src="/media/20078/bluetooth_case_study.jpg" alt="Web-Based Product Update Software">
                                <div class="body">
                                    <h3>Web-Based Product Update Software</h3>
                                    <div class="btn btn-lg btn-default visible-xs expand">Expand</div>
                                </div>
                                <div class="overlay-link"><i class="fa fa-angle-double-down"></i></div>

                            </div>
                            
                        </div>
                    </div>
                    <div data-parent="Service-Industry-Marketing-Website" class="col-sm-4 col-md-3 isotope-item Web Other " data-initial="8">
                        <div class="image-box style-2 mb-20 shadow bordered light-gray-bg text-center">
                            <div class="overlay-container">
                                <img src="/media/20081/service-industry-site-responsive_case_study.jpg" alt="Service Industry Marketing Website">
                                <div class="body">
                                    <h3>Service Industry Marketing Website</h3>
                                    <div class="btn btn-lg btn-default visible-xs expand">Expand</div>
                                </div>
                                <div class="overlay-link"><i class="fa fa-angle-double-down"></i></div>

                            </div>
                            
                        </div>
                    </div>
                    <div data-parent="Enterprise-Diabetes-Management-System" class="col-sm-4 col-md-3 isotope-item Web Desktop Testing Medical " data-initial="9">
                        <div class="image-box style-2 mb-20 shadow bordered light-gray-bg text-center">
                            <div class="overlay-container">
                                <img src="/media/27034/medical_case-study.jpg" alt="Enterprise Diabetes Management System">
                                <div class="body">
                                    <h3>Enterprise Diabetes Management System</h3>
                                    <div class="btn btn-lg btn-default visible-xs expand">Expand</div>
                                </div>
                                <div class="overlay-link"><i class="fa fa-angle-double-down"></i></div>

                            </div>
                            
                        </div>
                    </div>
                                    <div class="col-sm-12 isotope-item Embedded Mobile Web Automotive Other  portfolio-full  " id="Android-Enabled-Navigation-and-Entertainment-System" data-initial="10">

                        <div class="image-box style-2 mb-20 light-gray-bg shadow bordered">
                            <div class="row emptyBox">
                                <div class="col-sm-3 emptyBox">
                                    <div class="">
                                        <img src="/media/27941/infotainment_apps.jpg" alt="Android Enabled Navigation and Entertainment System">
                                    </div>
                                    <div class="body hidden-xs">
                                        <h4> Logikos created a framework of Android services, libraries, and managers. </h4>
                                    </div>
                                </div>
                                <div class="col-sm-9">
                                    <div style="float: right; z-index: 999;"><i class="fa fa-2x fa-times-circle collapse hidden-xs" style="color: black; cursor: pointer;" ></i></div>
                                        <h3>Android Enabled Navigation and Entertainment System</h3>
                                        <div class="btn btn-lg btn-default visible-xs collapse">Collapse</div>
                                        <hr />
                                        <div class="col-md-8">
                                            <p><strong>The Challenge</strong></p>
<p>A tier one automotive infotainment system supplier wanted to create a center stack touch-screen display with a suite of Android apps connected to the vehicle buses, the instrument cluster, and the Internet for a wide variety of vehicles.</p>
<p><strong>Logikos’ Solution</strong></p>
<p>Logikos created a framework of Android services, libraries, and managers as well as amended SELinux policies to integrate the vehicle bus and the instrument cluster with the display.  The Logikos framework provides the vehicle bus data to Android apps and the instrument cluster, and it uses the data internally to control certain features based on calibrations.  Over-the-air updates are managed by the framework as well.  Logikos also created Android apps to verify the overall system functionality.</p>
<p><strong>The Result</strong></p>
<p>Logikos’ customer and the automotive OEM have praised Logikos on many occasions for our outstanding work.</p>
                                        </div>
                                        <div class="col-md-4">
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-tablet" ></i><span>Android Apps</span> </h4>
                                                            <div class="skill-text" ><p>Java, Eclipse, Android SDK</p></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-laptop" ></i><span>Embedded Android Framework</span> </h4>
                                                            <div class="skill-text" >Java<br />Eclipse<br />Android SDK<br />JNI<br />SQLite<br />Android Framework<br />Android Recovery<br />AIDL<br />Native Android Binder<br />SELinux<br />XML</div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-tablet" ></i><span>Connectivity</span> </h4>
                                                            <div class="skill-text" >CAN<br />ILIN<br />TLIN<br />USB<br />Ethernet<br />UART<br />SPI</div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-users" ></i><span>Dev Ops</span> </h4>
                                                            <div class="skill-text" ><span>Git for configuration management<br />Assembla for sprint controls<br /><br />Jenkins for continuous integration<br />CodeSonar for static analysis<br /><br /></span></div>
                                                        </article>
                                                    </div>
                                        </div>

                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-sm-12 isotope-item Web Other  portfolio-full  " id="Oil-and-Gas-Equipment-Marketing-Website" data-initial="11">

                        <div class="image-box style-2 mb-20 light-gray-bg shadow bordered">
                            <div class="row emptyBox">
                                <div class="col-sm-3 emptyBox">
                                    <div class="">
                                        <img src="/media/20080/case_study_oilgas_site.jpg" alt="Oil and Gas Equipment Marketing Website">
                                    </div>
                                    <div class="body hidden-xs">
                                        <h4> Website for Oil and Gas production equipment </h4>
                                    </div>
                                </div>
                                <div class="col-sm-9">
                                    <div style="float: right; z-index: 999;"><i class="fa fa-2x fa-times-circle collapse hidden-xs" style="color: black; cursor: pointer;" ></i></div>
                                        <h3>Oil and Gas Equipment Marketing Website</h3>
                                        <div class="btn btn-lg btn-default visible-xs collapse">Collapse</div>
                                        <hr />
                                        <div class="col-md-8">
                                            <p><strong>The Challenge</strong></p>
<p>A company that specializes in selling and servicing oil and gas well equipment worldwide, needed to create an updated website to showcase their equipment and services. This website would need to display correctly on mobile devices as well as desktop computers, be easily maintainable, and be searchable and secure. In addition, the site needed to have a consistent and appealing look and feel.</p>
<p> </p>
<p><strong>Logikos’ Solution</strong></p>
<p>Logikos created a multi-page application that is easily maintainable through the content management system (CMS). The site uses responsive design to control exactly how the site will look on different sizes of screens and devices, and it implements custom-built security features. Custom templates for each specific type of page were created with a clean, crisp look and feel to match the design chosen by the customer, and to give the website an intuitive format. After completion, the website met the customer’s expectations with a modern look and feel, mobile compatibility, and easy maintainability.</p>
<p></p>
                                        </div>
                                        <div class="col-md-4">
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-laptop" ></i><span>Responsive Website</span> </h4>
                                                            <div class="skill-text" >Umbraco CMS<br /><br />CSS3, HTML5, Bootstrap 3<br /><br />ASP.NET MVC, jQuery, JavaScript, AngularJS<br /><br /></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-users" ></i><span>Dev Ops</span> </h4>
                                                            <div class="skill-text" >Git, Microsoft Team Foundation Server<br /><br />Scrum for Agile<br /><br />MS Deploy, Jenkins, Apache JMeter</div>
                                                        </article>
                                                    </div>
                                        </div>

                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-sm-12 isotope-item Mobile Web Desktop Other  portfolio-full  " id="Technical-Experience-Tracking-and-Discovery-System" data-initial="12">

                        <div class="image-box style-2 mb-20 light-gray-bg shadow bordered">
                            <div class="row emptyBox">
                                <div class="col-sm-3 emptyBox">
                                    <div class="">
                                        <img src="/media/16969/employee_trng_case_study.jpg" alt="Technical Experience Tracking and Discovery System">
                                    </div>
                                    <div class="body hidden-xs">
                                        <h4> Search tool to query and infer skill level through work experience </h4>
                                    </div>
                                </div>
                                <div class="col-sm-9">
                                    <div style="float: right; z-index: 999;"><i class="fa fa-2x fa-times-circle collapse hidden-xs" style="color: black; cursor: pointer;" ></i></div>
                                        <h3>Technical Experience Tracking and Discovery System</h3>
                                        <div class="btn btn-lg btn-default visible-xs collapse">Collapse</div>
                                        <hr />
                                        <div class="col-md-8">
                                            <p><strong>The Challenge</strong></p>
<p>The landscape of technical skills changes daily.  New technologies and techniques arise while older ones wane.  Organizations race to find the right people for the work they are doing <em>today</em>. </p>
<p>Traditional skill and resume databases use full-text searches that can only match keywords; they cannot <strong>infer skill level through work experience</strong> or realize that a listed skill or experience implies skill in another, unlisted area.</p>
<p>Organizations need a search tool to effectively query and manage the technical resumes of their employees.<br /><br /></p>
<p><strong>Logikos' Solution</strong></p>
<p>Logikos designed and developed<strong> software that can not only search by keyword but also finds matches through relationships between skills, training events and certifications.  </strong>Results are ranked based on work experience and inferred skill.  Information can be viewed in the browser or exported to PDF in resume format.</p>
<p>The software allows users and administrators to add new skills, training, certifications and relationships between them to incorporate cutting edge technologies as they emerge.<br /><br /></p>
<p><strong>The Result</strong></p>
<ul>
<li>Technical profiles can be created and maintained without specifying every skill that the employee has ever possessed.</li>
<li>Managers can search profiles without knowing esoteric technology details and buzzwords.</li>
<li>The entire organization can contribute new information and help to improve search results.</li>
</ul>
<p>This software was designed and built using a flexible Service-Oriented Architecture.  It can be integrated with other Enterprise Resource Planning tools as desired.</p>
                                        </div>
                                        <div class="col-md-4">
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-laptop" ></i><span>Single-Page Web Application</span> </h4>
                                                            <div class="skill-text" >ASP.NET Single Page App<br />ASP.NET WEB API2 (RESTful), OWIN, Unity<br /><span>.NET cryptography<br /><br /><strong>Front end</strong>: HTML5, Bootstrap, <br />jQuery, KnockoutJS, MVVM, Ajax</span><br /><br />Code-First Entity Framework, SQL Server<br /><br /><br /></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-tablet" ></i><span>Companion Android App</span> </h4>
                                                            <div class="skill-text" >Xamarin.Android<br /><br /></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-users" ></i><span>Dev Ops</span> </h4>
                                                            <div class="skill-text" ><span>Git for configuration management</span><br /><br />Microsoft Visual Studio Online - Agile Tools<br /><br />Scrum for Agile<br /><br />Continuous Integration: MS Deploy, Jenkins<br /><br /><br /></div>
                                                        </article>
                                                    </div>
                                        </div>

                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-sm-12 isotope-item Web Government  portfolio-full  " id="Military-Radio-Network-Web-Configurator" data-initial="13">

                        <div class="image-box style-2 mb-20 light-gray-bg shadow bordered">
                            <div class="row emptyBox">
                                <div class="col-sm-3 emptyBox">
                                    <div class="">
                                        <img src="/media/10657/case_study_mil.jpg" alt="Military Radio Network Web Configurator">
                                    </div>
                                    <div class="body hidden-xs">
                                        <h4> A modern website was built with pages that access Web API interfaces using Ajax </h4>
                                    </div>
                                </div>
                                <div class="col-sm-9">
                                    <div style="float: right; z-index: 999;"><i class="fa fa-2x fa-times-circle collapse hidden-xs" style="color: black; cursor: pointer;" ></i></div>
                                        <h3>Military Radio Network Web Configurator</h3>
                                        <div class="btn btn-lg btn-default visible-xs collapse">Collapse</div>
                                        <hr />
                                        <div class="col-md-8">
                                            <p><strong>The Challenge</strong></p>
<p>Provide an easy-to-use dashboard interface to monitor and<strong> configure a network of military radios</strong>.  Device hardware is found using the WS-Discovery and conversed with using a publish-subscribe mechanism.<br /><br /></p>
<p><strong>Logikos’ Solution</strong></p>
<p>Working with our customer, Logikos helped to create software that finds radios, aggregates data from them and provides a centralized, cached information bus exposed for use by applications.  The information bus is exposed behind firewalls using high-performance Windows Communication Foundation (WCF) endpoints.  The bus is available across the firewall to web clients via Web API interfaces.  A modern website was built with pages that access the Web API interfaces using Ajax.<br /><br /></p>
<p><strong>The Result</strong></p>
<ul>
<li>Excellent server-side performance.</li>
<li><strong>Responsive, asynchronous web user interface</strong>.</li>
<li>Modern controls and styling.</li>
</ul>
                                        </div>
                                        <div class="col-md-4">
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-laptop" ></i><span>Web Application</span> </h4>
                                                            <div class="skill-text" ><p>HTML5, jQuery, MVVM, Ajax<br /><br />ASP.NET, Web API, MVC</p></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-laptop" ></i><span>Information Bus</span> </h4>
                                                            <div class="skill-text" ><p>WCF, WS-Discovery, Unity, and a military network</p></div>
                                                        </article>
                                                    </div>
                                        </div>

                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-sm-12 isotope-item Mobile Web Automotive  portfolio-full  " id="Modern-Infotainment-System-UI" data-initial="14">

                        <div class="image-box style-2 mb-20 light-gray-bg shadow bordered">
                            <div class="row emptyBox">
                                <div class="col-sm-3 emptyBox">
                                    <div class="">
                                        <img src="/media/16972/modern-infotainment-ui.jpg" alt="Modern Infotainment System UI">
                                    </div>
                                    <div class="body hidden-xs">
                                        <h4> User interface design and development for a state-of-the-art infotainment system </h4>
                                    </div>
                                </div>
                                <div class="col-sm-9">
                                    <div style="float: right; z-index: 999;"><i class="fa fa-2x fa-times-circle collapse hidden-xs" style="color: black; cursor: pointer;" ></i></div>
                                        <h3>Modern Infotainment System UI</h3>
                                        <div class="btn btn-lg btn-default visible-xs collapse">Collapse</div>
                                        <hr />
                                        <div class="col-md-8">
                                            <p><strong>The Challenge</strong></p>
<p>An automotive company was prototyping a new state-of-the-art infotainment system. The customer needed the User Interface (UI) to be created and demonstrable in a short period of time. Requirements and documentation were limited, and what did exist was very preliminary. The project promised to be fast paced, requiring frequent changes as the UI look and feel and functionality would be honed by customer stakeholder feedback.  Additionally the system needed to be robust enough to support demonstrations, and constructed with sound design principles to facilitate extensibility for use in future products.</p>
<p> </p>
<p><strong>Logikos’ Solution</strong></p>
<p>Logikos engineers familiar with UI design and development were tasked to quickly understand the existing undocumented backend and begin UI development.  The software development was performed on a Linux based machine using a Model View Controller architecture that utilizes the Qt QML language (JavaScript), C++ models, and a JSON based server socket backend.  A Git repository hosted by an Assembla server is used to share and merge the developed code with the remainder of the customer’s code base.</p>
<p> </p>
<p><strong>The Result</strong></p>
<p>The <strong>customer has praised the Logikos team several times regarding Logikos’ ability to understand the existing framework and quickly develop and make modifications to the UI</strong> as various changes are requested by stakeholders.  </p>
                                        </div>
                                        <div class="col-md-4">
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-laptop" ></i><span>User Interface</span> </h4>
                                                            <div class="skill-text" ><p>UI design<br />Linux based<br />MVC Architecture<br />Qt QML language (JavaScript)<br />C++ models<br />JSON</p></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-users" ></i><span>Dev Ops</span> </h4>
                                                            <div class="skill-text" ><span>Git for configuration management</span><br />Scrum for Agile<br />Assembla server<br />Jenkins CI</div>
                                                        </article>
                                                    </div>
                                        </div>

                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-sm-12 isotope-item Embedded Mobile Web Automotive Other  portfolio-full  " id="Asset-Tracking-System" data-initial="15">

                        <div class="image-box style-2 mb-20 light-gray-bg shadow bordered">
                            <div class="row emptyBox">
                                <div class="col-sm-3 emptyBox">
                                    <div class="">
                                        <img src="/media/1126/mobile__case_study_2.jpg" alt="Asset Tracking System">
                                    </div>
                                    <div class="body hidden-xs">
                                        <h4> The map-based client interface displays the up-to-the-minute location of each tagged asset </h4>
                                    </div>
                                </div>
                                <div class="col-sm-9">
                                    <div style="float: right; z-index: 999;"><i class="fa fa-2x fa-times-circle collapse hidden-xs" style="color: black; cursor: pointer;" ></i></div>
                                        <h3>Asset Tracking System</h3>
                                        <div class="btn btn-lg btn-default visible-xs collapse">Collapse</div>
                                        <hr />
                                        <div class="col-md-8">
                                            <p><strong>The Challenge</strong></p>
<p>The restoration industry specializes in cleanup and restoration after fires, floods, and other property damage. Equipment and vehicles must be deployed quickly, and are often moved between job sites within a large geographical area. Expensive equipment is lost, left behind, or underutilized.</p>
<p><strong>Access to up-to-the-minute asset location information would reduce losses and increase efficiency</strong>, however traditional asset tracking systems using bar codes or passive RFID tags are time-consuming, temperamental, and prone to human error.<br /><br /></p>
<p><strong>Logikos’ Solution</strong></p>
<p>Logikos designed and developed an asset tracking system consisting of custom tag, tracker, and remote receiver hardware devices; embedded firmware; cloud-based business logic and web applications; and native Android and iOS apps.  <br /><br />We also designed and developed end-of-line test fixtures and software to support tag and tracker manufacturing.</p>
<p>Restoration companies attach vehicle trackers to in-dash wiring through a simple aftermarket install. After plugging in building trackers and attaching tags to equipment, the system is operational. Active RFID equipment tracking tags communicate in the 2.4GHz frequency band to building and vehicle trackers, and trackers automatically communicate equipment and vehicle location to the cloud via a 3G cellular data connection.</p>
<p>Companies access their tracking data in a secure fashion via popular web browsers, smart phones, and tablets. The system maintains graphical and tabular vehicle and equipment history for use by companies to monitor their business efficiency and to support billing their customers. Powerful software analytics maximize their ROI by summarizing equipment and vehicle use, while highlighting potential missed billing opportunities.<br /><br /></p>
<p><strong>The Result</strong></p>
<p>The product is currently deployed across the US and is expanding to other countries.</p>
<ul>
<li>Workers are able to focus on the job and let the system do the tracking for them.</li>
<li>Managers have the information they need to prevent loss, maximize utilization and provide excellent service to their customers.</li>
</ul>
<p>This system was built to be extensible as additional features are needed, and is ready to be adapted to any industry with similar fleet and asset tracking needs.</p>
                                        </div>
                                        <div class="col-md-4">
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x  fa-laptop" ></i><span>Secure cloud-based data server</span> </h4>
                                                            <div class="skill-text" ><p><span>.NET, MVC Server and Service Architecture, PostgreSQL Relational Database</span></p></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-laptop" ></i><span>Web client</span> </h4>
                                                            <div class="skill-text" ><span>HTML, JavaScript, AJAX </span></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-tablet" ></i><span>Companion Android and iOS Apps</span> </h4>
                                                            <div class="skill-text" >Xamarin.Android<br />Xamarin.iOS<br />Google Maps API<br />Ajax, Cocoa Touch, Map Kit</div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon whhg-icon-cpu-processor" ></i><span>Embedded Firmware</span> </h4>
                                                            <div class="skill-text" ><p><strong>Tags<br /></strong>TI 2.4 GHz SoC 8051 MCU</p>
<p><strong>Trackers<br /></strong>Microchip PIC32 MCU<br />TI 2.4 GHz SoC 8051 MCU<br />Microchip CAN controller<br />u-blox GSM or CDMA modem<br />u-blox GPS chip</p>
<p><strong>Remote Receivers<br /></strong>TI 2.4 GHz SoC 8051 MCU<br />Microchip CAN controller</p></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-users" ></i><span>Dev Ops</span> </h4>
                                                            <div class="skill-text" ><span>Git for configuration management</span><br />Jenkins for firmware release management<br />Issue Tracking via Jira<br />Scrum for Agile<br />Grunt (<span>build / task manager for JavaScript)<br /><br /><br /></span></div>
                                                        </article>
                                                    </div>
                                        </div>

                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-sm-12 isotope-item Web Desktop Other  portfolio-full  " id="Web-Based-Product-Update-Software" data-initial="16">

                        <div class="image-box style-2 mb-20 light-gray-bg shadow bordered">
                            <div class="row emptyBox">
                                <div class="col-sm-3 emptyBox">
                                    <div class="">
                                        <img src="/media/20078/bluetooth_case_study.jpg" alt="Web-Based Product Update Software">
                                    </div>
                                    <div class="body hidden-xs">
                                        <h4> Web-Based Product Update Software </h4>
                                    </div>
                                </div>
                                <div class="col-sm-9">
                                    <div style="float: right; z-index: 999;"><i class="fa fa-2x fa-times-circle collapse hidden-xs" style="color: black; cursor: pointer;" ></i></div>
                                        <h3>Web-Based Product Update Software</h3>
                                        <div class="btn btn-lg btn-default visible-xs collapse">Collapse</div>
                                        <hr />
                                        <div class="col-md-8">
                                            <strong>The Challenge</strong><br /><br />A consumer electronics corporation required a web-based multi-platform solution that would allow their customers to periodically update the embedded firmware in a line of Bluetooth-enabled products.<br /><br />The solution needed to support various Windows and Mac OS X operating systems. Using their home computer, a customer would initially download and run small updater application from the corporate website. The application would remain on the customer's computer to simplify the process in the event that new product updates become available.<br /><br /><strong>The user interface was displayed within the web browser and the customer was to be prompted to apply the available updates as well as change the voice prompt language on the device.</strong> The operations performed by the application were to require minimal user intervention, including the initial start of the application.<br /><br /><br /><strong>Logikos’ Solution</strong><br /><br />Logikos developed an updater client and installer that could be downloaded from the corporate website through the customer’s browser. The customer could run the installer and install the updater client on either a Mac OS X or Windows PC.<br /><br />Logikos developed a single-page application (SPA) in pure JavaScript that was integrated into the client's content management system (CMS) seamlessly. As a result, <strong>the client's customers are now able to update their device when they access the corporate website, without ever leaving the website.<br /></strong><br />Logikos also developed the desktop client that runs on the customer's PC; this was used to access product devices through a USB port and update the product firmware.  This application provides the high performance that can come from a C++ application.  Cross-platform functionality on both Windows and Mac is achieved by using the Qt framework.
                                        </div>
                                        <div class="col-md-4">
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-laptop" ></i><span>Web Client</span> </h4>
                                                            <div class="skill-text" ><p>JQuery, JQuery UI, JSONP<br />HTML5, CSS3, XML, JavaScript<br />AmazonS3 platform integration</p></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x  fa-laptop" ></i><span>Secure cloud-based data server</span> </h4>
                                                            <div class="skill-text" ><p><span>Storage and delivery of digital products/downloads using Amazon’s Simple Storage Service ( AWS S3).<br /><br /></span></p></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x  fa-desktop" ></i><span>Cross-Platform Desktop App</span> </h4>
                                                            <div class="skill-text" >Mac OS X Application <br />Windows Application <br />C++ <br />Qt - Cross Platform Functionality<br /><span>Mac &amp; Win OS Abstractions<br />Firmware Updates via USB<br /></span></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x  fa-desktop" ></i><span>Test</span> </h4>
                                                            <div class="skill-text" ><span>Selenium test automation framework for cross-platform web application testing<br /><br />Google Mock test framework for C++</span></div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-users" ></i><span>Dev Ops</span> </h4>
                                                            <div class="skill-text" >Git and Subversion Repositories<br />Continuous Integration: Electric Cloud<br /><br /></div>
                                                        </article>
                                                    </div>
                                        </div>

                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-sm-12 isotope-item Web Other  portfolio-full  " id="Service-Industry-Marketing-Website" data-initial="17">

                        <div class="image-box style-2 mb-20 light-gray-bg shadow bordered">
                            <div class="row emptyBox">
                                <div class="col-sm-3 emptyBox">
                                    <div class="">
                                        <img src="/media/20081/service-industry-site-responsive_case_study.jpg" alt="Service Industry Marketing Website">
                                    </div>
                                </div>
                                <div class="col-sm-9">
                                    <div style="float: right; z-index: 999;"><i class="fa fa-2x fa-times-circle collapse hidden-xs" style="color: black; cursor: pointer;" ></i></div>
                                        <h3>Service Industry Marketing Website</h3>
                                        <div class="btn btn-lg btn-default visible-xs collapse">Collapse</div>
                                        <hr />
                                        <div class="col-md-8">
                                            <p><strong>The Challenge</strong></p>
<p>A company needed a new website to showcase their expertise and flexibility in providing their services. It also needed to be easy to navigate and display well on mobile devices. The finished site had to be responsive and attractive, with a modern look and feel.<br /><br /></p>
<p><strong>Logikos’s Solution</strong></p>
<p>Logikos created a website with a consistent theme, eye-catching animations and effects to capture the user’s attention, and custom-built user navigation. The website also employs security features to prevent spamming attacks and a content management system (CMS) to make the site easily updateable and maintainable. The site was created in reusable, configurable sections to make it easier to redesign and update. The completed website was a responsive, custom-built site that was secure and easily maintainable.</p>
                                        </div>
                                        <div class="col-md-4">
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-laptop" ></i><span>Responsive Website</span> </h4>
                                                            <div class="skill-text" >CSS3, HTML5, Bootstrap 3<br /><br />UI/UX Design<br /><br />SQL Server, Google Analytics, Deployment on Azure cloud</div>
                                                        </article>
                                                    </div>
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon fa fa-2x fa-users" ></i><span>Dev Ops</span> </h4>
                                                            <div class="skill-text" >Git Repository <br /><br />Microsoft Visual Studio Online - Agile Tools<br /><br />Scrum for Agile<br /><br />Continuous Integration: MS Deploy, Jenkins<br /><br />Apache JMeter</div>
                                                        </article>
                                                    </div>
                                        </div>

                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-sm-12 isotope-item Web Desktop Testing Medical  portfolio-full  " id="Enterprise-Diabetes-Management-System" data-initial="18">

                        <div class="image-box style-2 mb-20 light-gray-bg shadow bordered">
                            <div class="row emptyBox">
                                <div class="col-sm-3 emptyBox">
                                    <div class="">
                                        <img src="/media/27034/medical_case-study.jpg" alt="Enterprise Diabetes Management System">
                                    </div>
                                    <div class="body hidden-xs">
                                        <h4> Logikos has been the lead software development and test vendor for every aspect of the product lifecycle </h4>
                                    </div>
                                </div>
                                <div class="col-sm-9">
                                    <div style="float: right; z-index: 999;"><i class="fa fa-2x fa-times-circle collapse hidden-xs" style="color: black; cursor: pointer;" ></i></div>
                                        <h3>Enterprise Diabetes Management System</h3>
                                        <div class="btn btn-lg btn-default visible-xs collapse">Collapse</div>
                                        <hr />
                                        <div class="col-md-8">
                                            <p><strong>The Challenge</strong></p>
<p><span>A leading company in the development of diabetes management systems required a new enterprise information management system to replace their existing product.  The new product would continue to interface with existing patient devices, but the company required a completely new system design.</span></p>
<p><span>The company needed the product to easily accommodate new features and functionality with minimal or no change to the system’s core functionality.  The plan was for the new product to be relevant and viable for at least 10 years.<br /><br /></span>The new product would be designed, developed, and tested as a Class II medical device.</p>
<p><span><br /><strong>The Solution</strong><br /></span></p>
<p>Since the overall goal was to accommodate future growth, Logikos developed the system using a software design pattern that emphasized extensibility.</p>
<p>Using this design pattern, new types of blood glucose meter and insulin pump devices could be added to the core functionality with changes to configuration only.  This design approach also allowed for software components to be easily replaceable as well.  For example, one product in the product line required the use of a different database solution.  Another extension to the system required interfacing with a cloud based web service to save information remotely.</p>
<p><span>So far, seven product versions have been deployed in numerous languages worldwide.  Logikos has been the lead software development and test vendor for every aspect of the product lifecycle; system design, software design, software development, formal test, product release, and product update activities. </span></p>
                                        </div>
                                        <div class="col-md-4">
                                                    <div class="skillbox">
                                                        <article>
                                                            <h4><i class="skill-icon " ></i><span>Enterprise Application</span> </h4>
                                                            <div class="skill-text" ><p>C#, ASP .NET, RESTful Services</p></div>
                                                        </article>
                                                    </div>
                                        </div>

                                </div>
                            </div>
                        </div>

                    </div>
            </div>
        </div>
        <!-- main end -->
    </div>
</div>

</section>


<section id="Our-Service-Offerings">
<div class="container" style="margin-top:20px;">
    <h2 class="title" style="color:#555;">Our Service<strong> Offerings</strong></h2>
    <div class="separator-2 mb-20"></div>
    <div class="row">
            <div class="col-md-4">

<div class="feature-box-2 object-visible" data-effect-delay="100">
        <span style="float: left; padding-right: 15px;"><img height=69 width=69 src="/media/18185/cloud.png" alt="DESIGN, DEVELOPMENT and DEPLOYMENT"/></span>
    <div class="body" style=margin-left:85px;>
        <h4 class="title text-default">DESIGN, DEVELOPMENT and DEPLOYMENT</h4>
        <p>Our process includes User Experience, Creative and Development Teams working together using the Scrum for Agile process to deploy a product that solves known needs. 

Logikos utilizes Jenkins CI to integrate code into a shared GIT repository several times a day. Each check-in is verified by an automated build, allowing teams to detect problems early.  

Deployment to Microsoft&#39;s Azure or Amazon Web Services secure cloud hosted environments are automated.</p>
    </div>
</div>
            </div>
            <div class="col-md-4">

<div class="feature-box-2 object-visible" data-effect-delay="100">
        <span style="float: left; padding-right: 15px;"><img height=69 width=69 src="/media/18186/responsive_03.png" alt="RESPONSIVE WEB DESIGN"/></span>
    <div class="body" style=margin-left:85px;>
        <h4 class="title text-default">RESPONSIVE WEB DESIGN</h4>
        <p>Your site will look PIXEL PERFECT on both mobile and desktop devices.  
Responsive design is cost effective multi-platform development.
A single code base can be used across platforms &amp; devices.

We build with the latest responsive web technologies: Bootstrap 3, LESS, CSS3, and HTML5.</p>
    </div>
</div>
            </div>
            <div class="col-md-4">

<div class="feature-box-2 object-visible" data-effect-delay="100">
        <span style="float: left; padding-right: 15px;"><img height=69 width=69 src="/media/18187/html5_1color_black.png" alt="FRONT END DEVELOPMENT"/></span>
    <div class="body" style=margin-left:85px;>
        <h4 class="title text-default">FRONT END DEVELOPMENT</h4>
        <p>HTML5 is supported in the latest web browsers on PCs and mobile devices.

We can provide stunning visual effects using JavaScript frameworks &amp; libraries.  Modern layouts are achieved with CSS3.  We have full stack expertise with HTML5, JavaScript, jQuery, CSS, LESS, AJAX, and JSON.</p>
    </div>
</div>
            </div>
                </div><div class="row">
            <div class="col-md-4">

<div class="feature-box-2 object-visible" data-effect-delay="100">
        <span style="float: left; padding-right: 15px;"><img height=69 width=69 src="/media/18188/icon-gears.png" alt="CONTENT MANAGEMENT SYSTEM DEVELOPMENT"/></span>
    <div class="body" style=margin-left:85px;>
        <h4 class="title text-default">CONTENT MANAGEMENT SYSTEM DEVELOPMENT</h4>
        <p>CMS&#39; have been designed to make you as productive as possible. Logikos can provide a fast, beautiful and easy to use CMS so you can focus on getting your message out to your peers, not how the technology works.  We can provide you with easy content management using open-source Umbraco, Sitefinity, Joomla, SharePoint CMS and more.</p>
    </div>
</div>
            </div>
            <div class="col-md-4">

<div class="feature-box-2 object-visible" data-effect-delay="100">
        <span style="float: left; padding-right: 15px;"><img height=69 width=69 src="/media/18189/logo.png" alt="MICROSOFT PARTNER "/></span>
    <div class="body" style=margin-left:85px;>
        <h4 class="title text-default">MICROSOFT PARTNER </h4>
        <p>We are a SILVER LEVEL APPLICATION DEVELOPMENT PARTNER.
We build scalable and reusable web applications and database architecture.
We apply modern architecture coding patterns such as MVC, and MVVM for extensibility, reusability and improved readability of the code. We also implement architecture styles such as REST for building scalable web services.</p>
    </div>
</div>
            </div>
            <div class="col-md-4">

<div class="feature-box-2 object-visible" data-effect-delay="100">
        <span style="float: left; padding-right: 15px;"><img height=69 width=69 src="/media/18193/code-file.jpg" alt="FRAMEWORKS TO BUILD SITES AND APPLICATIONS"/></span>
    <div class="body" style=margin-left:85px;>
        <h4 class="title text-default">FRAMEWORKS TO BUILD SITES AND APPLICATIONS</h4>
        <p>ASP.NET and AngularJS  web frameworks  are great for building web sites and web applications using HTML, CSS and JavaScript. It is also used to create web APIs, mobile sites, use real-time technologies like Web Sockets and more!

We have advanced knowledge with building secure and reliable sites using ASP.NET, AngularJS MVC, SQL Server and other relational databases.</p>
    </div>
</div>
            </div>
    </div>
</div>

</section>

<!--back button-->

   <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="separator-2"></div>
                <a class="btn btn-default btn-sm" href="/services/#Custom-Software-Solutions"> Back to <em>Services -- Custom Software Solutions</em></a>
            </div>
        </div>
   </div>

        </div>
        <!-- elements to allow test for current bootstrap screen size -->
        <div id="screen-xs" class="visible-xs"></div>
        <div id="screen-sm" class="visible-sm"></div>
        <div id="screen-md" class="visible-md"></div>
        <div id="screen-lg" class="visible-lg"></div>


<footer class="clearfix dark">
    <div class="footer footer-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-xs-8"> <!--  logo + address ... used to be xs-6 with social media links -->
                    <div class="row">
                        <div class="col-xs-12 col-sm-6 col-md-7 col-lg-8 hidden-xs" style="padding-right:0;">
                            <span class="" style="float:right;">
                                <img style="height:90px;" src="/media/logikos-logo-dk-bkgd.png" alt="Logikos, Inc." /> <!-- class="img-responsive" -->
                            </span>
                        </div>
                        <div class="col-xs-1 visible-xs"></div>
                        <div class="col-xs-12 col-sm-6 col-md-5 col-lg-4 footer-address">
                            <!--  -->
                            <address style="margin-bottom:10px;">
                                <span class="visible-xs">Logikos, Inc.<br /></span>9812 Dawson's Creek Blvd.<br />Fort Wayne, IN 46825<br />260.483.3638 <!-- (at)Model.Address -->
                            </address>
                            <a href="https://logikos.com/contact-us/"><span>Contact Us &rarr;</span></a>
                        </div>
                    </div>
                </div>
				
                
                <div class="col-xs-12 col-sm-10 col-sm-offset-1">
                    <hr /> <!-- <div class="separator"></div> -->
                </div>
                    <div class="col-xs-6 col-sm-3 footer-nav-section">
                        <a href="https://logikos.com/services/" style="text-decoration:none"><h4>Services</h4></a>
                        <nav>
                            <ul class="smooth-scroll">
                                    <li style="list-style-type:none">
                                        <a style="text-decoration:none;" href="https://logikos.com/services/#Custom-Software-Solutions">Custom Software Solutions</a>
                                    </li>
                                    <li style="list-style-type:none">
                                        <a style="text-decoration:none;" href="https://logikos.com/services/#Capabilities">Capabilities</a>
                                    </li>
                                    <li style="list-style-type:none">
                                        <a style="text-decoration:none;" href="https://logikos.com/services/#The-Logikos-Advantage">The Logikos Advantage</a>
                                    </li>

                            </ul>
                        </nav>
                    </div>
                    <div class="col-xs-6 col-sm-3 footer-nav-section">
                        <a href="https://logikos.com/experience/" style="text-decoration:none"><h4>Experience</h4></a>
                        <nav>
                            <ul class="smooth-scroll">
                                    <li style="list-style-type:none">
                                        <a style="text-decoration:none;" href="https://logikos.com/experience/#Our-Clients">Our Clients</a>
                                    </li>
                                    <li style="list-style-type:none">
                                        <a style="text-decoration:none;" href="https://logikos.com/experience/#Industries">Industries</a>
                                    </li>
                                    <li style="list-style-type:none">
                                        <a style="text-decoration:none;" href="https://logikos.com/experience/#Case-Studies">Case Studies</a>
                                    </li>

                            </ul>
                        </nav>
                    </div>
                    <div class="col-xs-6 col-sm-3 footer-nav-section">
                        <a href="https://logikos.com/company/" style="text-decoration:none"><h4>Company</h4></a>
                        <nav>
                            <ul class="smooth-scroll">
                                    <li style="list-style-type:none">
                                        <a style="text-decoration:none;" href="https://logikos.com/company/#History">History</a>
                                    </li>
                                    <li style="list-style-type:none">
                                        <a style="text-decoration:none;" href="https://logikos.com/company/#Our-Values">Our Values</a>
                                    </li>

                            </ul>
                        </nav>
                    </div>
                    <div class="col-xs-6 col-sm-3 footer-nav-section">
                        <a href="https://logikos.com/career/" style="text-decoration:none"><h4>Career</h4></a>
                        <nav>
                            <ul class="smooth-scroll">
                                    <li style="list-style-type:none">
                                        <a style="text-decoration:none;" href="https://logikos.com/career/#Why-Work-Here">Why Work Here</a>
                                    </li>
                                    <li style="list-style-type:none">
                                        <a style="text-decoration:none;" href="https://logikos.com/career/#Career-Development">Career Development</a>
                                    </li>

                            </ul>
                        </nav>
                    </div>

            </div>
        </div>

    </div>
    <div class="footer-sec-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <p><span>Copyright © Logikos, Inc. All rights reserved.</span></p>
                </div>
            </div>
        </div>
    </div>
</footer>
        <!-- page-wrapper end -->
    </div>

	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <!-- //<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;signed_in=true"></script>
 --!>

    <script>

        $(window).resize(function () {
            if (Modernizr.mq('(max-width: 767px)')) {
                if (($(".navbar-color").length > 0 || $(".nav-subnav-color").length > 0)) {
                    $(".header ").removeClass("nav-subnav-color");
                    $(".header ").removeClass("navbar-color");
                }

            } else {
                if ($(".navbar-color").length == 0 && $(".nav-subnav-color").length == 0) {
                    subnavColor();
                }
            }
        });


        function subnavColor() {
            if (Modernizr.mq('(min-width: 768px)')) {
                if ($(".subnav").length != 0) {
                    $(".header ").addClass("nav-subnav-color");
                } else {
                    $(".header ").addClass("navbar-color");
                }
            }
        }

        function backgroundPosition() {
            if (Modernizr.mq('(min-width: 768px)')) {
                var a = $(".col-sm-3 #logo img").offset().left;
                var b = $(".col-sm-3 #logo img").width() / 2;
                $(".header ").css('background-position', a + b + 'px 0');
            }
        }

        $(document).ready(subnavColor);
        $(document).ready(backgroundPosition);
        $(window).load(backgroundPosition);
        $(window).resize(backgroundPosition);

    </script>


    <script>
        // global vars
        var bootstrapScreenSize; // xs, sm, md, or lg


        ////////////////////////////////////////////////////////////////////////////////
        // ON DOCUMENT READY
        // Actions to perform when the page is loaded
        $(document).ready(function () {
            // ACTION: Determine initial Bootstrap screen size
            bootstrapScreenSize = getScreenSizeCode();

            // ACTION: Pull period characters out of <i> tags.
            //(The period characters are manually inserted as a workaround for using font icons such as Font Awesome, as
            // using <i> tags is the convention, and our CMS RTE editor often eats <i> tags that don't contain any text.)
            $('i').each(function () {
                $(this).text($(this).text().replace('.', ''));
            });

            // ACTION: Make all the .match-height boxes in a .match-height-container the same height
            matchHeights();

        }); // end document ready

        ////////////////////////////////////////////////////////////////////////////////
        // ON WINDOW LOAD
        // Actions to perform when the page is loaded
        $(window).load(function () {
            // ACTION: Determine initial Bootstrap screen size
            bootstrapScreenSize = getScreenSizeCode();

            stripHeights();
            // ACTION: Make all the .match-height boxes in a .match-height-container the same height
            matchHeights();

        }); // end window load

        // ----------------------------------------------------------------------
        // FUNCTION matchHeights
        // Makes all the .match-height boxes in a .match-height-container the same height
        // Unless a .match-height-except-[size] exception was applied that matches the current screen
        // (e.g. .match-height-except-xs for XS)
        function matchHeights() {
            $('.match-height-container').each(function () {

                var tallestBox = 0;
                $('.match-height', this).each(function () {

                    if ($(this).height() > tallestBox) {
                        tallestBox = $(this).height();
                    }
                });

                // Set height for all, unless there's an exception for this bootstrap size
                $('.match-height', this).not('.match-height-except-' + bootstrapScreenSize).height(tallestBox);

            });
        } // end matchHeights


        // ----------------------------------------------------------------------
        // FUNCTION stripHeights
        // Remove all height attributes from .match-height boxes to allow natural resizing
        function stripHeights() {
            //alert("stripHeights() called...");
            $('.match-height').each(function () {
                $(this).css('height', 'auto');
            });
        } // end stripHeights


        // ----------------------------------------------------------------------
        // FUNCTION getScreenSizeCode
        // Returns the bootstrap code for the current screen size
        // xs sm md lg
        function getScreenSizeCode() {
            if ($('#screen-lg').is(":visible")) return "lg";
            if ($('#screen-md').is(":visible")) return "md";
            if ($('#screen-xs').is(":visible")) return "xs";
            if ($('#screen-sm').is(":visible")) return "sm";
        } // end getScreenSizeCode


        ////////////////////////////////////////////////////////////////////////////////
        // ON WINDOW RESIZE
        // - bootstrap screen size updated
        // - .matchHeight boxes reset if bootstrap screen size changed
        $(window).resize(function () {
            //alert("Resizing...");
            //var isMD = $('.screen-md').is(":visible");
            //if (getScreenSizeCode() == "md") alert("Is MD!!!");
            var screenSize = getScreenSizeCode();

            // Check if bootstrap screen size change (e.g.: from lg to md)
            if (bootstrapScreenSize != screenSize) {
                //alert("Screen size changed!");
                // set global size to current
                bootstrapScreenSize = screenSize;

                // reset .matchHeight boxes for potentially new sizes
                stripHeights();
                matchHeights();
            }
        }); // end window resize

    </script>





    <script src="/bundles/pluginsJS?v=FTSk35AJbEO9sNBOjBgndTJC9RUqVCuMevIEBQFBZ5I1"></script>
<script src="/bundles/logikosScript?v=HUApcA3D0lY6oVJX6G3OJ9vZEZXDKXTwrcWkB7lmvGQ1"></script>

	<script
		src="https://maps.googleapis.com/maps/api/js?v=weekly&key=AIzaSyBoWHr-2hXLR4my1FIziwiqFulr-AhC4n8">
	</script>



</body>

</html>