วันอาทิตย์ที่ 25 สิงหาคม พ.ศ. 2556

Facebook Head Office

Well, let's look at the world class Information and Technology company, Facebook, that serves millions of people globally. But their Head office is so common like any other office.
Head Office of Facebook is in Palo Alto, California. 

1309 Head office of Facebook
We can see that their office is not sophisticated but very common.

1309 Head office of Facebook
1.
2247 Head office of Facebook
2. 

3198 Head office of Facebook
3. 

4163 Head office of Facebook
4. 

5143 Head office of Facebook
5. 
6135 Head office of Facebook
6.
7133 Head office of Facebook
7. 
8120 Head office of Facebook
8. .
9104 Head office of Facebook
9. .

10.
11129 Head office of Facebook
11.
12107 Head office of Facebook
12.
1385 Head office of Facebook
13.
1482 Head office of Facebook
14.
1578 Head office of Facebook
15. Their office is like any common office, nothing is superb.
1673 Head office of Facebook
16. The employees has never ware any uniform.
1767 Head office of Facebook
17.
 

What/How About Our Home Network is?

I have known from students of my computer classes that the Internet connection at their homes is of TOT provider. Yes, my internet service provider (ISP) is TOT too. What/how is my home network?  The modem-router is the main device of the network because it plays many roles as of the followings : -
   1) to simulate itself like a server computer
   2) to act as a hub/switch of the wired connection
   3) to be an access point sending packets of the wireless connection
   4) to play as an ADSL modem connecting Internet
   5) to be a router managing the how-to connect to other devices
ครูทราบจากนักเรียนหลายคนที่เรียนวิชาคอมพิวเตอร์กับครูว่า ที่บ้านของพวกเขามีการเชื่อมต่ออินเทอร์เน็ตผ่านผู้ให้บริการอินเทอร์เน็ต ทศท.(TOT) ซึ่งที่บ้านครูก็ใช้บริการของ ทศท.เหมือนกัน  แล้วระบบเครือข่ายที่บ้านเราจะเป็นแบบไหน?  อุปกรณ์หลักก็คือ โมเด็ม-เราเตอร์ (modem-router) ซึ่งอุปกรณ์นี้จะทำหน้าที่หลายบทบาทด้วยกัน คือ
   1) จำลองตัวเองเป็น server computer
   2) เป็น hub/switch ของการเชื่อมต่อแบบใช้สาย
   3) เป็น access point ทำหน้าที่ส่งแพ็คเก็ตส์ในระบบเครือข่ายไร้สาย
   4) เป็น ADSL modem เชื่อมต่อ Internet
   5) เป็น router บริหารจัดการเชื่อมต่อกับอุปกรณ์/คอมพิวเตอร์อื่นในเครือข่าย

Be sure, most our home network is hybrid. One is wired while another is  wireless. Although home network is not complex, but its system is so smart and its Internet connection is so clever with ADSL technology. The superstar is a "modem-router", the genius device.
โฮมเน็ตเวิร์กที่บ้านส่วนใหญ่เป็นไฮบริด คือ ผสมกันทั้งแบบมีสาย (wired) และแบบไร้สาย (wireless)  แม้ว่าระบบโฮมเน็ตเวิร์กอาจจะดูไม่ซับซ้อนอะไรมาก  แต่ระบบเครือข่ายนี้ก็ไม่ไช่ธรรมดา การเชื่อมต่ออินเทอร์เน็ตก็ทำได้ดีด้วยเทคโนโลยี ADSL และแน่นอนว่า อุปกรณ์อัจฉริยะของระบบก็คือ "modem-router" นั่นเอง
The composition of any home network 
(e.g. home internet connection of students)

     UTP :  Unshielded Twisted Pair cables are so common in any computer rooms  e.g. classroom102 of our school. The UTP cable is caped with a connector which is called RJ-45. The RJ-45 connector will be inserted into the LAN port of any Ethernet card/router/switch/hub. (The RJ-11 connector of the phone line is smaller than RJ-45).
