Click here to Skip to main content
Click here to Skip to main content
Search within:



 
Comments & Discussions

Engineering Calculator VOLTA-12

By , 4 Oct 2012
 
This is an old version of the currently published article.

Please note

This article is an entry in our AppInnovation Contest. Articles in this sub-section are not required to be full articles so care should be taken when voting.

Introduction

Engineering Calculator VOLTA-2012 is implemented as HTML 5 web application project that adheres to software paradigm of separation of programming concerns, namely:

  • Content: HTML5
  • Presentation: CSS3
  • Functionality: Javascript/jQuery

Entire project is encapsulated in a single text file with extremely small digital footprint (less than 10kB). It does not require any graphic files, like .jpg or .png, etc. All aesthetic enhancements, like: rounded corners, color gradients, borders and shadows are achieved exclusively via CSS3 styling, thus resulting in small application footprint and very fast web page load.

Background

Engineering Calculator VOLTA-2012 extends the capability and application scope of its predecessor, previously published online [1,2] and partially described on Codeproject (see the link: Engineering Calculator VOLTA-2012)

Demo

Working Demo of Engineering Calculator VOLTA-2011 is available online: click on the snapshot image shown below and you will be redirected to the demo page implemented fully-functional calculator:

Engineering Calculator VOLTA-2011

Using the code

The code base of existing Calculator VOLTA-2011 has been well documented, commented and discussed online [2]. User Manual is also available online at:[1]

The next version of Calculator VOLTA-2012 (currently under development) will extend the application package and add the capability of running in standalone mode on any Windows-equipped computer, in particular, Ultrabooks.

History

Engineering Calculator VOLTA-2012 (HTML5 web application) has been released in the year 2011 [1,2]

Calculator VOLTA-2011 has been tested on new Apple iPad version (iPad 3) Read the entire article on Examiner: New iPad 3 is here: quick notes from Apple store on Fifth (Mar 17, 2012)

References

  1. Online Engineering Calculator Volta-2011, User Manual[^]
  2. Online Engineering Calculator Volta-2011, Design Notes[^]

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

 DrABELL
Chief Technology Officer Infosoft Int'l
United States United States
Member
Dr. A. Bell has 20+ years of SW/EE experience, published 200+ tech articles and authored 37 inventions; Win/Web veteran, currently focused on: HTML5, CSS3, Javascript, jQuery, SQL, Windows 8, .NET, C#, WPF, Ultrabooks, Mobile. Developed popular Silverlight Media Player, 3 Fractions Calculator and best YouTube API for ASP.NET (#1 Goog). Sample pubs/projects:
  1. HTML5 Best Practices: Table formatting via CSS3
  2. Personal computer 2012
  3. New iPad: notes from NY Apple store
  4. YouTube and Facebook popularity metrics
  5. Edumatter M12: School Math Calculators and Equation Solvers
  6. How to select web browser and check its capabilities
  7. SQL generates large data sequence
  8. Aggregate Product function extends SQL
  9. Top-50 Digital Cameras
  10. Evolution of digital cameras
  11. WebTV Project: Embedded YouTube Player

Article Top
 
Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions


Discussions posted for the Published version of this article. Posting a message here will take you to the publicly available article in order to continue your conversation in public.
 
You must Sign In to use this message board.
Search this forum  
    Spacing  Noise  Layout  Per page   
First Prev Next
GeneralMy vote of 5memberPhat (Phillip) H. VU26 Dec '12 - 22:48 
Excellent post. I like it.
Sign In·View Thread·Permalink
GeneralRe: My vote of 5memberDrABELL27 Dec '12 - 3:05 
Thanks!
Sign In·View Thread·Permalink
GeneralMy vote of 5memberAbhishek Nandy10 Dec '12 - 21:25 
Great execution and lot of Information....My Vote of 5!!Smile | :)
Sign In·View Thread·Permalink
GeneralRe: My vote of 5memberDrABELL11 Dec '12 - 3:46 
Many thanks, Abhishek!
Sign In·View Thread·Permalink
GeneralRe: My vote of 5memberAbhishek Nandy11 Dec '12 - 18:46 
Smile | :) U r Welcome..
Sign In·View Thread·Permalink
GeneralMy vote of 5memberAkram El Assas9 Oct '12 - 21:33 
Nice job and Good Luck for the contest.
Sign In·View Thread·Permalink
GeneralRe: My vote of 5memberDrABELL10 Oct '12 - 2:05 
Thanks a lot, Akram!
Sign In·View Thread·Permalink
GeneralMy vote of 5memberRoshan D9 Oct '12 - 15:52 
I love the UI , It's so wonderful
Sign In·View Thread·Permalink
GeneralRe: My vote of 5memberDrABELL9 Oct '12 - 17:46 
Thanks a lot, Roshan! My best, Alexander
Sign In·View Thread·Permalink
GeneralMy vote of 5memberSergio Andrés Gutiérrez Rojas8 Oct '12 - 20:28 
Excellent work!
Sign In·View Thread·Permalink
GeneralRe: My vote of 5memberDrABELL9 Oct '12 - 4:16 
Thanks a bunch, Sergio!
Sign In·View Thread·Permalink
GeneralMy vote of 5memberMohammad A Rahman8 Oct '12 - 20:01 
Good work, ThanksSmile | :)
Sign In·View Thread·Permalink
GeneralRe: My vote of 5memberDrABELL9 Oct '12 - 4:18 
Thank you very much, Mohammad!
Sign In·View Thread·Permalink
QuestionCurious...memberJason Gleim5 Oct '12 - 5:38 
This question comes from my lack of understanding but if the app is HTML5/CSS doesn't it need a server behind it to serve the page(s) up? How would this work on an device that doesn't have a data connection? Are all the calculations implemented in the client-side JScript?
 
