Handyversion von Freewar [W1-14]

Beitrag von **Luko** » 22. Feb 2012, 14:58

Sotrax hat geschrieben:Gute Nachricht, eigene Styles könnt ihr ganz leicht in 2 Versionen machen, einmal fürs Handy und einmal für den Desktop. Der Trick dabei sind Media-Selektoren in CSS:

/* CSS Code für den Desktop */
@media only screen and (min-width: 900px) {

...
}

/* CSS Code fürs Smartphone und Tablet */
@media only screen and (max-width: 900px) {

...
}

Ihr könnt also den Style je nach Auflösung wechseln. Ihr könnt sogar unterscheiden zwischen Handy im Querformat und Handy im Hochformat. Sprich ihr könnt ganz dynamisch je nachdem ob man übers Handy reingeht oder nicht einen anderen Style verwenden.

Habe mir die Option mal für den Inventarframe genommen und eingebaut... scheint sogar gut zu klappen (@media only screen and (max-width: 290px) {}, man lernt in Sachen css echt nie aus :D). Aber ehrlich gesagt, das wird am Ende ein ganz schön großes gefrickel, da Freewar ja auf frames basiert muss man den rechten Frame (280px) und den linken Frame (auto) einzeln behandeln.

Auch wenn das oben genannte Vorgehen für mich bereits die Lösung war.... Ich wäre weiterhin für die Lösung eines (optional) separaten Styles oder des Standardstyles... besonders wenn man Leute bedenkt, die den Style lokal abgespeichert haben.

Grüße

Beitrag von **Sotrax** » 22. Feb 2012, 15:12

@Luko: Kann man generell mal überlegen, aber zumindest bietet CSS an sich die Möglichkeiten für sowas, was ja auf jedenfall schonmal ein Bonus ist

martinallnet · Beitrag von **martinallnet** » 22. Feb 2012, 15:41

Die Lösung das an der Breite fest zu machen kommt mir auch nicht ganz sauber vor. Es gibt bestimt Mobilgeräte mit einer breiteren Auflösung.
Mein Android gibt übrigens an die Browser komischerweiße eine breitere Auflösung weiter, als der Bildschirm eigentlich hat. Und das bei allem Browsern die ich getestet habe.
Das könnte dann die Erkennung auch in die Irre führen.

Nyssul · Beitrag von **Nyssul** » 22. Feb 2012, 16:57

der browser von der ps vita wird nich als mobil erkannt..auch is er bissl doof,sodass ?mobil=1 nich erkannt wird. useragent siehe bild

SpoilerShow

martinallnet · Beitrag von **martinallnet** » 22. Feb 2012, 17:46

einfach statt frset.php --> frmobile.php eintragen.
Das sollte dann klappen.

Haynes · Beitrag von **Haynes** » 22. Feb 2012, 18:33

schöne Idee

Ich weise an dieser Stelle einfach mal auf phonegap hin.
Ein Framework das es ermöglicht per Javascript Zugriff auf z.B. die Hardware Buttons von Android, IOS, und Windows Phone zu haben.
Damit könnte man z.b. die Links zum Ausloggen usw bequem über den Menü Button des Smartphones aufrufen.

Hier z.b. der Code für die Einfachste implementierung eines kleinen Menüs (ohne Funktion):

SpoilerShow

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Freewar App</title>
<link rel="stylesheet" type="text/css" href="css/android.css"/>
<script type="text/javascript" charset="utf-8" src="phonegap-1.2.0.js"></script>
<script type="text/javascript" charset="utf-8">

// Call onDeviceReady when PhoneGap is loaded.
//
// At this point, the document has loaded but phonegap.js has not.
// When PhoneGap is loaded and talking with the native device,
// it will call the event `deviceready`.
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}

// PhoneGap is loaded and it is now safe to make calls PhoneGap methods
//
function onDeviceReady() {
// Register the event listener
document.addEventListener("menubutton", onMenuKeyDown, false);
}

// Handle the menu button
//
function onMenuKeyDown() {
var menu = document.getElementById("menu");
if (menu.style.display == "none" || menu.style.display == "") {
menu.style.display = "block";
} else {
menu.style.display = "none";
}
}

