Présentation jonatd05

jonatd05 · Message par **jonatd05** » 19 nov. 2017, 11:55

Je viens de tester.
Apparement ce n'est pas compatible avec iOS ... uniquement sur Mac.

dcjona · Message par **dcjona** » 19 nov. 2017, 11:58

https://itunes.apple.com/us/app/browser ... 83066?mt=8 et ca ? suis pas chez moi je sais pas tester ...

jonatd05 · Message par **jonatd05** » 19 nov. 2017, 12:07

Il faut iOS 10 ... je suis en iOS 9 sur cet iPad et il n'est pas compatible iOS 10 ...

dcjona · Message par **dcjona** » 19 nov. 2017, 12:22

pareil que moi ...

Thyer · Message par **Thyer** » 19 nov. 2017, 13:08

Salut,
Cette appli https://itunes.apple.com/fr/app/kiosk-p ... 06264?mt=8 propose l'auto refresh

dcjona · Message par **dcjona** » 19 nov. 2017, 13:28

c'est ce que tu utilises Thyer? je pense que tu avais le même soucis que nous non ?

Thyer · Message par **Thyer** » 19 nov. 2017, 13:44

Ben écoute non j'ai pas vraiment de souci de mon coté, L'IPAD est constamment allumée.
Mais je cherchais une appli pour allumer l'IPAD avec la camera et je suis tombé sur cette appli qui propose l'auto-refresh, le plein écran mais du coup pas d'allumage possible avec la Caméra, peut être la version Pro à plus de 50€

dcjona · Message par **dcjona** » 19 nov. 2017, 13:59

toujours bon à prendre je vais testé

merci

jonatd05 · Message par **jonatd05** » 19 nov. 2017, 20:37

Je viens de la mettre en test sur mon iPad.
Merci pour le partage.

jonatd05 · Message par **jonatd05** » 20 nov. 2017, 22:40

