[ZURÜCK]

Handy-HTML

Unser aller Leben ist dynamisch, wird angeregt durch Innovation (=technischer Fortschritt) und Wertewandel, zwar steigen die Energiekosten unaufhörlich, aber wir leben auch in einer Informationsgesellschaft, die psychisch und physisch abhängig ist vom multifunktionalen Medium Computer und den entgeltbaren Diensten, die unentbehrlich geworden sind.

Die Navigationsfähigkeit mancher Mobiltelefone ist so erstaunlich, dass die Übernahme von Adreßdaten in die Bearbeitungschematik der Navigationsdatenerfassung nicht mehr lange auf sich warten lässt.

So entstand eine Idee eine neue Webseite für das internetfähige Handy unter der Adresse www.gildenforschung.mobi ins Leben zu rufen.

Welche Vorteile dies bietet, liegt auf der Hand. - Man braucht hinsichtlich der Gildeadressen und Kontaktdaten die Auskunft nicht anzurufen. Man benutzt ein internetfähiges Mobiltelefon und kann von der Handy-Homepage die Telefonnummer durch Auswahl direkt wählen lassen.

Während des Telefonats ist der Browser inaktiv, nach dem Beenden des Gespräches wiederum schon, um in etwaig ähnlich gelagerten Anliegen weiter Kontakt aufzubauen.

Die Email-Adress-Auswahl funktioniert auch auf dem Mobiltelefon, wobei das Verfassen von Handymails denen von SMS doch recht ähnlich ist.

Es könnte auch interessant sein, für große Vereine, die Ihre Mitgliederliste passwortgeschützt auf einer Handy-Homepage hinterlegen wollen. Tausend Mitglieder einer großen Schützengemeinschaft passen auf keinen Mobiltelefonspeicher. Wer hat auch schon tausend Freunde?

Wird das Mobiltelefon gestohlen oder geht kaputt, braucht man sich nicht mehr zu befleißigen, die Daten in den Telefonspeicher einzugeben. Eine äußerst lästige Angelegenheit, wenn man bedenkt wie viel Zeit damit verloren geht, sich in die Funktionen des Mobiltelerfons einzuarbeiten.

Für große Gesellschaften wird es künftig - mit der Verbilligung internetfähiger Mobiltelefone - praktikabel sein, ihre Mitglieder im eigenen Telefonbuch zu listen, die im separaten Unterverzeichnis der eigenen Homepage einen passwortgeschützten Aufruf der Verbindungsdaten ihrer Mitglieder generieren hilft.

 

Sub

ZURÜCK

0

Rosa

Auslösebutton

Die Bezeichnung "Sub Rosa" ( = lat. unter der Rose) als einst in Verschwiegenheit stattfindendes Treffen der Bünde im Zeichern der Rose, dokumentiert das Giftzeichen als Auslöseknopf recht trefflich, ab hier wird es nun super Intern!

---

Das Mobiltelefon-HTML hat eine andersgelagerte Funktionalität und bedarf aufwendiger Fummelei, um die Adressdaten qualitativ und quantitativ so aufzubereiten, dass etwas Ansehnliches dabei herauskommt. Ähnlich der Wap-Programmierung, habe ich ein Textkonverterprogramm in "PowerBasic 4.04 ConsoleCompiler" erstellt, welche die deutschen Sonderzeichensätze umcodiert und anhand der einiger Schlüsselinformationen, wie dem Email-Zeichen (@), 'Tel.:' und 'Mob.:' entsprechende Module generiert und eine TXT-Datei in eine HandyHTML-Datei umwandelt.

beispiel.txt

1. Adresse:
Deutsche Sonderzeichen:
ä  ü  ö
ß
Ä  Ü  Ö
Verbindungsdaten:
adresse@provider.kennung
Tel.: 12345
Fax.: 6789
Mob.: 0175-5622054

2. Adresse

und so weiter

Zu dem habe ich eine Logo-Grafik als Bildnavigationselement in der Programmierung verwandt, welche den Rücksprung zur vorherigen Anzeigeposition der Seite bewerkstelligen soll [ ]; dann sollte der Programmname als Bezeichnung in den HTML-Code aufgenommen werden [ ]; der Titel der Seite "GILDENFORSCHUNG" ist statisch so festgelegt, wie auch die Kopf- und Fuß- Programmierung [ ]; die Verbindung des CSS-Code mit dem HTML-Code wird durch die Verbindung (engl. link) im HTML-Code realisiert [ ]; die Leerzeilen zwischen den Adressen sollten mit einer Trennlinie und einem leeren Zeilenabstand versehen werden [ ].

beispiel.html

<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Cache-Control" content="public" />

<meta name=" description"  content="" />

<meta name="keywords" content="" />

<title>GILDENFORSCHUNG</title>

<link href="css/style.css" type="text/css" rel="stylesheet" />

</head>

<body>

<div id="algn" class="header_center" >

<a href="index.html"><img src="jpg/gf_logo_mobi.jpg" width="59" height="59" alt="Startseite" /></a>

</div>

<div class="pgheader">BEISPIEL</div>

<div class="BodyText">

1. Adresse:<br/>

Deutsche Sonderzeichen:<br/>

&#xE4;  &#xFC;  &#xF6;<br/>

&#xDF;<br/>

&#xC4;  &#xDC;  &#xD6;<br/>

Verbindungsdaten:<br/>

