operations |
comment | "parent_author":"",<br>"parent_permlink":"utopian-io",<br>"author":"escorn",<br>"permlink":"electronics-simulations-18-or-an-introduction-to-digital-circuit-simulator-logijs-the-basics-of-the-software",<br>"title":"Electronics Simulations #18| An Introduction to digital circuit simulator \"LogiJS\" - the basics of the software",<br>"body":"\n#### What Will I Learn?\nIn this tutorial,<br> reader:\n\n- will learn the basics of the software \"LogiJS\"\n- will learn construction and simulation operations on \"LogiJS\"\n\n<center>![1.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518520203\/omtkmhjgigzsihecnly7.png)\n<\/center>\n\n#### Requirements\nIn order to complete the tutorial,<br> readers would have\n\n- basic idea about digital environment\n- \"LogiJS\" software\n\n#### Difficulty\n\n- Basic\n\n#### Tutorial Contents\nIn this tutorial,<br> I am going to introduce a new digital circuit simulator,<br>It enables us to simulate different digital circuits & different scenarios.\n\n>LogiJS is a logic circuit editor that focuses on usability and a powerful simulation module.\n\n\nI will start my tutorial by introduing the software,<br> then move into basic circuit construction steps (by constructing very simple digital circuit),<br> and as a last part I will show simulation basics.\n\n- **Episode 1: Basics of the LogiJS**\n\nLogiJS is a web-based simulation which is available [here (https:\/\/logijs.netlify.com\/). Opening screen of the simulator,<br>\n\n<center>![1.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518521307\/gbumophrvrttl1inzgrf.png)\n<\/center>\n\nWe need to click *START CREATING* to open the simulator.\n\nWe will face following screen after clicking the button.\n\n<center>\n![2.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518521469\/ghlmtmenleyxh6ymuss0.png)\n<\/center>\n\nFrom that screen;\n\n- **1** corresponds to basic logic components that we can use to construction.\n\n- **2** corresponds to advanced logic components that we can use to construction.\n\n- **3** corresponds to main tool bar that is for simulation & wiring options\n\n- **4** corresponds to save & load segment for the future usage of the circuits.\n\nWe are able to operate all desired functions from that window,<br> we do not need any extra windows. We can say that LogiJS is a really user-friendly software.\n\nI will explain each segments in detail when needed. Now,<br> we can try to build some circuits.\n\n- **Episode 2: Construction of digital circuits on LogiJS**\n\nIn order to put the desired components for circuit construction,<br> we only need to *left click* to desired component,<br> and then *double click* on the workspace as shown below:\n\n<center>![3.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518521933\/qtooftkuoubztzgpe01x.png)\n<\/center>\n\nI just *left clicked* to And-Gate and then *double click*ed on the workspace. Reader can add any component by using same method.\n\nReaders can invert the input&output by just left clicking the input&output ports of the components.\n\n<center>![14.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524432\/j4dcpmd7g1et4hcvgwak.png)\n<\/center>\n\nHere I inverted the inputs of the gate,<br>whereas output stands same.\n\n Let me add an **Or-Gate** and an a **Xor-Gate**\n\n<center>![4.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522054\/wogegu44e3rplmvxptpi.png)\n<\/center>\n\nWe can label corresponding gates by using **Label** as shown below:\n\n<center>\n![5.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522274\/drknqh2zzd3t22yvaiee.png)\n<\/center>\n\nWhen we label them,<br> the result should look like:\n\n<center>![6.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522296\/nuvn6wiebicrjvoxhpcv.png)\n<\/center>\n\nWe can change the positions of the components by using **Select** button. After clicking the button,<br> we need to choose the area that we want to move.\n\n<center>![7.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522404\/cskdy5iwa3mjxa9sf9na.png)\n<\/center>\n\nI selected 3 logic gates for this example. Reader also can click to **Undo** to move 1 step back.\n\nNow,<br> I will add 6 inputs to my circuit,<br>by clicking **Switch** in the Table 1 that I have explained above.\n\n<center>![8.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522714\/ohehjzmqp7qvxk9fhlbx.png)\n<\/center>\n\n(*Please note that I have labeled each input,<br>respectively*)\n\nAs a next step,<br> let me add 3 more **AND** gates at the output of first gates.\n\n<center>![9.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523165\/qurx0h55thnkbyqu2er4.png)\n<\/center>\n\nAs a next step,<br> we can connect gates and inputs by using **Wiring** and connect the gates by *left click+drag* from start point to end point. When we complete wiring,<br> the result should look like:\n\n<center>![10.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523312\/sawms4b0tnkzi8ewe4ld.png)\n<\/center>\n\nAs a last step,<br>which is optional,<br> I wanted to add **Lamp** to end points of outputs in order to make simulation more visual. to add **Lamp** ,<br> we need to click **Lamp** from table 1,<br>as we have done on previous components.Finalized version of our circuit should look like:\n\n<center>![11.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523402\/kal7kgutivvishxmsysa.png)\n<\/center>\n\nNow we are ready to simulate.\n\n- **Episode 3: Simulation of digital circuits on LogiJS**\n\nIn order to start simulate,<br> reader should click **Start** button.\n\n<center>![12.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523470\/m0qag31wpzdofthxwzzu.png)\n<\/center>\n\nWhen we click the button,<br> simulation starts. Simulation results of constructed circuit:\n\n<center>![gif.gif (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523629\/qagonvp3ynon5ru8ju6r.gif)\n<\/center>\n\nAs a side note,<br> if we use a clock on our design,<br> we need to use the bar indicated above to adjust its frequency.\n\n<center>![13.png (https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523676\/fyazwgho4onieoi7lc1e.png)\n<\/center>\n\nSo we have managed to construct & simulate our circuit.\n\nI have provided the files for this tutorial [here (https:\/\/drive.google.com\/open?id=1WCeWfyAiBJhm4zGcmWVnYU3qBJxDIntb). I highly recommend that the reader should work on the files that I have provided and try to understand the basics of the circuit & software. It will be benefical for he\/she.\n\nThis is the end for this tutorial.Hope that you like it.\n\nLogiJS is a really effective and user-friendly digital circuit simulator,<br> I highly recommend this software for the one who wants to make simulation.If you have any questions,<br> please feel free to ask me on Discord (Escorn#4114)\n\n#### Curriculum\nI have provided the previous tutorials that I have prepared for the community:\n\nSimulIDE | Caneda | Digital|\n--- | --- | ---|\n[Part 1 (https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-2-or-illustration-of-2-bit-comparator-by-using-simulide-simulator)|[Part 1 (https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-6-or-basics-of-the-circuit-simulation-software-caneda-how-to-build-circuits-and-scope-them) |[Part 1 (https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-16-or-an-introduction-to-digital-circuit-simulator-digital-how-to-construct-circuits-and-simulations)|\n[Part 2 (https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-3-or-constructing-7-segment-led-display-decoder-with-simulide) | [Part 2 (https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-7-or-illustration-of-half-wave-and-full-wave-rectifier-circuits-in-caneda) | [Part 2 (https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-17-or-construction-of-ring-counter-by-using-digital-step-by-step-explanation)|\n[Part 3 (https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-4-or-fundamental-properties-to-construct-circuits-in-simulide) | [Part 3 (https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-8-or-construction-of-passive-band-pass-filters-and-ac-sweep-simulation-on-caneda) |\n[Part 4 (https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-5-or-creating-sub-circuits-and-how-to-implemen-them-in-simulide-with-4-to-1-mux-example) | [Part 4 ( https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-9-or-implementation-of-op-amps-and-construction-of-differentiator-on-caneda)|\n- | [Part 5 (https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-10-or-mos-technology-and-implementation-on-caneda) |\n- | [Part 6 (https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-11-or-logic-gates-implementation-on-caneda-with-a-guide-of-how-to-build-full-adder)|\n- | [Part 7 (https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-12-or-dc-sweep-property-of-caneda-illustrated-and-observed-with-a-diode-circuit)|\n \n \n \n\n<br \/><hr\/><em>Posted on <a href=\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-18-or-an-introduction-to-digital-circuit-simulator-logijs-the-basics-of-the-software\">Utopian.io - Rewarding Open Source Contributors<\/a><\/em><hr\/>",<br>"json_metadata":" \"community\":\"utopian\",<br>\"app\":\"utopian\/1.0.0\",<br>\"format\":\"markdown\",<br>\"repository\"<br>\"id\":113684899,<br>\"name\":\"LogiJS\",<br>\"full_name\":\"SimonBuxx\/LogiJS\",<br>\"html_url\":\"https:\/\/github.com\/SimonBuxx\/LogiJS\",<br>\"fork\":false,<br>\"owner\"<br>\"login\":\"SimonBuxx\" ,<br>\"pullRequests\":[ ,<br>\"platform\":\"github\",<br>\"type\":\"tutorials\",<br>\"tags\":[\"utopian-io\",<br>\"simulation\",<br>\"logijs\",<br>\"electronics\" ,<br>\"users\":[\"escorn\" ,<br>\"links\":[\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518520203\/omtkmhjgigzsihecnly7.png\",<br>\"https:\/\/logijs.netlify.com\/\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518521307\/gbumophrvrttl1inzgrf.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518521469\/ghlmtmenleyxh6ymuss0.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518521933\/qtooftkuoubztzgpe01x.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524432\/j4dcpmd7g1et4hcvgwak.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522054\/wogegu44e3rplmvxptpi.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522274\/drknqh2zzd3t22yvaiee.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522296\/nuvn6wiebicrjvoxhpcv.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522404\/cskdy5iwa3mjxa9sf9na.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522714\/ohehjzmqp7qvxk9fhlbx.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523165\/qurx0h55thnkbyqu2er4.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523312\/sawms4b0tnkzi8ewe4ld.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523402\/kal7kgutivvishxmsysa.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523470\/m0qag31wpzdofthxwzzu.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523629\/qagonvp3ynon5ru8ju6r.gif\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523676\/fyazwgho4onieoi7lc1e.png\",<br>\"https:\/\/drive.google.com\/open?id=1WCeWfyAiBJhm4zGcmWVnYU3qBJxDIntb\",<br>\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-2-or-illustration-of-2-bit-comparator-by-using-simulide-simulator\",<br>\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-6-or-basics-of-the-circuit-simulation-software-caneda-how-to-build-circuits-and-scope-them\",<br>\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-16-or-an-introduction-to-digital-circuit-simulator-digital-how-to-construct-circuits-and-simulations\",<br>\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-3-or-constructing-7-segment-led-display-decoder-with-simulide\",<br>\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-7-or-illustration-of-half-wave-and-full-wave-rectifier-circuits-in-caneda\",<br>\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-17-or-construction-of-ring-counter-by-using-digital-step-by-step-explanation\",<br>\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-4-or-fundamental-properties-to-construct-circuits-in-simulide\",<br>\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-8-or-construction-of-passive-band-pass-filters-and-ac-sweep-simulation-on-caneda\",<br>\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-5-or-creating-sub-circuits-and-how-to-implemen-them-in-simulide-with-4-to-1-mux-example\",<br>\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-10-or-mos-technology-and-implementation-on-caneda\",<br>\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-11-or-logic-gates-implementation-on-caneda-with-a-guide-of-how-to-build-full-adder\",<br>\"https:\/\/utopian.io\/utopian-io\/@escorn\/electronics-simulations-12-or-dc-sweep-property-of-caneda-illustrated-and-observed-with-a-diode-circuit\" ,<br>\"image\":[\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518520203\/omtkmhjgigzsihecnly7.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518521307\/gbumophrvrttl1inzgrf.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518521469\/ghlmtmenleyxh6ymuss0.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518521933\/qtooftkuoubztzgpe01x.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518524432\/j4dcpmd7g1et4hcvgwak.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522054\/wogegu44e3rplmvxptpi.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522274\/drknqh2zzd3t22yvaiee.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522296\/nuvn6wiebicrjvoxhpcv.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522404\/cskdy5iwa3mjxa9sf9na.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518522714\/ohehjzmqp7qvxk9fhlbx.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523165\/qurx0h55thnkbyqu2er4.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523312\/sawms4b0tnkzi8ewe4ld.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523402\/kal7kgutivvishxmsysa.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523470\/m0qag31wpzdofthxwzzu.png\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523629\/qagonvp3ynon5ru8ju6r.gif\",<br>\"https:\/\/res.cloudinary.com\/hpiynhbhq\/image\/upload\/v1518523676\/fyazwgho4onieoi7lc1e.png\" " | comment_options | "author":"escorn", "permlink":"electronics-simulations-18-or-an-introduction-to-digital-circuit-simulator-logijs-the-basics-of-the-software", "max_accepted_payout":"1000000.000 SBD", "percent_steem_dollars":10000, "allow_votes":true, "allow_curation_rewards":true, "extensions":[[0, "beneficiaries":[ "account":"utopian.pay", "weight":2500 |
|