Conn-Air Mobile WebApp [iPhone, iPad, Android, PC, ...]

[mentox]

Hallo zusammen,

so ich habe Version 0.6.5 (2013-04-11) fertig.
Ich dachte das wäre mal einen eigenen Thread wert.

entstanden ist das ganze aus dem Thread: viewtopic.php?f=15&t=260&start=210

viel Spass beim Schalten
euer mentox

http://www.l3x.de/connair/

[Gast]

Hi mentox,

hier ein paar weitere Vorschläge:

Raumbezeichnung bei Geräten in der Favoritenübersicht

Bildschirmfoto 2013-02-28 um 16.41.05.png

Code: Alles auswählen

                <li id="deviceRow<?php echo $device->id; ?>" data-theme="<?php echo $rowDataTheme; ?>">
                    <div class="ui-grid-a">
                       <div class="ui-block-a" style="text-align:left"><?php echo $device->name; ?>
                       <p></p><p><?php echo $device->room; ?></p>
                       </div>
                       <div class="ui-block-b" style="text-align:right">
                           <button id="btnOn<?php echo $device->id; ?>" data-theme="<?php echo $btnOnDataTheme; ?>" data-mini="true" data-inline="true" <?php if(!empty($btnOnIcon)) { echo 'data-icon="'.$btnOnIcon.'"'; } ?> onclick="<?php echo $btnOnJS; ?>">Ein</button>
                           <button id="btnOff<?php echo $device->id; ?>" data-theme="<?php echo $btnOffDataTheme; ?>" data-mini="true" data-inline="true" onclick="<?php echo $btnOffJS; ?>">Aus</button>
                       </div>
                    </div>
                </li>


Timerübersicht

Bildschirmfoto 2013-02-28 um 16.43.48.png

Bildschirmfoto 2013-02-28 um 16.45.32.png

Code: Alles auswählen

<div data-role="page" id="Timer">

    <div data-role="panel" id="mypanel" data-position="left" data-display="reveal" data-theme="a">
       <center>
            <a href="#Favoriten" data-role="button" data-theme="e">Favoriten</a>
            <a href="#Geräte" data-role="button" data-theme="e">Geräte</a>
            <a href="#Gruppen" data-role="button" data-theme="e">Gruppen</a>
            <a href="#Räume" data-role="button" data-theme="e">Räume</a>
            <a href="#Timer" data-role="button" data-theme="e" class="ui-disabled">Timer</a>
            <a href="#Einstellungen" data-role="button" data-theme="e" class="ui-disabled">Einstellungen</a>
            <br />
            <div class="ui-grid-a">
                <div class="ui-block-a"><button data-theme="g" data-rel="close" onclick="send_connair('allon')">Alle an</button></div>
                <div class="ui-block-b"><button data-theme="r" data-rel="close" onclick="send_connair('alloff')">Alle aus</button></div>     
            </div>
            <br />
            <a href="#my-header" data-role="button" data-theme="a" data-rel="close">Schliessen</a>
        </center>
    </div><!-- /panel -->
 
       
    <div data-role="header" data-position="fixed" data-tap-toggle="false">
        <a href="#mypanel">Menu</a>
        <h1>Timer</h1>
        <a href="#newtimer" data-rel="dialog" data-transition="slidedown">+</a>
    </div><!-- /header -->


    <div data-role="content"> 
        <ul data-role="listview" data-divider-theme="e" data-inset="false">

<?php
    #$roomDevices = array();
    #foreach($xml->timers->timer as $timer) {
    #    $curRoom = (string)$device->room;
    #    if(!array_key_exists($curRoom, $roomDevices)) {
    #        $roomDevices[$curRoom] = array();
    #    }
    #    $roomDevices[$curRoom][] = $device;
    #}
    #ksort($roomDevices);