<a href="mailto:adresse@provider.kennung">adresse@provider.kennung</a><br/>

<a href="tel:12345">Tel.: 12345</a>

<input name="tel_no" type="hidden" value="12345" />

<input name="tel_msg" type="hidden" value="---" /><br/>

Fax.: 6789<br/>

<a href="tel:01755622054">Mob.: 0175-5622054 </a>

<input name="tel_no" type="hidden" value="01755622054" />

<input name="tel_msg" type="hidden" value="---" /><br/>

<hr class="Line_HR" /><br/>

2. Adresse<br/>

<hr class="Line_HR" /><br/>

und so weiter<br/>

<hr class="Line_HR" />

<div class="homeng"><a href="tel:04312050201">Anruf Webmaster</a>

<input name="tel_no" type="hidden" value="04312050201" />

<input name="tel_msg" type="hidden" value="Anruf Webmaster" /></span>

</div>

<div class="footerng">BEISPIEL</div>

<div class="footer">&copy; 2008 www.gildenforschung.mobi</div>

</body>

</html>

Powerbasic kann von der Firma Kirschbaum bezogen werden unter der Webadresse http://www.powerbasic.de oder direkt von der US-amerikanischen Entwicklerseite http//:www.powerbasic.com . Das Konverterprogramm ist hier sowohl als Basic-Datei als auch als Exe - Datei herunterzuladen.

So wird es auf dem Mobiltelefon dann dargestellt:

 

 

Für den gestalterischen Aufbau, war ich gezwungen mich rudimentär (=ansatzweise) mit der CSS-Codierung zu befassen, die eine sehr viel exaktere Textmanipulation in Form und Farbe zulässt als es unter HTML der Fall wäre.

Um eigene Erfahrungen in der Programmierung von Handy-HTML zu erlangen, ist es durchaus erlaubt die Dateien unter http:www.gildenforschung.mobi mit dem normalen Webbrowser hinsichtlich ihrer Struktur näher zu untersuchen! Um sich  dann unter "Ansicht" / "Seitenquelltext anzeigen" sich der Machart interlektuell zu nähern.

Da ich sogenannte Links nicht ständig unterstrichen dargestellt haben wollte, musste es einen besseren Weg geben, den jeweiligen potentiellen Zugriff auf die Telefonnummer oder der Emailadresse zu markieren und für die Zuwahl deutlich darzustellen:

a:link {
color: #003333;
text-decoration: none;
font-size: medium;
}
a:visited {
color: #0000FF;
text-decoration: none;
font-size: medium;
}
a:focus {
color: #0000FF;
text-decoration: none;
font-size: medium;
}
a:hover {
color: #00FF00;
text-decoration: none;
font-size: medium;
}
a:active {
color: #0000FF;
font-size: medium;
}

.content img {
margin-right: 5px;
margin-top: 3px;
margin-left: 2px;
}
.homeng {
background-color: #CCFFFF;
margin: 0px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #CCCCCC;
padding: 2px;
}
body {
background-color: #ffffff;
color: black;
font-family: Courier New;
font-size: medium;
margin: 0px;
border: 0px;
padding: 0px;
}
.header {
background-color: #FFFFFF;
color: #336666;
font-size: x-large;
font-weight: bold;
font-family: Courier New;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 2px;
margin: 0px;
}
.footer {
color: #000000;
font-family: Courier New;
font-size: medium;
font-weight: normal;
padding-top: 1px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 5px;
margin: 0px;
border-bottom-style: solid;
border-bottom-color: #339999;
border-bottom-width: 1px;
}
.accesskey {
text-decoration: none;
font-size: medium;
color: #003333;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.himgicon {
height: medium;
width: medium;
font-family: Courier New;
background-color: #CCFFF;
}

.pgheader {
color: #003333;
font-size: medium;
font-weight: normal;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 5px;
font-family: Courier New;
background-color: #FFCC00;
margin: 0px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #339999;
border-right-color: #339999;
border-bottom-color: #339999;
border-left-color: #339999;
}
.footerng {
color: #003333;
font-size: medium;
font-weight: normal;
font-family: Courier New;
background-color: #FFCC00;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 5px;
margin: 0px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #339999;
border-right-color: #339999;
border-bottom-color: #339999;
border-left-color: #339999;
}
/* Design23 Style5 */
/* Editor Styles listed below */
.Heading {
font-family: Courier New;
font-size: large;
font-weight: bold;
color: #000000;
text-decoration: none;
margin: 0px;
padding: 0px;
}
.BodyText {
font-weight: normal;
font-size: normal;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
}
.BoldText {
font-weight: bold;
font-size: medium;
}
.Italic {
font-style: italic;
}
.Underline
{
text-decoration: underline;
}
.Indent
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
}
.Highlight
{
background-color: #CCFFFF;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 2px;
}
.Line_HR
{
clear: both;
border-bottom-color:#FF00FF;
border-top-color:#ffffff;
border-left-color:#ffffff;
border-right-color:#ffffff;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
padding: 0px;
margin: 0px;
}

Für die Programmierung von Handy-HTML sollte man keinen HTML-Editor benutzen, da es hier zu Codeverschmelzung kommt, die beim Handy-HTML nicht nur nicht erforderlich, sondern immens störend bzw. zerstörend auf den Quellcode auswirken. Als einzigst empfehlenswerten Editor gilt "Handy HTML Studio 3" von http://www.silveragesoftware.com .


21.07.2008 erfasst