Web gune baten sorkuntza joomlarekin - dok

59
2014 Mikel Olano Informatika-Proiektua

description

Informatika tolosaldea proiektua

Transcript of Web gune baten sorkuntza joomlarekin - dok

Page 1: Web gune baten sorkuntza joomlarekin - dok

2014

Mikel Olano

Informatika-Proiektua

Page 2: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

1

Aurkibidea

0-Taldekatzea ..................................................................................................................................... 2

1-Planifikazioa .................................................................................................................................... 2

2-Xampp Instalazioa. .......................................................................................................................... 3

3-Joomla instalazioa ........................................................................................................................... 9

4- Web orria sortzen. ....................................................................................................................... 17

4.1- Plantilla-ren instalazioa ......................................................................................................... 17

4.2.- Plantilla martxan jarri. .............................................................................................................. 19

4.3-Web orriko menuak sortu ...................................................................................................... 20

4.4-Home atala ............................................................................................................................. 23

4.5- Nor gara atala ........................................................................................................................ 31

4.6-Produktuak atala .................................................................................................................... 33

4.7-Moduluak sortzen .................................................................................................................. 35

4.8-Non gaude atala ..................................................................................................................... 37

4.9-Kontaktuak atala. ................................................................................................................... 43

4.10-Web orria bukaturik ............................................................................................................. 48

5.Web orria sarean jarri ................................................................................................................... 51

5.1.Subdominioa sortu ................................................................................................................. 52

5.3.Artxiboak igo .......................................................................................................................... 53

5.3.Datu basea sortu .................................................................................................................... 55

5.4.Ezarpenak egin ....................................................................................................................... 57

6. Ondorioak. .................................................................................................................................... 58

Page 3: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

2

0-Taldekatzea

Nik proiektu hau bakarrik egiteko asmoa daukat. Beraz lan

guztiak nik egin beharko ditut. Nire ustez, bakarrik eginez, nahiz eta

proiektu ikaragarri bat ez egin, gehiago ikasten dela esango nuke.

1-Planifikazioa

Modulua bukatzeko proiektu bat egin behar denez, nik web orri

bat egitea pentsatu dut. Web orri hori negozio berri bat ireki behar

duten familiar batzuentzako izango da. Negozio orretan okindegi

bat eta prestaturiko janariak salduko dira.

Web orria egiteko, joomla erabiliko dut. Joomla instalatzeko

aurretik xampp instalatu behar da eta ondoren joomla. Behin

Joomla instalatu ondoren web orria egingo dut eta web orrian egin

ondoren, sarean zintzilikatzeko pausoak aztertuko ditut.

Horixe izango da egin behar dudan proiektua.

Page 4: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

3

2-Xampp Instalazioa.

Lehenik eta behin, xampp deskargatuko dugu eta link honen

bidez deskargatuko dugu.

http://cdn.mirror.garr.it/sf/project/xampp/XAMPP%20Windows/1.

8.3/xampp-win32-1.8.3-3-VC11-installer.exe

Behin deskargatu dugularik, .exe bat denez exekutatu egingo

dugu eta instalazioko asistentea irekiko zaigu, ondoren, “next”

klikatuko dugu.

Page 5: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

4

Xampp-ek instalatzen dituen osagai minimoak “Apache” eta PHP

lenguaia dira baina elementu gehiago instalatu daitezke.

Ondorengo pantaila onetan instalatu nahi ditugun osagaiak aukera

daitezke, gure kasuan MySQL eta phpMyAdmin izango dira baina

nik denak instalatu ditut.

Hurrengo pantailan Xampp instalatu nahi dugun karpeta

aukeratu behar dugu. Guk “C:\xampp” karpetan instalatuko dugu.

Lekuz aldatu nahi badugu, ondoko karpetatxoan klikatuko dugu eta

ondoren zein karpetatan instalatu nahi dugun aukeratuko dugu.

Page 6: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

5

Non instalatu nahi den aukeratu ondoren, “next” botoian

klikatuko

dugu.

Ondorengo pantaila honetan, “BitNami”-ren promozioa

izango da eta honen informazioa ez bazaigu interesatzen ‘Learn

more about BitNami for XAMPP’-en ondorengo kasila

desmarkatuko egingo dugu eta interesatzen bazaigu horrelaxe utzi.

Page 7: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

6

Xampp-en instalazioa hasteko, “next” botoian klikatuko dugu.

Page 8: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

7

Ondoren instalazioa hasiko da eta onek minutu batzuk iraungo