#    foreach($xml->devices->device as $device) {
       //echo $device->id." - ".$device->name."<br>";
 #      $devicedef = array((int)$device->id => $device->name);
  #  }
    foreach($xml->timers->timer as $timer) {
?>

                <li data-theme="c">
                    <div class="ui-grid-a">
                       <div class="ui-block-a" style="text-align:left">
                   <?php
                   if($timer->type=="device") {
                      foreach($xml->devices->device as $tmp_device) {
                         //echo $timer->tid."-".$tmp_device->id."<br>";
                         If ((string)$timer->typeid === (string)$tmp_device->id) {
                            echo $tmp_device->name;
                            $tmp_room = $tmp_device->room;
                         }      
                      }
                  }
                  if($timer->type=="group") {
                      foreach($xml->groups->group as $tmp_group) {
                         //echo $timer->tid."-".$tmp_device->id."<br>";
                         If ((string)$timer->typeid === (string)$tmp_group->id) {
                            echo $tmp_group->name;
                         }      
                      }
                  }
                   ?></div>
                      <div class="ui-block-b" style="text-align:right">
                           <a href="#newtimer" data-role="button" data-mini="true" data-inline="true" data-theme="r" data-rel="dialog" data-transition="slidedown">Edit</a>
                       </div>
                    </div>
                    <p><b>Type: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b>
                    <?php
                   if($timer->type=="device") {
                    echo "Gerät";
                } else
                {
                   if($timer->type=="group") {
                       echo "Gruppe";
                   } else
                   {
                      echo "Raum";
                   }
                }     
                    ?></p>
                    <?php if($timer->type=="device") {
                       echo "<p><b>Raum: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b>".$tmp_room."</p>";
                    }
                    ?>
                    <p><b>Tag: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b>
                    <?php switch ($timer->day) {
                          case "M______":
                             echo "Montag</p>";
                             break;
                          case "_D_____":
                             echo "Dienstag</p>";
                             break;
                          case "__M____":
                             echo "Montag</p>";
                             break;
                          case "___D___":
                             echo "Donnerstag</p>";
                             break;
                          case "____F__":
                             echo "Freitag</p>";
                             break;
                          case "____S_":
                             echo "Samstag</p>";
                             break;
                          case "_____S":
                             echo "Sonntag</p>";
                             break;
                          case "MDMDF__":
                             echo "Mo,-Fr.</p>";
                             break;
                          case "_____SS":
                             echo "Sa.-So.</p>";
                             break;
                          case "MDMDFSS":
                             echo "Mo.-So.</p>";
                             break;
                          default:
                             echo "nicht definiert</p>";
                             break;
                        }
                    ?>                             
                    <p><b>Timer AN: &nbsp;&nbsp;&nbsp;</b>
                    <?php
                if($timer->timerOn=="SD") {
                    echo "Sonnenuntergang";
                } else
                {
                   if($timer->timerOn=="SU") {
                       echo "Sonnenaufgang";
                   } else
                   {
                      echo $timer->timerOn." Uhr";
                   }
                }                   
                    ?></p>
                    <p><b>Timer AUS: &nbsp;</b>
                    <?php
                if($timer->timerOff=="SD") {
                    echo "Sonnenuntergang";
                } else
                {
                   if($timer->timerOff=="SU") {
                       echo "Sonnenaufgang";
                   } else
                   {
                      echo $timer->timerOff." Uhr";
                   }
                }                   
                    ?></p>
                </li>

<?php
    }
?>
   
         </ul>
    </div><!-- /content -->
</div><!-- /page -->


[Gast]

Fortsetzung:

Neuer Timer

Bildschirmfoto 2013-02-28 um 16.45.46.png

Code: Alles auswählen

