BlueFletch Honored with Floor & Decor’s IT Vendor of the Year Award

By | Ideas For Your Business | No Comments

Atlanta, GA – July 14, 2017   BlueFletch is proud to announce it is the recipient of Floor & Decor’s annual IT Vendor of the Year Award, in recognition of BlueFletch’s commitment to excellence and dedication to providing leading enterprise mobility solutions. Floor & Decor, a specialty retailer of hard surface flooring, uses BlueFletch’s solutions to improve efficiencies for employees to streamline store processes.

“The team from BlueFletch has been an integral part of our mobile initiatives. They have worked side-by-side with our internal teams to help us keep up with the pace of growth over the last few years” said John Adamson, Chief Information Officer, Floor & Decor.

“It has been our pleasure to work with Floor & Decor’s exceptional team. Together we have tackled some of the more complex challenges facing retailer today.  It’s awesome to work with them on some of the technological demands of the retail landscape” said Brett Cooper, Partner at BlueFletch. “We are honored to be named IT Vendor of the Year and look forward to continuing to help in the future.”

Floor & Decor gives its IT Vendor of the Year Award to the company it believes demonstrates exceptional performance and dependability on a consistent basis. BlueFletch has been assisting Floor and Decor with its mobile initiatives since 2012.

About BlueFletch
BlueFletch is team of mobile development experts dedicated to helping our enterprise clients solve business problems using mobility. Since 2008 BlueFletch has grown into a widely trusted mobile company in the enterprise space by developing high value line-of-business apps for companies in Retail, Consumer Goods, Healthcare, and Transportation & Logistics. For more information, please visit www.bluefletch.com

iOS 11 Features for the Enterprise

By | Ideas For Your Business | No Comments

WWDC has wrapped up and so now it is up to us in the world of iOS to make sense of all these newly unveiled features. Now, being a developer who is often working in the enterprise realm, I tend to look at many of these features from a slightly different angle. When people hear about ARKit adding augmented reality to iOS, they probably think about the implications for games like Pokémon GO and interior decorating apps that allow you to see a fake end table super imposed next to their couch. My first thoughts are about it’s possible use in retail and warehousing to help highlight objects of interest or present additional information for the user. With this post, I’ll be going over some of the new features and SDKs in iOS 11, and how they relate to the enterprise and working world.

ARKit, iOS11ARKit – Previously developers had to do all of this by hand, and truth be told, it’s not easy. Super imposing into an image isn’t very difficult, but however, super imposing graphics in a 3-dimensional space with depth, that is also moving, is extremely difficult. ARKit does the heavy lifting for developers by locating features and planes, and it allows you to create 2d or 3d objects via SceneKit or SpriteKit to super impose onto these features and planes. As stated earlier AR can be useful to locating and highlighting items, but when combined with some other technologies it can be so much more. For example, when paired with iOS 11’s Machine Learning and Vision frameworks, mechanic might be able to have their device see an unknown engine part, detect what part it is, and then super impose the documentation for that part on half of their screen. Obviously, this technology on a phone or tablet has some limitations, but as smart glasses become more mature they will be a fantastic candidate for augmented reality in the enterprise. Read More

TAG Announces Diversity Game Changers in Tech Industry

By | Ideas For Your Business | No Comments

Atlanta, GA – June 19, 2017 The TAG Human Resources and Diversity society and TAG’s publication, Hub Magazine, today announced the GameChangers that will be recognized at the 7th Annual TAG Diversity Awards.

The event is made possible by Platinum Sponsor, Google and Silver Sponsors, Manhattan Associates, SunTrust, and Turner and will be held Tuesday, June 27th at the Morehouse School of Medicine NCPC Auditorium.

This year, The TAG Diversity Awards will recognize a select group of industry GameChangers along with the recipient of the prestigious Diversity Leadership Award. The work and achievements of these outstanding individuals are helping to advance diversity and inclusion in Georgia’s technology community.

