เทคโนโลยีรอบตัวเรา – Page 21

ใช้ javascript สั่ง print เว็บเพจออกทางเครื่องพิมพ์

เพื่อนต้องการสั่งพิมพ์ (print) ข้อมูลออกทางเครื่องพิมพ์
ไปทางกระดาษ A4 แต่ข้อมูลชุดเต็มมีจำนวนเขตข้อมูลมาก
จึงต้องตัดเขตข้อมูลที่ไม่ใช่สาระสำคัญออก
แล้วนำเสนอผ่านเว็บเพจใหม่อีกรอบ แทนข้อมูลชุดเต็ม

การนำออกกระดาษ A4 ก็ทำโดยเพิ่มปุ่ม print ทางเว็บเพจ
เมื่อกดปุ่ม print ก็จะสั่งพิมพ์ออกทางเครื่องพิมพ์ (printer)
เลือกขนาดกระดาษตามสะดวก
น่าจะเป็นทางออกที่ง่าย สำหรับผม และผู้สืบค้น
ที่มองเห็นปุ่มกด แล้วสั่งพิมพ์ผลทางเครื่องพิมพ์

[อธิบายตัวอย่าง code]
1. กำหนดส่วนของ div ให้มีปุ่มสำหรับสั่งพิมพ์
2. เหตุการณ์ onclick จะเรียกใช้ myFunction()
3. ใน Script จะสั่งพิมพ์ด้วย window.print() ก็จะเรียกบริการ print ของ window ขึ้นมา
4. ก่อนพิมพ์ก็สั่งซ่อนส่วนของ div
5. หลังพิมพ์ก็สั่งแสดงส่วนของ div อีกครั้ง

<div id=”prt”>
<button onclick=”myFunction()”>Print this page</button>
</div>
<script>
function myFunction() {
document.getElementById(“prt”).style.visibility=’hidden’;
window.print();
document.getElementById(“prt”).style.visibility=’visible’;
}
</script>

บริการ chart ของ google ผ่าน ajax api

มีเพื่อน .. ต้องการทำรายงานจากข้อมูล แล้วนำเสนอผ่านเว็บเพจ
เมื่อประมวลผลก็จะเป็นข้อมูลเชิงสถิติ หรือสารสนเทศ ที่จะช่วยสนับสนุนการตัดสินใจในเรื่องที่เกี่ยวข้องสำหรับสังคม การนำเสนอข้อมูลผ่าน chart เป็นเรื่องควรทำ เพราะดูง่ายกว่าเขียนอภิปรายสรุปผลแต่เพียงอย่างเดียว

https://google-developers.appspot.com/chart/interactive/docs/gallery

การนำเสนอ chart ในเว็บเพจมีกันหลายวิธี นั่งทบทวนการใช้ OFC (Open Flash Chart) อยู่พักหนึ่ง สุดท้ายก็ต้องยอมแพ้ เพราะ เส้นทางของ Flash ในอนาคต ดูจะตีบตันเหลือเกิน และ OFC ก็ไม่ได้พัฒนาต่อให้สมบูรณ์ ต่างกับ Google Chart ที่พัฒนาอย่างต่อเนื่อง และเลือกใช้งานได้หลากหลาย ตามความต้องการของผู้ใช้

จากการทดสอบ code ที่ใช้นำเสนอข้อมูลใน chart แต่ละแบบ ได้เก็บตัวอย่าง code ไว้เป็นไฟล์ และเก็บภาพตัวอย่าง chart เพื่อจะได้เลือกนำมาใช้ และนำ code มาปรับแก้โดยง่าย
ระบบนี้ไม่ต้องมี server เพราะจะเรียกไปยัง google.com โดยส่งข้อมูลผ่าน javascript code ทำงานแบบ AJAX คือ ประมวลผลร่วมกันระหว่าง client กับ google server มีตัวอย่าง chart แบบต่าง ๆ ดังนี้

