24 เมษายน 2556

วิธีเปลี่ยนจอ iPad

บทความนี้ นำเสนอวิธีการเปลี่ยนหน้าจอ iPad 2 (หรือหน้าจอ Touch Screen)
หลังจากใช้ iPad2 มาได้ปีครึ่ง จอ iPad มีอันต้องจากไป (แตกเสียแล้ว) ปัญหาเดิมๆ ตก เมื่อตกก็ต้องแตก


ครั้นจะไปให้ช่างซ่อม ก็ 1.กลัวเปลืองตังค์ ไปหาในเน็ต ค่าเปลี่ยน 3,000 2,500 ก็มี สรุปเอาแน่เอานอนไม่ได้  2. ช่างไม่ดีก็กลัวงานไม่เรียบร้อย 3. ให้ช่างทำเราไม่รู้ ดังนั้นทำเองดีกว่า (พังไม่ว่าแต่อยากรู้)

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

จากนั้นไปหาเครื่องมือสำหรับเปลี่ยนจอ ก็มี 1.ไดร์เป่าผม 2.ไขขวงแฉก กับแบน ตัวเล็กๆๆ 3. ที่งัดจอ ใช้พลาดสติกที่แข็งแรงหน่อย ตามรูป



















เมื่อได้อุปกรณ์ครบ ก็ลงมือกัน
1. ก่อนอื่นต้องเลาะจอเก่าออกก่อน โดยอาศัยไดร์เป่าผม หลักการเลาะให้เลาะจากปุ่มโฮม โดยเริ่มจากด้านขวาของมือเรา เอาไดร์เป่าผมไปเป่าตรงขอบให้พอร้อน เพื่อจะทำให้กาวที่ติดไว้หลอมละลายจะได้เลาะง่ายๆ โดยค่อยๆแงะออกมาทีละนิด




















เป่าไป ก็เลาะไป ไม่ต้องรีบ และอย่าแยงก้านเลาะไปลึก เมื่อเลาะได้ก็หาพลาสติกมาขัดไว้
เพื่อจะไม่ให้จอไปกับกาวติดอีกรอบ ทำไปจนรอบจอ





















เมื่อเลาะเสร็จให้งัดเปิดทางด้านขวาของเมือเราออกมาเหมือนเปิดประตู ส่วนด้านซ้ายมีสายแพรจากจอ Touch Screen ไปต่อกับแผงวงจรด้านใน
















เมื่อเปิดหน้าจอ Touch Screen ออกมาแล้ว สิ่งที่ต้องทำคือ
1. ถอดน๊อต จอ LCD ตามลูกศรสีแดงออก
2. เลาะปุ่ม Home ออก ตามลูกศรสีฟ้า ค่อยๆใช้มีดคัดเตอร์แงะออกมาเพราะมันถูกติดกาวไว้
3. เลาะแผ่นเหล็กที่ครอบกล้องหน้าออก ใช้มีดคัดเตอร์ค่อยๆ แงะออกมา

จากนั้นก็ค่อยๆ แง้มจอ LCD ออกมา





































ตรงลูกศรสีแดง จะเป็นสายแพรของจอ LCD ให้ถอดออก (จะมีเหล็กล๊อกอยู่ค่อยๆ งัดเหล็กขึ้นแล้วถอดสาย) ถอดเสร็จก็เอาจอออกมาวางไว้ข้างนอก

ทำการถอสายแพร ของจอ Touch Screen โดยทำการงัดพลาสติกล๊อกสาย ตามตำแหน่งลูกศรสีแดง
ค่อยๆ งัดขึ้นอย่างระวัง














งัดเบาๆ ทั้ง 2 ตัว จากนั้นก็ถอดสายออก แล้วเอาจออกได้เลย



















เป็นอันเสร็จขั้นตอนการถอด

ต่อจากนี้จะเป็นการใส่จอ ก็ให้ทำย้อนกลับ
โดยให้เอาจอ Touch Screen มาใส่ก่อน ทำการเสียบสายแพรเข้าไปแล้วกดตัวล็อก
จากนั้นนำจอ LED มาติดตั้ง โดยเสียบสายแพรเข้าไป แล้วก็ล๊อก ขันน๊อตทั้ง 4 ตัว

ทดสอบเปิดเครื่อง ทดสอบโดยรูด Touch Screen โดยที่ยังไม่ประกอบ

ทำการประกอบปุ่ม Home กับตัว Touch Screen ประกอบเหล็กตรง กล้องหน้า
จากนั้นทำการแปะกาว 2 หน้ากับตัว Touch Screen (ดูตำแหน่งจากจอเก่าแล้วแปะตาม)


















สุดท้าย ทำความสะอาดจออย่าให้มีฝุ่น
ลอกฟิลม์กันรอยที่อยู่ด้านในของ Touch Screen ออก
ลอกแผ่นใส่ที่กาว 2 หน้าออกแล้วแปะจอ Touch Screen กับตัวเครื่อง









































เสร็จซะที
700 บาท ได้อย่างที่เห็น
ทำเองง่ายนิดเดียว

โชคดีมีเงินใช้
สวัสดี

03 เมษายน 2556

HTML - 5 การสร้าง Overlay

วีดีโอ สอนเรื่องของการสร้าง Overlay
อยากรู้ว่าเอาไปใช้อย่างไร ก็คลิกดูที่วีดีโอ



คำสั่งที่ใช้ในวีดีโอ

<!DOCTYPE html>
<html>
<head>
<title>My web page</title>
<style type="text/css">
div#overlay {
display:none;
z-index:2;
background:#ccc;
position:fixed;
width:100%;
height:100%;
top:0px;
left:0px;
text-align:center;
}
div#specialBox{
display:none;
z-index:3;
background:#fff;
color:#000;
position:relative;
margin:100px auto 0px auto;
width:500px;
heidht:400px;
}
div#main {
position:absolute;
top:0px;
left:0px;
padding-left:25px
}
</style>
<script type="text/javascript">
function toggleOverlay(obj) {
var overlay = document.getElementById('overlay');
var specialBox = document.getElementById('specialBox');
var specialSpan = document.getElementById('specialSpan');
var specialPicture = document.getElementById('specialPicture');
overlay.style.opacity=.7;

if(overlay.style.display == "block"){
overlay.style.display = "none";
specialBox.style.display = "none";
} else {
overlay.style.display = "block";
specialBox.style.display = "block";
specialPicture.src=obj.src;
specialSpan.innerHTML=obj.src;
}
}
</script>
</head>
<body>
<div id="overlay"></div>
<div id="specialBox">
<button onmousedown="toggleOverlay(this)">X</button>
<span id="specialSpan"></span>
<img id="specialPicture" src="" width="500px" height="375px"/>
</div>
<div id="main">
<h2>My web page</h2>
<p>Some web page content....</p>
<img onmousedown="toggleOverlay(this)" src="01.jpg" width="80px"/>
<img onmousedown="toggleOverlay(this)" src="02.jpg" width="80px"/>
<img onmousedown="toggleOverlay(this)" src="03.jpg" width="80px"/>
<img onmousedown="toggleOverlay(this)" src="04.jpg" width="80px"/>
<img onmousedown="toggleOverlay(this)" src="05.jpg" width="80px"/>
<img onmousedown="toggleOverlay(this)" src="06.jpg" width="80px"/>
</div>
</body>
</html>

"I Believe in You"

Copyright(c) 2007 - 2022 by Kasem Kamolchaipisit.