Read More

Choosing a Data Grid Component For Your React Project

By | Ideas For Your Business | No Comments

In a React application I am working on we are using the Material UI component library, but immediately realized it’s table component did not have the features we needed. Many of the available grid components had the features we needed like sorting, filtering, search, and adjusting column order and size. However, there were only a few components that had the features we needed like exporting to excel and row grouping. Of those few, only ag-Grid had a built-in option for material theme styling. With a little css the grid was styled very similar to the Material UI table.

Top: Material-UI Table Component
Bottom: ag-Grid with material theme and some css

Another stand-out feature was the ability to pass through the gridOptions a context object that would be available to any custom cell renderer that you implement. This enabled us to pass props that included event handlers that could update the state of a parent component or launch async actions thus giving us the ability to make the grid even more interactive. For example, we were able to integrate commenting through the grid. Here is the table component code and the result.

import React from 'react';
import {AgGridReact} from 'ag-grid-react';
import 'ag-grid/dist/styles/ag-grid.css';
import 'ag-grid/dist/styles/theme-material.css';
import { columnDef } from '../table_util.js';
import DescriptionCellRenderer from '../descriptionCellRenderer.jsx';

const columnWidths = {
  'description': 400
};

class ExampleTable extends React.Component{
  constructor(props){
    super(props);
    this.data = props.data || [];
    this.columnDefs = this.columnDefs.bind(this);
    this.onGridReady = this.onGridReady.bind(this);
    this.gridOptions = {
      rowHeight: 56,
      headerHeight: 55,
      enableColResize: true,
      groupUseEntireRow: true,
      groupDefaultExpanded: -1,
      groupSuppressAutoColumn: true,
      groupSuppressRow: true,
      animateRows: true,
      suppressRowClickSelection: true,
      onRowClicked: this.onRowClicked,
      rowSelection: 'single',
      suppressMenuMainPanel: true,
      context: {
        currentUser: this.props.currentUser.user,
        handleCommentSave: this.props.handleCommentSave
      }
    };
  }

  columnDefs(){
    let columns = Object.keys(this.data[0]);
    let cols = [];
    columns.forEach((name, i) => {
      let col = columnDef(name.toUpperCase(), name);

      if (name === 'description') {
        col.cellRendererFramework = DescriptionCellRenderer;
      }

      if (columnWidths[name]) {
        col.width = columnWidths[name];
      }

      col.headerClass = 'table-header';
      cols.push(col);
    });

    return cols;
  }

  onGridReady(params) {
    this.api = params.api;
    this.columnApi = params.columnApi;
  }

  render(){
      return(
      
<div style={{height: '770px', width: '100%', backgroundColor: 'white'}} className="ag-material">
        <AgGridReact 
          onGridReady={this.onGridReady} 
          columnDefs={this.columnDefs()} 
          gridOptions={this.gridOptions} 
          rowData={this.data} 
          enableSorting='true' 
          enableFilter='true'>
        </AgGridReact>
      </div>

    );
  }
}

Integrating comments into an ag-Grid table.

Ag-Grid is an excellent choice to use as your data grid component. It has all the powerful features you would expect from a solid grid component such as multi-sort and search and essentially every aspect of the grid is customizable so it was easy to adapt to design changes. If you choose ag-Grid you are likely to have a smoother development process.

BlueFletch Named Atlanta’s Best & Brightest Companies to Work For

By | Ideas For Your Business | No Comments

Atlanta, GA – May 15, 2017  BlueFletch, award-winning leader in innovative mobile technology solutions is proud to announce it has been selected as 2017’s Atlanta’s Best and Brightest Companies to Work For. Atlanta’s Best & Brightest is awarded by the National Association of Business Resources (NABR).

The Best and Brightest Companies to Work For® competition identifies and honors organizations that display a commitment to excellence in their human resource practices and employee enrichment. Organizations are assessed based on categories such as communication, work-life balance, employee education, diversity, recognition, retention and more.

