Arhive categorie: Optimizare pentru mobil

Transforma site-ul WordPress in Mobile Friendly

Internetul mobil se extinde tot mai mult, asa incat 2016 este anul lumii dispozitivelor mobile. Asadar, pentru business-ul tau e imperativ ca site-ul WordPress sa fie optimizat si pentru dispozitive mobile, macar in anii urmatori.  

Asta deoarece, e vorba despre ceea ce clientul si utilizatorul are nevoie; acesta fiind si rolul principal al tehnologiei, de a imbunatati si usura munca si viata populatiei.

La fel ca si domeniul fashion, unde pentru a avea succes e necesar sa fii mereu in pas, aceeasi situatie se aplica si domeniului IT si business. Chiar daca nu esti IT-ist, ci doar ai un business online, e la fel de important sa tii pasul cu schimbarile pe care fiecare le aduce.

Plugin-ul WPtouch

WPtouch este unul dintre plugin-urile care te ajuta sa iti transformi site-ul WordPress intr-unul mobile friendly. Acesta, in mod automat adauga o tema simpla pentru vizitatorii dispozitivelor mobile ai site-ului tau WordPress.

Avand in vedere, ca WPtouch este recomandat de Google, o versiune mobile-friendly este autorizata care este verificata de Google Mobile si evalueaza clasamentul SEO pentru a se asigura ca nu scade datorita faptului ca nu site-ul nu este optimizat pentru dispozitive mobile.

In termeni de popularitate, plugin-ul este destul de folosit, avand peste 300.000 de instalari active si avand o nota de 3.5 stele din 5. Aceste numere sunt dovada eficientei plugin-ului, dar si necesitatii lui.

Cum functioneaza WPtouch?

Pastreaza tema site-ului web – WPtouch foloseste temele sale pentru vizitatorii dispozitivelor mobile, dar tema site-ului web nu se schimba. Mai mullt, continutul e acelasi.

Foloseste acelasi URL – Fiind un plugin pentru site-ul tau WordPress, WPtouch doar foloseste acelasi URL. Continutul se transforma pentru ecrane diferite dar ramane pe acelasi URL.

Google Mobile Friendly – WPtouch este o solutie recomandata de Google, iar aceasta functionalitate imbunatateste clasamentul cautarilor de pe dispozitive mobile.

Poti include sau exclude pagini – WPtouch iti da flexibilitate asupra site-ului mobil, astfel incat poti controla si schimba pagini, meniuri, in functie de ce consideri ca e potrivit pentru fiecare dispozitiv.

Daca iti doresti sa inveti cum sa devii programator WordPress, sau programator web, gasesti aici datele mele de contact!

Anunțuri

Cum sa oferi o experienta placuta si utila utilizatorilor de dispozitive mobile

In orice business, clientii constituie unul dintre cei mai importanti factori. Motiv pentru care relatia pe care o construiesti cu acestia e vitala. O relatie business-client se cladeste in mare masura pe baza experientei, atat offline cat si online pe care o oferi.

In ceea ce priveste experienta online, aceasta e divizata in doua sectiuni: cea web si experienta mobila. Tot mai multi utilizatori folosesc dispozitivele mobile pentru a naviga internetul.

Asadar, pe langa configurare si instalarea de baza, o experienta placuta si utila pentru utilizatorii dispozitivelor mobile are trei parti esentiale: continut, viteza si layout. Pentru a te asigura ca utilizatorii raman interesati in business-ul tau, e necesar sa te asiguri ca aceste trei componente sunt facute ca la carte.

Continutul site-ului pentru dispozitive mobile

Personalizeaza, nu exclude

Utilizatorii chiar daca folosesc dispozitive mobile asteapta aceleasi functionalitati ale site-ului pe care le oferi si utilizatorilor desktop. Insemnand, ca daca vor sa se uite la anumite video-uri, sau sa cumpere anumite produse/ servicii sa fie posibil acest proces.

Asadar, nu taia parti importante ale site-ului tau, in schimb redimensioneaza-le astfel incat sa fie compatibile cu ecranurile mai mici.