</script>
</head>
<body onload="onLoad()">
<div id="container">
<iframe src="http://welt1.freewar.de/freewar/" width="100%" height="100%">
</iframe>
</div>
<div id="menu">
<button id="prefBtn" type="submit">
<img src="images/menu_preferences.png"/><br/>
Einstellungen
</button>
<button id="refreshBtn" type="submit">
<img src="images/menu_refresh.png"/><br/>
Aktualisieren
</div>
</body>
</html>

So ließe sich ohne großen Aufwand eine eigene Freewar App nur mit HTML und Javascript programmieren

Ich hab mich noch nicht genau damit auseinander gesetzt wie die entsprechenden Javascript/Linkaufrufe wären, aber wenn Interesse daran besteht versuche ich mich mal daran.

martinallnet · Beitrag von **martinallnet** » 22. Feb 2012, 18:44

Bitte 3DS User-Agent hinzufügen.

Sofern das mit Phonegap mit jedem Browser klappt ist das echt eine gute Idee, so könnte man das Menü besser erreichen. Und es Spart den Platz des Menü-Buttons ein.

SpoilerShow

Auf dem 3DS ist mir noch zwei Fehler aufgefallen,
1. der Button "Menü" hat einen Kodierungsfehler, da steht statt "ü" ein Kästchen
2. die Framegrößen stimmen nicht, der 3DS erweitert die Frames nicht nach unten automatisch, so wie das Smartphones tun. Die Lösung wäre ein kleines JS-Script, das diese automatisch erweitert. Da die SOP hier erfüllt ist, sollte das Problemlos klappen.

SpoilerShow

Zu 2. das Script was ich damals verwendet hatte:

http://www.professorweb.de/javascript-a ... en-v2.html

Unabhängig von den Fehlern die ich gefunden habe noch eine Idee:
Wie wäre es wenn man das Menü als eine Art Layer macht. Das an der Unterseite des Screens z. B. ein kleiner Reiter ist, der aufklappt sobald man da drauf drückt. Dort ist dann das Menü sichtbar und dort kann man seine Funktion auswählen. Stelle ich mir so vor wie die obere Leiste in Android, die man aufziehen kann und dort der Telefonstatus ist. Nur eben stattdessen das Menü. Und Dort rein dann auch die normale Version setzen. Ich würde sogar noch einen Schritt weiter gehen und die einzelnen Navi-Links oben ebenso zum ausklappen gestalten. So hat man mehr Platz auf dem Bildschirm.

Ich bin mir dessen bewusst, das dass nicht unbedingt wenig Arbeit ist.

Haynes · Beitrag von **Haynes** » 22. Feb 2012, 22:05

martinallnet hat geschrieben: Sofern das mit Phonegap mit jedem Browser klappt ist das echt eine gute Idee, so könnte man das Menü besser erreichen. Und es Spart den Platz des Menü-Buttons ein.

Ich fürchte du misverstehst das Konzept von Phonegap

Du Programmierst im Prinzip eine App mit HTML und Javascript.
Die wird dann aber auch als eigenständige App aufgerufen.
Großer Vorteil wäre meiner Meinung nach halt die Nutzung der Buttons des Telefons. So lassen sich sicherlich ein paar interessante Bedienkonzepte realisieren.

Beitrag von **Sotrax** » 22. Feb 2012, 22:19

@martinallnet: Ganz so leicht ist es leider nicht, da es gerade auf iOS schädlich ist die Frames dynamisch zu vergrößern (führt da zu bedienfehlern, wenn man weit unten etwas klickt, landet man auf leeren seiten).

Ich kann das Frame aber generell größer darstellen für dieses eine Device, das wäre eine Idee.

Beitrag von **Sotrax** » 22. Feb 2012, 22:22

Ok, Nintendo 3DS sollte jetzt tun genau wie Playstation Vita.

@Martinalnet: Kannst du Nintendo 3DS grade mal testen, die frames sollten etwas größer sein, so dass man es bedienen kann und halt zur Not nur in den Frames ein klein wenig scrollen muss.

@Nyssul: Kannst du es jetzt nochmal mit der Vita testen?

@Haynes: Phonegap hat leider andere Nachteile. Gerade die Hardwarebuttons werden bei Android wohl bald verschwinden. Weiterhin muss man es dann als App in die Appstores einstellen und da sind die Regeln sehr hart, gerade bei Apple, was verkauf von Sponsis anbelangt (Apple will dann 30% davon haben, das können wir derzeit daher so nicht durchführen).

Tyrar · Beitrag von **Tyrar** » 22. Feb 2012, 22:29