Thanks, Jason
Sign In·View Thread·Permalink
AnswerRe: Curious...memberDrABELL5 Oct '12 - 6:03 
Hi Jason,
Thanks for your input. The answer follows:
1). You can run HTML5/CSS3 web apps locally, inside your Web Browser, provided that it utilizes exclusively client-side scripting and does not require any online resources. You can store any HTML file (which is, actually, just a text file with .htm or html extension) locally and open it with your browser pretty much the same way as, for example, .txt file is opened by MS Notepad. You don't need an Internet connection to run the file, provided that it does not include external links It still can have links to local resources, i.e. other files on PC, for example, separate style sheets or Javascript files. For example, if you use jQuery Library then it should be stored locally in order to keep this single-file web app running. I guess, this answer your first question regarding the autonomous operation without Internet connection.
2). All the calculations are indeed implemented in the client side Javascript/jQuery. This particular app is based entirely on a client-side scripting and does not require neither web server, nor Internet connection (note: but it still requires a web browser).
Kind regards,
Alexander
Sign In·View Thread·Permalink
GeneralMy vote of 5memberJan Steyn5 Oct '12 - 2:23 
Excellent
Sign In·View Thread·Permalink
GeneralRe: My vote of 5memberDrABELL5 Oct '12 - 2:31 
Thanks!
Sign In·View Thread·Permalink
GeneralMy vote of 3memberravithejag4 Oct '12 - 18:02 
gr8
Sign In·View Thread·Permalink
GeneralRe: My vote of 3memberDrABELL5 Oct '12 - 2:09 
Sorry for a bit of confusion: did you vote "3" for the article that you personally described as "gr8"? Please explain the reason for this strange voting practice. Thanks.
Sign In·View Thread·Permalink
GeneralRe: My vote of 3memberJan Steyn5 Oct '12 - 2:24 
(S)he might be like one of my previous bosses during appraisal time... :|
Sign In·View Thread·Permalink
GeneralRe: My vote of 3memberDrABELL5 Oct '12 - 2:30 
Smile | :) !!!
Sign In·View Thread·Permalink
GeneralRe: My vote of 3memberMohammad A Rahman8 Oct '12 - 20:00 
Smile | :)
Expert C# 5.0 with the .NET 4.5 Framework
Sign In·View Thread·Permalink
Last Visit: 31 Dec '99 - 18:00     Last Update: 19 May '13 - 13:59Refresh1

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

About Article
Productivity software implemented as pure HTML5/CSS3/Javascript solution, encapsulated in a single text file does not require any image files. Can run in all major browsers, and also is intended to add ability of standalone operations under Windows OS on Ultrabooks.
Type Article
Licence CPOL
Version  3
First Posted 4 Oct 2012
Views 13,166
Bookmarked 16 times

, +
Top News

Math Primers for Programmers

Get the Insider News free each morning.
Related Videos
C++ Programming - 0709 Simple Calculator
216 Construct 2 - mixing your audio in the engine
Evaluation Engine
A Calculation Engine for .NET
Drop-Down Calculator
Symbolic Differentiation
CatchCulator
An Idea of F# Workflow Engine based on Concurrency and Coordination Runtime
Unleash the Power of Search Engines
Building a General Purpose Interpreter, Math Engine and Parser in C#
Circuit Engine
Top 10 steps to optimize data access in SQL Server: Part III (Apply advanced indexing and denormalization)
JavaScript Database Engine (JS-DBE)
Updater
Developing AI chatbots
Page Menu implements HTML 5: "abbr, base" elements
Using a Rules Engine to Separate Business Rules from the Application
3D Software Rendering Engine - Part I
Implementing an Excel-like formula engine
Bezier Curves Made Simple
Dijkstra:Shortest Route Calculation - Object Oriented
The beauty of fractals - A simple fractal rendering program done in C#
Permalink | Advertise | Privacy | Mobile
Web02 | 2.6.130516.1 | Last Updated 4 Oct 2012
Article Copyright 2012 by DrABELL
Everything else Copyright © CodeProject, 1999-2013
Terms of Use
Layout: fixed | fluid