יום שבת, 29 באוקטובר 2011

פרויקט WIKI - תוספות קטנות / גדולות

או איך התקנתי ויקי אצלי בחברה - רשומה 3 בסדרה

רשומה 1 - מהו ויקי, יתרונותיו ולמי זה מתאים.
רשומה 2 - איך להתקין ויקי.

רשומה זו עוסקת כיצד לבצע את ההתאמות הקטנות אשר נותנות את הייתרונות הגדולים של מערכת הויקי.

הכירו את קובץ LocalSettings.php
אם עקבתם אחר הנחיות ההתקנה של הרשומה הקודמת קובץ הקונפיגורציה נמצא תחת ספריית HTDOCS של תוכנת ה- APACHE בצורה הבאה:

C:\Program Files (x86)\Apache Software Foundation\Apache2.2\htdocs\X

(כאשר "X" הינו שם הספרייה של הויקי)

קובץ זה נקרא LocalSettings.php, והוא זה השולט לנו על הממשק, תוספות והגדרות של הויקי.
כל השינויים/עדכונים יעברו דרכו, כך שחשוב מידי פעם לבצע גיבוי לקובץ זה, גם בטרם הכנסת שינויים - כך נוכל להחזיר את המצב לקדמותו.

לצורך עריכת הקובץ נוכל להשתמש בכל עורך טקסטואלי (Notepad, Word וכד').


עמוד ראשי / לוגו חברה
העמוד הראשי הוא העמוד אשר כל אדם שנכנס לויקי יראה, חשוב להכניס מספר מילות פתיחה.
עמוד זה יכול לשמש כמעין פורטל, להפנות לפרויקטים, להכיל קישורים שימושיים, מדריכי משתמש, הסברים, הנחיות ו/או כל מידע אחר הרלוונטי לארגון.

דוגמא לעמוד ראשי
בפעם הראשונה שתפתחו את הויקי הלוגו בפינה הימנית העליונה יהיה של MEDIAWIKI, אנו בקלות נכניס את הלוגו של החברה שלנו:
  1. מצאו/בקשו קובץ לוגו של החברה בגודל המתאים (לצורך הדוגמא שמו יהיה com_logo.png).
  2. היכנסו לתת ספרייה skins/common/images בתוך ספריית הויקי ("X"), והעתיקו את הקובץ לכאן.
  3. כעת נעדכן את קובץ הקונפיגורציה. פתחו את localsettings.php ומצאו את "$wgLogo" (אם הוא לא קיים יש ליצור אותו) וכעת עדכנו אותו לשם הקובץ החדש:
$wgLogo = "$wgStylePath/common/images/com_logo.png";
הסבר מפורט מאתר MediaWiki


ספריית הויקי
עריכת ויקי בקלות / WYSIWYG
מי מאיתנו שניסה אי פעם לערוך דף ויקי כלשהו נתקל בוודאי בשפה חדשה, תגיות טקסטואליות ייחודיות לויקי אשר מאפשרות שליטה על התוצאה הסופית: עיצוב (Bold, Italic, Underline), יצירת טבלאות, קישורים, הוספת תמונות ועוד.

לאדם מן השורה אין ספק ששימוש בממשק זה אינו נוח (בלשון במעטה), ויקשה את השימוש בויקי.
לכן אני ממליץ בחום להשתמש בממשק טבעי.

מהו ממשק טבעי?
ובכן ממשק טבעי, ממש כמו בתוכנת WORD, היא ההגדרה של ממשק בו מה שרואים על המסך בזמן ההקלדה הוא התוצר הסופי שייראה על המסך כאשר נשמור את העמוד.

לדוגמא, הכנסת כותרת בשפת ויקי תראה כך:
== Title ==

ואילו בממשק טבעי בזמן ההקלדה פשוט נראה:
Title

בלעז ממשק זה נקרא What You See Is What You Get, ולרוב נראה את הקיצור שלו WYSIWYG.

הממשק הנבחר
לאחר בחינת מספר ממשקים, נתקלתי בממשק טבעי נוח ופשוט להתקנה של חברת Semantic Media Wiki:
  • היכנסו לדף ההורדות ושמרו את WYSIWYG 1.5.6.
  • את תוכן תקיית WYSIWYG בתוך הקובץ הכניסו לתוך תקיית הויקי
..\htdocs\X\extensions\WYSIWYG
  •  הכניסו את הטקסט הבא לתוך קובץ LocalSettings.PHP:
require_once("$IP/extensions/WYSIWYG/WYSIWYG.php");
$wgGroupPermissions['*']['wysiwyg']=true;
$wgDefaultUserOptions['riched_start_disabled'] = false;
$wgDefaultUserOptions['riched_use_toggle'] = true;
$wgDefaultUserOptions['riched_use_popup']= false;
  • שורה 1 - מאפשרת את התוסף בתוך הויקי.
  • שורה 2 - נותנת לכל המשתמשים הרשאות לשימוש בתוסף.
  • שורה 3 - הופכת את WYSIWYG לעורך הראשי.
  • שורה 4 -  מאפשר מעבר מהעורך הטבעי לעורך הרגיל של הויקי.
  • שורה 5 -  הופכת את העורך הטבעי לחלק אינטגרלי מהדפדפן.
  • קישור להוראות ההתקנה באתר SMW - בשונה מהרשום במדריך זה, הממשק נבדק ועובד על גרסא 1.17.0 של MediaWiki.
  • השימוש בעורך הטבעי הוא די אינטואיטיבי, אך במידה ותרצו להתעמק בכל הפונקציות שלו - להלן קישור למדריך המשתמש בממשק.
כך נראה העורך של הממשק בטבעי
בעיות ידועות בממשק זה
עם כל הייתרונות של ממשק זה, ישנה מגבלה לשימוש בו:
  • עובד עם דפדפן IE מגרסא 8 ומעלה בלבד.
בחברה שלי זה היווה בעיה מפני שמערכות ה- ERP עובדים כרגע על דפדפן IE גרסא 7, לכן לכל משתמשי הויקי התקנתי דפדפן FIREFOX (אפשר עקרונית גם CHROME אבל לא ביצעתי איתו בדיקות), הפכתי את הויקי לעמוד הבית שלו, כך שמבחינת המשתמש יש לו אייקון נוסף על שולחן העבודה עבור אפליקציה זו.

שימוש בדוא"ל כחלק מהויקי

אחת הפונקציות שכנראה תרצו להטמיע בתוך הויקי היא היכולת שלו לשלוח דוא"ל.
הפונקציה הזו כשלעצמה אינה מהותית בתוך ארגון, כאשר ניתן לשלוט באופן יחסי על רישום משתמשים, אך היא מאפשרת אימות דוא"ל של משתמשים חדשים, תזכורות לחידוש סיסמאות שפגו תוקף והיא משתלבת עם תוסף אחר שנדבר עליו בהמשך.


לצורך כך תהיו חייבים את התמיכה הטכנית של גורם IT. יש צורך להגדיר עבור הויקי משתמש עם תיבת דוא"ל בשרת ה- Exchange, ולבקש מספר פרטים נוספים עליהם נעמוד בהמשך.


התקנת PEAR
תוסף הדוא"ל המומלץ ע"י MediaWiki הינו רכיב PHP הנקרא PEAR.
לצורך התקנתו נבצע את השלבים הבאים:

לאחר ההתקנה יש לוודא בתוך קובץ PHP.ini כי מופיע הטקסט הבא:

include_path=".;C:\Program Files (x86)\PHP\pear\"
(תלוי כמובן היכן התקנתם את ה- PHP שלכם,
באותה מידה זה יכול להיות C:\PHP\pear\) ובסיום יש לאתחל את השרת.


עכשיו אחרי שהתקנו PEAR אפשר להתקין את כל תוספי הדוא"ל שלו.
התקנת MAIL
  • נוריד את הגרסא העדכנית מ- http://pear.php.net/package/Mail. 
  • נפתח שורת פקודה (Command line). 
  • ניכנס לספריה בה שמרנו את הקובץ ונריץ את פקודת ההתקנה הבאה: pear install Mail

התקנת Net_SMTP
  • נוריד את הגרסא העדכנית מ- http://pear.php.net/package/Net_SMTP. 
  • נפתח שורת פקודה (Command line). 
  • ניכנס לספריה בה שמרנו את הקובץ ונריץ את פקודת ההתקנה הבאה: pear install Net_SMTP

התקנת Net_Socket
  • נוריד את הגרסא העדכנית מ- http://pear.php.net/package/Net_Socket. 
  • נפתח שורת פקודה (Command line). 
  • ניכנס לספריה בה שמרנו את הקובץ ונריץ את פקודת ההתקנה הבאה: pear install Net_Socket

הערה: אם אחד הרכיבים כבר מותקן, ורק תרצו לשדרג את הגרסא, במקום לרשום install רשמו upgrade.

הגדרות בקובץ LocalSettings
לאחר שביצענו את כל ההתקנות יש לסיים ולבצע את ההגדרות בקובץ הקונפיגורציה:
$wgSMTP = array(
 'host'     => "mail.example.com", //could also be an IP address
 'IDHost'   => "example.com",
 'port'     => 25,
 'auth'     => true,
 'username' => "my_user_name",
 'password' => "my_password"
);
 כאן כמובן שיש להעזר בגורם הטכני/IT על מנת למלא את כל פרטי שרת הדואר. אצלי לדוגמא לא היה צורך באימות בשרת ולכן אופציית "auth" היא "false".

בדיקת תקינות הדוא"ל
לבדיקה כעת שהשרת מצליח לשלוח מיילים היכנסו ל "העדפות שלי" ללשונית "פרטי משתמש", ותחת סעיף "אפשרויות דוא"ל" תהיה אופציה לבצע אימות.
אם הכל עובד כשורה לאחר לחיצה על אופציה זו תקבלו הודעה לתיבה שלכם המבקשת שתלחצו על קישור ואז יבוצע אימות אל מול השרת.

אימות תיבת דוא"ל



מערכת לניהול באגים ISSUETRACKER
אחת האופציות ממנה התלהבתי קצת יותר הינו תוסף זה המאפשר פתיחת טבלת באגים.
כאשר אם הגדרתם את הדוא"ל כמו שצריך, תוכלו לפתוח תקלות לגורם כלשהו והוא יקבל זאת ישירות לתיבה שלו.
כך נראית הטבלה בתוך הויקי
ניתן לבצע מעקב אחר בעיות בתוכנה, חומרה, פיתוח וכל העולה על רוחכם.
לצערי השמשת תוסף זה דורשת קצת עבודה שחורה, אני אסביר כיצד לבצע זאת כאן:


  • קישור לאתר התוסף http://www.mediawiki.org/wiki/Extension:IssueTracker
  • תחילה נוריד את קבצי התוסף ונעתיק אותם לתוך ספריית IssueTracker תחת ספריית extensions.
  •  הכניסו את הטקסט הבא לתוך קובץ LocalSettings.PHP:
require_once $IP . '/extensions/IssueTracker/IssueTracker.php';
  •  לאחר מכן יש לעדכן טבלה בתוך ה- SQLSERVER, לצורך כך נתקין את תוכנת WORKBENCH.
  1. התקנת Microsoft Visual C++ 2010 Redistributable Package x86 - קישור
  2. התקנת Microsoft .NET Framework 4 Client Profile - קישור
  3. התקנת MySQL Workbench 5.2.34 - קישור
  •  ניצור קובץ טקסט, בעל סיומת SQL המכיל את המלל הבא (כפי שמופיע באמתר התוסף):
 CREATE TABLE `issue_tracker` (
`issue_id` int(10) NOT NULL auto_increment,
`type` varchar(5) NOT NULL default 't_bug',
`title` varchar(100) NOT NULL,
`summary` text NOT NULL,
`status` varchar(5) NOT NULL default 's_new',
`assignee` varchar(40) NOT NULL,
`user_name` varchar(40) NOT NULL,
`user_id` int(10) NOT NULL,
`project_name` varchar(100) NOT NULL,
`deleted` int(1) NOT NULL default '0',
`history` text NOT NULL,
`priority_date` datetime NOT NULL default '0000-00-00 00:00:00',
`date_created` timestamp NOT NULL default CURRENT_TIMESTAMP,
PRIMARY KEY  (`issue_id`),
KEY `user_id` (`user_id`)
);
קובץ זה שולט על תצורת הטבלה - כך שאם נרצה שהטבלה תהיה קצת שונה, אז זה המקום לעשות זאת.

  • לאחר שיצרנו את הקובץ נפתח את תוכנת ה- Workbench ואת בסיס הנתונים.

תוכנת Workbench
  • מקש ימני על בסיס הנתונים ואז בחירת "Set as default schema"

בחירת בסיס הנתונים
  • ולאחר שביצענו זאת, ניתן לבחור בצד השמאלי העליון את "Execute SQL file" ולבחור את הקובץ SQL שיצרנו קודם לכן. פעולה זו תוסיף טבלה חדשה לבסיס הנתונים אשר תהווה את הבסיס  למערכת.
  • עכשיו נחזור לעמוד התוסף ונקרא את ההערות בתחתית העמוד המורות על תיקון באגים הקיימים בתוכנה. באותה צורה נלך ללשונית "Discussions" ונוסיף את המלל הרלוונטי לשליחת מיילים לקבצים המבוקשים.
  • למתקשים ביצעתי את התיקונים הרלוונטיים וניתן להוריד אותם כאן.
זהו - כעת תוכלו להוסיף לכל דף ויקי טבלת באגים/תקלות.
תעשו זאת ע"י הכנסת התגית הבאה לתוך העמוד (יש לעבור לעורך ויקי הרגיל לצורך הוספת התגית):
<issues project="My Project" />
כאשר רצוי להחליף את "My Projects" בשם הפרויקט או הטבלה,
כך שניתן להכניס את אותה טבלה למספר דפי ויקי במקביל.

More Extensions
ל MediaWiki תוספים רבים, כאשר ניתן להתקין כל תוסף ע"פ הצורך.


אבטחה וניהול משתמשים
ברשומה הבאה אתמקד בסוגיית האבטחה וניהול הויקי, אופציות אלו יאפשרו שליטה על מי שנרצה שיכנס לויקי (שליטה וניהול משתמשים), ואבטחת דפים ספציפיים (אם יש צורך במידור פנים ארגוני).

יום שישי, 21 באוקטובר 2011

שיתוף תמונות עם Picasa


לאחרונה רציתי ליצור אלבום באינטרנט,
שלא דרך Facebook, ולשתף אותו עם אנשים באמצעות קישור (Link).

נזכרתי שפעם היה אפשר לעשות את זה עם Picasa, ושהגישה אליה הייתה בלשונית "Photos" מתוך חשבון ה- Gmail שלי.


משום מה, כאשר ניסיתי לגשת ל- Picasa מכאן, הגעתי ישירות לממשק "Photos" בתוך Google+


בתום לב נכנסתי ל "Your Albums" העלתי את אלבום התמונות, אך כאשר באתי לשתף אותו, נוכחתי לדעת שאין יותר את האופציה לשתף באמצעות לינק.


הממשק מאפשר להכניס כתובות דוא"ל של אנשים, אך משום מה כאשר משתמשים באופציה זו, Google+ משתלט על העניינים ומפרסם ב- FEED שלו ששיתפת אלבום עם אנשים נוספים.


מה לעשות? כיצד נשתף עם אנשים באופן אנונימי שלא דרך Google+?

ובכן, מסתבר שגוגל לא העלימו את Picasa לגמרי,
עדיין ניתן לגשת אליה דרך הכתובת הזו: https://picasaweb.google.com/home

כאן נקבל את הממשק הישן יותר של Picasa,
נבחר את האלבום ואז את אופציית Share.


וכעת נוכל לבחור שיתוף באמצעות Email בלבד.


שיתוף נעים.

יום רביעי, 19 באוקטובר 2011

פרויקט WIKI - שלב ה"איך?"

או איך התקנתי ויקי אצלי בחברה - רשומה 2 בסדרה

ברשומה הקודמת סקרנו מהו ויקי, יתרונותיו ולמי זה מתאים.

אם השתכנעתם כי אכן אתם רוצים לקדם פרויקט שכזה בחברה מדריך זה יעזור לכם להקים מערכת שכזו באופן עצמאי (כמעט) - תמיד רצוי שתהיה תמיכה מינילמלית של גורם IT, אני אגע בנקודות הממשק במהלך ההסבר.

אז איך מתחילים?

השלב הראשון - שיתוף פעולה
טרם ההתקנה הפיזית הדבר הראשון שצריך לעשות הוא לשתף גורם טכני (AKA IT) וגורם ניהולי ידידותי כלשהו (זה יכול להיות אחד ממנהלי הפרויקטים, ראש צוות/מחלקה וכו' העיקר גורם שקשוב לשמוע רעיונות חדשים) ברצון להכניס מערכת שכזו לחברה.
שיתוף גורם ניהולי בתהליך יקל מאוד על גיבוש צורת ההפעלה של הויקי (כיצד יראו הדפים שיפתחו, מיהו קהל היעד בחברה, מהי הדרך הנכונה להטמעה ועוד) כך כשהויקי עצמו יעבוד טכנית תוכלו לעבור לשלב ההטמעה אותו נסקור באחד מרשומות ההמשך. שיתוף גורם הטכני נחוץ בחלק משלבי ההתקנה ולכן מעורבותם חשובה.






השלב השני - השרת
על מנת שהויקי יהיה נגיש למספר רב של משתמשים הוא צריך להיות מותקן על שרת. שרת זה יכול להיות שרת פיזי או שרת וירטואלי. כאשר שרת פיזי יכול להיות אפילו מחשב PC פשוט (לא רצוי, המלצות על חומרה מינמלית ל- PC בהערה 1).

לאחר בחירת סוג השרת נצטרך מערכת הפעלה.
המלצת גורם ה- IT אצלי הייתה להתקין את הויקי על שרת בעל מערכת הפעלה "Windows Server 2008 R2 64bit" (ייתכן שלכם תהיה המלצה שונה, או שיש ברשות החברה שלכם רשיונות עבור פלטפורמת שרת אחרות).

המקרה הטוב
תקבלו הקצאה לשרת (פיזי/וירטואלי), ה- IT יתקינו את מערכת ההפעלה והויקי עצמו.
אם זה המצב אצלכם המשיכו לשלב הבא להנחיות עבור התקנת הויקי.

המקרה הרע
כאשר ביקשתי שרת לצורך ההתקנה עצמה נתקלתי בסבך בירוקרטי. פתאום התקנת שרת חדש דרש אישורים, תקציב שעות עבודה וכו'.
כמעט ונואשתי מכל הנושא, עד שלבסוף עליתי על פתרון, ההתקנה והבדיקות של הויקי ייעשו על ידי, על המחשב האישי שלי (לא הייתה הקצאה למחשב נוסף) ואם אצטרך עזרה נוספת אוכל להעזר (באופן מוגבל) באנשי ה- IT.
דעו לכם כי במצב זה תצטרכו להשקיע זמן לא מועט בהתקנה - כאשר אני מקווה שמדריך זה יקצר את זמן ההתעסקות באופן משמעותי.

ישנן 2 שיטות להתקנת מערכת הפעלה נוספת על מחשב בודד:
  1. במקביל למערכת הקיימת - בתצורה זו, כאשר תאתחלו את המחשב, תישאלו איזו מערכת אתם מבקשים להעלות.
  2. בתוך מערכת ההפעלה הקיימת - התקנת אפליקציה על מערכת ההפעלה הקיימת ולגשת אליה מתוך סביבת העבודה הרגילה.
בשל העובדה כי במקביל להתקנת הויקי יש לנו את העבודה הרגילה אותו אנו צריכים לבצע בחרתי בשיטה השנייה. כך ניתן לעבוד רגיל על המחשב ובזמן הפנוי להתעסק עם התקנת הויקי על הפלטפורמה הוירטואלית.

הערה 1: התקנה מערכת וירטואלית על מחשב אישי דורשת משאבים, ממליץ לבצע את זה על מחשב עם 4GB זיכרון לפחות ועם מעבד כפול ליבה 2.4GHz לפחות. בקשו מגורם ה- IT את דיסק ההתקנה החוקי וה- SERIAL של מערכת ההפעלה.


הערה 2: על מנת שיהיה ניתן להתקין מערכת וירטואלית, לעיתים יש צורך לאפשר זאת ב- BIOS של המחשב, ולעשות ENABLE לאופציה הקרויה "Virtualization Technology".

וירטואליזציה - הפתרון הנבחר
לאחר מספר ניסיונות כושלים, מערכת הוירטואליזציה שנבחרה הייתה של חברת VMWare. לחברת זו ישנה אפליקציה חינמית המאפשרת להתקין מערכת הפעלה במקביל לזו שרצה, לאפליקציה זו קוראים VMWare Player.

לתוכנה ממשק נוח שיאפשר לכם לפתוח מחשב וירטואלי חדש, במספר צעדים פשוטים:
  • בחירת מערכת ההפעלה אותה תרצו להתקין (Windows Server 2008 R2 64bit).
  • בחירת המקום והמיקום הדרוש עבור המחשב הוירטואלי (אם ניתן - ממליץ להתקין אותו על כונן קשיח פיזי נפרד מזה של מערכת ההפעלה של המחשב {או לפחות מחיצה נפרדת} עם נפח של לפחות 30GB).
  • בחירת משאבי המחשב אותם המערכת החדשה תנצל (רצוי להשתמש באופציות ברירת המחדל).
  • יש להגדיר גם תיקייה משותפת על המחשב אשר אליה יהיה ניתן לגשת מהמערכת הוירטואלית לצורך התקנה הויקי והתוספות שלו.
לאחר שהשרת הוירטואלי הוגדר, כל שנותר הינו להכניס את דיסק ההתקנה ולכונן האופטי (ניתן להשתמש גם ב- Image של הדיסק ולהגדיר אותו בתור כונן) ולהפעיל את השרת - התקנת מערכת הפעלה על מערכת וירטואלית היא בדיוק אותו דבר כמו במחשב רגיל.

תמונה מדף הבית של תוכנת VMWare Player - למדריך התקנה מפורט יותר - לחץ כאן
השלב השלישי - בחירת ה- WIKI והכנת השרת
אולי יפתיע אתכם לשמוע אך ישנם סוגים רבים של פלטפורמות ויקי כאשר ניתן לבצע השוואה ביניהם.
אנו בחרנו להשתמש ב- MediaWiki שהיא גם הבסיס של Wikipedia.

MediaWiki הינה פלטפורמה יציבה, תומכת בעברית, עם קהילה גדולה ותוספים רבים. כמובן שניתן להשתמש בפלטפורמה אחרת אך כל פלטפורמה דורשת שיטת התקנה שונה.

לאחר שבחרנו את הפלטפורמה, נלך לעמוד ההתקנה של התוכנה, ונקרא את ההנחיות. ייתכן כי הדרישות עבור התוכנה ישתנו, או שקיימות גרסאות התקנה שונות.
נכון לכתיבת שורות אלו גרסת MediaWiki העדכנית (וזו שנעשה בה שימוש) היא 1.17.0

התקנות קדם - Pre-Requisites
לפני שנתקין את הויקי עצמו יש צורך בהתקנת דרישות הקדם של התוכנה:
  • Web Server (אנחנו נעשה שימוש ב- Apache).
  • PHP
  • בסיס נתונים Database Server (אנחנו נעשה שימוש ב- MySQL).
אני ממליץ להתקין את הגרסאות הכי עדכניות של אפליקציות אלו, כמובן שרשום באילו גרסאות אני עשיתי שימוש על מנת שתוכלו להעתיק ולבצע בדיוק אותו דבר. כמו כן, יש לשים לב להנחיות התקנת הויקי כדי לוודא שאין שום התנגשות בין גרסאות.

את התוכנות יש להתקין בסדר הבא:

הערה 3: רצוי להשתמש במדריכים כגון זה על מנת לבצע את הקינפוג של התוכנות תוך כדי התקנה.

הערה 4: ישנן ערכות (Bundle) המתקינות את כל השלושה לבד, ללא צורך בקינפוג ניתן לעיין באופציה זו כאן.


1. Apache HTTP Server 
לאתר התוכנה - קישור
הגרסא שהותקנה: 2.2.19, Win32, הכוללת OpenSSL

2. PHP 
לאתר התוכנה - קישור
הגרסא שהותקנה - 5.3.6, מסוג VC9 x86 Thread Safe

3. My SQL 
לאתר התוכנה - קישור 
הגרסא שהותקנה: 5.5.14, מסוג Windows (x86, 64-bit), MSI Installer 

השלב הרביעי - התקנת ה- WIKI ותחילת עבודה
לאחר שהכנו את השרת הגיע הזמן סוף סוף להתקין את הויקי.
את ההתקנה ניקח מאתר התוכנה - קישור
ונקבל קובץ מכווץ - אותו נפתח (עם Winrar, Winzip, 7-ZIP או כל תוכנה אחרת).

את תכולת הקובץ יש להעביר את לתוך תיקייה כלשהי (נקרא לה X) הממוקמת בתוך תיקיית HTDOCS של שרת APACHE.

רצוי בשלב זה להיעזר שוב בגורם ה- IT, על מנת להכניס את השרת הוירטואלי ל- DOMAIN של החברה, לתת לו שם מחשב נגיש ו- IP קבוע.


כעת, מתוך השרת עצמו, ניתן להריץ את הויקי מתוך הכתובת הבאה (כאשר X הינה שם התיקיה שנתנו לויקי):
\\localhost\X
או לחילופין ממחשב מרוחק, ניתן להחליף את "LOCALHOST" בשם השרת, או להשתמש בכתובת IP:
\\Wikisrv\X
\\10.0.0.192\X

מזל טוב - הויקי מותקן,
בפעם הראשונה שתריצו את הויקי - תצטרכו לבצע הגדרה ראשונית של המערכת, וכל שנותר הוא לעקוב אחר ההנחיות על המסך.

התחלת עבודה
כבר בשלב זה ניתן להתחיל להשתמש בויקי,
כל שצריך זה ללחוץ על לשונית "עריכה" בשביל להכניס מלל לעמוד הראשי, או ניתן להכנס לקופסת ה"חיפוש" ולנסות לאתר דפים ומידע (שכרגע לא קיימים).
במידה והדף אינו נמצא הוא יאפשר ליצור את הדף ותוכלו לצקת אליו מידע.

הערה חשובה
הויקי בתצורה זו הינו מאוד בסיסי ולא הכי נוח לשימוש, ישנם מספר תוספים והגדרות אשר יקלו מאוד על המשתמשים ועליכם. אני ממליץ בחום להגדיר ולהכניס אותם טרם תחילת העבודה.

על תוספות אלו נדבר בהרחבה ברשומה הבאה.

יום חמישי, 13 באוקטובר 2011

פרויקט WIKI - ההתחלה

או איך התקנתי ויקי אצלי בחברה.

הכל החל בקורס, לא מרתק במיוחד, בנושא ניהול הידע.
הקורס סקר אופציות טכנולוגיות ותרבות אירגונית שנועדה ליצור הומגניות בחברה, לשמר יכולות קיימות, לשתף ולהעביר ידע בין עובדים וסה"כ להגביר את כושר היצירה של כ"א הקיים ולחזק את הארגון.

בין השאר הוצגו טכנולוגיות יום יומיות אשר,במבט ראשון, לא נראה כי יש לכלים אלו מקום באירגונים.
בטוח שרובכם מכירים חלק מכלים אלו (אם לא את כולם): בלוגים, טוויטר, פורומים, וגם ויקי.

מה שמשותף לכלים אלו הינו הרצון של היחיד לשתף את המידע שברשותו עם הרבים (למעט אנשים שזוהי העבודה שלהם), כאשר התגמול יכול להיות סיפוק עצמי, תיעוד הידע הקיים, עבודה נוחה עם מספר רב של אנשים בו זמנית על מידע שעדכני תמיד (בשונה מדוא"ל) ועוד.

אז מהו ויקי, למה ולמי זה מתאים ואיך הכנסתי אותו לתוך הארגון שלי?

מהו ויקי?
הדבר הראשון קפץ לי לראש כשהתחילו לדבר על ויקי היה ויקיפדיה מפורסמת, שתפסה ממזמן מקום של כבוד אצל כל מי שחיפש אי פעם מידע באינטרנט. אז איך ויקיפדיה קשור בכלל לארגון?

ובכן, אם תחשבו על זה, ויקיפדיה הינה אסופה של דפים/ערכים המכילים מידע שאנשים משתפים מכל העולם, ערכים אלו יכולים להיות בעצם כל דבר, אז במקום הסבר מקיף על דוד בן גוריון או שקד מצוי הערכים האלו יכולים להכיל מידע פיננסי, מידע על ספקים שהחברה עובדת איתם, פרויקטים, סיכומי ישיבות ובעצם כל העולה על רוחכם.

נו באמת, על מי אתה עובד? אי אפשר לעשות דבר כזה באינטרנט - שום חברה לא תשתף מידע סודי עסקי עם חברות מתחרות. נכון, לא עושים את זה באינטרנט (Internet), אלא ברשת הפנימית של החברה (Intranet) כאשר כל קובץ Office אותו אתם שומרים על השרת שלכם מוגן בדיוק באותה מידה כמו מידע שמאוחסן על ויקי שמותקן על שרת חברה.

יתרונות הויקי
אל תשאל אותי מה אתה יכול לעשות למען הויקי (לשתף מידע כמובן) אלא מה הויקי יכול לעשות בשבילך. ובכן הויקי הוא בעצם בסיס מידע שבונה את עצמו, הוא שומר את כל היסטוריית השינויים (שזה בעצם כל המידע שאי פעם הכניסוי אליו - כן, גם את מה שמחקו), מאפשר עריכה מהירה וחיפוש מהיר (ממש מהיר), מאפשר שליחת התראות למשתמשים באמצעות דוא"ל, ודורש תחזוקה מועטה (בטח שכחתי כמה דברים - אבל זה העיקר).
ואם כל זה לא הרשים אתכם - אז זהו גם כלי חינמי! זה לא עולה כסף. כך שבפעם הבאה הבוס שלכם ירצה שצעשו משהו באיכות גבוה, בעלות נמוכה, ובמהירות בלתי אפשרית (בד"כ אתמול) - אז בכל הנוגע לויקי אתם כבר בשליש מהדרך (אם לא יותר).

למה להתקין? למי זה מתאים?

ויקי אולי לא מתאים לכל ארגון, לדוגמא לארגונים קטנים מידי אין בכלל שרתים, רשת פנימית או IT לצורך התקנה (למרות שההתקנה יכולה להתבצע על ע"י גורם חיצוני, על מחשב PC ובשביל רשת רק צריך לרכוש נתב), לארגונים גדולים יש בד"כ מערכות ERP ייעודיות (שבד"כ כבר השקיעו בהם הרבה כסף) וצורת עבודה מוסדרת.

ובכל זאת?
להרבה גופים ישנן מערכות ERP מינימליות (אם בכלל) הנדרשות לצורך תאימות לתקנים, אחסון מסמכים, ניהול פיננסי וטיפול ברכש ומחסנים.
מערכות אלו לרוב אינן מקיפות את כלל הדרישות של ניהול הידע הדרוש לחברה (או שביצוע עדכונים והתאמה אישית הינם לרוב יקרות), מידע רב נשמר במסמכי אופיס למיניהם, בתיקיות בתוך תיקיות (שרק הלוגיקה של מי שפתח אותם מובנת), הגישה אליהם בעייתית והסיכוי שמישהו אי פעם יצליח לאתר את המידע הרלוונטי הינו מאוד נמוך.

נשמע מוכר?
הויקי יכול לגשר על הפער של מציאת מידע קיים ולמלא חללים נוספים, כמו תיעוד שיחות מסדרון, הכנסת מידע שלא מכניסים בד"כ לדוחות רשמיים, מעקב אחר מטלות ועוד.
לתוך הויקי ניתן בעצם לצקת כל מידע שתרצו לתעד ולא היה לכם מקום ייעודי עבורו, להחליף את כל הדפים והרישומים שנכתבים על נייר ודפדפות ואח"כ הולך לאיבוד או גריסה.
 
איך?

ברשומות הבאות אתמקד בצד הטכני של התקנת הויקי, כולל התאמה אישית לצרכי הארגון באמצעות התוספות השונות הקיימות עבורו. כמו כן אציג את את הנקודות הטכניות הבעיתיות וכיצד ניתן להתמודד עימן.

יום רביעי, 12 באוקטובר 2011

לפתוח בלוג זה לא עסק פשוט

מה בסך הכל רציתי? לפתוח בלוג?
הגענו לירח, גילינו את האטום, המסנו כמה כורים, ודווקא פתיחת בלוג אתם מסבכים?

טוב - האמת שאני בחור בעייתי - שהרי ביקשתי להוסיף צלמית (Icon) של Like לבלוג.
אך מכיוון שמטרת בלוג זה הינה פתרון בעיות טכנולוגיות, לקחתי על עצמי את מציאת פרון הבעיה והצגתה כאן.

שלב א' - פתיחת הבלוג
סה"כ, תהליך פתיחת פתיחת בלוג ב Blogger הינו תהליך די פשוט והממשק יחסית אינטואיטיבי וידידותי למשתמש הממוצע, כל מה שצריך זה חשבון גוגל (כן בסוף הם ישתלטו על העולם) ובכמה צעדים פשוטים תוכלו לבחור כותרת לבלוג, URL, והמערכת תאפשר לכם לסדר את הפריסה על העמוד, צבעים, רקע ועוד.

לשונית העיצוב אף מאפשרת הוספת גאדג'טים למיניהם, באמצעותם קוראים יוכלו לקבל עדכונים על תכני הבלוג בדוא"ל, ניתן ליצור משאלים (Polls), לעדכן לוגו ועוד ועוד.

מיד אחרי שתכתבו את הרשומה (Post) הראשונה שלכם תשימו לב כי בתחתית הרשומה ישנם אופציות לשיתוף בדוא"ל, בלוגר, פייסבוק, טוויטר וגוגל פלוס, ישנם גם גאדג'טים חברתיים המאפשרים שיתוף במקומות נוספים.

שלב ב' - תיסכול
אבל מה קורה אם רציתם לשתף ברשת חברתית שאינה מופיעה כאן (כמו Liknedin), או להציג בעמוד עצמו כמה משתמשים שיתפו, בסגנון הבא:

פה אנחנו בבעיה,
בבלוגר אין אופציה מובנית אשר מאפשרת לעשות זאת וחיפוש ברשת יוביל לאינסוף אפשרויות להוספת כפתורים שכאלו - כאשר לרוב הם לא יהיו בתצורה ובפריסה שתרצו.

אז מה עושים?
קודם כל אני ממליץ לזרוק מספר קללות עסיסיות לעבר המחשב, ולשלוח מיילים נזעמים לגוגל על כך שלא עשו את הממשק ידידותי יותר - אחר כך תקחו 2 אקמול ותמשיכו לקרוא את השורה הבאה.

ובכן החדשות הטובות הן שניתן לעשות זאת, והחדשות הרעות הן שהתאמה אישית (customization) כזו הינה מעט מסובכת.

ובכל זאת?

שלב ג' - הדרך הפשוטה
ובכן אם תרצו קופסאת שיתוף כמו שיש אצלי אז הדרך הפשוטה היא להיכנס ללשונית "עיצוב" של הבלוגר שלכם, לבחור היכן להוסיף את קופסת השיתוף, ולבחור "HTML/JavaScript".


כעת בחלון שייפתח תרשמו את הכותרת הרצוייה (במקרה שלנו "שתף") ולתוך התוכן העתיקו את הקוד הבא:





<table border="0" cellpadding="1px" cellspacing="10" align="center" bgcolor="white" dir="ltr">

<tr>
<td align="center">

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<fb:like send="false" layout="box_count" width="60" show_faces="false"></fb:like>

</td>



<td align="center">

<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
<a href="https://twitter.com/share" class="twitter-share-button"
data-via="Davide Kaneti"
data-count="vertical">Tweet</a>
</div>
</td>
</tr>

<tr>
<td align="center" colspan=2>
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="top"></script>
</td>



</tr>

</table>


וזהו, תתחדשו יש לכם כפתורי שיתוף שיראו בתוך הבלוג שלכם ממש כמו שלי.

אבל אני לא רוצה את זה ככה
!
שלב ד' - הדרך המסובכת
בשביל משתמשים מנוסים יותר נוכל לרדת קצת יותר לעומק ולהסביר מה עשינו כאן.
רצוי לדעת קצת HTML, אבל לא חובה.

לפני שתתחילו בדרך זו - אני ממליץ להדליק מזגן/מאוורר/תנור, להצטייד בקפה ובהמון סבלנות.

אנו נחלק את הטיפול ל-2

  1. הצלמיות עצמן, גודל, נראות וכו' (כיצד נרצה שהם יראו על המסך).
  2. כיצד למקם את הקישורים במרחב.

שלב ד'1 - מציאת הכפתור הרצוי
החלק הראשון מעט קל יותר, מפני שכל חברה באחד מעמודי הפיתוח שלה (Developers Page) מציעה את הקוד עבור צלמית הקישור שלה כך שכל מה שצריך לעשות זה לבחור את הצלמית הרצויה ולהעתיק את הקוד.

אם תסתכלו במקורות מטה תוכלו לגשת ישירות לעמודים של האפליקציות עצמן (פייסבוק, טוויטר, LInkedin וגוגל פלוס), למציאת עמודים של רשתות אחרות (נניח MySpace) אני ממליץ להכנס לגוגל ולהריץ שאילתא עם המילים הבאות: Share Button Developer ושם הרשת עצמה.

בתור דוגמא היכנסו לקישור של פייסבוק, גשו לכותרת "Step 1" ותחת כותרת זו תוכלו לשחק עם המאפיינים של הצלמית. שימו לב שתוך כדי זה שאתם בוחרים את האפשרויות השונות, הצלמית מצד ימין
משנה את הצורה שלה.

כעת שמצאתם את הצלמית הרצוייה, לחצו על "Get Code" ותוכלו לשתול את זה בתוך תיבה של "HTML/JavaScript" של בלוגר - כפי שעשינו קודם
הערה - נא לשים לב שבפייסבוק ישנן מספר סוגים שונים של קודים, אני ניסיתי להשתמש בהתחלה ב- IFRAME, אבל בגלל שזה עשה לי בעיות, החלטתי בסוף להשתמש בסוף ב- XFBML (צריך להעתיק 2 קודים בקופסא העליונה והתחתונה). כמו כן חשוב לשים לב בקוד לרוחב "Width" (רוחב גדול מידי ייצור יסיט לנו את הצלמית למיקום שלא התכוונו אליו בדף)

יופי, עכשיו אנחנו יודעים לקחת מעמוד את הקוד של הצלמית,
אבל מה עושים אם יש לנו מספר צלמיות של מספר רשתות חברתיות, ורוצים לסדר אותם זה מתחת לזה, למרכז וכו'?

שלב ד'2 - סידור הכפתורים על המסך
בשביל זה ניצור טבלה באמצעות קוד HTML.

לרשום בקוד HTML זה כמו להכין שניצל,
יש לנו את החזה עוף שהוא העיקר וצריך לעטוף אותו בפרורי לחם, ביצה וחרדל,
או במקרה של הקוד לקחת טקסט ולעטוף אותו בתגיות.

כאשר לפני המלל שרוצים לעטוף יש תגית פתיחה, ולאחריה ישנה תווית סגירה,
אנו נציג פה את הדוגמא של הטבלה:
טבלה מתחילה בתגית "<table>" ומסתיימת באותה תגית כאשר לסוגרת יש את הסמל "/" באופן הבא
"</table>"

טבלה משתמשת גם בתגיות <tr> - בשביל לפתוח שורה, ותגית <td> בשביל ליצור תא באותה שורה.
כך שטבלה עם 3 עמודות ושתי שורות תראה כך:

<table>
<tr>
<td>
מלל של תא ראשון
</td>
<td>
מלל של תא שני
</td>
<td>
מלל של תא שלישי
</td>
</tr>

<td>
מלל של תא רביעי
</td>
<td>
מלל של תא חמישי
</td>
<td>
מלל של תא שישי
</td>
</tr>

</table>

שימו לב כי לכל תגית פתיחה ישנה תגית סגירה.
לטבלאות ישנם מאפיינים רבים כמו מרכוז, עובי דופן, צבע מסגרת או פנים תא.
בקישורים מטה תוכלו למצוא הסבר קצת יותר מפורטים על טבלאות וכלי שייצור לכם טבלה באופן אוטומטי.

כעת לתוך התוכן של התא הכניסו את הקוד הרלוונטי וקיבלתם קישורים לרשתות החברתיות האהובות עליכם, בתצורה שרציתם, ובסדר המתאים לכם על המסך.

בהצלחה.
מקורות וקישורים
  1. הוספת צלמית קישור של Linkedin
  2. הוספת צלמית קישור של Twitter
  3. הוספת צלמית Like של Facebook
  4. הוספת צלמית +1 של גוגל
  5. טבלאות בסיסיות ב- HTML
  6. כלי ליצירת קוד טבלה HTML באופן אוטומטי