google_ajax_api_annotation.htm
google_ajax_api_area.htm
google_ajax_api_bar.htm
google_ajax_api_bubble.htm
google_ajax_api_calendar.htm
google_ajax_api_candlestick.htm
google_ajax_api_column.htm
google_ajax_api_combo.htm
google_ajax_api_diff.htm
google_ajax_api_donut.htm
google_ajax_api_gantt.htm
google_ajax_api_gauge.htm
google_ajax_api_geo.htm
google_ajax_api_histrogram.htm
google_ajax_api_line.htm
google_ajax_api_lineinterval.htm
google_ajax_api_map.htm
google_ajax_api_org.htm
google_ajax_api_pie.htm
google_ajax_api_scatter.htm
google_ajax_api_table.htm
google_ajax_api_timeline.htm
google_ajax_api_trendline.htm
google_ajax_api_wordtree.htm

ทบทวนการใช้งาน linux ผ่าน Debian ที่อยู่ใน VirtualBox

วันนี้เตรียมเมล็ดมะละกอพันธุ์ฮอลแลนด์ จากมะละกอสุก
นำไปตากให้แห้งเอง ไม่ต้องซื้อใครเขา ทำเมล็ดพันธุ์เองเลย
เค้าว่าเมล็ดพันธุ์สำหรับนำไปปลูก
ขายกันเป็นขีด (100 กรัม)
ขีดละประมาณ 700 – 900 บาท มี 7000 – 8000 เมล็ด
บางรายขายเป็นซอง ๆ ละ 100 บาท มี 50 เมล็ด
https://www.facebook.com/malakoboy69/

จากนั้นก็มาทบทวน Operating System
จำได้ว่าเคยลง Debian ไว้บน Oracle VM VirtualBox
ใน WinXP ที่ใช้งานอยู่
ในเครื่องผมตั้ง user เข้า Debian ว่า “nation”
ต้องกรอกรหัสผ่านเข้าเครื่องให้ถูก
ถ้าไม่ถูกระบบจะแจ้งว่า “Authentication failure”
1. เปิดขึ้นมาก็เห็น Gnome Desktop
2. มุมบนซ้ายสุดมี Application, Places, System
ก็เลือก Application – Accessories – Terminal หรือ Root Terminal
เหมือนพิมพ์ SU เลยครับ
3. ตรวจว่าเครื่องเราเปิด port อะไรไปแล้วบ้าง
ด้วย #netstat -na
4. ตรวจว่ามี process อะไร start อยู่บ้าง
ด้วย #ps -aux
5. ตรวจว่ามีใครเข้าออกระบบเมื่อใด
ด้วย #last
6. ตรวจว่ามี user name อะไรที่อยู่ที่สร้างไว้แล้ว
ด้วย #cat /etc/passwd
7. ตรวจว่าเชื่อมต่อสื่ออะไรจากที่ไหนไว้บ้าง
ด้วย #mount
พบว่าแชร์เข้ามาจากระบบ Windows จำนวน 2 Folders
http://www.thaiall.com/blog/burin/4628/

นักศึกษาเขียนเว็บแบบ responsive web design

เล่าสู่กันฟัง
ว่า 13-16ธ.ค.59 พบ น.ศ.ที่ Lab1 หลังอบรม น.ศ.ทำ Responsive web design ซึ่งมีเนื้อหาสำคัญ ทางเทคนิค 2 เรื่อง คือ การเขียน html ร่วมกับ css ให้รองรับ multi device ก็รวบรวมผลงานที่เค้านำเสนอ จากผลการอบรม ฝากไว้ที่
http://thaiall.somee.com
มีนักศึกษาหลายคนติดตามงานที่คั่งค้าง เพราะอบรม และทำผลงานมีเวลากระชั้นชิด ทำให้ผลงานยังไม่เป็นที่พึงใจ จึงปรับปรุงใหม่ แล้วอัพโหลดมาให้ชมภายหลังการอบรม ผมก็อัพโหลดเข้าไปอัพเดทให้เรียบร้อยแล้ว การสื่อสาร เราคุยกันผ่าน facebook group เพราะข้อมูลการสนทนา และรูปภาพจะไม่หายไป และระบบรับงาน .zip ได้ดี สูงสุดถึง 100 MB ไฟล์ไม่ถูกกำหนดเวลาลบออกจากระบบเหมือน Line