ditu.

Behin instalazioa bukatu duelarik, ondorengo pantaila azalduko

zaigu, onek, Xampp instalatu dela ziurtatzen digu. Ondoren “Finish”

sakatuko dugu eta Xampp-en “panel de control”-a irekiko zaigu.

Page 9: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

8

Bertan ondo instalatuta eta martxan dagoela jakiteko frogak

egingo ditugu eta horretarako apache zerbitzaria martxan jarriko

dugu.

Behin apache martxan dugularik, nabigatzailean “localhost”

jarriko dugu eta martxan baldin badago Xampp-en orrialdea irekiko

zaigu.

Page 10: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

9

3-Joomla instalazioa

Lehenik eta behin joomla deskargatuko dugu eta link honen

bidez deskargatuko dugu.

http://joomlacode.org/gf/download/frsrelease/19239/158104/Joo

mla_3.2.3-Stable-Full_Package.zip eta karpeta batean erauzia

utziko dugu.

Ondoren, joomla nola instalatzen den ikusiko dugu. Horretarako

“C:\xampp\htdocs”-era joango gara eta web orriak izango duen

izenarekin karpeta bat sortuko dugu.

Page 11: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

10

Behin joomla deskargaturik daukagula eta karpeta sortuta

dugularik, deskargatutako joomlaren barruan dagoen eduki guzia

gure web orriko karpeta horretan sartuko dugu.

Page 12: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

11

Hurrengo pausoa datu-base bat sortzea izango da.

Horretarako nabigatzailean “localhost/phpmyadmin” jarriko dugu

eta bertan sartuko gara.

Page 13: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

12

“Crear base de datos” jartzen duen tokian datu baseari izena

emango diogu, web orriak izango duen izena eta “crear” emango

diogu. Jada prest egongo da joomlaren instalazioa hasteko.

Hortaz instalazioarekin hasiko gara eta nabigatzailean

“localhost/mendiko kapritxoa” ezarriko dugu eta ondorengo

orrialdea irekiko zaigu.

Page 14: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

13

Atal honetan web orriaren izena email-a eta joomla-n

sartzeko erabiltzailea eta pasahitza jarriko dugu. Gainontzekoa

dagoen bezala utziz eta “siguiente” sakatuko dugu.

Hurrengo pantailan, datu basearekin enlazatzeko prozesua

egingo dugu web orriak funziona dezan.

Page 15: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

14

Erabiltzailea “root” izango da, pasahitza utsik utziko dugu eta

datu basearen izena lehen sortu dugunarena izango da, mendiko

kapritxoak eta “siguiente” sakatuko dugu.

Page 16: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

15

Pantaila honetan ere dena dagoen bezala utzita “siguiente”

sakatuko dugu eta instalazioa burutuko da.

Page 17: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

16

Ondoren “eliminar carpeta de instalacion” egitea

gomendatuko digu eta karpeta hori borratuko dugu. Behin hori

eginda joomla instalaturik geratuko da eta web orria egiten

hasteko prest egongoda.

Ala eta guztiz ere froga egiteko nabigatzailean

“localhost/mendiko kapritxoa/administrador” jarriko dugu eta web

orria sortzeko kontrol panelera sartuko gara.

Web orrian sartzeko berriz, “localhost/mendiko kapritxoa”

jarriko dugu eta zuzenean sartuko da.

Page 18: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

17

4- Web orria sortzen.

4.1- Plantilla-ren instalazioa

Joomla-k defektuz hainbat plantilla ekartzen ditu baina guk

internetetik bat deskargatu eta berarekin sortuko dugu web orria.

Horretarako link honetan sartuko gara

http://www.icetheme.com/downloads/184-all-in-one-package-

v3.0.0/download eta plantilla deskargatuko dugu ondoren izen

berarekin karpeta batean erauziko dugu.

Behin plantilla deskargaturik daukagula, joomla-n sartuko