Also die Neuerung mit den Lebenspunkten welche man darunter angezeigt bekommt ist richtig toll - jetzt ist es wirklich schon gut Spielbar auf die Art und Weise.
Aber einen Fehler gibt es trotzdem noch - ich weiß zwar nicht ob es am Style liegt, aber die Lebenspunkte werden irgendwohin gequetscht in großer Schrift:
http://img7.imagebanana.com/img/m8p9uu5 ... one011.png

Zumindestens fast - denn für die Playerkiller ist man halt doch noch ein richtiges Opfer, es fehlen einfach die die Schnellzauber, man bräuchte wenigstens den 1. um sich einigermaßen schnell Nachhause zaubern zu können, immerhin ist man doch eh schon auch ohne dieser Möglichkeit leichte Beute.
Vielleicht könnte man das Einstelle
n das einem irgendein Schnellzauber (welchen man per Anhaken auswählen kann) unter den Lebenspunkten erscheint? (Vielleicht nur auswählbar für Sponsoren?)
Sowas wäre wirklich praktisch und vorallem brauchbar.

Aber was mir heute auch noch aufgefallen ist - das ist bis jetzt nur bei der Handyversion passiert - wenn ich afk rumstehe und nach der Zeit mich dann am Dummyplace wiederfinde bekomme ich hin und wieder die Benachrichtigung das mich irgendein Random-User als Sponsor eingetrage hat, das ist nun schon zum 2ten Mal passiert:
http://img7.imagebanana.com/img/ec1qvff ... one010.png
(Also entweder vertut sich hier jemand - dauernd - oder es liegt an der Handyversion)

Haynes · Beitrag von **Haynes** » 22. Feb 2012, 22:30

@Sotrax: Die Buttons werden dann Softwareseitig dargestellt. Sind aber immer noch da und können genutzt werden soweit ich weiß.
Für Android müsste man die App nicht unbedingt in den Market stellen. Apps kann man auch ohn Appstore installieren

Apple ist allerdings ein Thema für sich. Da ginge es ohne Appstore nur mit Jailbreak.

Beitrag von **Sotrax** » 22. Feb 2012, 22:34

@Tyrar: Teste es mal mit dem Standardstyle ob da die Lebenspunkte bei dir besser dargestellt werden. Liegt vermutlich am Style die Sache. Für PKler ist man per Handy-version ein leichtes Opfer, aber wie gesagt dafür ist die Handy-Version auch nicht da. Zum Öl abholen oder mal bisschen Chat lesen tut sie ja ganz gut ^^ Wer richtig spielen will, muss eh zum PC greifen.

@Haynes: Das stimmt, aber die jetzigen Buttons sieht man halt sofort und man scrollt sie ja eh raus, von dem her isses eigentlich egal. Grade wenn ichs nur auf den Menü button lege werden sich manche Fragen wie man das Ding überhaupt bedient

So sieht man es nach dem Login direkt. Und es als echte App auszuliefern ist halt auch technisch sehr viel mehr Aufwand, wie die HTML Seite dafür zu pflegen, weil ich da sonst bei jedem Update gleich ein App-Update nachschieben muss.

martinallnet · Beitrag von **martinallnet** » 22. Feb 2012, 22:45

Naja das mit der Größe lässt sich wohl schwer beheben, ist immer noch sehr klein.
Das Gerät wird nur auf der Startseite erkannt, der kleine Login kommt und dann komischerweiße das normale Frameset.
Der Fehler mit der Kodierung ist immer noch da ...

SpoilerShow

Für die App bräuchte es dann auch jemanden der das pflegt, aber an sich eine gute Idee, könnte ein freiwilliges Projekt von Freewarnutzern sein, um Sotrax da etwas zu helfen.

mariodev · Beitrag von **mariodev** » 22. Feb 2012, 23:48

(IPhone 4)
Zu den Lebenspunkten, haste gut hinbekommen.

Zu dem Login hätte ich den Vorschlag den Banner ganz oben auf freewar.de zu verlinken, falls man sich verklickt kann man so sehr leicht zurück zum Login. Und ist nicht wirklich ein Programmieraufwand.
Bei Desktopversion ist es ja auch so

Und vl Link zum Forum irgendwo platzieren?
Wird das Forum auch für Mobilgeräte angepasst?

www.freewar.de

Handyversion von Freewar [W1-14]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Re: Handyversion von Freewar [W1]

Wer ist online?