At BlueFletch, we’re thrilled to be named one of Atlanta’s Best and Brightest for the third year in a row. It’s a testament to our leadership, our amazing team and our commitment to keeping innovative HR initiatives as a touchstone of our corporate culture. BlueFletch’s dedication to employee excellence includes flexible work hours and the ability to work at home, a commitment to continuing education and team outings organized for maximum fun and team bonding. Communication is king at BlueFletch and the secret to our success. We’re proud to know that listening to and learning from our team members is the reason we’ve been awarded this honor.

BlueFletch will be honored at the Best & Brightest Awards Gala will be held June 28th at the Atlanta Marriott Marquis.

 

About the National Association of Business Services

Established in 1996, the National Association of Business Services (NABR) fosters a collaborative environment in which companies and leaders learn best practices, trends and vital information benefiting the company and its employees well beyond the finances. Through the Best and Brightest programs, the National Association for Business Resources provides specialized business services, education and resources for businesses throughout the United States.

5 Essential React Native Libraries

By | Ideas For Your Business | No Comments

React Native is an increasingly popular framework for building cross-platform mobile apps. Unlike other cross-platform development frameworks, React Native compiles down to true native instead of running Javascript inside web views. On its own, React Native is powerful, and with the introduction of a few great libraries it becomes even more valuable.

React Native Maps
1. React Native Maps

In many apps it is helpful to have a map component that shows location pins, user location, tooltips, etc. React Native Maps removes the complications of dealing with both Apple and Google maps in cross-platform applications. With just one simple <MapView> tag, you have a flexible, customizable map that can be zoomed and panned with markers that can capture touches to show callouts, navigate to detail views, or even link out to the user’s native map system. The maps rendered by this library feel native, smooth, and highly performant.

React Navigation2. React Navigation

React Navigation allows developers to quickly and easily configure the navigation scheme for the entire application all from the main app file. Stack Navigators, Drawer Navigators, and Tab Navigators can be nested and combined to accommodate both horizontal and vertical navigation structures. For example, a Material Design compliant bottom tab bar can be combined with a stack to allow for master-detail flows inside the tabs. This centralized navigation control keeps your component files clean and prevents you from directly manipulating state to navigate through the app. Additional bells and whistles of this library include built-in transition animations, flexible header components, and Redux integration capabilities.

react Native vector icons3. React Native Vector Icons