หลังจากการอบรมแล้วเสร็จ ผมได้กลับไปพัฒนา Responsive Web Design ของตนเอง เริ่มจากการพัฒนาแบบ Prototype ขึ้นมาก่อน แล้วทำแบบ Water fall คือ ทีละหน้า ขยายไปเว็บเพจอื่น และทำแบบ Build and fix คือ ทำไปซ่อมไป ตอนนี้ขยายผลไป /os, /digitallogic และ /data มีรุ่นของ Prototype ใน /web2 เป็น 6.2 ส่วนของ Footer อัพเดทอีกครั้งเมื่อวันที่ 26ธ.ค.59 หลังพบปัญหาที่ทำให้ต้องเพิ่ม class ให้ footer ต่อจากนี้คงกลับมาปรับเนื้อหา (Content) ในเว็บต่าง ๆ ข้างต้น เพราะ design เสร็จแล้ว แต่ภาค content ที่มีอยู่ ยังไม่ได้นำเข้าไปจัดลง ในเหล่าเว็บที่เป็น static webpage ให้เรียบร้อย

ในวันสุดท้ายของการอบรม มีนักศึกษาได้รับการพิจารณารับรางวัลผลงานเว็บ จำนวน 2 คน ที่ได้คะแนนรวมสูงสุดจากกรรมการ คือ นายวรวัช ไชยธิ และนายสุรวิชญ์ สุริยะวงค์

ผลงานนักศึกษา

ผลการลงคะแนนเสียง #พรบคอม ไม่เห็นด้วย 0% แสดงว่าต้องดีจริง

วันที่ 16 ธันวาคม 2559 ที่ประเทศไทยมีการประชุม
ของ สภานิติบัญญัติแห่งชาติ #สนช
ซึ่งมีผู้ทรงคุณวุฒิเข้าร่วมประชุมจำนวนทั้งสิ้น 172 ท่าน
เพื่อลงคะแนนพิจารณา
“ร่างพระราชบัญญัติว่าด้วยการกระทำความผิดเกี่ยวกับคอมพิวเตอร์ (ฉบับที่ ..) พ.ศ. ..”
https://www.blognone.com/node/88369

ผลการลงคะแนน #voteictlaw ในจำนวนนี้ พบว่า
ไม่แน่ใจ มี 5 ท่าน คิดเป็นร้อยละ 2.91
เห็นด้วย มี 167 ท่าน คิดเป็นร้อยละ 97.09
ไม่เห็นด้วย มี 0 ท่าน คิดเป็นร้อยละ 0

https://ictlawcenter.etda.or.th/de_laws/detail/de-laws-computer-related-crime-act

เมื่อเข้าไปค้นใน wiki พบว่า
ปัจจุบัน สนช. คือ สภานิติบัญญัติแห่งชาติ พ.ศ. 2557 (31 กรกฎาคม 2557 – ปัจจุบัน)
ตั้งโดยคณะรักษาความสงบแห่งชาติหลังรัฐประหาร
และประกาศใช้รัฐธรรมนูญแห่งราชอาณาจักรไทย (ฉบับชั่วคราว) พุทธศักราช 2557
แทน รัฐธรรมนูญแห่งราชอาณาจักรไทย พุทธศักราช 2550
เมื่อ 8 สิงหาคม 2557 สมาชิกนิติบัญญัติแห่งชาติได้มีการลงมติ
เลือกประธานและรองประธาน ผลปรากฏว่า
ศาสตราจารย์พิเศษ พรเพชร วิชิตชลชัย เป็นประธาน
และ สุรชัย เลี้ยงบุญเลิศชัย เป็นรองประธานคนที่ 1
และ พีระศักดิ์ พอจิต เป็นรองประธานคนที่ 2

แล้วพบว่ารายชื่อที่แต่งตั้งทั้ง 4 รอบ
แสดงรายชื่อทุกท่านใน wiki
ล้วนเป็นผู้ทรงคุณวุฒิจากหลากหลายสาขา
ที่จะเข้ามาช่วยกันทำงานเพื่อประเทศไทย

