jpmn / bandwidth-monitoring-extension Goto Github PK
View Code? Open in Web Editor NEWA Google Chrome Extension to monitor bandwidth usage for the clients of ElectronicBox provider.
A Google Chrome Extension to monitor bandwidth usage for the clients of ElectronicBox provider.
Il faudrait identifier les endroits dans l'extension où le nom ElectronicBox est présent pour le remplacer par EBOX. Cela implique aussi d'apporter des modifications aux propriétés du Chrome Web Store.
Étant donnée que EBOX ne conserve (ou ne rend accessible) que les deux derniers mois de consommation, il pourrait être intéressant d'en faire la sauvegarde dans les données du profil afin d'avoir accès à plus de données pour les statistiques. Par exemple, il pourrait être possible de comparer la consommation entre le même mois entre deux années. Il faudrait permettre à l'utilisateur d'activer ou de désactiver cette collecte d'information.
Afin d'assurer la stabilité de l'extension au fur et mesure que des changements sont apportés, il pourrait être intéressant d'ajouter des tests unitaires.
Peut-être que ça vaudrait la peine aussi d'utiliser un module bundler pour minifier les sources et inclure seulement le strict minimum dans les releases.
Dans la page conso.ebox.ca
, des requêtes sont envoyées pour récupérer les données de consommation des deux dernier mois. Le service retourne un document XML avec certaines informations selon ce format:
<xml>
<action>getMonth</action>
<code>0</code>
<divname>07-2016</divname>
<arrResultLast>
{
"fullDownload":85.31,
"fullUpload":2.54,
"fullDAY":87.85,
"creditDownload":0,
"creditUpload":0,
"creditDAY":0,
"chargeDownload":85.31,
"chargeUpload":2.54,
"chargeDAY":87.85,
"month":"07",
"year":"2016",
"accountAvailable":{
"G":150,
"M":153600,
"B":161061273600
},
"packName":"Cable HV + 15 Mbits 150 GB",
"blockName":"0 X 75 GB",
"unlimited":false,
"off_peak":"0",
"date_offpeak":"",
"dataLeft":62.15,
"dataToCharge":0
}
</arrResultLast>
<arrResultLastDetail>
[
{
"reg_date":"2016-07- 31",
"totalDownload":1.7436,
"totalUpload":0.0558,
"totalDAY":1.7993,
"totalDownload_off":1.6469,
"totalUpload_off":0.0265,
"totalDAY_off":1.6734
},
...
]
</arrResultLastDetail>
</xml>
Dans la console du navigateur, il est possible de tester la requête en utilisant jQuery et récupérer le contenu des champs en JSON.
$.post('/controler_ajax.php', {
lngGab:'en',
codeGab:'XYZ00',
action:'getMonth',
m:'07',
y:'2016',
type:'CABLEQC'
}).then(function(response) {
var element = response.getElementsByTagName('arrResultLastDetail')[0];
var content = JSON.parse(element.textContent);
console.log(content);
});
Il faudrait tester s'il est possible d'aller plus loin en arrière, mais je doute qu'ils conservent les données aussi longtemps. Peut-être existe-t-il une requête semblable pour récupérer les données du mois courant et les détails du plan afin d'éviter de crawler le contenu de la page?
Dans la page des statistiques, il pourrait être intéressant d'afficher les données de consommation passées dans des tableaux et graphiques.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.