Verifica fisierele media

Nu orice tip de fisier media este compatibil cu gama variata de ecrane; de exemplu flash video, care nu este compatibil cu prea multe dispozitive mobile.

Pentru a oferi o experienta placuta si utilizatorilor dispozitivelor mobile asigura-te ca fisierele media chiar functioneaza pe toate ecranele pe care trebuie.

Nu ascunde actiunile cheie

Cheia business-ului este prosperitate. Acest proces este posibil doar atunci cand utilizatorii actioneaza si devin clienti. Pentru a te asigura de aceste actiuni e necesar sa ai toate actiunile cheie la vedere, astfel incat utilizatorul unui dispozitiv mobil sa poata cumpara anumite produse sau servicii pe care business-ul tau le ofera.

De exemplu, pentru un business in retail e important sa ai bara pentru cautarea produselor dar si un cos de cumparaturi optimizat pentru dispozitive mobile.

Checkout-ul in pasi simpli

Sa completezi diferite formulare pe un dispozitiv mobil este destul de dificil. Pentru a mari conversiile site-ului tau, e recomandat sa simplifici procesul de plata pe cat de mult posibil.

Te poti folosi de Google Wallet Instant Buy, precum si alte servicii care permit clientilor sa plece usor avand plata si informatiile de livrare completate.

Nu afisa prea multe informatii/ elemente

Pe un dispozitiv mobil, mai multe elemente nu sunt neaparat cea mai buna solutie. In schimb, alege sa afisezi ceea ce este cu adevarat important. Mai mult, un site optimizat pentru mobil va functiona mai bine si se va incarca mai repede daca sunt mai putine elemente.

Layout-ul

Alege fontul potrivit

Fontul pentru un site web optimizat pentru dispozitive mobile e recomandat sa nu fie mai mic de 12 pixeli, asta deoarece utilizatorii vor ajunge sa se chinuie sa citeasca continutul site-ului tau.

In ceea ce priveste stilul fontului, alege unul simplu si care e usor de citit. Pe cat posibil incearca sa eviti textele de tip imagine.

Atentie la ecranul tactil

Majoritatea dispozitivelor mobile functioneaza prin ecran tactil. Pentru degetul uman 48 dp (density independent pixels) este minimul recomandat cu cel putin 8 dp intre semnale.

Ai nevoie de minimul de 48 dp pentru ca click-ul efectuat sa emita semnalul corespunzator, deoarece in cazul unui numar mai mic de dp e posibil ca click-ul sa nu fie perceput, iar acest lucru iti poate indeparta utilizatorii dispozitivelor mobile.

Evita mouse-overs

Pe un ecran desktop, mouse-overs este o tehnica eficienta de a-ti face o idee ce continut se ascunde in spatele unui buton, insa pentru ecranele dispozitivelor mobile lucrurile sunt diferite.

In primul rand, in cazul unui dispozitiv mobil nu exista mouse-ul, iar degetul uman nu poate functiona asemenea unui mouse. In al doilea rand, pentru un utilizator mobil acest proces ii poate ingreuna navigarea.

Asadar, evita mouse-overs si in schimb, foloseste butoane pentru a afisa continuturi ascunse.

Foloseste butoane descriptive

Pentru site-ul tau optimizat pentru dispozitivele mobile alege sa folosesti butoane descriptive. E mult mai simpla navigarea, iar utilizatorul stie exact care e pasul urmator in urma click-ului.

Evita folosirea pop-ups

Pop-up-urile sunt cunoscute in site-urile web, dar si in cazul anumitor site-uri optimizate pentru dispozitive mobile. Reputatia lor nu este tocmai una favorabila, intrucat sunt deranjate pentru aproape toti utilizatorii.

Seteaza latimea potrivita pentru dispozitive mobile

Pentru un utilizator desktop e normal si obisnuit sa navigheze o pagina web de sus in jos, de la stanga la dreapta. Totusi, cand vine vorba de a naviga o pagina web pe un dispozitiv mobil, nu mai e atat de confortabil sa navigarea laterala.