ก่อนหน้านี้ .. มีการทักท้วงเรื่อง พรบคอม
การไม่มีใครไม่เห็นด้วยเลย น่าจะเป็นคำตอบว่า
การทักท้วงไม่เป็นผล

http://www.posttoday.com/politic/470517

ช่วงเย็นของ 15 ธ.ค.59 มีผู้คนสนใจเรื่อง “พรบคอม” มากที่สุด

ดู “ความนิยม (Trends)” ใน twitter.com หน้าแรก
พบด้านซ้ายจะมี hash tag
บอกว่าช่วงนี้เค้าติด hash tag ด้วยคำว่าอะไร
ซึ่งบอกถึงแนวโน้มของความสนใจของผู้คน
อย่างเช่นวันที่ 15 ธันวาคม 2559
พบว่ามี hash tag ที่สัมพันธ์กันอยู่ 3 คำ คือ

#พรบคอม 4.06 ส. ทวีต
#singlegateway 2.51 ม. ทวีต
#ไม่ค้านผ่านแน่ 2,123 ทวีต

และเพิ่มขึ้นเรื่อย ๆ
แล้วเข้าเว็บไซต์ของกระทรวงดิจิทัลเพื่อเศรษฐกิจและสังคม
http://www.mict.go.th
พบว่า ก.ไอซีที แจงข้อเท็จจริงเนื้อหาร่าง พ.ร.บ.คอมพิวเตอร์ฯ มาตรา 15 และ 20
http://www.mict.go.th/view/1/%E0%B8%82%E0%B9%88%E0%B8%B2%E0%B8%A7%E0%B8%81%E0%B8%A3%E0%B8%B0%E0%B8%97%E0%B8%A3%E0%B8%A7%E0%B8%87%E0%B8%AF/1964
—
ข่าวนี้อ่านเพิ่มเติมได้ที่
http://www.matichon.co.th/news/395549
—
อธิบายที่มาของ Hashtag
http://www.aripfan.com/u-know-why-hashtag/
—
เว็บไซต์ kapook อธิบายเรื่อง single gateway ได้ละเอียด
http://hilight.kapook.com/view/126924

พบ mind map แนะนำสิ่งที่ web developer ควรทราบ

พบ mind map แนะนำสิ่งที่ web developer ควรทราบ
แชร์ลิงค์มาผ่าน FB Page “Thai programmer โปรแกรมเมอร์ไทย”
https://www.facebook.com/programmerthai/photos/a.1406027003020480.1073741827.1392939564329224/1799531400336703/
แล้วพบแฟ้ม PDF ที่
https://coggle-downloads.s3.amazonaws.com/ffa893c87f6ae8a35b7343568a270942b6d1d5ffbc62301829fe2ad4dbed19e7/Web_Development.pdf
https://coggle-downloads.s3.amazonaws.com/49e5776e17045b4615af8ab87e75f5ae305779093dd574ee2044e6035316dc75/How_to_be_a_good_frontend_programmer.pdf
หรือเป็นภาพที่
ถ้าอยากเซฟเป็นไฟล์รูป png ก็ตามลิงค์ มีสองรูป
https://coggle-downloads.s3.amazonaws.com/ffa893c87f6ae8a35b7343568a270942b6d1d5ffbc62301829fe2ad4dbed19e7/Web_Development.png
https://coggle-downloads.s3.amazonaws.com/49e5776e17045b4615af8ab87e75f5ae305779093dd574ee2044e6035316dc75/How_to_be_a_good_frontend_programmer.png
ที่มา คือ https://coggle.it
ซึ่งเว็บไซต์นี้บริการเครื่องมือเขียน mind map ที่สวยงาม
แล้วผมนำไป repost
ที่ https://www.facebook.com/groups/thaiebook/734319726718848/
จากภาพ

ตรงกลาง คือ คำว่า web development
แตกเป็น 3 เส้น
1. No Matter Which Route You Take
2. Basic Front End
3. Back End

ได้ศัพท์จากข้อสอบอังกฤษระดับอุดมศึกษามาแปลงเป็นข้อสอบออนไลน์

