Posts

My Career at Coriell Institute and Personal Achievements

Image
     The time  has come where I need a change in my career and sadly that requires me to leave my current position at Coriell Institute . So just like what I did way  back in 2013 with Northern Safety , I thought I would wrap things up in an article and look back on my achievements.  Achievements (Order of Completion) The ones with asterisks are ones I built in groups.  Atlas Project - Storage Module -   Provided an interface to store unique data sets in multi-forms . Coriell Bio-Repository Catalog *  Atlas Project - Manager Module -  Provided managers to control other user to access data. Blits Project - Modules   Issues & Repairs* - Reported equipment  that were broken or had problems. Inspections* - Collected equipment w/ schedules for inspections.  Maintenance - Collected equipment  for  regular maintenance and  setup schedules.  Dashboard* - G raphical dashboard on data provided from other modules. 2015 Coriell Institute. All rights reserved My Goals

Project: Raft Draft for Data-Steamer

Image
The purpose of this project is to wrap a set of d3js "graphics" and make them easier to create for non-javascript developers. The second reason is to standarize interactions and styles that are acceptable to the site and types of graphs needed. The final result of this project will simple be a wrapper for d3js with well defined graphs that can be  marked up with   html or with model binding (razor syntax). P.S. t his Project will be located here ! Details: There are currently four types of graphs, a line-chart , side-chart , pie-chart and bar-chart . All are used within a div tag and used as an attribute. Styling is always handled with the css (if it can be helps) and compliant with the css libraries like bootstrap. The coloring is based on a base color scheme provided by 3d but I might also base it on whatever css library is being used. From example bootstrap's primary color but I'm just thinking out load on this. Example:       <div line-c

Project: DuckSauce Notes Part 5

     I've been secretly working on this project again (of course there's my game I am still working). However I wanted to take a step back and look at what this project has done for me. The biggest thing is that it has done is get me to question my work follow and think about how to improve it. This project must create files create templates clean up code build manual. New Approach     Working with the chrome work-space has its limits and it appears there is a method to set the contents of a particular however it is not implemented and is filed as a bug. This is a long outstanding bug so chances are slim. The guts https://github.com/GoogleChrome/chrome-app-samples/blob/master/samples/filesystem-access/js/app.js Reference https://www.npmjs.org/package/livereload https://github.com/livereload/livereload-extensions/tree/master/Chrome/LiveReload Resources https://github.com/GoogleChrome/chrome-app-samples/tree/master/samples/filesystem-access http://stackoverfl

Make d3js Responsive

Image
    This is probably the most popular quesition I see and is somewhat my main concern as far as things go with one of my projects. Now this isn't a perfect solution but its doesn't depend on jquery or anything else. So it keeps things in the d3js scope which is really what I want since I don't always include jquery in all of my projects. function resize() { //Top Nav has a bottom padding for 50px's width = window.innerWidth, height = window.innerHeight; svg.attr("width", width).attr("height", height); force.size([width, height]).resume(); } window.addEventListener('resize', resize()); var svg = d3.select("body").append("svg") //.attr("viewBox", "0 0 " + width + " " + height) //.attr("preserveAspectRatio", "xMidYMid meet"); Secret project I'm working on...      I didn't include the comments in my proje

Chrome App: Can't Open app within a tab

Image
    Currently using chrome 43 so this issue currently does exist but also is an very old one from the looks of it. It might seems silly to create an chrome app that simple opens up a link in a new tab but I thought it was so basic for my personally needs that it wouldn't be a problem. Plus I didn't plan on releasing most of the custom apps I created, simple just wanted to clean up some bookmarks and make them feel more like apps. There's also the possiblity to leverage them to be offline but that's outside the scope. What I've tried " window.open() in chrome.app.runtime.onLaunched", chrome.tabs.create ( this is only for extentions but worth a shot ) Common issue seen     With the current bit of code I have thisn't what I see (image above) anymore but instead the tab just closes and nothing happens... Alternative solution    One of the basic ways around this is drag and drop a url in the chrome app panel, but I really don't like this

Notes: Creating an Automated Testing Framework W/ Selenium

Image
     Recently finished watching all the videos on Selenium on automated testing and looking forward adding this framework to all my web applications tests. The rest of my knowledge can be found on the  Login-Automation  project ( I took the example and created it around google's login instead of the wordpress example show ). Types of Testing Unit Testing At the code level, code first! Such as "Mocking" or D.I. Integration Testing No need for mocking but still code. Black-box Automate Testing (BAT) Testing in a scope from a user  Regression - "worked yesterday" Absolute Requirements! Leverage Common failures Recorded brittle tests - weakly attached and simple changes break the tests, manual fixes. Not Building A Framework - Start out good, but end up the same problem. Writing Test like Code - Passed off to not programmers and slow degrade. Solution      Separate automation framework and simple tests. Test drive creation of

AngularJS: ng-model cannot be assigned to functions

Image
    This was one of the errors I faced when I started out with Angularjs, and the problem comes from thinking like Jquery developer still. I still use Jquery heavly in a few of my personal projects but have been avoiding this issue complete since. Common error : nonassign Non-Assignable Expression Feedback from users about pics in my blog. Solutions     One approach is to use directives to solve the issue and another is to use ng-init from what I've seen but I prefer using directives instead.  http://jsfiddle.net/z5z9s / - an example using ng-init (n ot by me) . Resources AngularJS - ngModel cannot be assigned to function - Stack Overflow http://stackoverflow.com/a/17793772/1265036