PowerTechTools: Solve Ohm's Law with Angular.js and MathML

Recommend this page to a friend!
  Info   Screenshots Screenshots   View files View files (25)   DownloadInstall with Composer Download .zip   Reputation   Support forum (2)   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 58 All time: 489 This week: 10Up
Version License JavaScript version Categories
powertechtools 1.0Free For Educatio...5Math
Description Author

This package can solve Ohm's Law with Angular.js and MathML.

It accepts 2 values that can be either the power in Watts or the resistance in Ohms.

The package will display the work for each equation that solves for VAR [Volts, Amps, Resistance] and WAV [ Watts, Amps, Volts ].

It uses the browser storage to log solver history but it needs to be run from a web server if not using nwjs.io.

Innovation Award
JavaScript Programming Innovation award winner
June 2016
Winner


Prize: One downloadable e-book of choice by O'Reilly
Technicians that work with electricity often need to make calculations with values like power, voltage, impedance, etc.. So it is always useful to have a tool at hand to make these calculations. This package can make many of those calculations.

It uses Angular.js and it can run on a browser of a mobile device.

It also uses MathML to render formulas on the Web page.

Manuel Lemos
Picture of Karl Holz
  Performance   Level  
Name: Karl Holz <contact>
Classes: 4 packages by
Country: Canada Canada
Age: 42
All time rank: 592 in Canada Canada
Week rank: 6 Up1 in Canada Canada Up
Innovation award
Innovation award
Nominee: 1x

Winner: 1x

Details

Power Tech Tools

This tools was created as a way of re-enforcing what I learned in my power technician training with current employer around a year ago or so (2014-08-15). This is also my first attempt at writing an angularjs based javascript class with MathML to represent the different variations of solving for WAV [Watts, Amps, Volts] and VAR [ Volts, Amps, Resistance ]. This WebApp also uses the browsers local storage to store a history of your power calculations in JSON format.

Warning

Please work safe when working with power or other hazardous tasks; This tools is only for __educational reference__ for learning about Power and the Math related to it. Thank you!

Testing so far

I have tested this with both Chrome and Safari on Mac OS X 10.11 and Chrome and Edge on Windows 10. Both Chrome and Edge has some anomalies with MathML display when you move to a different page listed in $routeProvider and when you click solve. I have also tested this with nwjs.oi as was recommended by Anton Triola on JSClasses forum for this app. MathML also has display problems unless you reload the nwjs.oi app; I'm assuming it's a Chrome based problem. Safari is the only browser I have tested that seems to work well all around.

There are some display anomalies with the MathML based demo, so i'm sorry about that; when I figure it out, then I'll update the code.

Work In progress

This is a work in progress, if you have any ideas you can email me, with the project name in the subject and the power related equations and what you're looking to solve and I'll see what I can do; but my job keep me busy, so I can't promise anything. You can also use the forum on JSClasses.org for anything related this project as well.

Equation References

How to Use

For examples on howto use this class just look at the last script tag in the index.html, it will show the class in action within the angularjs controllers. I have seperated the angularjs display code from the powertech.js file so it can be reused in other projects; ofcourse you'll also need to have angularjs included for everything to work.

var p = new powertool();
var data = p.ohmslaw.solve($volt, $amp, $ohm, $watt);
Screenshots  
  • chromefail
  • chromeworking
  Files folder image Files  
File Role Description
Files folder imagecss (1 file)
Files folder imagejs (2 files, 2 directories)
Files folder imagetmpl (1 directory)
Accessible without login Image file favicon.ico Data Auxiliary data
Accessible without login Plain text file index.html Data Start page
Accessible without login Plain text file LICENCE Lic. ECL-2.0
Accessible without login Plain text file package.json Data nwjs.io
Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  css  
File Role Description
  Accessible without login Plain text file app.css Data Auxiliary data

  Files folder image Files  /  js  
File Role Description
Files folder imageangular (7 files)
Files folder imagemobile-angular-ui (2 files, 1 directory)
  Plain text file dbh5.js Class Class
  Plain text file powertech.js Class Class source

  Files folder image Files  /  js  /  angular  
File Role Description
  Plain text file angular-route.min.js Class Class source
  Plain text file angular-route.min.js.map Class Class source
  Plain text file angular-touch.min.js Class Class
  Accessible without login Plain text file angular-touch.min.js.map Data Class
  Plain text file angular.min.js Class Class source
  Plain text file angular.min.js.map Class Class source
  Accessible without login Plain text file errors.json Data Auxiliary data

  Files folder image Files  /  js  /  mobile-angular-ui  
File Role Description
Files folder imagedist (3 directories)
  Accessible without login Plain text file LICENSE Data Auxiliary data
  Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  js  /  mobile-angular-ui  /  dist  
File Role Description
Files folder imagecss (3 files)
Files folder imagefonts (1 file)
Files folder imagejs (1 file)

  Files folder image Files  /  js  /  mobile-angular-ui  /  dist  /  css  
File Role Description
  Accessible without login Plain text file mobile-angular-ui-base.min.css Data Auxiliary data
  Accessible without login Plain text file mobile-angular-ui-desktop.min.css Data Auxiliary data
  Accessible without login Plain text file mobile-angular-ui-hover.min.css Data Auxiliary data

  Files folder image Files  /  js  /  mobile-angular-ui  /  dist  /  fonts  
File Role Description
  Accessible without login Plain text file fontawesome-webfont.svg Data Auxiliary data

  Files folder image Files  /  js  /  mobile-angular-ui  /  dist  /  js  
File Role Description
  Plain text file mobile-angular-ui.min.js Class Class source

  Files folder image Files  /  tmpl  
File Role Description
Files folder imagepower (3 files)

  Files folder image Files  /  tmpl  /  power  
File Role Description
  Accessible without login Plain text file curcuits.html Data Auxiliary data
  Accessible without login Plain text file gennorator.html Data Auxiliary data
  Accessible without login Plain text file ohm.html Data Auxiliary data

 Version Control Unique User Downloads Download Rankings  
 92%
Total:58
This week:0
All time:489
This week:10Up