สายเคเบิลแบบยูทีพี (UTP) หรือสายคู่บิดเกลียวไม่หุ้มฉนวน (Unshielded Twisted Pair cables) จะพบได้ทั่วๆ ไปในห้องคอมพิวเตอร์ อาทิ ห้องเรียนคอมพ์102 ในโรงเรียนของเรา  UTP จะถูกเข้าหัวด้วยหัวต่อ หรือคอนเน็กเตอร์ (Connector) ที่เรียกว่า RJ-45  ซึ่งหัวต่อนี้จะถูกเสียบไว้ที่ช่องเสียสายแลน หรือแลนพอร์ต (LAN port)   เราเตอร์ สวิตช์ หรือฮับ  (ขณะที่หัวต่อ RJ-11 ของสายสัญญาณโทรศัพท์จะมีลักษณะเหมือนกัน แต่มีขนาดเล็กกว่า) 

 What is about ADSL? (www.wikipedia.org) : It is "Asymmetric Digital Subscriber Line" technology. This is a data communications technology that enables faster data transmission over copper telephone lines than a conventional modem can provide.(Modem is a device that manages the joint communication between the phone and the computer.)
ADSL คืออะไร? (www.wikipedia.org สารนุกรมเสรี) อธิบายว่า "Asymmetric Digital SubscriberLine" technology.  เป็นเทคโนโลยีโทรคมนาคมที่ทำให้การส่งข้อมูลผ่านสายโทรศัพท์ที่ปกติจะเป็นสายทองแดงนั้น ทำได้ดีมีประสิทธิภาพมากกว่า การใช้โมเด็มธรรมดา (Modem เป็นอุปกรณ์ที่จะทำหน้าที่บริหารจัดการสัญญาณจากโทรศัพท์และสัญญาณจาคอมพิวเตอร์ให้มาทำงานร่วมกันได้)