Utilizatorii tai vor sa stie ca ai luat in vedere acest aspect si faci tot posibilul pentru ca experienta lor pe un dispozitiv mobil sa fie cat mai utila si usoara.

Viteza

O experienta pe un dispozitiv mobil placuta inseamna si viteza, motiv pentru care e important sa ai in vedere acest aspect in optimizarea site-ului tau web. Asta deoarece, majoritatea utilizatorilor care folosesc dispozitivele mobile este o fac in timpul liber, cand merg dintr-un loc in altul, iar acest lucru necesita o viteza ridicata de functionare a site-ului mobil.

Mai mult, viteza de functionare a unui site creste interesul, retentia si conversia utilizatorilor si nu in ultimul e o modalitate de a urca ca si vizibilitate in motoarele de cautare.

Supraincarcarea continutului cu fisiere si imagini

In primul rand, gandeste-te la CSS styles si JavaScript snippets daca sunt necesare si de folos utilizatorilor mobili. Prea multe din ambele si pagina ta web e posibil sa functioneze mai incet.

Ca si alternativa eficienta, iti poti compresa codul, acolo unde e posibil si poti reorganiza toata partea de CSS.

Cand vine vorba de imagini, pe masura ce tehnologiile si display-ul dispozitivelor mobile se imbunatatesc, tentatia de a oferi imagini la dimensiuni mari e tot mai mare. Din pacate, imaginile mari suprasolicita serverul, iar astfel site-ul tau se va incarca mult mai greu. In schimb, selecteaza dimensiunea potrivita pentru fiecare dispozitiv.

Daca iti doresti sa inveti programare web de la zero, sau alte modalitati prin care iti poti optimiza site-ul web pentru dispozitive mobile, alaturat gasesti datele mele de contact!

Optimizare pentru dispozitive mobile: Practici SEO

Esti proprietarul unui business? Detii un site web pentru business care sa fie optimizat pentru dispozitive mobile? Te intereseaza modalitatile prin care poti sa duci acest proces la bun sfarsit?

Tot mai multi utilizatori isi folosesc dispozitivele mobile pentru a naviga internetul; e mult mai comod si mereu la indemana. Motiv pentru care, e importanta optimizarea site-urilor web pentru dispozitivele mobile.

E o modalitate prin care iti mentii clientii si iti poti dezvolta portofoliul de clienti, intrucat site-ul tau web este mereu la dispozitia acestora, adaptat la orice tip de ecran ceea ce face navigarea mult mai usoara.

3 modalitati pentru implementarea site-ului mobil

Pentru optimizarea unui site web pentru dispozitivele mobile exista mai multe tehnici disponibile, dar trei dintre aceste metode sunt principale: URL-uri separate, responsive web design si dynamic serving.

URL separat – Un URL separat inseamna si coduri diferite pentru fiecare dispozitiv. Prin aceasta configuratie se incearca detectarea utilizatorii dispozitivelor. Mai apoi se redirectioneaza la pagina corespunzatoare folosind HTTP care redirectioneaza impreuna cu header-ul Vary HTTP.

Responsive web design – Prin aceasta tehnica exista un singur cod HTML pe acelasi URL indiferent de numarul dispozitivelor pe care utilizator le are. Totusi, afisarea display-ului poate diferentia in functie de marimea ecranului. Chiar si asa, aceasta este metoda recomandata si de Google.

Dynamic serving – Aceata metoda foloseste acelasi URL indiferent de dispozitivul folosit. In schimb genereaza o versiune diferita a HTML-ului pentru dispozitive diferite in functie de ceea ce cunoaste serverul despre browserul utilizatorului.

Tehnica Responsive Web Design (RWD)

Prin Responsive Web Design toate dispozitivele citesc acelasi cod din acelasi URL. Astfel, continutul site-ului web se redimensioneaza pentru a se potrivi pentru fiecare ecran.

Pentru ca RWD sa functioneze e nevoie de o planificare solida. In ceea ce privesc costurile, tehnica poate sa fie putin mai ridicata la inceput, dar dupa aplicarea strategiei, mentenanta nu necesita o sursa financiara mare.