This library is a streamlined way to include icon fonts in React Native applications. It come pre-bundled with over 3,000 icons, including some of the most popular icon libraries like Font Awesome and Google’s Material Icons. Need custom icons from a design or unique logos? No problem. React Native Vector Icons supports Fontello (http://fontello.com/) configs so all you need is an svg file. With this library, a simple, one-line import statement gives you access to style-able Icon and Icon.Button components to polish and brand your app.

react native communication4. React Native Communications

One of the pain points in creating React Native apps is integrating with the native systems (phone calls, push notifications, etc.). React Native Communications relieves some of that stress by providing a cross-platform solution for placing phone calls, sending text messages, opening web URLs, and composing emails directly from your app. Once a few dependencies are linked in Xcode and Android Studio, your app is just 1 line away from communication functionality.

React, react native material kit5. React Native Material Kit

React Native Material Kit is an awesome time-saver for Material Design themed apps. The library provides components for buttons, cards, loading indicators, floating label text fields, sliders, and toggles, each with configurable themes and options. You can use the included Material-inspired color palette or use all custom colors to style each component. Additionally, there are multiple ways to construct each component: choose either the constructor or JSX technique to best fit the structure of your project. This library is sure to save a ton of time and styling effort for any developer with app designs rooted in Material guidelines.

The Apple Car: What We Know(ingly) Assume

By | Ideas For Your Business | No Comments

While Apple hasn’t officially confirmed the existence of a research and development project for an automobile, I’ve heard a lot of rumors and rumblings out of Cupertino. To be dubbed the “Apple Car”, it in fact has more in common with the iPhone than a traditional car.

First, Apple Car’s body will be fully made of Gorilla glass and will withstand 80% of collisions at 5.9 mph or less. The increased weight and fragility over traditional steel cars is completely ignored to prioritize aesthetics. Sure, the body looks great and will resist finger prints, but are you be brave enough to drive without additional protection or a cover?

AppleIn an effort to reduce the number of physical buttons on board, the gas and brake pedals will be replaced with capacitive sensors. This will allow infinitely variable throttle and braking, as long as you are barefoot. All other buttons and toggles will be controlled by shouting commands at Siri. Charging the Car battery at existing public charging stations will require an additional adapter to interface between the plug and the Car. This included $9 adapter allows Car to be backwards compatible while also putting pressure on charging stations to adopt proprietary technology.

Innovation isn’t always easy to swallow!

AppleAll this technology was developed to provide the purest driving experience ever created. The interface simplifies driving so much that even a child can hop in Car and intuitively take off down the road.

AppleAnd for the first time ever, Siri can pilot you to a destination using Apple Maps’ default, convoluted routing. We’re keeping fingers crossed that support for Google Maps will be available on release day. Should you prefer hands-on manual steering then simply swipe left and right on the steering wheel. No moving parts = nothing to break!

Apple, siriPre-orders for Car are set to begin Early 2018, and will ship in 5-6 years. The base model will start in the low $100,000s while the Plus model is much too expensive for anyone reading this.

As for the range, Car will come off the lot capable of travelling 400 miles on a single charge. Initial testing of the battery has shown that range will decrease with regular use within the first year. Apple is also struggling with battery life after upgrades to Car’s firmware. Each major software release is said to greatly impact performance and battery life on all prior year models.

Disclaimer: All this intel was obtained when an engineer from Apple left his prototype Car at a bar after a night of drinking. He chose to take an Uber home rather than trust Siri auto-pilot.

Working in a Learning Environment – and a Shout Out to Spinal Tap

By | Ideas For Your Business | No Comments

Finding the right workplace setting for yourself is entirely subjective. There’s no doubt that certain career paths are better than others, but if you’re not personally in a position to capitalize on what is before you, then opportunity is wasted.

What have I found that works for me?

David St. Hubbins and Nigel Tufnel may have put it best – “It’s such a fine line between stupid and clever.”

While this might not sound applicable to the world of company culture, all of us have worked in situations where the knife’s edge of this line is traveled repeatedly.

At various times in my past I’ve worked at organizations where the leaders had a 3-strike policy on typos, claimed (in all seriousness) that they could outbox Mike Tyson in his prime, and staged impromptu spelling bees during work hours.

I’d like to think the intention behind all of these actions came from a good place – attention to detail, encouragement, self-discipline and fun. But it was never really made clear. Guiding principles and core purpose can’t be derived from spelling or eating donuts for cash (something I’ve also witnessed).

The manner in which these policies or statements manifested themselves in culture didn’t really do much to foster a culture of substance or put a unified direction on an approach to how its employees should strive to improve or work the greater good of the organization.

Read More

Company Culture in View and in Practice

By | Ideas For Your Business | No Comments

At BlueFletch, we’re proud of our company culture. We’re inclusive, we encourage collaboration and, most importantly, have a great time. Whether lending a hand in the community or staying late and playing board games – we like to spend time together and fun is of the upmost importance! Here are just a few of the recent activities we’ve enjoyed together this month –

March Madness

BlueFletch employees, clients and special guests let loose for an afternoon of hoops & games at our headquarters located on North Avenue. The March Madness event had three rooms with a total of five tv’s airing the basketball games simultaneously.

The madness continued with a variety of food. The buffet had a total of 23 pizzas, 150 wings, & a large salad from Mellow Mushroom. Unfortunately, several people were left in food coma for the rest of the evening.

Some St. Patrick’s Day party favors, mustache stickers & Irish pins made for a colorful Friday full of celebration as well.

Squares became a competitive topic & stakes were high during the games. Two Square games reached a pot total of over 100 dollars. Micheal Milord walked away with a cup full of bills, only to bet more. While Gino Emanuel came in with a big win at the end of the night.

Jim Wilson remains in first place with his “Roundball Bracket.” But with two weeks of March Madness remaining, it is hard to predict who will score the win  the bracket.

march madness

march madness

 

Bowl Baby Bowl

All smiles at BlueFletch’s quarterly team outing at Midtown Bowl!

BlueFletcher’s were competitive with their fellow colleagues for a night of food, brews, & laughs. No rookies were spotted on the lanes.

David Newman bowling with his signature curve ball for a night of success. Jim Wilson was knocking down pin for pin, leaving the bowling alley with a high score. But Nicole Gatlin picked up on Wilson’s spin technique early in the game, giving him a run for his money. Rick Makerson finished the night bowling a turkey.

Fletcher’s also took on Midtown’s famous appetizer, “The Big Nasty” a
concoction of french fries, tater tots & homemade potato chips topped with chili, cheese & jalapeño poppers. No word on how it affected our bowling skills.

DSC00908DSC00902

 

Pi-hole: The Antimatter of Advertisements

By | Ideas For Your Business | No Comments

Internet advertisements have become very obtrusive and more apparent over the last several years. Users conducting research from various sources on the web are often met with a vexatious experience full of distractions. Children watching YouTube videos that have inappropriate advertisement content embedded in the videos are also becoming a concern for many parents. Normally users will install ad-blocking software and extensions on their operating systems and web browsers. Most of the software installed for ad-blocking purposes ends up not being updated and extensions for web browsers often stop working when the web browser itself has been updated.

A more efficient solution is now available thanks to single board computing.  The Raspberry Pi being the most readily available single board computer. For a mere $16 anyone can have a multi-platform, network-wide ad blocker on their local network. This software plays very nice in both office and home networks. Pi-hole offers a wonderful dashboard with real time analytics if you’re someone who loves numbers.

Below is an example of a Raspberry Pi, with Pi-hole installed showing real time stats via an LCD installed on the Raspberry Pi:

Raspberry Pi Pi HoleSo what is needed to get this project going?

After you have purchased these components it’s very simple to install Pi-hole.

You can install an Operating System image on your Raspberry Pi. Step-by-step directions are provided and the entire process takes less than 10 minutes to complete.

Installing Pi-hole:

  1. Install Pi-hole on the Raspberry Pi. The program can be downloaded here or via the install “curl -sSL https://install.pi-hole.net | bash|”” command.
  2. Configure your router DHCP settings to force clients in using your PI-hole as their DNS server. You can also manually configure each device but that takes much more time than blocking ads on the whole network at once. This step sounds more difficult than it actually is. The only thing that you have to change are some ports and DNS settings on your router. Most routers have this setting displaying on the main page and it can be changed within a matter of a few seconds. A straightforward guide is provided on Pi-Holes official site.
  3. Completion! Your Pi-hole blocks all advertisements at a DNS level. This means your whole network is protected and any device connected will automatically block online commercials even inside Apps and programs. You have freed your laptop, iPhone, Nexus tablet and desktop PC from all online commercials! Enjoy faster loading times on all your favorite websites and apps.

If you’d like to pull up Pi-holes nifty dashboard and see how many advertisements were blocked from your entire network you’ll see a clean interface exactly like the one below :

PiHoleFun Facts About Pi-hole :

– The code is completely open, and you are able to modify it in any way you’d like. (Yay for open-source!)
– Pi-hole is very lightweight as it only handles DNS queries and returns a blank HTML file so it doesn’t need much processing power. (Yay for efficiency!)
– Pi-hole will run on most Debian-based distros and is the preferred platform for it.(Yay for compatibility!)