gara (http://localhost/mendiko kapritxoak/administrator)

Irudi honetan ikusten den bezala, bertatik instalatuko dugu

plantilla. Horretarako “extensiones Gestor de extensiones”

atalean sartuko gara eta bertatik igoko ditugu.

Page 19: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

18

Gure web orria plantilla baten gainean egina egongo da.

Baina plantilla orri hainbat modulu jartzea egongo da beraz erabili

aurretik oriek denak igota egon behar dute.

Plantilla eta moduluak igotzeko, “seleccionar archivo”

klikatuko dugu eta ondoren plantilla erauzita daukagun karpetara

joango gara bertan igo nahi duguna aukeratuz eta azkenik “subir e

instalar” sakatuko dugu. Guk ez ditugu denak igoko batzuk baizik:

plg_iceshortcodes_v3.0.1.zip

Ondoren plantilla dagoen karpetaren barruan

“icemegamenu” artxiboa egongo da, hori erauzi eta barruan

daudenak igoko ditugu:

mod_icemegamenu_v.3.0.2.zip

plg_icemegamenu.zip

Azkenik irudien deslizante bat jarriko dugu, hori “icecrausel”

artxiboaren barruan egongo da, beraz, artxibo hori erauzi eta

barrukoa igoko dugu:

mod_ice_carousel_v3.0.1.zip

Horiexek izango dira erabili behar ditugun moduluak eta

plantilla.

Behin dena prest daukagula, web orria sortzen hasiko gara.

Horretarako orain igo dugun plantilla martxan jarri behar dugu:

ExtensionesGestor de Plantillas atalean sartuko gara eta

bertan “ice_future” “predeterminado” bezala jarriko dugu

izartxoan sakatuz.

Page 20: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

19

4.2.- Plantilla martxan jarri.

Behin hori egin

dugularik gure orrialdera

joango gara

(localhost/meniko

kapritxoak) eta honela

azalduko.

Ondoren instalatutako

moduluak eta martxan

jarriko dugutu. Hortaz,

“extensiones””Gestor

de modulos” eta bertan

“icecarosuel module” eta

“icemegamenu module”

gaituta jarriko ditugu x-ean

sakatuz.

Page 21: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

20

Azkenik

plugiñarekin ere gauza

bera egingo dugu.

“Extensiones””Gestor

de plugins” eta bertan

asko daudenez,

billatzailearen bidez “ice” jarriko dugu eta “buscar” emango diogu.

Ondoren “icemegamenu plugin” martxan jarriko dugu, moduluekin

bezala.

Hau dena egin dugularik, itxura ematen hasiko gara. Kanpotik

deskargatzen ditugun plantillek, moduluen mapa izango dute beren

orrialdeetan, hau eskura izan behar dugu, jarri nahi ditugun gauzak

non jarri nahi ditugun jakiteko. Hemen link-a

http://goo.gl/wEZQoA.

4.3-Web orriko menuak sortu

Orain menua sortzen asteko, “extensiones””Gestor de

modulos”-era joango gara eta bertan “mod_icemegamenu”-n

klikatuko dugu. Barruan

gaudelarik “posicion” jartzen

duen tokian “ice_future”-ren

barruan “main menu”

aukeratuko dugu, ondoren

“seleccionar menu” jartzen

duenean “default”

aukeratuko dugu. Azkenik

“asignamiento menu”

Page 22: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

21

pestañara joango gara eta bertan “en todasl las paginas aukeratuko

dugu”, ondoren guardar emango diogu.

Orrialdea errefreskatzen badugu onako hau azalduko zaigu.

Home menu bakarra.

Web orriak izango dituen menu ezberdinak, joomlan,

artikuluak esaten zaie adibidez Home, nor gara, non gaude

produktuak… Horiek sortzeko, orrialdeak ere sortu behar dira eta

orrialde oiei artikulu batzuk erantsiz.

Hortaz artikuluak sortuko ditugu, horretarako,

“contenido””Gestor de articulos””añadir articulo”.

Orain nahi ditugun menuak sortuko ditugu. Nik adibidez 5

sortuko ditu: Home, Nor gara, Produktuak, Non gaude eta

kontaktua. Menu guzti oiek sortuko ditugu.

Page 23: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

22

Baina, orrialdean menu oiek ikusteko, artikuluak sortu behar

ditugu. Horretarako, “menu””main menu” atalean sartuko gara

eta bertan sortuko ditugu artikuluak.

Goian, web orrian azaldu behar duen izena jarriko dugu,

ondoren “menu item type” single article motakoa izango da eta

ondoren artikulua aukeratuko dugu, aurretik sortu duguna,

produktuak.

Orrialdea berriro kargatzen badugu hau ikusiko da.

Page 24: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

23

4.4-Home atala

Jarraian, imaginen deslizantea jarriko dugu martxan.

Horretarako, “extensiones””Gestor de modulos””icecarousel

module”. Behin bertan gaudelarik posizioa asignatuko diogu.

“Position” jartzen duen tokian “icecarusel” aukeratuko dugu.

Ondore “opciones” atalera joango gara eta berta tema aukeratuko

dugu eta “dark” izango da. Altura ta zabalera berriz, 1175x475

izango da eta azkenik “asignamiento menu” atalean soilik “home”

aukeratuko dugu.

Page 25: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

24

Oraindik irudiak gehitzea geratzen da, hortaz,

“contenido””gestor de multimedia” atalean sartuko gara eta

bertara irudiak igoko ditugu. Horretarako lehendabizi karpeta bat

sortuko dugu eta bertan sartuko ditugu. Behin karpeta sortutakoak,

“subir” emango diogu eta irudiak bertan kargatuko ditugu

Ondoren kategoria bat sortuko dugu. Horretarako, “contenido”

“Gestor de categorias””añadir kategoria” eta Imagen izeneko bat

sortuko dugu. Ondoren itxi eta “estensiones””Gestor de

articulos””Añadir articulo nuevo”-ra joango gara eta bertan igo

dugun irudi bakoitzerako bat sortuko dugu. Adibidez (Ogi integrala,

plater tradizionala…) eta artikulu orietako bakoitzean dagokion

irudia sortuko dugu.

Page 26: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

25

Irudia, azpian, “imagenes” jartzen duen botoian sakatu eta

ondoren irudiak igo ditugun karpeta aukeratuko dugu, kategori

bezala imagenes jarriko dugu eta azkenik “insertar”.

Orain

“extensiones””Gestor

de modulos”

“icecarusel menu”-ra

joango gara eta “content

options” atalean,

“category” jartzen duen

tokian dagoena borratu eta “imagenes” jarriko dugu.

Azkenik orrialdea berriro kargatuko dugu eta honela ikusiko

dugu irudien deslizantea.

Page 27: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

26

Hurrengo pausua, “home” orrialdean testu modulu batzuk

erantsiko dizikiogu. Bi modulu izango dira erditik banatuta eta

irudien azpian ipiniko dugu. Modulu horiek zein posizio izan behar

duten jakiteko, lehen esan dugun bezala, moduluen mapara joko

dugu eta bertan ikusiko dugu zein posizio izango dute

(http://goo.gl/wEZQoA).

Bertan gure negozioari edo dendari buruzko informazio pixka

bat eskainiko dugu

Mapan ikusten den bezala, promo1 eta promo2 izango dira.

Lehendabizi, “extensiones” “Gestor de modulos” atalean sartuko

gara. Bertan “nuevo” sakatuz, berri bat sortuko dugu, “custom

HTML” motakoa. Ondoren, nik adibidez, elikagaien ezaugarriak

eman diot izena. Jarraian posizioa esango diogu eta “promo1”

izango da eta idatzi nahi dugun textua idatziko dugu. Azkenik zein

orritan azaltzea nahi dugun esango diogu eta ori “asignacion de

menu” atalera joan eta “home” soilik aukeratuko dugu.

Bigarren moduluarekin ere gauza bera egingo dugu. Berria

sortu, izen bat eman, posizioa asignatu, testua idatzi eta zein

orrialdetan azaltzea nahi dugun esan.

Page 28: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

27

Orain orrialdea berriro kargatzen badugu honela ikusiko dugu.

Jarraian, orriaren azpialdean begiratzen badugu, hainbat

gauza arraro ikusten direla ikusiko dugu. Hurrengo pausua horiek

kentzea izango da, orrialdea behar den bezala ikus dadin.

Horretarako, “menus””main menu””home” atalean

sartuko gara eta bertan gaudelarik “opciones” atalean. Bertan

“Mostrar titulo” jartzen duen tokian “ocultar” aukeratuko dugu.

Page 29: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

28

Hori egindakoan, “home” tituluak alde egingo digu eta

ondoren, gainontzeko informazioa kentzeko hurrengoa egingo

dugu. Lehenik, “contenido””gestor de articulos” atalean sartuko

gara eta bertan “opciones botoia sakatuko dugu. Behin barruan

gaudelarik aukera guztietan “ocultar” edo “no” aukeratuko dugu.

Page 30: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

29

Orrialdea berriro kargatzen badugu ikusiko dugu nola behar

ez genuen textu guztia falta dela.

Jarraian orrialdearen beheko puntan dauden ikonoak

kenduko ditugu, alperrik baitdadue. Horretarako,

“extensiones””gestor de plantillas””ice_future”. Bertan

gaudelarik “facebook”, “twitter” eta “iceTheme logo”-n “no”

aukera aukeratuko dudu.

Page 31: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

30

Behar den bezala egin dugula konprobatzeko, orria berriro

kargatuko dugu eta ikonoak falta direla ohartuko gara.

Segidan logo bat jarriko diogu web orriari. Nire logoa irudi

sinple bat izango da, baina badaude zenbait herraminta, logo

dotoreak egiteko eta irudi formatuan jartzeko. Logoa jartzeko,

“extensiones””Gestor de plantillas” “ice_future”.

Bertan gaudelarik, “site logo” jartzen duen tokian, jarri nahi

dugun imagina aukeratuko dugu eta “guardar” emango diogu,

prozesu guztietan bezala dena gordeta gera dadin.

Page 32: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

31

Aldaketak ikusteko, orain arte bezala, orrialdea berriro

kargatuko dugu eta nola logoa azaltzen den ikusiko dugu.

4.5- Nor gara atala

Orain berriz, “nor gara” atala beteko dugu. Bertan irudi bat

eta testu pixka bat jarriko dut. Hori egiteko lehenbizi irudia igoko

dut joomla-ra. Hortaz, “contenido”

Page 33: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

32

”gestor de multimedia” eta “subir” botoia sakatuz irudia ipiniko dut

bertan. Ondoren, berriro, “contenido””gestor de

articulos””nor gara” atalean sartuko gara eta bertan irudia eta

textua idatziko dugu. Irudia txertatzeko, orrialdearen azpialdean

“imagen” jartzen du, bertan sakatu irudia eta irudia igo dugun

tokira eramango gaitu. Jarraian irudia aukeratu eta “subir” emago

diogu. Hori egindakoa, irudia jada azaldu eginen zaigu, ondoren,

textua idatziko dugu eta guardar emango diogu.

Page 34: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

33

Ondoren aldaketak ikusteko “nor gara” orrialdea berriro

kargatuko dugu.

4.6-Produktuak atala

Hurrengo atala ere berdintsua izango da. “Produktuak”

atalak bi zati izango ditu. Batean ogi motak jarriko ditugu eta hori

irudien bidez egingo dugu. Bestean berriz eguneko menua jarriko

dugu eta hori berriz textua izango da. Baina honek aurrekoarekin

alderatuta, diferentzia bat izango du, artikuluekin sortu beharrean

moduluekin sortuko dugu.

Hortaz, “extensiones””gestor de modulos” eta

“nuevo” sakatuko dugu. Bertan sakatuko

dugu eta orrialde onetan ogi moten irudia igoko dugu aurrekoan

egin dugu bezala. Baina orri berean bi gauza egon behar dutenez,

onetan posizio bat emango diogu. Horretarako “posicion” jartzen

duen tokian “promo1” jarriko dugu. Jarraian, “asignacion de menu”

Page 35: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

34

ataldean soilik “produktuak” orria aukeratuko dugu eta“guardar y

nuevo” emango diogu. Hemen ere gauza bera egingo dugu, jarri

behar dugun testua jarri eta ondoren “posicion” jartzen duen

tokian “promo2” jarriko dugu. “Asignacion de menu”-an berriz

“produktuak” soilik aukeratuko dugu.

Orain aldaketak egin ditugula ikusteko “produktuak orrialdera

joango gara eta bertan ikusiko ditugu.

Page 36: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

35

4.7-Moduluak sortzen

Hurrengo pausua, orrialde batzueta, sare sozialetako

ikonoak jartzea izango da. Ikono horiek modulu batzuk izango dira.

Guk modulu hori ez daukagunez oraindik, internetetik

deskargatuko dugu eta behar den tokian ipiniko dugu (moduluaren

link-a http://goo.gl/qQxix).

Behin modulua deskargatuta daukagula, instalatu egin

behar dugu. Instalazioa plantillarekin egin dugu bezala da.

“extensiones””gestor de extensiones” eta bertatik “seleccionar

archivo” sakatuz artxiboa aukeratu eta “subir e instalar” sakatuz

instalatuko dugu.

Ondoren martxan jartzeko, “gestor de modulos” atalean,

“social” edo “JE social icons” bilatuko dugu eta “X” gorrian

sakatuko dugu martxan jarriz. Jarraian barruan sartuko gara eta

izenburu bat emango diogu. Ondoren berriz gure sare sozialen link-

ak jarriko ditugu behar den lekuetan eta bukatzeko posizio bat

asignatuko diogu, kasu onetan, “right” jarriko dugu . Baita ere zein

orrialdetan azaltzea nahi dugun esango diogu eta horretarako

“asignacion de menu” eta “nor gara” eta “kontaktuak” aukeratuko

ditugu bukatzeko “guardar y cerrar” emango diogu.

Page 37: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

36

Ikono sozialen azpian, testimonio bat jarriko dugu.

Testimonio hori ere modulu bat izango denez

“extensiones””gestor de mosulos””nuevo” sakatuko dugu eta

“html personalizado” izango da. Behin barruan gaudela izenburu

bat emango diogu, edozein eman dakioke gero gorde eginen bait

dugu. Ondoren testu bat idatziko dugu, posizioa berriz aurrekoa

bezala “right” izango da eta “asignacion de menu” ere berdina,

“nor gara” eta “kontaktuak” eta “guardar y cerrar” emango diogu.

Konprobatzeko, “nor gara” eta

“kontaktuak” orrian sartzen bagara,

onako hau ikusiko dugu eskuineko

zutabean.

Page 38: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

37

4.8-Non gaude atala

Orain “non gaude” atala sortuko dugu. Atal honetan hiru

modulu sortuko ditugu eta baita ere mapa bat.

Moduluak sortzen hasiko gara eta lehenengoa, dendaren

ordutegiarekin egingo dugu. Hortaz, “extensiones””gestor de

modulos””nuevo””html personalizado” sakatuko dugu. Bertan

izenburu gisa “ordutegia jarriko dugu eta nahi dugun testua

idatziko dugu ordutegiarekin. Jarraian berriz posizio bat emango

diogu eta kasu honetan “left” izango da titulua berriz agerian utziko

dugu. Bukatzeko “asignacion del menu” atalean, “kontaktua” eta

“non gaude” orrialdeak aukeratuko ditugu soilik eta gorde egingo

dugu.

Page 39: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

38

Urrengoarekin gauza bera egingo dugu baina ordutegia jarri

ordez helbidea jarriko dugu. Textu bezela helbidea izango da,

posizioa “left” eta “kontaktua” eta “non gaude” orrialdeetan

azaltzea nahi dugula esango diogu. Eta azkenik nota bat jarriko

dugu. Bertan erreserbak egin daitezkela esango diogu. Orainarte

bezala izenburua eman, posizioa “left”, “kontaktuak” eta “non

gaude” orrialdeeak aukeratu eta textu bezela jarri nahi duguna

jarriko dugu. Azkenik guardar mengo diogu prozesu guztietan

bezala.

Page 40: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

39

Orain orrialdea berriro kargatuko

dugu eta aldaketak ikusiko ditugu

“kontaktuak” eta “non gaude” orrietan.

“Non gaude” orrialdearekin bukatzeko mapa bat jarriko

dugu. Horretarako helbidea jarriko dugu google maps herramintan

eta gure denda dagoen tokia ubikatuko dugu. Ondoren beheko

irudian gorriz ageriden botoi horretan sakatuko dugu.

Hori sakatutakoan honako aukerak azalduko zaizkigu eta

“compartir einsertar mapa” aukeratuko dugu. Ondoren “insertar

mapa” ata tamaña ere aukeratuko dugu. Hori web orriaren arabera

izango da. Azkenik espezifikazioak jarri eta gero url hori kopiatuko

dugu.

Page 41: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

40

Jarraian mapa insertatzeko,

“contenido””gestor de artikulos”

atalean sartuko gara eta bertan “non

gaude” –ren klikatuko dugu.

Bertan gaudelarik, azpialdeko

“cambiar editor” botoia sakatuko

dugu eta ondoren aurretik kopiatu dugun url-a itsatsiko dugu.

Baina honek funtziona dezan beste ezarpen bat aldatu

behar da. “Extensiones””Gestor de plugins” atalean sartuko gara

eta bertan bilatzailean “tiny” idatziko dugu eta bilatzeari emango

diogu.

Ondoren azalduko denean sartuko gara eta beheko partean

“prohibited elements” jartzen duen tokian “,iframe” borratu egingo

dugu. Ondoren berriz url-a itsastera joango gara lehen bezala ,

“contenido””gestor de artikulos” “non gaude” sartuta.

Azkenik aldaketak gordeko ditugu.

Page 42: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

41

Orain bukatzeko “non gaude” orrian sartuko gara berriro

eta nola aldatu den ikusiko dugu.

Page 43: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

42

Bukatzeko, gure web orriko azkeneko atala bukatuko dugu.

Atal horrek “kontaktua” izena du. Aurretik lau modulu asignaturik

dauzkago. Ordutegia, dendaren kokalekua, sare sozialen ikonoak

eta testimonioa.

Baina orain, ezkerreko zutabean beste modulu bat erantsiko

diogu. Modulu horretan, telefonoa eta posta elektronikoa ipiniko

ditugu. Horretarako, orain arte bezala, “extensiones””gestor de

modulos””nuevo” ”html personalizado” sakatuko dugu. Behin

barruan gaudelarik izenburua emango diogu “kontaktua”. Ondoren

telefonoa eta postak idatziko ditugu eta posizio bat emango diogu,

kasu honetan “left” izango da. Bukatzeko zein orrialdetan azaltzea

nahi dugun ipiniko dugu eta “kontaktua” aukeratuko dugu. Bertan

soilik azaltzea nahi dugulako.

Page 44: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

43

Jarraian, orrialdea berriro kargatuko dugu

zer aldatu den ikusiz.

4.9-Kontaktuak atala.

Web orri honekin bukatzeko, erdian formulario bat jarriko

dugu. Plantilla honetan formularioa jartzeko lehenik eta behin

deskargatu egin beharko dugu (hemen link-a http://goo.gl/ba60SW

).

Behin deskargaturik daukagula, orain arte bezala modulua

instalatuko dugu. “Extensiones””gestor de modulos”-ean sartu

eta bertan emango digu igotzeko aukera.

Instalaturik daukagunean, “extensiones””gestor de

modulos””nuevo” –n sartuko gara. Bertan, orain arte azaltzen ez

zen aukera bat azalduko zaigu, “fox contact” izango da eta hori

aukeratuko dugu.

Page 45: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

44

Lehenik izen bat emango diogu baina izen burua estaliko

dugu. Ondoren zein posiziotan nahi dugun esango diogu eta posizio

hori, bi moduluen zutabeen artean izango da. Posizio horretan

jartzeko, izen bat asmatu behar dugu eta “posicion” jartzen duen

tokian jarri “formcontact” jarriko dugu adibidez.

Ondoren

ezarpenetara joango gara

“entrega del mensaje”

atalera. Bertan zein

korreora bidaltzea nahi

dugun esango diogu.

Zein orrialdeetan azaltzea nahi

dugun ere esango diogu. Hori berriz,

“kontaktua” orrialdea soilik azaltzeko

esango diogu.

Page 46: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

45

Modulua azaltzeko prest daukagunean, jarri dugun posizio

hori artikulu batean inplementatu behar dugu. Hortaz,

“contenido””gestor de artikulos” “kontaktuak” partean

sartuko gara eta bertan “{loadposition: contactform}” idatziko

dugu eta aldaketak gordeko ditugu.

Page 47: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

46

Modulu honi

aldaketak egin nahi

badizkiogu,

modulura sartu,

“extensiones””gestor de modulos””foxcontact”, eta behin

barruan gaudelarik, “campos de formulario” atala irekiko dugu eta

nahi ditugun eremuak jarri edo kendu ahal izango ditugu.

Bestalde bazterreko kolorea kendu nahi badiogu, ortxe bertan

gaudela, beheko partean “avanzado” atalean sartu eta “estilo de

modulo” jartzen duen tokian nahi duguna aukeratuko dugu, nik

adibidez “ice future” barruan “well” aukeratu dut.

Page 48: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

47

Orrialdea berriro kargatzen badugu honela geratuko zaigu

Page 49: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

48

4.10-Web orria bukaturik

1.Home

2.Nor gara

Page 50: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

49

3.Produktuak

4.Non gaude

Page 51: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

50

5. Kontaktuak

Page 52: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

51

5.Web orria sarean jarri

Orain web orri hau dohainik zintzilikatuko dugu sarean.

Horretarako, “subdominio” batekin jarriko dugu. Bestalde

ordainduz, dominio bat erosi beharko genuke eta zuzenean ipini.

Hortaz, lehenbizi, “filezilla” programa jaitsi behar dugu

(http://goo.gl/Ab2ETU ). Artxiboa “.exe” bat denez erraz

instalatzeko modukoa da. Programa exekutatzean honako hau

ikusiko dugu.

Jarraian, gure web orria zintzilikatzeko zerbitzariaren web

orrira joango gara (http://www.hostinger.es/orden ). Gure posta

eta pasahitzak jarriko ditugu bertan erregistratu ahal izateko.

Page 53: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

52

5.1.Subdominioa sortu

Behin barruan gaudelarik, “nuevo hosting” sakatuko dugu

eta ondoren dohaineko bertsioa nahi dugunez “gratis”.

Page 54: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

53

Hurrengo

pantailan, gure

subdominioaren izena

ipiniko dugu

“mendikokapritxoak” eta

pasahitz bat emango

diogu. Hurrengo pausuak

jarraitu eta jada

subdominioa prestaturik

edukiko dugu.

5.3.Artxiboak igo

Hurrengo pausua, gure web orriko artxiboak igotzea izango

da. Pausu hau oso garrantzitsua da, hau ez badugu ongi egiten

arazoak izango ditugu.

Page 55: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

54

Horretarako, aurretik aipatu dugun “filezilla” programa

erabili beharko dugu, ftp bezero bezela. Baina hori egin baino

lehen, hotinger-etik hain informazio atera behar ditugu, eta gure

dominioaren

detaileetan sartuko

gara. Bertan ikusten

dugunez,

zerbitzariaren izena

server56.hostinger.es

izango da eta orrialde

horretan bera jaisten

bagara, usuario ftp

bezela “u316082445”

izango dela esango

digu.

Behin hau egin ondoren filezilla programa irekiko dugu eta

goiko barran, aurretik esan dugun informazioa sartuko dugu behar

den tokian zerbitzariarekin konektatzeko.

Konektaturik gaudenean, eskuineko aldean, gure zerbitzarian

dauden gauzak azalduko zaizkigu eta “default.php” artxiboa

ezabatu beharko dugu.

Page 56: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

55

Jarraian, ezkerreko laukian, gure web orriko artxibo guztiak

aukeratu eta zerbitzarira igoko ditugu, arrastatuz. Artxibo guztiak

igo beharko dira, zuzenean igotzen ez badira eskuz igo beharko

ditugu.

5.3.Datu basea sortu

Bestetik, datu base bat sortu beharko dugu. Horretarako,

beheko irudian ikusten den helbidera joan beharko dugu eta datu

baseari izena erabiltzailea eta pasahitz bat emango diogu.

Page 57: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

56

Behin datu basea sorturik daukagula, gure

“localhost/phpmyadmin”-en sartuko gara eta bertar “exportar”

pestaña klikatuko dugu “.sql” artxibo bat sortuz ezarpen guztian

dauden bezala utziko ditugu.

Datu basea exportaturik daukagula, “hostinger”-en sortu

dugun datu basea sartuko gara eta “phpmyadmin”-ra joango gara.

Bertan gaudelarik, “importar”en gainean sakatuko dugu eta

lehen deskargatu dugun “.sql”-a aukeratu eta “continuar” emango

diogu. Onela datu basea prest edukiko dugu zerbitzarian.

Page 58: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

57

5.4.Ezarpenak egin

Hurrengo pausua gure datu basea eta web orriko

konfigurazioak lotzea izango da. Horretarako hostinger-en

“administrador de archivos” –en sartuta “configuration.php”

artxiboa editatuko dugu, eskubiko botoia sakatuz.

Baina aldaketa horiek egiteko, gure datu baseko detailetan

sartuko gara. Bertan datu basearen izena erabiltzailea eta host-a

edukiko ditugu eta pasahitza ere beharko dugu, sortzeko erabili

duguna.

Page 59: Web gune baten sorkuntza joomlarekin - dok

Informatika-Proiektua 2014/05/02

58

Hortaz, berriro dokumentua editatzeko leihora joanez

jarraituko dugu. Hauexek editatu beharko dira

public $host = ‘mysql.hostinger.es’;

public $user = ' u316082445_root';

public $password = 'mendiko';

public $db = ' u316082445_mendi';

public $live_site = 'http://mendikokapritxoak.esy.es';

Behin aldaketa hauek buru ditugularik, web orria

mendikokapritxoak.esy.es helbidean ikusi bearko litzateke, jada

sarean egongo da.

6. Ondorioak.

Egin dudan proiektua interesgarria izandu dela iruditzen zait.

Alde batetik, joomla-ren funtzionamendua ikasi dut, herramienta

baliogarria izan daitekeela uste dut. Joomla-ren bidez mota

askotako web-orriak egin daitezke. Bestetik, eskolan ikasi duguna

praktikan jarri eta pixkabat sakondu dudalakoan nago, web orriak

migratzeko garaian zein faktore diren garrantzitsuak ikasi dut.