Puncte tari

Orientare flexibila – In mod natural, RWD permite utilizatorilor sa aleaga cum doresc orientarea imaginii, portrait sau landscape.

Tot continutul intr-un singur URL – Folosirea unui singur URL face ca interactiunea utilizatorilor sa fie mult mai usoara, fiind aceeasi situatie pentru share si link-urile catre continut. Mai mult, este favorabil si pentru motoarele de cautare deoarece in acest fel continutul iti este mai bine indexar si descoperit.

Fara redirectionare – Timpul de asteptare este redus, iar astfel performanta site-ului creste.

Experienta utilizatorului este streamlined – Prezentarea intregului continut este personalizata, iar functionalitatile specifice dispozitivului pot fi folosite.

Puncte slabe

Necesita planificare detaliata – RWD necesita o planificare detaliata si atent pregatita deoarece toata partea de HTML este impartita. Asa incat e nevoie de dezvoltarea unei experience personalizata si robusta cu o performanta optima pentru fiecare dispozitiv si utilizator.

Greseli frecvente

Explozie de date – E recomandat sa nu lasi utilizatorii dispozitivelor mobile sa descarce imagini la dimensiuni full care sunt menite pentru ecranele mari si viteze mari. Incearca sa reduci cererile HTTP si sa minimizezi JavaScript si CSS. In schimb, incarca continutul vizibil in primul rand si amana restul proceselor.

Pentru cine este recomandat RWD

RWD este recomandat celor care au un business focusat in a oferi o experienta constanta si care pot planifica in mod holistic pentru toate dispozitivele cu o singura echipa web. De exemplu, Starbucks.com, Time.com si BostonGlobe.com folosesc aceasta tehnica.

Metoda poate fi extinsa pentru a se potrivi pe noi dispozitive pe masura ce apar, iar URL-ul este potrivit pentru a da share la articole si pentru a face legaturile fara redirectionare sau confuzie.

Sfaturi SEO pentru Responsive Design

Pentru ca motoarele de cautare sa inteleaga structura responsive a site-ului tau web e nevoie de access complet la JavaScript, CSS si imagini. In acest fel, va intelege cum continutul site-ului tau este prezentat pentru dispozitive mobile si desktop.

Daca iti doresti sa inveti ce inseamna responsive web design, cum sa il aplici pentru site-ul tau, si nu numai, gasesti aici datele mele de contact!

Cum optimizezi site-ul tau pentru dispozitive mobile?

Mediul tehnologiei e mereu in dezvoltare, iar publicul doreste sa ramana mereu conectat la noutatile mediului online. Motiv pentru care o buna parte dintre utilizatorii internetului o fac prin intermediul dispozitivelor mobile. Asta deoarece fiecare dintre noi, avem telefonul mobil cu noi mereu, la indemana.

Acest fapt face ca cerinta unui site web optimizat pentru dispozitive mobile sa fie tot mai mare. Un site optimizat inseamna o experienta placuta, iar o experienta placuta poate sa transforme vizitatorul intr-un client.

In timp ce, un site web care nu e optimizat pentru dispozitive mobile face mult mai dificila experienta utilizatorului, chiar daca produsele/ serviciile sunt de calitate.

3 Lucruri care ar trebui sa le cunosti atunci cand optimizezi site-ul web pentru dispozitive mobile

  1. Usor de utilizat pentru clienti

Rolul internetului a fost mereu acela de a usura viata utilizatorilor. Acest lucru se aplica si in cazul site-urilor web optimizate pentru mobil; fiind necesar ca acestea sa fie cat mai usor de utilizat.

Termenul “usor de utilizat” se refera la viteza si usurinta cu care utilizatorii gasesc informatiile de care sunt interesati, recenziile produselor/ serviciilor oferite, adresa, sau postarile de blog.