<div data-role="page" id="newtimer" data-theme="e" data-close-btn="none">

    <div data-role="header">
        <h1>Neuer Timer</h1>
    </div><!-- /header -->

    <div data-role="content">
        <form id="newtimerform" method="post">
            <div data-role="fieldcontain">
              
              
            <div data-role="fieldcontain">
                <fieldset data-role="controlgroup" data-mini="true" data-type="horizontal">
                   <legend>Timer Type:</legend>
                        <input type="radio" name="timertype" id="radio-choice-1" value="device" checked="checked" />
                        <label for="radio-choice-1">Gerät</label>
            
                        <input type="radio" name="timertype" id="radio-choice-2" value="group"  />
                        <label for="radio-choice-2">Gruppe</label>
            
                        <input type="radio" name="timertype" id="radio-choice-3" value="room"  />
                        <label for="radio-choice-3">Raum</label>
            
                </fieldset>
            </div>

              
              
               <label for="ID">ID:</label>
               <input type="text" name="ID" id="ID" value="" />
               <br/>
              
               <div data-role="fieldcontain">
               <label for="day" class="select">Tag:</label>
               <select name="day" id="day" data-mini="true">
                  <option value="M______">Montag</option>
                  <option value="_D_____">Dienstag</option>
                  <option value="__M____">Mittwoch</option>
                  <option value="___D___">Donnerstag</option>
                  <option value="____F__">Freitag</option>
                  <option value="_____S_">Samstag</option>
                  <option value="______S">Sonntag</option>
                  <option value="MDMDF__">Mo. - Fr.</option>
                  <option value="_____SS">Sa. - So.</option>
                  <option value="MDMDFSS">Mo. - So.</option>
               </select>
            </div>
              
               <div data-role="fieldcontain">
                <fieldset data-role="controlgroup" data-type="horizontal">
                    <legend>Timer On:</legend>
               
                    <label for="OnTimerHH">Stunden</label>
                    <select name="OnTimerHH" id="OnTimerHH" data-mini="true">
                        <option>Stunden</option>
                        <?php
                        for ($i = 0; $i <= 23; $i++) {
                         echo "<option value='".sprintf ("%02d", $i)."'>".sprintf ("%02d", $i)."</option>";
                     }
                     ?>
                    </select>
               
                    <label for="OnTimerMM">Minuten</label>
                    <select name="OnTimerMM" id="OnTimerMM" data-mini="true">
                        <option>Minuten</option>
                        <?php
                        for ($i = 0; $i <= 59; $i++) {
                         echo "<option value='".sprintf ("%02d", $i)."'>".sprintf ("%02d", $i)."</option>";
                     }
                     ?>
                    </select>

                    <label for="OnTimerSun">Minuten</label>
                    <select name="OnTimerSun" id="OnTimerSun" data-mini="true">
                        <option>Automatik</option>
                        <option>Sonnenaufgang</option>
                        <option>Sonnenuntergang</option>
                    </select>
                                       
                </fieldset>
            </div>

               <div data-role="fieldcontain">
                <fieldset data-role="controlgroup" data-type="horizontal">
                    <legend>Timer Off:</legend>
               
                    <label for="OffTimerHH">Stunden</label>
                    <select name="OffTimerHH" id="OffTimerHH" data-mini="true">
                        <option>Stunden</option>
                        <?php
                        for ($i = 0; $i <= 23; $i++) {
                         echo "<option value='".sprintf ("%02d", $i)."'>".sprintf ("%02d", $i)."</option>";
                     }
                     ?>
                    </select>
               
                    <label for="OffTimerMM">Minuten</label>
                    <select name="OffTimerMM" id="OffTimerMM" data-mini="true">
                        <option>Minuten</option>
                        <?php
                        for ($i = 0; $i <= 59; $i++) {
                         echo "<option value='".sprintf ("%02d", $i)."'>".sprintf ("%02d", $i)."</option>";
                     }
                     ?>
                    </select>
                   
                    <select name="OffTimerSun" id="OffTimerSun" data-mini="true">
                        <option>Automatik</option>
                        <option>Sonnenaufgang</option>
                        <option>Sonnenuntergang</option>
                    </select>
                   
                </fieldset>
            </div>
              

           </div>
           <input type="submit" value="Speichern" data-theme="g"/>
            <a href="#" data-role="button" data-rel="back" data-theme="r">Abbrechen</a>
        </form>
    </div><!-- /content -->
</div><!-- /page -->


Offsetsteuerung Sonnenauf- und -untergang

Kannst Du noch eine Offsetvariable in Deinem Script aufnehmen, um den Sonnenauf- und -untergang zeitlich zu verschieben? Hier meine Umsetzung:

index.php

Code: Alles auswählen

        $sunrise = (date_sunrise(time(), SUNFUNCS_RET_TIMESTAMP, $latitude, $longitude, 90+5/6, date("O")/100))+(60*($xml->global->sunriseOffset));
        $sunset = date_sunset(time(), SUNFUNCS_RET_TIMESTAMP, $latitude, $longitude, 90+5/6, date("O")/100)+(60*($xml->global->sunsetOffset));


config.xml

Code: Alles auswählen

    <global>
       <longitude>9.44858</longitude>
       <latitude>48.64727</latitude>
       <sunriseOffset>-5</sunriseOffset>
       <sunsetOffset>-5</sunsetOffset>
    </global>