Another one I would like to refer to is "protocol". What is it? A protocol is a system of digital message formats and rules for exchanging those messages in or between computing systems and in telecommunications. And in our network we use the TCP/IP (comes from "Transmission Control Protocol and Internet Protocol). Now Thailand uses IPv4 protocol, but Thai government by Prime Minister Yingluck  Shinawatra is going to change the Internet protocol of the country with another version, IPv6 protocol, which has more capacity and efficiency of transmission.  
 และมีอีกเรื่องที่ครูอยากจะพูดถึงก็คือ "โปรโตคอล" มันคืออะไร?  ถ้่าจะว่าไปนะ คำๆ นี้ มันเป็นภาษาที่ใช้ในวงการฑูตเขา คือกรณีที่ต้องมีการติดต่อสื่อสารกันระหว่างพวกฑูตของประเทศต่างๆ เขาก็จะต้องมีวิธีการ มาตรฐาน ระบบระเบียบต่างๆ ที่เข้าใจตรงกัน และเขาเรียกว่า protocol ทางวงการคอมพิวเตอร์ก็ไปขอยืมคำศัพท์ของเขามาใช้บ้าง  โปรโตคอลของเครือข่ายคอมพิวเตอร์ (www.wikipedia.org) ก็คือ ระบบของรูปแบบข่าว สารเชิงดิจิตอลและกติกา ของการแลกเปลี่ยนกันระหว่างระบบคอมพิวเตอร์และโทรคมนาคม  ซึ่งทุกวันนี้ โปรโตคอลที่เราใช้ในเครือข่ายนั้น คือ ทีซีพี/ไอพี (โปรโตคอลควบคุมการส่งข้อมูล และอินเทอร์เน็ตโปรโตคอล)  และ ตอน นี้รัฐบาลไทย ภายใต้การนำของ ฯพณฯ ยิ่งลักษณ์ ชินวัตร  ก็กำลังปรับเปลี่ยนอินเทอร์เน็ตโปรโตคอลของประเทศเรา ที่ขณะนี้เป็นเวอร์ชัน 4 ให้เป็นเวอร์ชั่น 6  เพื่อรองรับปริมาณของเครือข่าย และประสิทธิภาพที่ขยายเพิ่มขึ้น 

Because each computer of the network has its own unique "IP-address", what/how is it? As I have just told you (see, first paragraph) that the modem-router simulates itself like a server computer, sure its IPaddress must be static, e.g. (IPv4) 192.168.2.1, 192.168.1.1, 192.168.0.1 etc. , on the other hand it lets the other connected computer the dynamic/automatic IPaddress. Yes, the modem-router of the home network is the gateway to Internet.

เพราะเครื่องคอมพิวเตอร์แต่ฃะเครื่องในระบบเครือข่าย ต่างก็มีรหัสไอพี (IP-address) เฉพาะตัวไม่ซ้ำกัน  เหตุไฉน/อย่างไร?  ก็ตามที่ึรูได้กล่าวไปแล้วว่า  modem-router จะจำลองตัวมันเองเป็นเสมือน server computer  แน่นอนว่า ตัวมันเองก็จะต้องมีรหัสไอพีที่แน่นอนตายตัว อาทิ (ถ้าดูตาม IPv4)  192.168.2.1, 192.168.1.1, 192.168.0.1 ประมาณนี้  ในอีกทางหนึ่งมันก็ยอมให้เครื่องอื่นๆ ที่เป็นลูกข่าย/ลูกน้อง ที่มาเชื่อม่อเครือข่ายกับมันมีรหัสไอพีแบบอัตโนมัติ  ส่วนจะเป็นอะไรนั้นก็แล้วแต่มันจะจัดให้  แต่ก็มักจะเป็นรหัสที่ต่อเนื่องกับตัวมันนั่นแหละ  อาทิ 192.168.2.3 เป็นต้น เพราะตัวมันเองเป็นเครื่องเกตเวย์
Teacher's home network PC/Modem-router IPaddress Configuration
I use the "IPCONFIG" command to see what/how my home PC/modem-router IPaddress configuration by typing the command at the command line of Windows and what I knows are the followings 
... 192.168.2.1  is the IPaddress (IPv4) of my modem-router, Belkin brand.
... 192.168.2.3  is the IPaddress (IPv4) of my PC, configured by the modem-rounter

ครูได้ใช้คำสั่ง ณ คอมมานด์ไลน์ของ Windows7 ว่า  IPCONFIG  เพื่อต้องการทราบว่า  รหัสไอพีของเครื่องคอมพิวเตอร์ และโมเด็ม-เราเตอร์ที่บ้่านมีค่าอะไร ก็พบว่า
... 192.168.2.1  เป็นรหัส IPaddress (IPv4) ของ modem-router, ยี่ห้อ Belkin
... 192.168.2.3  เป็นรหัส IPaddress (IPv4) ของเครื่องคอมพิวเตอร์ ที่จัดให้/กำหนดให้โดย modem-rounter

Yes, each other computer in the network can never be configured with a static IPaddress because the modem-router as the server PC/the gateway PC cannot share Internet connection anyway.
ใช่เลย คอมพิวเตอร์เครื่องอื่นๆ ในระบบโฮมเน็ตเวิร์ก มิอาจมีค่ารหัสไอพีแบบคงตัวได้  เพราะมันจะต้องถูกตั้งเป็นอัตโนมัติไว้ให้  modem-router ในฐานะเป็น server PC/the gateway PC เป็นตัวกำหนด  ถ้าไม่เช่นนั้น  มันจะไม่สามารถแชร์การเชื่อมต่ออินเทอร์เน็ตมาให้ได้นั่นเอง

How to Create Your Blog with www.blogger.com





1. After you had signed in Google Mail Service and then you had your own Gmail, well, you are now the one who can ask for your blog creation with www.blogger.com using your Gmail.

หลังจากที่นักเรียนได้ไปลงทะเบียนขอมี Gmail account กับ Google แล้ว  นักเรียนก็สามารถเข้าไปขอสร้าง Blog กับ blogger.com โดยใช้ Gmail address ที่นักเรียนขอไว้แล้วนั่นเอง  [Gmail และ Blogger เป็นของ Google เหมือนกัน จึงไปกันได้ด้วยดี)



2. After entering your Gmail with its password, the "Welcome Screen" of Blogger appears and confirms that you have just passed its regulation. Now you can either add your profile details or skip to the next step.
ถ้ากรอกถูกต้อง นักเรียนก็จะมาพบกับหน้าจอ ตอบรับของ blogger  ตรงนี้นักเรียนอาจจะเพิ่มรายละเอียดเกี่ยวกับตัวเองลงไปใน Profile ก็ได้  หรืออาจจะข้ามไปก็ได้ 


You can give more details of your profile or you can skip to the next step by clicking the orange button.

3. See "New Blog" and click, wow, to create your blog any way!!!
หลังจากนั้นก็จะเข้าสู่หน้าจอที่บอกว่า ให้นักเรียนสร้างบล็อกได้  ก็ทำง่ายๆ เพียงแค่คลิกที่ "บล็อกใหม่"  








4. Yeah!, you have to fill some fields related to your new blog e.g.   title,address and  template. But you can pass this task easily. Or you can skip it. (Because you can change these options any time).
 หลังจากที่คลิกบล็อกใหม่  นักเรียนก็จะมาพบกับหน้าจอที่เขียนว่า รายการบล็อก  นักเรียนก็จะต้องกรอกที่อยู่ของบล็อก  ซึ่งนักเรียนก็กรอกตามที่ครูกำหนด คือเลขประจำตัว 4 หลัก ตามด้วยตัวอักษรของชื่อ  ในภาพเป็นบล็อกของครูที่ทำเป็นตัวอย่าง  (ของนักเรียนต้องดูภาพล่างถัดจากภาพนี้) 



 
===> เมื่อกรอกถูกแล้วก็ยืนยันว่า สร้างบล็อก


5. You can select "Settings Option" to change the style/template of your blog anyway and anytime.
นักเรียนสามารถเปลี่ยนแปลงสิ่งที่กำหนดไว้ของบล็อกได้  โดยไปเลือกที่การตั้งค่า
หรือเปลี่ยนรูปแบบ/แม่แบบ ก็ยังได้  (ดังรูปข้างล่างนี้)




6. Well, you can start your post now.  See the sample below.
ลงมือสร้างบทความ (POST)  ดังตัวอย่าง หลังจากนั้นก็เผยแพร่ (Publish)



7.  When you select the option "View Blog", your blog with your post will appears like the following. 

เมื่อเราเรียกดูบล็อก (View blog)  ก็จะมีหน้าตาทำนองนี้ ดังตัวอย่าง



Sharing
All of us use Windows7 as the operating software, and our computers are connected together within the workgroup of the LAN (local area network). So we should gain the benefit of its sharing capability. Here we go!

1. FOLDER SHARING
       Be sure we have to specify what folder that we want to share?  




 Make a right clicking with the folder, the dialogue box appears. Select the "Sharing" tab and the "Advanced Sharing" button



 Properties window of the folder appears and we should select to share it with others. Now we can see the maximum number of users to simultaneously enter to the folder is 20. Then we can click on the "Permission" button.




After clicking on the permission button, the Permissions window shows up, you can add any user e.g. "student" and you can change the permission type of the user.



Finally click on the "Apply" button, the folder now has been shared. 



 2. PRINTER SHARING
      Click the "Start button" of Windows7 desktop, the pop-up menu appears, then select "Devices and Printers", the target printer of us will be appeared.



 Make a right click on the printer icon, the select menu will show up, then select "Printers properties" option.  Then we can operate sharing easily.






  



What is Visual Basic?

Visual Basic is a tool that allows us to develop Windows (Graphic User Interface -GUI) applications.  The applications have a familiar appearance to the user.
Visual Basic is event-driven, meaning code remains idle until it is called upon to respond to some event (e.g. mouse clicking, button pressing, menu selection, ...). Nothing happens until an event is detected.  Once an event is detected, the code corresponding to that event (event procedure) is executed.  
 

 How to program with Visual Basic?

There are three primary steps involved in building a Visual Basic application
1.    Draw the user interface
2.    Assign properties to controls
3.    Attach code to controls  

Stop Watch Application

1 At the "Start-up Menu" of our Windows Desktop, let's find where "Microsoft Visual Studio 6.0" is, and click on it. Then we can see some shortcuts to the applications of the software suite, and "Microsoft Visual Basic6.0" is one of them and it is also our "target software" right now, let's select it.

At the "Start-up Menu of Windows", Find where the "Microsoft Visual Basic 6.0" is.
ณ สตาร์ทอัพเมนูของระบบวินโวส์  ให้หาว่า Microsoft Visual Basic 6.0 อยู่ไหน






2 We now at the main screen of Visual Basic 6.0 with its "New Project" window. Let's click on the "New" tab and select "Standard EXE" icon.
Select the "Standard EXE" icon  ให้นักเรียนเลือกสัญรูป Standard EXE

3 Before we go on, let's consider the components of the toolbar of Visual Basic 6.0.  Properties window, Run and Save project are what we have to focus on now.

Design View of Visual Basic 6.0   มุมมองในโหมดออกแบบของวิชวลเบสิก

4 Controls are the genius tools that can be attached by any codes that can control any events such as clicking mouse or pressing key. Now the "Command Button" and the "Label" are the controls that we are going to use.
Controls of Visual Basic 6.0   คอนโทรลต่างๆ ของวิชวลเบสิก 6.0

5 Visual Basic programming begins with a form which has been named "Form1" by default. Visual Basic form simulates itself as platform which can receive many kinds of objects that created by the controls. Any object has its properties that has been shown in the properties window.

Form and Controls are variety kinds of object of Visual Basic that have their own properties. 
Form และ Controls เป็นอ็อบเจ็กต์(วัตถุ) ที่หลากหลายของ Visual Basic ที่มี properties ของตนเอง
6 Here we go on creating a design job like the following picture.  
    -  Using the "Command Button" control to draw the three sequence command buttons, Command1, Command2 and Command3. 
   -  Using the "Label" control to draw the six sequence labels, Label1, 
Label2, Label3, Label4, Label5 and Label6 

Form1 would have three command buttons and six labels now.
Form 1 ที่เราออกแบบนี้ก็จะมีปุ่มคำสั่ง (command button) 3 ปุ่ม  และมีฉลาก (label) รวม 6 ฉลาก  
7 Click on "Form1", we can see its properties, rename it with "frmStopWatch" (frm is a pefix which comes from "form"). And change its caption to "Stop Watch Application".

Form1 Properties Configurations  การตั้งค่าคุณสมบัติของอ็อบเจ็กต์ Form1


8 Click on "Command1", yes we are about to specify the properties of this object. Rename it with "cmdStart" (cmd is a prefix which comes from "command button") and also refill its caption with "&Start Timing" (& is a prefix of the key letter that a user can press on this key together with the "alt" key instead of click on this command button). 

Change the properties of the command button :  name and caption
ให้นักเรียนเปลี่ยนชื่อ และแค็ปชันของปุ่มคำสั่ง 
 9 Do it the same way as the previous step. 

10 Do it the same way as the previous step.

11  Change only the captions of Label1, Label2 and Label3 according to the following picture.

Change the properties of the three labels :   captions  เปลี่ยนแค่แค็ปชันของสามเลเบิลแรก
12  Change the properties of the other last three labels, "Label4", "Label5" and "Label6" by renaming them to "lblStart", "lblEnd" and "lblElapsed" and erase their captions until they are blank.

Change the properties of Label4, Label5 and Label6 according to the picture.
เปลี่ยนชื่อของสามเลเบิลท้าย  และเคลียร์แค็ปชันให้ว่าง (blank)
13  Now we have just already designed and configured all of related objects, the next step of us is coding our program. Let's click on the menu-bar at the "View" command tab, then select the "Code" sub-command, the view-code window will show up. Yes, we are going to enter our source codes of our application here. 
Click on the "View" command at the menu bar, then select "Code" subcommand
14  The first set of source codes is about the declarations. There will be the "(General)" at the left-top of the view-code window and the "(Declarations)" at the right-top. We have to type four lines of our following source codes.

        1st Line is about the General Declaration  เป็นคำประกาศทั่วไป
        2nd Line is the Declaration of variable "StartTime"  ประกาศตัวแปรเพื่อรับค่าเวลาเริ่มต้น
        3rd Line is 
the Declaration of variable "EndTime" ประกาศตัวแปรเพื่อรับค่าเวลาที่หยุด
        4th Line is the Declaration of variable "ElapsedTime"
 ประกาศตัวแปรเพื่อรับค่าเวลาที่ใช้ไป
   15  This step is about attaching our source code to a control object. The "cmdStart" is a command button we are going to attach the source code. Let's double click on this command button, yes, this action could bring us to a module or subprogram that could be driven by an event, _click ( ), that means this subprogram could work when this command button was clicked on  What is about this source code?  It begins with assigning the recent time value (Now) to the variable "StartTime".  Then the method "Caption" stipulates that the label "lblStart" can show up data from the variable "startTime" with the "hh:mm:ss:" format.
  
Attach code to the command button "cmdStart"
16  This step is similar to the previous but it turns to the "cmdEnd" command button. But it creates the expression which assigns the variable "ElapsedTime" with the difference of the variable "EndTine" and the variable "StartTine".  


17  This is the end of application with the only amazing word "End"
Attach code to the command button "cmdExit"
ผูกโค้ดเข้ากับปุ่มคำสั่ง "cmdExit"
18  Congratulation to our tough project!. This is the output of our input and process. Yes, it is the "Stop Watch Application" of us.  
Our Graphic User Interface Application :  "Stop Watch"
แอ็ปปลิเคชันของเราที่มีรูปแบบการติดต่อกับผู้ใช้เป็นกราฟิก (GUI)
19  We have to make our project to an independent application.  Click on the "File" command at the menubar then select the "Make..to..EXE" subcommand.