Asadar, fa un plan al posibilor pasi pe care clienti i-ar face si asigura-te ca sunt finalizati cu usurinta pe un dispozitiv mobil; de la butonul de cautare pentru produsul de care este interesat/a, la cercetarea produselor/ serviciilor pe care le oferi si ca un ultim pas cumpararea efectiva.

  1. Alege responsive web design

Termenul de responsive web design (RWD) este folosit pentru optimizarea unui site web asupra tuturor ecranelor pe care utilizatorul le foloseste (desktop, laptop, dispozitiv mobil, tableta). Acest lucru inseamna ca pagina foloseste acelasi URL, modificandu-se doar display-ul pentru a se mula la diferitele marimi ale ecranelor.

Unul dintre beneficiile RWD este ca nu va trebui sa intretii diferite versiuni, ci doar una pentru toate ecranele si nici nu va fi nevoie sa creezi mai multe site-uri web.

  1. Masoara eficacitatea site-ului web

Implementarea unui site web optimizat pentru dispozitive mobile necesita intelegerea utilizatorilor; de la posibilele cautari si necesitati pe care le au pana la implinirea acestora. Asadar, este recomandat sa te gandesti la cele mai importante si obisnuite task-uri pe care acestia le au pe un site web mobil.

Cele mai frecvente greseli de implementare

  1. Implementarea site-ului mobil pe diferite domenii de site-ul web

Realizarea unui site mobil pe un domeniu, subdomeniu diferit de site-ul web necesita mai multa munca, ceea ce extinde si timpul de finalizare. Mai mult, avand URL-uri diferite cantitatea muncii va fi mai mare si in cazul proceselor de mentinere a site-ului, precum actualizarea sau repararea diferitelor probleme tehnice.

  1. Uita de importanta clientului

Reputatia unui business sta in mare parte in opiniile clientului, fiind piesa centrala. In procesul de implementare a unui site mobil e important sa te gandesti la necesitatile pe care clientul le are, precum si modalitatile prin care ii poti face aceasta experienta usoara.

Informatiile de contact, precum adresa sediului, numarul de telefon sau adresa de email e indicat sa fie asezate la vedere, deoarece crearea unui site mobil inseamna si functionalitate pentru clienti.

  1. Nu cerceteaza

Atunci cand te gandesti la o imbunatatire pentru business-ul tau online, dar si offline o parte esentiala este cercetarea. Afla cum fac ceilalti, ce functioneaza si ce nu.

Din fericire, site-urile web optimizate pentru dispozitive mobile e un concept demult cunoscut si folosit. Astfel, poti cerceta diferite site-uri, care iti vor oferi perspectiva si inspiratie pentru site-ul tau. Vei intelege exact ce inseamna sa fii utilizator si cum ar trebui aranjat site-ul pentru a fi cat mai functional si usor de utilizat.

Daca iti doresti sa inveti cum sa optimizezi site-ul tau pentru dispozitive mobile sau programare web de la zero,  alaturat gasesti datele mele de contact!

6 Sfaturi pentru a implementa un site mobile friendly

Cauti informatii despre cum poti implementa un site mobile friendly?

Conform celor de la eMarketer pana la sfarsitul anului 2014 peste 1.75 miliarde de oameni din toata lumea vor folosi in mod regulat un smartphone.

Si toti acesti oameni, nu folosesc smartphone-ul doar pentru a trimite mail-uri, mesaje si pentru a suna, ci pentru a putea sta conectati la retelele sociale si pentru a avea oricand acces la internet pentru a cauta informatiile care ii intereseaza.

Asadar, necesitatea unui site mobile friendly este mai mult decat recomandata, mai ales pentru un site business, intrucat vei atrage mai multi vizitatori.

Foloseste o tehnologie responsive

Pentru a-ti face site-ul web mobile friendly, foloseste o tehnnologie sau framework responsive, care te ajuta sa dezvolti un software de management al proprietatii, precum Bootstrap.

Aceste framework-uri sunt majoritatea gratuite, sunt foarte usor de implementat si au o documentatie buna. Si nu doar ca ofera o mai buna experienta utilizatorului, dar de asemenea iti consolideaza site-ul web, in acest fel nu vei avea nevoie de un URL diferite pentru dispozitive diferite.

