LumenPnP vs. Hand Assembly
-This calculator compares manufacturing boards by hand vs using the LumenPnP. It makes a few assumptions:
--
-
- It takes approximately two and a half minutes to flip a job. -
- The LumenPnP is running at a conservative 800 CPH. - -
-
- As reported by ZipRecruiter, the average hourly wage for a Circuit Board Assembly technician is $20 an hour. -
+ +Compare Against Outsourcing Instead
LumenPnP vs. Hand Assembly
+This calculator compares manufacturing boards by hand vs using the LumenPnP. It makes a few assumptions:
+-
+
- It takes approximately two and a half minutes to flip a job. +
- The LumenPnP is running at a conservative 800 CPH. + +
+
+ As reported by ZipRecruiter, the average hourly wage for a Circuit Board Assembly technician is $20 an hour. +
+Operator Hourly Rate (USD)
++
+ This number is how many total components need to be placed on each board. +
+Parts per Board
++
+ If you're unsure how long this takes, a good conservative calculation is 40 seconds per component. +
+Hand-Assembly Time per Board (min)
++
+ If you are running multiple boards per job, either with panels or just separately mounting multiple PCBs, input the total number of boards you can fit on the LumenPnP for a single job. +
+Boards per Job
++
Operator Hourly Rate (USD)
--
- This number is how many total components need to be placed on each board. -
-Parts per Board
--
- If you're unsure how long this takes, a good conservative calculation is 40 seconds per component. -
-Hand-Assembly Time per Board (min)
--
- If you are running multiple boards per job, either with panels or just separately mounting multiple PCBs, input the total number of boards you can fit on the LumenPnP for a single job. -
-Boards per Job
-+ + -
LumenPnP vs. Outsourcing
+This calculator compares outsourcing PCBA production vs using the LumenPnP. It makes a few assumptions:
+-
+
- It uses online quote tools as a benchmark for outsource pricing. +
- It assumes a conservative 3 hour LumenPnP setup time and 800 CPH. +
- It adds 16 hours to the LumenPnP timeline for every 8 hours of production to consider non-work hours. +
+
+ The number of PCBAs needed. +
+Number of Boards
++
+ This number is how many total components need to be placed on each board. +
+Parts per Board
++
diff --git a/script.js b/script.js
index 7357eaf..190dd44 100644
--- a/script.js
+++ b/script.js
@@ -14,10 +14,129 @@ assumptions:
*/
-document.getElementById ("calculate-button").addEventListener("click", calculate, false);
+//joint data
+/*
+variables:
+- parts per board
+
+
+assumptions (could be editable under dropdown):
+- takes 2 minutes to flip a job
+- cph 800
+- hand assembly time per part assumption
+- boards per job (just assume four, customer wont necessarily know what they could fit)
+- outsourced cost per smt part
+*/
+
+
+document.getElementById("toggle").addEventListener("click", toggle, false);
+
+document.getElementById("calculate-button").addEventListener("click", calculate, false);
+
+document.getElementById("calculate-button-outsource").addEventListener("click", calculate_outsource, false);
var activeChart;
var boardsChart;
+var outsourcedChart;
+var handActive = true;
+
+function calculate_outsource(){
+
+ if (typeof outsourcedChart !== 'undefined') {
+ outsourcedChart.destroy();
+ }
+ var numOfBoards = document.getElementById("num-of-boards-outsourcing").value;
+ var partsPerBoard = document.getElementById("parts-per-board-outsourcing").value;
+
+ let out = 9+((numOfBoards-100)/250);
+
+ let lumenwork = (3/24)+(numOfBoards*partsPerBoard/800/24)
+
+ console.log(lumenwork)
+
+ let lumen = Math.floor(lumenwork/(.33))*0.66 + lumenwork;
+
+ console.log(lumen)
+
+
+ var timelines = [out, lumen];
+
+ var ctx = document.getElementById("outsource-graph");
+ const labels = ["Outsourced", "LumenPnP"]
+ const data = {
+ labels: labels,
+ datasets: [
+ {
+ label: 'Days',
+ data: timelines,
+ }
+ ]
+ };
+
+ outsourcedChart = new Chart(ctx, {
+ type: 'bar',
+ data: data,
+ options: {
+ indexAxis: 'y',
+ plugins: {
+ title: {
+ display: true,
+ text: 'Time to Produce',
+ padding: {
+ top: 30,
+ bottom: 10
+ },
+ font: {
+ size: 20
+ }
+ },
+ legend: {
+ display: false,
+ }
+ },
+ maintainAspectRatio: true,
+ animations: false,
+ aspectRatio: 2,
+ scales: {
+ y: {
+
+ display: true,
+
+ },
+ x: {
+ title: {
+ display: true,
+ text: "Days"
+ }
+ }
+ }
+ }
+ });
+
+
+}
+
+function toggle(){
+ if(handActive){
+ //hide hand, show outsource
+ document.getElementById("hand").style.display = "none";
+ document.getElementById("outsource").style.display = "block";
+ //change copy in toggle
+ document.getElementById("toggle").innerHTML = "Compare Against Hand Placing Instead";
+
+ handActive = false;
+ }
+ else{
+ //hide outsource, show hand
+ document.getElementById("outsource").style.display = "none";
+ document.getElementById("hand").style.display = "block";
+ //change copy in toggle
+ document.getElementById("toggle").innerHTML = "Compare Against Outsourcing Instead";
+
+ handActive = true;
+
+ }
+}
document.getElementById("graph-type").onclick = function() {
if (this.checked) {
diff --git a/style.css b/style.css
index 3fe0d80..ff15b15 100644
--- a/style.css
+++ b/style.css
@@ -10,10 +10,13 @@
text-align: center;
overflow-x:visible;
+
}
-#menu {
+
+
+#hand {
position: relative;
z-index:9;
padding: 30px;
@@ -25,7 +28,20 @@
font-family: 'Roboto', sans-serif;
overflow-y: auto;
-
+}
+
+#outsource {
+ position: relative;
+ z-index:9;
+ padding: 30px;
+ margin: 15px;
+ border-radius: 3px;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ background-color: #fff;
+ color: #222;
+ font-family: 'Roboto', sans-serif;
+ overflow-y: auto;
+ display:none;
}
@@ -89,6 +105,28 @@
color:black;
}
+#toggle{
+ background-color: #fff;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19);
+ color: black;
+ padding: 10px;
+ padding-top:10px;
+ text-align: center;
+ margin: 10px auto;
+ border-radius: 3px;
+ position: relative;
+ font-family: 'Roboto Mono', monospace;
+ text-decoration-line: none;
+ z-index: 999;
+ width:15em;
+
+}
+
+#toggle:hover {
+ background-color: #DAA520;
+ color:black;
+}
+
input[type="number"] {
padding: 2px;
text-align: center;