Joomla english for the work group

IES “Jaume II el just” Tavernes de la Valldigna

The educational framework www.ieseljust.org as a resource for the

teaching-learning process.

Índex:• Introduction• Joomla! installation• Creating a web site• Adding contents to the site• Managing users and groups

Managing web sites: Joomla!

Content management system (CMS)

HTML

CSSJavaScript

DreamWeaver

MySQLApache

PHP

What do we need to make a web site?


The content management systems.

CMS examples


What is Joomla!?

• A CMS software designed to manage web site in a quick and efficient way.

• Is modular, flexible, powerful and easy to learn.

• Offers a global solution integrating:

• Web editor

• Content management

• User and groups administration

• It is managed through the web

• OS independent

• Free and open source software with GNU license.


Joomla! installation• Download de last version from: www.joomla.org/download.html• Then unzip it into your DocumentRoot folder

DocumentRoot


• After unzipping the package we will obtain:


Joomla! installation

• We start the installation:

• And then we follow the steps:

2


Joomla! installation1

3

• Minimum requirements

• Recomended settings

4







Without installing sample data!!!



The frontend

The backend


Install a new template

21

34


Create sections

1

2

4

5

3


Create categories

3

4

5

1

2


Create articles

4

5

1

3

2


Content structure schema

Section 1

Category

Category 2

Article 1

Article 2

Article 3

Section 2

The site’s content


Create a new menu option

4

1

2

3


Create a new menu

4

12

3

6

5


The frontend


The frontend users

1

Frontend

Backend

3

2

4


The login module

1

23

4

567


Create a user menu

4

12

3

5

6

5


Create a new user menu option

1

23

4

56


The frontend

The user menu

The login form

Another menu

The main menu


The backend users

1

Frontend

Backend

3

2

4


Modifying the menu style

1

2

3

4


The new frontend


Using built-in components: Contacts

1

2

3

4 5

6

7


Using built-in components: News feeds

1

2

3

4 5

6

7


Using built-in components: Web links

1

2

3

4 5

6

7


Using built-in components: Polls

1

2


Adding built-in components to the menus

1

2

3

4


Adding a wrapper to the menu

1

2

3


The new frontend


Add a new component: EventList calendar

1

2

34


Add a new module: EventList calendar

1

2

34

5


The new frontend


Add a new component: Remository

1

3

3

4

2


Remository: Manage containers

1

4

3

5

6


Create a new user menu option: My files

1

2

5

4

6

78

3


Install other components / modules

• Imageshow: A Joomla! flash image slideshow

for showing your images

Phoca Gallery: Phoca Gallery is a Joomla! gallery - image gallery. It includes component, modules and plugins and allows users to display images or Youtube videos in many different styles. http://www.phoca.cz/

• JoomFish: JoomFish is a solution for your multilingual website

• More components / modules: http://extensions.joomla.org/extensions/


The private site: User login


Akeeba Backup: To backup the entire site

http://www.akeebabackup.com/


Akeeba Backup: To backup the entire site


A multilingual content website: Joomlafish extension

1.- Download the extension from

http://www.joomfish.net/

3.- Install the necessary language packages from:

http://extensions.joomla.org/extensions/languages/translations-for-joomla

2.- Install it using the menu:

Extensions -> Install/Uninstall



Activating the necessary languages

The language selection module



The front-end

Exercice:

Create a catalan / valencian flag.

Upload to the apropiate folder in the server

And get the next pictures:



Translating the content




Other extensions: JCE editor

1.- Download the extension from

http://extensions.joomla.org/extensions/edition/editors/88

2.- Install it using the menu:

Extensions -> Install/Uninstall

3.- Activate the editor by default

Site->Global configuration-> Site

4.- And use it. Content -> Article manager -> New


Other extensions: Chat

To complete!!!

Exercice: Download, install and configure an extension to manage chat session betwween the user of the website.


Other extensions: Broadcast and live stream

To complete!!!

Exercice: Broadcast and live stream your own channel for events, performances, etc including this link inside your webpage.

http://www.livestream.com/ => Launch a channel

Joomla english for the work group

Education