เล่าเรื่องต่อยอดงานเดิม
เมื่อวาน (10 ธ.ค.59) แชร์ศัพท์ 200 คำ ไว้ใน blog
เพื่อให้นักศึกษาได้อ่าน ได้ท่อง เตรียมพร้อม
ก่อนการสอบ English Proficiency ในเทอมต่อไป
เพราะเชื่อว่าการเตรียมพร้อมด้วยเอกสารที่ตรง
จะทำให้การวัดผลที่เตรียมพร้อมมาตรงเป้า
จะทำให้บรรลุเป้าหมายได้เร็ว และมีพลัง
http://thainame.net/edu/?p=4259

การท่องศัพท์ก็ต้องมีการประเมินว่าท่องได้กี่ตัว
วันนี้ (11 ธ.ค.59) นำคำศัพท์มาแปรรูป (Transform)
เป็นข้อสอบ 4 ตัวเลือกแบบจับคู่ จำนวน 400 ข้อ
โดนใช้ code เก่าใน http://www.thaiall.com/quiz
แล้วเพิ่มเป็นชุดที่ 12 จึงอยู่ในหัวข้อ 3.12
ชื่อชุดข้อสอบว่า “ศัพท์อุดมศึกษาอย่างง่าย”

แล้วถือโอกาสปรับ /quiz
ให้เป็นแบบ responsive web design
ตามแนวโน้มชาวโลกที่จะใช้ mobile กันมากขึ้น

เคยอ่านเรื่องที่ ดร.อานนท์ พูดถึงวิทยาการคอมพิวเตอร์แล้วโดนใจ

ดร.อานนท์ ศักดิ์วรวิชญ์ สาขาวิชา Business Analytics and Intelligence สาขาวิชาวิทยาการประกันภัยและการบริหารความเสี่ยง คณะสถิติประยุกต์ สถาบันบัณฑิตพัฒนบริหารศาสตร์ — ดร.อานนท์ ศักดิ์วรวิชญ์
สาขาวิชา Business Analytics and Intelligence
สาขาวิชาวิทยาการประกันภัยและการบริหารความเสี่ยง
คณะสถิติประยุกต์ สถาบันบัณฑิตพัฒนบริหารศาสตร์

อ่านบทความเรื่อง “มหาวิทยาลัยไทยจะอยู่รอดได้หรือไม่”
ที่ ดร.อานนท์ ศักดิ์วรวิชญ์ เขียนใน manager online
แล้วหัวหน้าของผมก็แชร์ให้อ่านในกลุ่มไลน์
เนื้อหาพูดถึงปัญหามหาวิทยาลัยกับอัตราการเกิดที่ลดลง
แต่มีประเด็นหนึ่งที่โดนใจจี๊ด ๆ
พบในส่วนของ “สาเหตุที่อุดมศึกษาไทยถึงทางตีบตัน”
ในประการที่สอง ท่านขึ้นย่อหน้าว่า
“ปัญหาใหญ่ที่สุด” เนื้อหาตอนหนึ่งชี้ว่ามีบัณฑิตไทยบางสาขาตกงานมากมาย
เช่น ด้านวิทยาการคอมพิวเตอร์ (Computer science)
ที่เปิดสอนแทบทุกสถาบัน แต่บริษัทหาคนทำงานด้านคอมพิวเตอร์
ได้ยากมาก เพราะไม่สามารถเขียนโปรแกรมคอมพิวตอร์ที่ใช้งานได้จริง
ท่านสรุปไว้ง่ายเลย คือ “เรามีปริมาณมากแต่มีคุณภาพไม่เพียงพอ“

จึงเป็นที่มาของการสะท้อนคิดให้ตัวผมเอง
คิดว่า ผมสอนหนังสือนักศึกษามาหลายปี
สอนอะไรไปบ้างนะ แล้วเค้าทำอะไรเป็น และไม่เป็นอะไรบ้างนะ
http://www.manager.co.th/Daily/ViewNews.aspx?NewsID=9590000051896

