|
[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.
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/>
ä
ü ö<br/>
ß<br/>
Ä
Ü Ö<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">© 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
|