Anbei findest Du im Zip noch beide Dateien. Es wäre prima, wenn Du die kleinen Updates irgendwie berücksichtigen könntest. Meine Idee war es aus der Timerübersicht per "Edit-Button" alle Daten in die Eingabemaske "Neuer Timer" zu übergeben, aber mir fällt noch keine technische Umsetzung ein.

[lehrling]

Hallo mentox
dein Programm ist super aber wie instaliere ich so etwas damit ich auch die app benutzen kann,das steht nirgendwo(so ne Art Anleitung wäre nicht schlecht) habe gelesen das es auf dem iphone geht aber geht es auch auf meinen S3 android Phone da ich ja da eine apk Datei brauche. wäre super wenn mir jemand helfen könnte das zu verstehen

[mentox]

hi christian

du nimmst mir ja mein ganzen bastel spaß

werde mir mal anschauen was du da verbrochen hast und einbauen


hi lehrling

du hast recht. das thema habe ich noch nicht behandelt. hole ich nach.

es dreht sich hier um eine sogenannte WebApp. Diese musst du nicht auf dem telefon installieren. sondern du installierst die zb auf deiner fritzbox oder einer anderen kiste die bei dir im netzwerk steht.

laufen tut das auf einem s3 absolut genial. hat nen kollege von mir.

die erste gegenfrage die ich dir stellen muss waere. hast du einen homeserver oder fritzbox oder oder die du nutzen kannst?

du kannst mit deinem s3 einfach die demo bei mir ansurfen
http://www.l3x.de/connair/demo/


vg mentox

[volker v]

Hallo Zusammen,
Eine super Sache habt ihr hier zustande gebracht. Respekt!

Muss ich die ganzen Codes selber auf meine Bedürfnisse abschreiben?
Bin totaler Laie auf dem Gebiet.
Wie aufwendig ist es, einen Garagentorantrieb von marantec mit in die app
aufzunehmen?

Gruß Volker

[mentox]

hallo volker,

ich habe deine erste frage nicht ganz verstanden .. du kannst von meiner seite die version 0.5.0 laden und bei dir installieren .. auf meiner seite ist auch eine anleitung wie man die config anpasst.

das ganze setzt einen (ich nenne es mal homeserver) vorraus.
die ersten tests kannst du auch mit deinem normalen rechner machen .. zb xampp
http://www.apachefriends.org/de/xampp.html

du kannst es natürlich auch selber installieren .. da weis ich jett nicht genau welche hardware du hast und welches betriebssystem und was dein ziel ist.

zu deinem garagen tor kann ich nur sagen. keine ahnung
wie steuert man das denn an? wird das von der connair unsterstützt? hast du da nähere infos zu?

[Perrpf]

Wie aufwendig ist es, einen Garagentorantrieb von marantec mit in die app
aufzunehmen?

Das wirst Du mit hoher Wahrscheinlichkeit vergessen können.
So ein Garagentorantrieb ist ja was sicherheitsrelevantes, also werden da Rolling Codes und vermutlich völlig undokumentierte Protokolle benutzt.

[anne]

Hallo,
wir haben eine Connair und diverse Funksteckdosen, die wir derzeit mit der Steckercherapp steuern. Allerdings gefällt mir die hier gezeigte Steuerungsmöglichkeit viiieeel besser...
Nun bin ich leider technisch nicht so fit und bräuchte da mal eine "Gebrauchsanweisung".
Zur Ausgangssituation: Im Haushalt gibt es diverse iGeräte (iOS 5.1.1 bzw. 6.1.2 mit Jailbreak), eine Fritzbox 7270 (freetz), eine TimeCapsule. Ein dyndns ist vorhanden.
Ich würde mich wahnsinnig freuen, wenn mir jemand erklären könnte, was ich wo wie installieren / downloaden / einstellen muss, damit wir unsere Geräte über so eine Web.app steuern können.
Die "Vorlage" von mentox habe ich natürlich runtergeladen, aber ich habe keine Ahnung, was ich damit jetzt machen muss.
Besten Dank!
anne

[mentox]

Hallo anne

ich werde dazu noch mal was zusammen schreiben...

aktuell wird dazu ein apache mit php und für die zeitsteuerung noch der crontab benötigt..

wenn du schon freetz hast ist das eine gute vorraussetzung .. ich google mal was man da machen muss

auf den ios geräten musst du nichts installieren .. da gehts du dann mit safari nur auf die connair url auf der fritzbox und fertig ..ggf als homescreen link speichern

vg mentox