การเรียนด้านคอมพิวเตอร์ไม่ได้มีเฉพาะวิทยาการคอมพิวเตอร์
และทุกสาขาถูกสังคม หรือผู้ประกอบการคาดหวังว่าต้องเขียนโปรแกรมได้
และโปรแกรมก็มีภาษาให้เลือกมากมาย
ภาษาที่ง่ายที่สุดภาษาหนึ่งคือ HTML และการเขียนได้จริง
มักต้องมีเวทีโชว์ของ โชว์พาวล์ หรือโชว์อะไรที่มีอยู่นั่นหละ
กว่า 20 ปีแล้ว
ที่จะเล่าให้นักศึกษาฟังว่าจดโดเมนไม่ยาก
มีตังไม่กี่ร้อยต่อปีก็เป็นเจ้าของได้ นี่ก็ได้รับมอบหมายจากหัวหน้า
ให้พูดเรื่องการเป็นเว็บมาสเตอร์ให้นักศึกษาฟัง
หัวข้อที่จะไปเร้าใจนักศึกษาก็คงหนีไม่พ้น
เรื่อง Domain name กับ Web hosting
ที่เป็นของจริง เพียงแต่ต้องลงทุน และมีอะไรอีกนิดหน่อย
เรื่องของ ดร.อานนท์ ได้ repost บทความ
ไว้ในเว็บเพจที่จะสอนนักศึกษา ก็หวังจะให้เขาเข้าใจ และฮึกเหิมขึ้นมา
http://www.thaiall.com/webmaster/responsive/index.html

สิ่งที่นักศึกษาต้องมีก่อนจดโดเมนมี 6 ข้อ
แต่ไม่ต้องครบก็ได้นะครับ เป็นเพียงข้อเสนอ
ได้เล่าสู่กันฟังไว้ที่ http://www.thaiall.com/article/dotcom.htm

1. เงิน(Money)
2. วิธีการ(Method)
3. เวลา(Time)
4. รีบศึกษา(Hurry)
5. ความตั้งใจ(Attention)
6. จินตนาการ(Imagination)
M.M.T.H.A.I

แล้ว webpage หน้านี้ก็ปรับเป็น Responsive Web Design แล้ว
แล้วนักศึกษาด้านคอมพิวเตอร์ทุกคน
ก็คงต้องรู้จัก CSS ไม่มากก็น้อย แต่ถ้าบอกว่าไม่รู้จักเลย
ก็คาดได้ว่าไม่คิดจะทำงานด้านเว็บโปรแกรมมิ่งเป็นแน่

คำถาม คือ นักศึกษา หรือบัณฑิต
พกอะไรติดตัวหลังพ้นรั้วมหาวิทยาลัยไปสมัครงานบ้าง
คำตอบ เชิงแนะนำ คือ
ถ้ามีเว็บไซต์ของตัวเอง แล้วในเว็บไซต์ก็มีอะไร ๆ
ที่เป็นผลงานของตนเอง
เป็นเวทีปล่อยของที่นายจ้างได้เห็นผลงานกันจะจะไปเลย
.. น่าจะดี

นักศึกษาด้านไอทีอย่างน้อยต้องทำ responsive เป็น

ถือว่าเป็นสิ่งจำเป็น
ที่นักศึกษาต้องรู้ว่าตัวเองเป็นใคร
Who am i?
เพราะไม่ใช่นักเรียนที่จะไปเข้า #ค่ายค้นหาตัวตน
แล้วหาว่า ตนเหมาะกับอาชีพใด
ถ้าเป็นนักศึกษาก็แสดงว่าเลือกแล้ว
ไม่ใช่กำลังจะเลือก
ตอนนี้มาได้ครึ่งทางแล้วที่จะไปสู่อาชีพที่คาดหวัง
ทุกหลักสูตรมีวิชามากมายต้องเรียนเชื่อมต่อกันเป็น jigsaw
กว่าจะได้ภาพสวยผืนใหญ่ ใส่กรอบ โชว์
ก็ใช้เวลาหลายปี ระหว่างทางต้องทบทวนเป็นระยะ
ว่าทำอะไร เรียนอะไร รู้อะไรไปแล้วบ้าง
หัวข้อต้องรู้มีมากมาย
แต่อย่างน้อยต้องรู้ว่าเรา ทำอะไรเป็นบ้าง
ในสายไอทีก็มีเรื่องเว็บเพจ (webpage)
โดยสิ่งที่ควรรู้ คือ Responsive web design
เพราะแนวโน้มชาวโลกจะขยับไปหา mobile device
ดังนั้นหัวข้ออบรมความรู้เบื้องต้น
เสนอว่าให้นักศึกษาเขียนเว็บเพจด้วย html
จำนวน 3 หน้า ตัวตน ผลงาน และตนเอง
คือ index.html project.htm aboutme.htm
แต่แสดงผลได้ในอุปกรณ์ขนาดต่าง ๆ ได้เหมาะสม