Suite à la réception de la Gateway Xiaomi ainsi que de quelques détecteurs (de mouvements et d'ouvertures), je viens de mettre en place un système d'alarme simple (raison pour laquelle je n'ai pas installé le plugin officiel alarme pour le moment).

Voici donc un petit descriptif de ce que j'ai fait :

Création d'un virtuel pour l'état de l'alarme (0 ou 1)
- Avant passage à 1 : Mise en rouge de la Gateway, un son pendant 2 secondes, envoi d'un message Telegram, attente de 5 min
- Après passage à 1 : un son pendant 2 secondes, extinction de la Gateway, envoi d'un message Telegram
- Après passage à 0 : Mise en vert de la Gateway, 1 son pendant 2 secondes, extinction de la Gateway
Création d'un scénario qui se déclenche en fonction des détecteurs et si le virtuel alarme est à 1
Ce scénario fait appel à 4 autres scénarios en simultané :
- 1 qui envoi des messages Telegram toutes les 10 secondes
- 1 qui fait clignoter la Gateway
- 1 qui fait tourner en boucle du son sur la Gateway
- 1 qui fait monter et descendre les volets (quand 1 volet monte, le volet voisin descend puis c'est l'inverse toutes les 10 secondes et ce pour tous les volets de la maison)
Ces 4 scénarios d’alerte se stoppent dès que l’alarme est désarmée

Pour le moment je n'ai pas de lumières gérées par Jeedom mais quand ce sera le cas, je ferai également "clignoter" les lumières.

Je pense également par la suite acheter une sirène connectée afin d'avoir une 2ème source pour la partie sonore (à moins que je parte sur une enceinte connectée qui pourrait me servir également pour la musique ...). Et pourquoi pas une sirène connectée pour l'extérieur (avec flash lumineux).

Comme je gère les présences, je vais mettre en place un système de demande automatique d'armement de l'alarme s'il n'y a plus de présence et que l'alarme n'est pas activée (toujours avec Telegram).

Voilà, si ça peut donner des idées à certains ou si vous avez des conseils à partager, n'hésitez pas !

rjcb · Message par **rjcb** » 04 janv. 2018, 20:32

jonatd05 a écrit : ↑

16 nov. 2017, 07:57

En fait il ne s'agit pas d'un plugin mais d'une simple zone de texte avec le code suivant :

Code : Tout sélectionner

<iframe src="montheme/clock.html" style="border-style: hidden;"></iframe>

Voici le code du fichier clock.html :

Code : Tout sélectionner

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>

    <meta name="robots" content="noindex,follow" />
    <link rel="canonical" href="http://www.zeitverschiebung.net/fr/" />
    
    <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400' rel='stylesheet' type='text/css' />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    
    <style type="text/css">
        html {
            font-family: 'Ubuntu', Arial, sans-serif;
            font-weight: normal;
        }
        
        div.clock {
            width: 100%;
            text-align: center;

        }

            div.clock  {
                color: white;
          
                font-size: 18px;
                font-weight: normal;
                text-decoration: none;
            }

                div.clock a:hover {
                    text-decoration: underline;
                }

            div.clock div.date {
                color: white;
                font-size: 1.5em;
                margin: 8px 0;
            }

            div.clock div.time {
                font-size: 3em;
                font-weight: 200;
            }

                div.clock div.time span {
                    border-radius: 5px;
                    padding: 1px 4px 3px 4px;
                    color: #fff;

                    /* fallback */
                    background: #000;
                    /* Safari 4-5, Chrome 1-9 */
                    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#000));
                    /* Safari 5.1, Chrome 10+ */
                    background: -webkit-linear-gradient(top, #555, #000);
                    /* Firefox 3.6+ */
                    background: -moz-linear-gradient(top, #555, #000);
                    /* IE 10 */
                    background: -ms-linear-gradient(top, #555, #000);
                    /* Opera 11.10+ */
                    background: -o-linear-gradient(top, #555, #000);
                }

                div.clock div.time strong {
                    font-weight: 100;
                    font-size: 1em;
                    margin-left: 5px;
                    color: #666;
                }
    </style>
    
    <script type="text/javascript">
        var _gaq = _gaq || [];
        
        _gaq.push(['_setAccount', 'UA-378139-21']);         _gaq.push(['_gat._anonymizeIp']);
        _gaq.push(['_trackPageview']);
        
        (function() {
        var ga = document.createElement('script');ga.type = 'text/javascript';ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga, s);
        })();
    </script>
</head>
<body>    

    <div class="clock" id="clock">
        <div class="date"></div>
        <div class="time"></div>
    </div>
    
    <script type="text/javascript"><!--

        $(document).ready(function() {
            $("div#clock").simpleClock(1);
        });
        
        //***** SIMPLECLOCK PLUGIN http://ticktoo.com/blog/35-simpleClock+-+jQuery+Plugin *****/
        (function ($) {

          $.fn.simpleClock = function ( utc_offset ) {

            // Aktuelle Sprache ermitteln
            var language = "fr";

            // Tage & Monate in jeweiliger Landessprache
            switch (language) {
                case "de":
                    var weekdays = ["So.", "Mo.", "Di.", "Mi.", "Do.", "Fr.", "Sa."];
                    var months = ["Jan.", "Feb.", "Mär.", "Apr.", "Mai", "Juni", "Juli", "Aug.", "Sep.", "Okt.", "Nov.", "Dez."];
                    break;
                case "es":
                    var weekdays = ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"];
                    var months = ["Ene", "Feb", "Mar", "Abr", "Mayo", "Jun", "Jul", "Ago", "Sept", "Oct", "Nov", "Dic"];
                    break;
                case "fr":
                    var weekdays = ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"];
                    var months = ["Jan", "Fév", "Mars", "Avr", "Mai", "Juin", "Juil", "Août", "Sept", "Oct", "Nov", "Déc"];
                    break;
                default:    // "en" -> Standard: Englisch
                    var weekdays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
                    var months = ["Jan", "Feb", "Mar", "Apr", "May", "June", "July", "Aug", "Sept", "Oct", "Nov", "Dec"];
                    break;
            }

            var clock = this;

            // getTime - Where the magic happens ...
            function getTime() {
              var date = new Date();

              var nowUTC = date.getTime() + date.getTimezoneOffset()*60*1000;

              // alert( nowUTC +' vs. '+ date.getTime() );

              // Zeitverschiebung addieren/subtrahieren: X STD * 60 Min. * 60 Sek. * 1000 Millisek.
              date.setTime( nowUTC + (utc_offset*60*60*1000) );

              var hour = date.getHours();

                ///// AM, PM für Language "en"
                if ( language == "en" ) {
                    //it is pm if hours from 12 onwards
                    suffix = (hour >= 12)? 'p.m.' : 'a.m.';

                    //only -12 from hours if it is greater than 12 (if not back at mid night)
                    hour = (hour > 12)? hour -12 : hour;

                    //if 00 then it is 12 am
                    hour = (hour == '00')? 12 : hour;
                }

              return {
                day: weekdays[date.getDay()],
                date: date.getDate(),
                month: months[date.getMonth()],
                year: date.getFullYear(),
                hour: appendZero(hour),
                minute: appendZero(date.getMinutes()),
                second: appendZero(date.getSeconds())
              };
            }

            // appendZero - If the number is less than 10, add a leading zero. 
            function appendZero(num) {
              if (num < 10) {
                return "0" + num;
              }
              return num;
            }

            // refreshTime - Build the clock.
            function refreshTime(clock_id) {
                var now = getTime();
                clock = $.find('#'+clock_id);
                $(clock).find('.date').html(now.day + ', ' + now.date + '. ' + now.month + ' ' + now.year);
                $(clock).find('.time').html("<span class='hour'>" + now.hour + "</span>:<span class='minute'>" + now.minute + "</span>:<span class='second'>" + now.second + "</span>");

                if ( typeof(suffix) != "undefined") { // am oder pm ?
                    $(clock).find('.time').append('<strong>'+ suffix +'</strong>');
                }
            }

            // Get individual clock_id
            var clock_id = $(this).attr('id');

            // Tick tock - Run the clock.
            refreshTime(clock_id);
            setInterval( function() { refreshTime(clock_id) }, 1000);    

          };
        })(jQuery);
    //--></script>
    
</body>
</html>

Voilà, j'espère avoir répondu correctement à ta question

Hello,

Ton design est vraiment top !
Je tente de mettre l'heure mais bien évidement cela ne marche pas chez moi ... rien ne s'affiche sauf le code ...

: Screen Shot 2018-01-04 at 20.31.56.png (78.52 Kio) Consulté 1564 fois

Je pense au format du fichier mais il parait bien ?

jonatd05 · Message par **jonatd05** » 05 janv. 2018, 10:39

Qu'est-ce que tu veux dire par "rien ne s'affiche sauf le code" ?

rjcb · Message par **rjcb** » 05 janv. 2018, 11:20

: 1.jpg (13.84 Kio) Consulté 1548 fois

jonatd05 · Message par **jonatd05** » 10 janv. 2018, 11:17

Dans la zone de texte sur le design tu as bien mis le code ci-dessous ?

Code : Tout sélectionner

<iframe src="montheme/clock.html" style="border-style: hidden;"></iframe>

Si oui, je pense qu'il faut que tu vérifies le code html du fichier clock.html.
Refais peut être un copier/coller. Il manque peut être une balise qui empêche une interprétation correcte du code.

rjcb · Message par **rjcb** » 10 janv. 2018, 16:43

J'ai recommencé avec un éditeur HTML et top.
Merci

jonatd05 · Message par **jonatd05** » 10 janv. 2018, 20:28

Ok super !

bastgigi · Message par **bastgigi** » 02 janv. 2019, 11:26

Salut,
Vous avez trouvé une solution pour le refresh de vos ipad ?

Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Re: Présentation jonatd05

Qui est en ligne ?