Mai mult, e usor de folosit si ofera beneficii pentru o optimizare SEO mai buna.

Pastreaza continutul scurt, dar interesant

Avand in vedere ca imaginile si video-urile sunt in mare voga, continutul e important sa nu fie prea lung, deoarece e posibil ca o buna parte dintre vizitatori sa il treaca cu vederea. In schimb, alege sa scrii ceva de o lungime mica spre medie, dar care sa atraga publicul virtual.

Ecranul unui smartphone este mult mai mic, decat cel al unui laptop sau desktop, inca un motiv pentru care e recomandat sa scurtezi continutul. Acestia dau scroll repede, asadar include doar textul care conteaza.

Imagini optimizate, iconite si video-uri

Internetul mobil functioneaza mult mai incet decat cel pentru laptopuri si desktopuri, motiv pentru care e indicat sa optimizezi imaginile pentru ca site-ul sa nu se incarce prea greu.

Un alt motiv, asa cum precizam, imaginile si video-urile sunt cele care capteaza atentia vizitatorilor, de aceea e important ca imaginile site-ului tau sa fie optimizate pentru smartphone-uri.

Iconitele sunt tot o modalitate pentru a simplifica site-ul de prea mult text si pentru a-l face mai atractiv pentru utilizatori.

Video-urile sunt un must-have pentru un site mobil, intrucat utilizatorii de smartphone se uita de 3 ori mai mult la video-uri decat cei care folosesc un laptop sau desktop. Motiv pentru care e important sa folosesti o tehnologie care sa ofere o experienta mobila placuta.

Informatii de contact la vedere

Un alt factor important pentru ca utilizatorii site-ului tau mobil sa aibe o experienta cat mai buna, este asezarea informatiilor de contact la vedere. Astfel incat, sa stie la ce numar pot suna, la ce adresa de email pot trimite intrebari, precum si o locatie exacta a business-ului.

Cu cat pot accesa mai repede astfel de informatii, cu atat va fi mai calitativa experienta.

Formulare de contact

E important ca utilizatorii sa poata intra in orice moment in contact cu tine si business-ul tau, dar in acelasi timp e la fel de important ca tu sa mentii o constanta legatura cu acestia.

De aceea, formularele de contact trebuie sa fie optimizate pentru ecranul mobil. Foloseste cat mai putine campuri, din care sa extragi informatiile cele mai relevante.

Testeaza continutul

Ca un ultim pas pentru a implementa un site mobile friendly si pentru a te asigura ca functioneaza la parametrii normali, testeaza continutul site-ului, fiind o etapa indispensabila intrucat demonstreaza importanta pe care o acorzi vizitatorilor si potentialilor clienti.

Efectueaza aceasta testare pentru a te asigura ca functioneaza pe diferite platforme, dispozitive si sisteme de operare. Poti efectua aceste testari cu UXRecorder, POP, Solidifyapp si delight.io, unelte menite pentru acest scop.

Daca iti doresti sa inveti programare web de la zero, si nu numai, alaturat gasesti datele mele de contact!

jQuery Mobile 1.2.0

UPDATE 21 septembrie 2012: jQuery Mobile 1.2.0 versiunea RC2 a fost lansat . S-au corectat foarte multe erori si va recomand sa pregatiti aplicatiile voastre pentru aceasta versiune. Pe langa functionalitatile noi se observa si o imbunatatire a performantei . 

In 14 septembrie 2012 a fost lansat jQuery Mobile Release Candidate 1 . Astept o performanta mult mai buna de la acest „framework” fata de precedentul sau, versiunea 1.1.0. Noile functionalitati oferite de versiunea 1.2.0 sunt:

POPUPS

Este una dintre cele mai importante functionalitati noi.  JQM permite crearea unui tooltip simplu, harta embed-uita sau orice alt iframe in interiorul acestui popup. Cand se da clic inafara popup-ului, acesta se va inchide.

