Mobiele website en website met leden / niet leden content

[gebruiker78]

Hallo,
Ik ben al een tijd bezig om mijn eigen site te maken met leden systeem etc.
Maar ik denk dat ik hem overnieuw ga maken aangezien ik nu beter kan programmeren korter en efficiënter. Ook maakte ik haast geen aantekeningen bij de PHP bestanden en snap ik soms niet waar ik eigenlijk bezig mee was.

Maar mijn vraag: (je hoeft niet op beide te reageren of als je een opmerking hebt is dat ook al goed!)
1. Hoe maak je een mobiele website? (zodat hij minder afbeelding laad (die niet perse nodig zijn) en mooi voor klein scherm ontworpen is)
zelf bedachte antwoorden:
1. m.site.nl (maar hoe doe ik dat?)
2. De css aanpassen (alluwel dat niet altijd goed uitkomt want op de mobiele site wil ik soms minder afbeeldingen laden vanwege de snelheid en databundels)
3. site.nl/gehelesite/profile.php en site.nl/mobielegedeelte/profile.php maar dan maak ik de site eigenlijk 2 x en als ik dan een bug uit site.nl/gehelesite/profile.php moet ik die ook bij site.nl/mobielegedeelte/profile.php aanpassen dat is vervelend toch? of doen grote bedrijfen dat ook?

2. Hoe maak je een site voor leden / niet leden op 1 pagina?
check bijvoorbeeld twitter. Als je ingelogd bent zie je bij twitter.com/test de gebruiker test en kun je gelijk tweeten of weer terug naar je eigen profiel.
Maar als je niet ingelogd bent en naar twitter.com/test gaat is bijna alles het zelfde alluwel je niet direct kan tweeten en niet naar je profiel kan terug gaan.
Zijn dit 2 verschillende pagina's of is dit 1 pagina met heel veel van dit soort dingen:

<?php if($loggedin){
// terug keren naar je eigen profiel
}else{
// deze optie niet weergeven
}
?>

 

[radicalgamer]

Wat bedoel je met een mobiele website?
Dat het ip adres van de website steeds verandert,
of dat het een website wordt voor mobiele telefoons/een kleine versie van de normale.

 

[gebruiker78]

Dat op de mobiele versie hij mooi op een klein beeldscherm past en sommige afbeeldingen bijvoorbeeld niet laat.
gewone: mooi groot + profielafbeelding + bericht
Mobiel: mooi op maat + geen afbeelding (mb's besparen) + bericht

 

[That Guy]

Hoi,


1. Een 'mobiele' website is niets anders dan een website geoptimaliseerd voor devices met een kleiner scherm en/of een lagere internetsnelheid. Het komt er dus op neer dat je een speciale stylesheet maakt voor smartphones etc. Toevallig is er een mooi iets voor uitgevonden, de media types. Zie eens hier. Google query is css media handheld.

over je zelfbedachte antwoorden:
1. Dit is een zgn. third-level domain, en dat is DNS gedoe. Voor meer info moet je maar eens wat rondgoogle'n. Zoiets kan prima, maar heeft verder weinig te maken met een 'mobiele site'.
2. aanpassen van CSS hoeft dus niet met meerdere stylesheets.
3. verschillende sites voor mobiel/normaal hoeft dus niet, als je 'normale' site redelijk gebouwd is. Over de plaatjes: het ligt heel erg aan de site zelf, maar over het algemeen worden 'grote' plaatjes zoals banners toch al in de CSS gezet, dus dat komt mooi uit met het CSS Handheld media type. Daarnaast kan je zowiezo CSS sprites gebruiken voor kleinere plaatjes.



2. Er staan gewoon statements in de server-side code die inderdaad kijkt of je bent ingelogd, zo ja, laat dit of dat zien. Omdat het grootste deel van de pagina hetzelfde is is het heel erg overbodig om twee pagina's te maken voor dit soort dingen.




:thumb:

 

[gebruiker78]

Bedankt voor jullie antwoorden.
Dit heeft mijn vraag voor een groot deel al beantwoord maar de meeste dingen die ik vind gaan over de css.
Maar ik wil ook echt een pagina die er anders uit ziet op je mobiel.
bijv:
http://imageshack.us/photo/my-images/259/naamlooslz.png/

op de pc zie je een bericht van een persoon met profiel foto (bijv 20kb, per bericht)
maar op de mobiele site laad je die foto niet en is de hele pagina bijv maar 20kb.

hoe kun je z'n soort systeem maken? dan moet je toch wel een verschillende pagina maken?
maar dan kom je op dit probleem:
site.nl/full/profile.php

<php
insert in mensen als je form verstuurt
?>

maar als je een site.nl/mobile/profile.php maakt:

<php
mooi voor mobiel formaat
insert in mensen als je form verstuurt
?>

maar wat nou als ik bijvoorbeeld mijn table verander van naam i.p.v mensen maak ik nu mens.
dan moet ik die bij site.nl/full/profile.php en site.nl/mobile/profile.php aanpassen dat is niet handig. Maar zo kan ik wel makkelijk een hele speciale site maken voor mobiele gebruikers. Of is er een andere oplossing?

ps. doen grote bedrijven het dan ook op deze manier?

 

[That Guy]

Hoi,


Helaas heb ik geen idee hoe 'grote bedrijven' het doen; mijn enige ervaring is wat ik zelf zo onderhand heb uitgeprobeerd en denk dat handig is. Anyway,

maar wat nou als ik bijvoorbeeld mijn table verander van naam i.p.v mensen maak ik nu mens.

evenals de $loggedin van je PHP voorbeeld is het goed mogelijk dit ook te doen voor content die alleen (of juist niet) voor mobiele gebruikers te zien is. Bijvoorbeeld (met als voorbeeld je plaatje):

   <div class='usermessage'>

      <?php if(!$mobiel){ ?>

         <img src='plaatjes/gebruikers/jaap.png' alt='jaap' />

      <?php } ?>

      <p>
         bla bla bla
      </p>

   </div>

de $mobiel kan je dan bepalen op een session, die in turn weer wordt bepaald door de user-agent of een 'ga naar mobiele weergave' link.



:thumb:

 

[gebruiker78]

Bedankt! ik kom er wel uit.

 

[That Guy]

Noot: heb eventjes de code aangepast (een uitroepteken voor $mobiel in het voorbeeld) omdat het juist andersom moest zijn: juist een plaatje als het NIET de mobiele site was. Nu is het net eventjes iets duidelijker (en consistenter en logischer), hoewel het idee natuurlijk hetzelfde blijft.