ฝากไว้กับ firebase.com หรือ wordpress หรือ facebook ก็ได้

http://www.thaiall.com/webmaster/responsive

หน้าแรก (index) เป็นสารบัญ ดัชนี หรือบทนำ
ที่ฉายภาพรวมความเป็นตัวเรา
แต่ไม่ลึกเท่าโปรเจค หรือเกี่ยวกับเรา
หน้าแรกของนักศึกษาน่าจะมีเนื้อหา
ที่มุ่งขายตัวเรา ตัวอย่างหัวข้อดังนี้
- คนต้นแบบมืออาชีพที่ประทับใจ
- กลุ่มที่สนใจที่เราติดตามประจำ
- บทความ ประเด็น หรือข่าวสำคัญ
- เว็บไซต์ที่แนะนำ
- รายการผลงานเด่นที่สะท้อน skill
- ข้อมูลการติดต่อ หรือ อวตารของเรา

หน้าโครงการ หรือโปรเจค (Project)
เป็นการขายตัวเรา (ถ้ามี linkin จะดีมาก)
ที่ผ่านมาสวมบท "นักศึกษา" แล้วทำอะไรไปบ้าง
มีงานอะไรที่เราทำส่งอาจารย์แล้วประทับใจ
เทอมหนึ่งเรียน 6 วิชา ๆ ละ 1 งานก็ปีละ 12 งาน
เลือกนำมาแบ่งปัน เพราะนั่นสะท้อนให้เห็น skill 
เว็บเพจหน้านี้จะบ่งบอกอัตลักษณ์ของเรา
ผลงานต้องเป็นที่ประจักษ์ อยู่ในความทรงจำไม่ได้
แนะนำว่าผลงานทุกชิ้นให้เขียนเป็นบล็อก
จะทำเอง ร่วมกัน หรือฟังเขามาก็เขียนบล็อกได้
แต่ถ้านักศึกษาไอทีจะต้องมีโฮมเพจเป็นของตนเอง
แล้วเชื่อมทุกอย่างเข้ากับ social media + blog
เนื้อหาในหน้านี้ มีรายละเอียดผลงานที่ครบถ้วน
มีที่มา เนื้อหา สรุป และลิงค์ดาวน์โหลดจะดีมาก
ทั้งหมดในหน้านี้ก็จะสะท้อน skill เพื่อขายตัวเรา

หน้าเกี่ยวกับเรา (About me)
ความเป็นส่วนตัวสำคัญมาก 
แต่การอยู่ในสังคมก็ต้องลดความเป็นส่วนตัวลงบ้าง 
และไม่เปิดเผยอะไรที่ไม่มีวัตถุประสงค์ที่ชัดเจน 
เราต้องเป็นนักประชาสัมพันธ์ตนเองอย่างมีเป้าหมาย
นักศึกษาต้องบอกว่าตนเอง
มี skill อะไร
มี project อะไรผ่านมือมาบ้าง
มี avatar ให้ว่าที่นายจ้างไปติดตามที่ไหน
มี experience กับอะไรที่เป็นงานอดิเรก 
มี interested กับอะไรที่เป็นแผนในอนาคต
แต่ถ้าทำงานในองค์กรเมื่อใด ระดับความเป็นส่วนตัว
จะแปรผันตามนโยบายขององค์กรทันที