Sharing is Caring : Part 9

Ok dalam part ni Max akan tunjukkan macamana nak buat video streaming melalui site Joomla korang. First skali korang kene dapatkan extension Joomla ; AllVideosReloaded. Download kat sini;

All Videos Reloaded (Latest version 1.2.6stable)

Siap download tu, pastikan server korang running dan bukak joomla admin console (http://127.0.0.1:8080/administrator) dan pegi ke "Extension Manager" (Extension>Install/Uninstall);


Klik browse dan carik file yang korang download tadi (masa korang download maybe korang perasa ada 3 file dengan format berbeza;tar.bz2, tar.gz dan zip. Tak kisah korang guna yang mana sebab tiga2 ni sama je isinye);
Klik "Upload and Install" dan korang akan dapat notification yang Component tu da siap diinstall. Kat bawah dia lak ada quickstart yang panjang lebar;


Skang kita akan wat category baru untuk page video. Gi kat Content>Section dan klik "New". Letakkan nama section tu "Streaming" ;

Pastu kita wat category under section streaming tu lak. Gi kat Content>Category. Klik new dan letak title "Video" dan pastikan korang pilih section "Streaming" yang korang baru buat tadi;

p/s : Korang boleh gak letak satu lagi category, "Audio" under section "Streaming" tu.

Skang gi kat install dir "Abyss/htdocs/images/stories". Buat 2 folder kat situ dengan nama "videos" dan "audio";

Pastu korang letak file yang korang nak streaming tu dalam folder "videos" tu. Tak kisah apa format file yang korang nak streaming. Tapi Max sarankan guna file .mp4 atau .flv sebab saiznyer kecik dan tak bebankan server korang nanti;


Balik semula ke admin console tadi dan buat article baru (Content>Article Manager>klik New). Letak tajuk yang korang nak. Select section dan category yang korang buat tadi (Streaming, Videos). kalau korang nak letak video ni kat frontpage, select "Yes" kat "Front Page" tu. Tapi Max prefer letak kat page lain supaya video tu tak terus buffering masa visitor masuk ke site;


Pastu korang tengok kat bawah page new article tu ada button "AVR Media";


Klik button tu dan "popup" akan kuar;


Klik tab "Local Media" dan select file yang korang letak kat folder "videos" tadi;

Klik "Insert" dan satu tag beserta nama file yang korang select tadi akan kuar kat article editor tu;

Klik "Save' untuk save video korang tu. Skang kita akan buat link untuk masuk ke page video tadi. Klik Menu>Main Menu (atau mana-mana menu korang nak letak);


Klik "New" untuk create link baru dalam menu tu. Select Article>Category Blog Layout ;


Letakkan title "Video Sharing" dan pastikan korang pilih category video korang tadi ; "Streaming/Video";


Save link tu dan gi kat site korang. Korang akan notice ada link baru "Video Streaming" kat main menu tu;

Klik je link tu dan korang akan terus gi kat page Video tu;


Tamat da "Sharing is Caring : Part 9" ni. Part seterusnya adalah final part untuk siri "Sharing is Caring" ni. Nantikan finale tuh!...

Sharing is Caring : Part 8

Kali ni Max teruskan dengan cara-cara untuk setting Joomla. kalau korang tengok kat site korang (http://127.0.0.1:8080) , site korang tu tersiri daripada beberapa part ; navigation link,header, polls dll. Setiap part ni korang boleh customize;

Klik link "Administrator" kat menu resources belah kiri site korang ( atau pegi je kat http://127.0.0.1:8080/administrator ) dan korang akan dibawa ke admin interface joomla;

Login dengan menggunakan username dan password yang korang isi masa install joomla;
Kat sini korang tengok ada macam-macam perkara korang boleh buat ; tulis article, manage frontpage, menu dll. Skang korang gi kat "Article Manager". Oleh sebab korang install sample data masa install joomla, banyak sample article da ada kat site korang;


Tandakan semua article tu dan delete semuanya;

Untuk tulis article baru, klik kat "New" sebelah atas kanan page;

Taip title, letak je section ngan category "Uncategorised", taip apa korang nk dan "save". Section ngan Category ni korang boleh edit kat tab "Content". Section adalah tajuk besar dan category berada dalam section tu.
Max tak sarankan guna joomla ni untuk page download sebab server korang akan jadi slow kalau semua orang download dari joomla. Joomla lebih sesuai untuk letak shoutbox, berita pasal content baru sharing korang atau untuk video streaming. Jadi Max cadangkan korang gunakan HFS atau FileZilla macam yang Max tunjukkan sebelum ni, dan letak link kat Page Joomla korang.
Untuk letak Link kat page joomla, gi kat tab "menus" dan pilih kat kategori menu mana korang nak letak link tu. Sebagai contoh, try klik "Main Menu";


Kat situ adalah list link yang ada kat main menu;


Try klik kat mana-mana link;

Tu adalah configuration untuk link yang korang boleh setkan. Close semula. Untuk tambah link, klik kat "New" dan pilih "External Link". Taipkan alamat sharing page korang (jangan lupa port) dan save. (Jangan lupa delete broken link dan link2 yang tak berkaitan).


Joomla ni gak support extension. Extension ni korang boleh download kat sini;

Extension Joomla terdiri daripada module, plugin dan template. Korang boleh tengok kat tab "Extension". Klik "Template Manager";

Beez, JA_Purity dan rhuk_milkyway adalah template yang dah disertakan dengan Joomla. Untuk tukar template, tandakan mana template yang korang nak dan klik "Default" (ikon bintang kaler kuning kat kanan, atas page);


Pastu gi kat site korang dan korang tengok site korang akan berubah wajah;


Skang tengok plak kat "Extension" > "Install/Uninstall";


Ni adalah tempat untuk korang install apa-apa extension Joomla. tapi sebelum Max tunjukkan macamana nak install, gi dulu kat "Extension" > "Plugin Manager";


Terus gi kat page ke 2 (klik nest kat bawah page" dan cari plugin "System - Legacy");
 Plugin ni berfungsi untuk membolehkan Joomla support extension-extension lama ; Joomla 1.0. kalau korang tengok kat sebelah kanan dia ada icon cross kaler merah. Tu maknanya plugin ni disabled. Klik kat "System - Legacy" tu;

Tandakan pada "Enabled" dan "Save";

dan sekarang icon cross tadi da jadi icon kaler hijau. Maknanya plugin ni da enabled. (cara lagi senang nak enable ; klik je kat icon cross merah tadi);


Skang gi semula kat "Extension">"Install/Uninstall" tadi. Klik browse dan carik extension yang korang da download. Sebagai contoh, Max install template js_lunar_eclipse. Pastikan korang tak extract file yang korang download tu. Joomla akan install menggunakan compressed file tu;

Klik "Upload File & Install" dan korang akan nampak notification kaler biru atas tu;


Oleh kerana Max install template, template tu automatic akan berada kat page Template Manager;


Gi kat page "Module Manager" lak. Module ni adalah part2 yang korang tengok kat site korang ; Left navigation, menu dan macam-macam lagi. Skang Max akan tunjukkan cara untuk letak shout kat site korang. Max akan gunakan Shoutpro (rujuk Sharing is Caring : Part 6). Oleh kerana max da suruh korang delete shout tu aritu, letak semula folder "Shout" tu kat folder htdocs (dalam install dir Abyss). Kat module manager tu, klik "wrapper";


Title tu sukati korang nak namakan apa, klik "yes" kat enabled;

kat URL, isikan "/shout/shoutbox.php" (pastikan folder nama folder korang tu "shout"). Kat "Menu Assignment", pilih "Home" sahaja. Ni akan menyebabkan shoutbox tu muncul kat page home je. Jangan letak shoutbox kat banyak-banyak page sebab shoutbox ni akan reload setiap 30 saat. kalau korang letak kat banyak page, processor usage korang akan jadi tinggi sebab PHP guna banyak process;
Pas klik "Save", tgok semula site korang dan shoutbox tu akan muncul kat page korang. Shout nih berada kat bawah page. 


Kalau korang nak tukar kedudukan dia, gi kat "Module Manager" tadi. Tgok kat order tu ada tulis nombo2. Tu nombo kedudukan dia. Cari module "wrapper" tadi dan klik icon segitiga yang menghala keatas kat order tu, sampaila module wrapper ni dok kat atas sekali (nombor 1);



reload semula site korang dan sekarang shout tu akan berada kat atas page;


OK cukup setakat ni Max membebel kali ni. Dalam part seterusnya, Max akan tunjukkan cara buat video streaming kat site Joomla korang.

Sharing is Caring : Part 7

Sepertimana yang Max bagitau dalam "Sharing is Caring : Part 6", Max akan tunjuk kat korang cara-cara hosting site korang guna Joomla.

Apa sebenarnya Joomla ni?. Joomla adalah open source CMS framework yang membolehkan korang membina website dengan mudah dan pantas. CMS tu bermaksud "Content Management System". Dengan CMS ni, korang takyah pening-pening nak buat banyak-banyak file untuk page berlainan kat site korang. Joomla ni jugak merupakan CMS yang paling popular dan digunakan secara meluas kat dunia ni.

Untuk menggunakan Joomla ni, ada 3 benda yang perlu ada kat PC/Laptop korang ; server untuk hosting, PHP untuk interpreting, dan MySQL sebagai database. Hosting server Max da ajar (Abyss) dan PHP pon Max dah. So sekarang tinggal MySQL.

Apa-apa hal, download dulu MySQL kat sini;


Sebenarnya ada lagi database lain yang boleh digunakan, tapi MySQL ni yang paling popular dan stable. So Max akan guna MySQL ni la.

Macam biasa, install dulu;

Ikut suka korang nak install kat mana;


Tandakan "Configure the MySQL Server Now" dan klik finish;

Confiruration dialog akan kuar;

Tros next;


Isikan password (Korang punya configuration mungkin 2 kali je dia tanya password nih. Max sebelum ni memang da install MySQL sebab tu ade isi password 3 kali tuh. Dont worry 'bout the detail);

Klik "Execute" dan tunggu;

Kalau takde problem, klik ke "Finish";

Siap install MySQL. Max taknak citer panjang-panjang pasal MySQL kat sini. Untuk install joomla ni cukup la setakat sini pengetahuan asas pasal MySQL.

Skang, gi download latest version Joomla kat sini;


Delete semua isi kandungan folder "htdocs" kat directory Abyss. (file-file index.html, index.php & folder shout yang korang da letak sebelum ni. Kosongkan terus folder tu);

Extract Joomla yang korang da download tadi kat folder htdocs tu;

Pastikan server korang da running. Akses folder htdocs tu melalui browser korang ( http://127.0.0.1:8080 ) dan page macam ni akan kuar;

Ni adalah interface untuk install Joomla nih. Klik je "next" kat belah kanan atas browser tuh dan Joomla akan check server korang;


Untuk yang atas tu, kalau korang ikut macam Max tunjuk sebelum ni, memang tak ada masalah. Untuk recomended kat part bawah tu, kalau di kaler merah, xde masalah. ( Tapi kalau korang anti sangat dengan kaler merah nih, korang leh godek file php.ini kat dalam install directory PHP korang dan restart server).
 
Klik Next lagi dan baca sampai habis GNU license tuh (kalau rajin ar..=D).

Klik next lagi dan korang masuk page untuk configuration database. Ikut configuration Max nih;
 Password tu adalah password yang korang isi masa configure MySQL tadi. Pastu klik Next;

Ni adalah page untuk configure FTP. Max anggap korang suma gunakan Window, so kita skip part ni. Klik Next tros;

Isikan nama site yang korang nak, isi e-mail dan password. Pastu pastikan korang klik "Install Sample Data" dan kemudian next;

Joomla da siap diinstall. Tapi sebelum tu, buka folder htdoc kat directory Abyss tu dan delete folder "installation" (takyah fikir banyak, delete je tros folder tu);

Pastu korang klik kat gambar rumah belah kanan atas browser korang;

Maka terpampang la page sharing korang;


Page korang still kene develop lagi (setting article, streaming dll). Max akan sambung dalam "Sharing is Caring : Part 8" sebab da penat tangan Max menaip sambil snap screenshot nih. Tunggu....

Related Posts with Thumbnails
top