Giter Site home page Giter Site logo

unixevans / simonel Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 1.32 MB

PROJECT WEB IOT SYSTEM MONITORING PANEL

Home Page: https://simonel.xyz

PHP 67.31% CSS 32.45% JavaScript 0.24%
back-end-development monitoring-panel-web php-mysql web-monitoring latest-version

simonel's Introduction

SIMONEL (SYSTEM MONITORING PANEL) LATEST VERSION

Repo ini berisi source code dari proyek website monitoring solar panel. Proyek web monitoring panel ini merupakan hasil kerjasama dalam rangka proyek praktek magang (Januari - Juni 2023) antara dua jurusan di SMKN 1 NGLEGOK, yaitu TKJ (Teknik Komputer Jaringan) dan TEI (Teknik Elektronika Industri), di bawah bimbingan PT. Teknolab Caraka Internasional. TEI memegang peran dalam IoT hardware Panel Surya meliputi, transfer data LoRa, ESP32, installasi hardware, software IoT programming dll. Sedangkan TKJ memegang peran sebagai web development yaitu, visualisasi data output yang dihasilkan oleh hardware Panel Surya dalam bentuk sebuah website yang dapat di monitoring dengan mudah kapan saja dan dimana saja.

Dekstop View

View On Browser

Mobile View

View On Browser

Descriptions

Hal penting yang ditampilkan di website ini adalah data rata-rata dan tertinggi setiap output dari dua buah Microinventer, antara lain output Tegangan(Voltage), Arus(Ampere), Daya Nyata(Watt), Daya Semu(Voltage Ampere), dan Daya Reaktif(Voltage Ampere Reactive).

Tech

Aplikasi web simonel ini dibangun menggunakan :

  • XAMPP versi 3.3.0
  • Visual Studio Code
  • PHP versi 8.2.0
  • Javascript
  • JQuery
  • CanvasJS
  • Bootstrap
  • HTML5
  • CSS3

Requirements

  • PHP version 7.3 atau diatasnya

Installations

Download file zip repo ini, kemudian ekstrak dan letakkan di folder htdocs xampp kalian

C:/xampp/htdocs/simonel

Kemudian buka xampp control panel dan jalankan server Apache dan MySQL, kemudian buat database dengan nama simonel, dan tabel bernama pzem_data dengan SQL Query berikut :

CREATE DATABASE simonel;
USE simonel;
CREATE TABLE pzem_data (
    id int PRIMARY KEY AUTO_INCREMENT,
    voltageA float,
    currentA float,
    dayanyataA float,
    dayasemuA float,
    dayareaktifA float,
    voltageB float,
    currentB float,
    dayanyataB float,
    dayasemuB float,
    dayareaktifB float,
    created_at timestamp DEFAULT CURRENT_TIMESTAMP
 );

Kemudian sesuaikan koneksi database pada masing-masing file

Credits

Evan Kamalludin | Tegar Dwi Arbiantoro

Teknolab Caraka Internasional

simonel's People

Contributors

unixevans avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.