<a href="#popupBasic" data-rel="popup">Deschide Pop-up</a></pre>
<div id="popupBasic" data-role="popup">
Acesta este un popup..</div>
<pre>

COLLAPSIBLE LISTS

Continutul listelor se pot inchide / deschide. Este foarte utila pentru lista mari structurate pe mai multe nivele ierarhice. La primul acces se va afisa doar primul nivel din lista, apoi cand se da clic pe un element se vor afisa elementele din nivelul urmator.

LISTVIEW AUTODIVIDERS

Listele generate in mod dinamic se pot autostructura adaugand atributul data-autodividers.

READ ONLY LISTS

Stilul listelor read-only a fost modificat.

WIDTH ADJUSTMENTS FOR ALL FORM ELEMENTS

Latimea campurilor au fost marite, astfel incat sa se profite cat mai mult din ecran.

SUPPORT JQUERY 1.8

JQM suporta ultima versiune de jQuery, adica versiunea 1.8

Mai multe detalii pe site-ul oficial jQuery Mobile.

Site booking pentru mobil – Listare localitati

Azi vom implementa listarea localitatilor pentru toate tipurile de cazare, cum ar fi: hoteluri, pensiuni, case, vile, etc. Pentru a adauga aceasta functionalitate site-ului mobil avem de adaugat( utilizam frameworkul MVC CodeIgniter ) :

  1. o metoda in controller pentru a avea informatiile in variabile
  2. un sablon pentru afisarea continutului (afisarea variabilelor)
  3. o metoda in MODEL pentru interogarea informatiilor dorite
Afisarea localitatilor pentru tipurile de cazare

Codul din CONTROLLER

public function category()
{
    $hotel_type_arr                = $this->config->item('hotel_type_arr'); 
    $this->data['category_id']     = $this->uri->segment(3);
    $this->data['category_name']   = $hotel_type_arr[$this->data['category_id']];
    $this->data['book_page_title'] = ucfirst($this->data['category_name']);
    $this->data['content']         = 'main/category';
    $this->data['cities']          = $this->City_model->get_all_entries();

    $this->load->view('layout', $this->data);
}

EXPLICATII:

  • linia #3 : se citeste tipurile de cazare existente. Tipurile de cazare sunt salvate in config
  • linia #4 : se citeste id-ul categoriei de cazare din URL. URL-ul are urmatoarea structura: http://mbooking.sandorkovacs.ro/main/category/1
  • linia #5 : se salveaza numele tipului de cazare intr-o variabila
  • linia #6 : in plus vom afisa tipul de cazare si in titlul paginii
  • linia #7 : calea catre fisierul sablon in care se va face afisarea
  • linia #8 : se face o interogare cu toate localitatile existente in baza de date

Codul din VIEW

<?php if (isset($cities)): ?>
<ul data-role="listview" data-theme="a">
  <?php foreach ($cities as $city): ?>
	  <li><a href="#"><?php echo $city->name; ?></a></li>
  <?php endforeach; ?>
</ul>
<?php endif; ?>

EXPLICATII:

  • linia #1: verificam daca exista localitati in baza de date
  • linia #3 : parcurgem fiecare inregistrare (localitate)
  • linia #4 : afisam numele localitatii

Codul din MODEL

    function get_all_entries($limit = 100)
    {
        $this->db->order_by("name", "asc");
        $query = $this->db->get($this->table_name, $limit);
        return $query->result();
    }

EXPLICATII:

Am folosit ACTIVE RECORD pentru interogarile din baza de date MySQL.

  • linia #3 : ordonare dupa nume in ordine alfabetica
  • linia #4 : contruirea interogarii finale unde primul parametru este numele tabelei, iar al doilea parametru este limita. Daca in tabel avem 300 de localitati si setam limita la 30 atunci se vor interoga doar 30 de localitati
  • linia #5 : returnarea rezultatului

Demo

Pentru a vizualiza varianta demo intrati pe mbooking.sandorkovacs.ro si dati clic pe oricare tip de cazare. Se va afisa o lista cu localitatile existente in baza de date – tabela cities