i love my sassy girl

mp3player เป็น flash คับ ทำไว้เล่นเพลงฟังส่วนตัวคับ เอาเครื่องเล่นมา แล้วก็เอาเพลงมาเปิด ของง่าย ๆ ใช่ป่าวคับ แต่ทว่า….

อันนี้เป็นเครื่องเล่นเพลงคับ ขอขอบพระคุณมาใน ณ ที่นี้ด้วยนะคับ … ขอบพระคุณเป็นอย่างสูงครับ …
http://www.bobbyvandersluis.com/ufo/

ส่วนเพลงที่ใช่เล่นนะเหรอ ก็…….ก็หาได้จากร้านขายแผ่นเพลงไงคับ มีทั้งเทบ และ ซีดี (5555+ )

ทดสอบอับขึ้นเว็บจริงๆ พบว่ามีปัญหา มากมายก่ายกอง

• ทดสอบ เล่นเพลง ชื่อเพลงภาษาไทย บนคอมเพลงก็ออกคับ แต่ว่าอับขึ้น host แล้ว ไม่เล่นซะงั้น ต้องเปลี่ยนชื่อเป็นภาษาอังกฤษแทนไปก่อน – -”
• flash โหลดช้าอ่ะ ไพล์ flash มีขนาด 9 k เอง หรือว่ามันช้าเพราะต้องโหลดรูปทำ background ป่าวหว่าเนี้ย หุหุ อันนี้ก็ไม่รู้เหมือนกัน สันนิฐานไปเรื่อยล่ะ 555+ สงสัยไรได้นิ ลากเข้ามาร่วมรับผิดชอบหมด ยังไงซะ รูปก็ต้องมีส่วนอย่างแน่นอน

ดูรูปตัวอย่างกันคับ ลองฟังกันได้คับ

ช่วยกันทดสอบหน่อยคับ ว่าเป็นไงมั้ง
คลิกตรงนี้ เปิดฟังเพลง mp3 player คับ

อ่ะ…เผื่อมีคนอยากรู้ว่า สาวสวยใน skin ของ mp3player ของผมนั้น เป็นใครกัน ???
สาวเจ้าชื่อ เจ้ คับ ผมเรียก พี่เจ้ เป็นพี่สาวคนสวย รุ่นพี่ คอมพิวเตอร์ธุรกิจ ม.ราชภัฏลำปาง นั้นเอง ไปแอบจิกรูปใน hi5 พี่เค้ามา ยังไม่ได้ขออนุญาติพี่เค้าเลย อ่ะ เห็นว่ารูปนี้มันเหมาะดี ก็เลยเอาใส่ พอดีเลยอ่ะ ไม่ต้องแต่งรูปไรมาก ตัดออก ก็ใช้ได้แล้ว รูปสวยอยู่แล้ว เอิ๊ก ๆๆ ยังไงก็ ผมขออนุญาตินะคับ พี่เจ้คนสวย เอิ๊ก ๆๆๆ

ok มาถึง shoutbox ตอนที่ 2 กัน หึหึ ว่าแต่ไม่เคยเขียนอะไรเกิน ตอนที่ 1 เลย นี้เป็นตอนที่ 2 แรกเลยนะเนี้ย 555+ ใครหลงมาอ่านถือว่าโชคดีนะ

ผมตอนนี้ผมจะพูดถึง source code ที่ใช้ใน ระบบนี้นะคับ ก็จะมีตัวหลัก ๆ ที่ใช้

php

ภาษาหลักในการพัฒนา

code igniter

ตัวนี้เป็น framework ที่ในใช้ในการสร้างระบบ

javascript,ajax, jquery

(ผีตัวเดียวกันแหละคับ javascript เป็นภาษา ajax เป็นเทคโนโลยี่ jquery เป็น framework )
อันนี้เอาไว้ให้ระบบมัน interactive กับ user (ตอบสนองต่อผู้ใช้ แบบว่า เค้าพิมพ์ตัวหนังสือมากกว่า 50 ตัวอักษร มันก็จะพิมพ์ไม่ได้ หรือมีข้อความบอกว่า พิมพ์ต่อไม่ได้แล้วนะ ข้อความยาวเกินไปแล้ว อะไรแบบนี้ หุหุ)

html

อ่ะแน่นอนล่ะ ทำเว็บมันไม่มี html จะออกมายังไง หึหึ

css

อันนี้ก็เอาไว้ ตกแต่งเว็บให้สวยงาม (รึเปล่า ลองดูกันเอาเองล่ะกัน อิอิ)

รูปภาพ

รูปภาพตกแต่งนิดๆหน่อย

หมดแล้วมั้ง

เด๋วไว้นึกออกอีกจะมาเพิ่มนะ เอิ๊ก ๆๆ

เอา code ใน view นะคับ  เอามาให้ดูกันก่อน เด๋วตัว controller จะตามมาอีกที หุหุ

shoutbox_view.php
อันนี้ก็เป็น encode ภาษาไทย ใส่เข้าไป ไม่ใส่เด๋วออกมาเป็นภาษาต่างดาวอีก

<meta http-equiv="Content-Type" content="text/html; charset=windows-874"/>

อันนี้ก็เป็น css มัน include เข้ามา

<link type="text/css" rel="stylesheet" href="css/_hompy.css"/>

อันนี้ก็ javascript include jquery เข้ามาด้วย (แล้วจะได้ใช้ป่าวเนี้ย เด๋วนึกดูก่อน มันเหมือนว่าจะได้ใช้นะ แล้วใช้ตอนไหนหว่า ตอนนี้นึกไม่ออก เอิ๊ก ๆๆ เขียนโปรแกมนี้ ใช้ เซ้นล้วน ๆเลยนะเนี้ย อิอิ )

<script type="text/javascript" src="js/jquery.pack.js"></script>
<script type="text/javascript">

function check() {
	var detail = document.getElementById("detail").value;

	if (detail == "") {
		alert("Please enter message");
		return false;
	}
}

	function textCounter( field, countfield, maxlimit ) {
		  if ( field.value.length > maxlimit ) {
		    field.value = field.value.substring( 0, maxlimit );
		    return false;
		  }
	}
}
</script>

shoutbox นี้ เป็นลักษณะการให้บุคคลมาเขียนข้อความสั้น ๆ บอกกล่าว, ทักทาย, แสดงความรู้สึก, และหลายๆอย่าง ที่อยากจะตะโกนบอก

ส่วนสำคัญขอบระบบจะมีประมาณว่า

• ส่วนที่แสดงข้อความ
• ส่วนที่เขียนข้อความ

ในที่นี้ระบบจะอ้างอิงไปยังระบบสมาชิก ซึ่งจะมีข้อมูลของสมาชิกอยู่ก่อนแล้ว ข้อมูลของสมาชิกก็คือ ชื่อ และ รูป นั้นเอง ถ้าคุณจะเขียนข้อความใน shoutbox นี้ได้ก็ต้อง login ซะก่อน ถึงจะเขียนข้อความได้

ในตัวอย่างรูปที่เห็น ก็จะมีรูปแบบของข้อความประมาณว่า

รูปภาพ : ชื่อสมาชิก : ข้อความที่เขียนตะโกน
เวลาที่เขียนข้อความ ผ่านมาแล้วกี่นาที กี่ชั่วโมง

ในตัวระบบมันจะมี ระบบสมาชิก เข้ามาร่วมด้วย มันก็จะหนีไม่พ้น  การสมัครสมาชิก, เข้าระบบ, ออกระบบ,แก้ไขรหัสผ่าน,ลืมรหัสผ่าน, แก้ไขรูป   ข้อมูลตัวสำคัญก็จะมี รหัสสมาชิก, ชื่อสมาชิก, รหัสผ่าน, อีเมล์, รูปภาพ

และตัว shoutbox มันก็จะมี  รหัสกล่องตะโกน, รหัสสมาชิก, ข้อความที่ตะโกน, เวลาที่ตะโกน

เอาล่ะ ผมจะพูดถึงขอบเขตของระบบ และข้อจำกัดต่างๆ ในตัวระบบ shoutbox มันได้ขีดเส้นกันสำหรับตัวมันเองอยู่แล้ว มาดูกันว่ามีอะไรบ้าง

จำนวนตัวอักษรที่เขียนได้

หรือ ความยาวของข้อความ นั้นเอง มันมีขีดจำกัดอยู่ อย่างที่ตัวระบบมันเป็นก็คือ ระบบกล่องร้องตะโกน เวลาคนตะโกน เค้าก็ตะโกนกันเป็นประโยคสั้น ถ้าตะโกนกันเกิน 1 บรรทัด เค้าจะเรียกกันว่า สุนทรพจน์ แล้วคับ หุหุ ในที่นี้ระบบจำกัดตัวอักษรอยู่ที่ 50 ตัวอักษรคับ

จำนวนข้อความที่แสดงใน 1 หน้า

อย่างในรูปจะมี 8 ข้อความล่าสุด ที่เพิ่งเขียนสดๆ ร้อน ๆ  ถ้าคุณอยากจะให้เห็นข้อความหลักจากนี้ได้ ก็อาจจะทำ link ใส่ไว้ข้างล่าง เขียนไว้ว่า แสดงข้อความทั้งหมด แบบนี้ก็ได้ เพื่อให้เข้าไปดูข้อความย้อนหลังได้ ประมาณว่าเมื่อคืนดื่มหนักไปหน่อย จำได้ว่ามาตะโกนอะไรไว้ในเว็บ แถว ๆ นี้ แต่จำไม่ได้ว่ามาตะโกนอะไร ไหนของมาอ่านย้อนหลังหน่อยดิ