การสร้างเว็บ Application เราต้องเริ่มจากจุดไหนก่อนครับ

narupot · 02 ตุลาคม 2011, 09:38:31

โปรแกรมเมอร์ทั้งหลายช่วยแนะนำหน่อยครับ

eyourhand · 02 ตุลาคม 2011, 10:26:09

็HTML

panhead · 02 ตุลาคม 2011, 10:27:26

หนังสือคู่ใจสักเล่มครับ

palapoom · 02 ตุลาคม 2011, 10:31:17

web application หรือ ไดนามิก เว็บไซต์ ผมแนะนำPHP แหละครับคงจะเบสิกสุดแล้ว
HTML เป็น static web นะจ๊ะ^^

palapoom · 02 ตุลาคม 2011, 10:32:58

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

chinjung01 · 02 ตุลาคม 2011, 10:38:41

เปลี่ยนจากเว็บ app เป็น เว็บ service สิครับ

พี่ผมบอกว่าตลาดกำลังต้องการ

wirachat · 02 ตุลาคม 2011, 10:41:06

เริ่มจาก php เลย

CodeArmy · 02 ตุลาคม 2011, 10:43:17

อ้างถึงจาก: narupot ใน 02 ตุลาคม 2011, 09:38:31
โปรแกรมเมอร์ทั้งหลายช่วยแนะนำหน่อยครับ

ถามกว้างมากขอตามตามแนวคิดกว้างๆ นะคับ การทำ Web Application นั้นต้องมีการเกี่ยวข้องกับระบบฐานข้อมูล
ก่อนอื่นต้องศึกษาการออกแบบระบบฐานข้อมูลก่อน ไปจนถึงเครื่องมือและภาษาที่จะใช้จัดการระบบฐานข้อมูลนั้นๆ

จากนั้นเลือกใช้เครื่องมือและภาษาที่ตัวเองชอบหรือถนัดในการพัฒนา Application ต่อไป

amazegu · 02 ตุลาคม 2011, 10:45:15

PHP > MYSQL > CSS >Ajax

ฝึก php ให้เก่งหรือ คล่องๆก่อน จากนั้นก็เริ่ม php+ฐานข้อมูล
เสร็จแล้วก็เริ่มทำให้สวยงาม(css)
สุดท้ายก็หาลูกเล่นมาใส่(Ajax)

eyourhand · 02 ตุลาคม 2011, 12:12:50

ความคิดผมนะ

HTML , JavaScript , PHP , MySql

ถ้า HTML + JavaScript ก็ทำ Web App ได้ แต่ไม่ได้เกี่ยวกับฐานข้อมูล

แต่ถ้ามีฐานข้อมูล ก็คงต้อง PHP + MySql เข้าไป

narupot · 02 ตุลาคม 2011, 22:34:52

ขอขอบคุณนักโปรแกรมเมอร์ นะจ๊ะ สำหรับข้าพเจ้าก็ยังคงเป็นโปรแกรมมั่วอยู่ ตอนนี้ทำ cms แต่ซื้อหนังสือเกือบครบแล้ว มีอยู่ 15 มี HTML PHP+Ajax CSS เป็นต้น จ้า

bonshington · 03 ตุลาคม 2011, 00:12:44

เริ่มจาก UML เป็นภาษาในการ design

ถ้าจะทำแบบมืออาชีพ ร่างออกมาก่อนว่า จะมีกี่หน้า หรือกี่โมดูล ฟังชัน แตละอันทำไรได้บ้าง

จากนั้น เอามาเขียน diagram ว่า user จะ interact อะไรได้บ้าง และเวปเราทำอะไรบ้าง

จากนั้น ออกแบบหน้าจอจิงจัง วาด flow หน้าจอ

จากนั้นเอามา design เชิงcoding ต่อ เช่นวาด flow, activity diagram, state diagram

จากนั้น เลือก framework เช่น MVC .net หรือ asp.net ธรรมดา เลือก db

และต่อด้วยการเขียน coding โดยวาด โครง function, method, class ตาม diagram โดยอิงกับหลักออกแบบของ framework นั้นๆ ขั้นตอนนี้ เขียนแค่ interface, method list ยังไม่ลง coding

ใส่ comment ในแต่ละ method ว่าอันไหน ทำอะไร ต้องมีอะไรบ้าง ยังไม่ต้องลง coding

ขั้นนี้ ลง coding

ทำ alpha testing คือ ทดสอบโปรแกรมกันเอง ทดสอบว่า โปรแกรมทำงานได้ตาม design ที่เขียนไว้

ทำ beta testing ทดสอบวงกว้าง โดยให้ผู้ใช้งานจิงมาทดสอบ ทำ load test, performance test

ทำ UAT คือให้ผู้ใช้งานจิงลองเล่นตามการใช้งานจิง ลอง case แปลกๆ ว่าโปรแกรมทำงานได้ตามปกติหรือไม่

นำส่งงาน

assesment คือประชุมปิดงาน ว่า ใครมีอะไรที่อยากปรับปรงในงานหน้า

แบบมืออาชีพตามองค์กรใหญ่ คร่าวๆจะเป็นแบบนี้ แต่ของจิงซับซ้อนกว่านี้เยอะ
แต่ถ้าจะทำขำๆ อ่านบรรทัดเว้นบรรทัดก็ได้

aodonline · 03 ตุลาคม 2011, 00:55:58

HTML เป็นเพียงส่วนประกอบของเว็บไซต์

CSS เป็นเพียงส่วนในการจัดการ HTML

ถ้าจะ application จริงๆ ต้องลงไปถึง PHP , JAVA Script , AJAX , XML , XTML

พวกนี้ถ้านำมาประยุกต์ใช้ ถึงจะสามารถเป็นเว็บ application ได้

ลองศึกษาดูครับ ผมก็ทำอยู่ ทำจบ ป.โทด้วย งิงิ

XNA · 03 ตุลาคม 2011, 01:05:24

ASP.NET

krutpong · 03 ตุลาคม 2011, 02:06:47

What = จะทำเว็บอะไร
When = จะเริ่มทำเมื่อไร กำหนด ระยะเวลา วางแผนในขั้นตอนการทำงาน
Where = จะต้องใช้อะไรบ้างในการพัฒนา
Why = ทำไมถึงต้องพัฒนาเว็บขึ้นมา
How = จะสร้างรายได้ หรือ ตอบโจทย์ จากเว็บที่ทำขึ้นมาได้อย่างไร

4W1H Concept

ขั้นตอนที่ 1 สำรวจตลาด + จุดเด่น + ความอยาก
- หาข้อมูลว่า เว็บหรือระบบที่เราพัฒนามานั้น มีคู่แข่งมากน้อยแค่ไหน เราจะพัฒนาระบบที่มีจุดเด่น หรือแตกต่างจากที่มีอยู่เดิมอย่างไร

ขั้นตอนที่ 2 เพ้อฝัน + จินตนาการ + ศิลปินเอก
- หากระดาษ A4 หรือสมุดจด ซักเล่ม ร่าง UI(User Interface)*1 เพื่อให้เข้าใจว่า เมนูต่างๆ ปุ่มต่างๆ ระบบต่างๆ หน้าตาจะเป็นอย่างไร
หลังจากเขียน UI เสร็จแล้ว ก็จะออกแบบ Database*2 ได้ง่ายขึ้น
*1 = เป็นลักษณะหน้าจอการทำงาน ของระบบเว็บไซต์ ว่าเว็บไซต์ของเราจะประกอบไปด้วยอะไรบ้าง เมนูอยู่ตรงนี้ ปุ่มอยู่ตรงนี้ เป็นต้น
*2 = ฐานข้อมูลในการเก็บข้อมูลของระบบ ซึ่งมีหลายแบบ เช่น SQL / MySQL / Oracle เป็นต้น

ขั้นตอนที่ 3 เครื่องทุ่นแรง
- ในที่นี้หากไม่มีความรู้ทางด้าน HTML เลยให้เริ่มต้นจาก FrontPage หรือจะใช้ Dreamweaver เลยก็ได้ เพื่อต่อยอดในการพัฒนาได้ตอนไป
ศึกษา PHP เบื้องต้น เน้นไปทางด้านเรื่อง การเชื่อมต่อกับฐานข้อมูล เป็นหลัก เพราะเราพัฒนาเว็บระบบ จำเป็นมากในเรื่องนี้
ศึกษา PHP ขั้นสูง เรื่องการพัฒนาเว็บด้วยการเขียนบนหลักการของ OOP*1
ศึกษา PHP Framework เพิ่มเติม มีหลายค่ายมาก ส่วนตัวผมใช้ CI*2 ในการพัฒนาระบบ
*1 = OOP คือ Object Oriented Programming หรือเรียกง่าย ๆ ว่า เขียนโปรแกรมเป็น Function*1.1
*1.1 = Function คือ ส่วนของโปรแกรมย่อย ที่ทำงานเสร็จสิ้นภายในตัวเอง เพื่อให้ได้ผลลัพธ์ใด ผลลัพธ์หนึ่ง โดยอาจจะทำการส่งค่ากลับ หรือ ไม่ส่งค่ากลับก็ได้
*2 = Codeigniter เป็นเฟรมเวิร์คสำหรับพัฒนาแอปผลิเคชั่น - เครื่องมือ - สำหรับคนที่ต้องการสร้างเว็บไซค์โดยใช้ PHP

ขั้นตอนที่ 4 ทดสอบระบบ
- ขั้นตอนนี้ ในระยะการพัฒนาระบบไม่ใหญ่มากคงยังไม่จำเป็นเท่าไร เพราะการพัฒนาระบบเว็บไซต์ ผู้พัฒนา จะต้องทำการทดสอบทุกอย่างอยู่แล้วในเบื้องต้น แต่ถ้าระบบ
มีการใช้งานหนักขึ้น มาลูกเล่นของระบบมากขึ้น ขั้นตอนนี้ก็จะสำคัญมากที่สุด เพราะจะทำให้ทราบว่า ปัญหาของระบบของเราคืออะไร จะได้แก้ไขได้ตรงจุด

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

)

ขั้นตอนที่ 6 รับคำติชมจากผู้ใช้งานจริง
- ขั้นตอนนี้ เองคือขั้นตอนที่จะเป็นการซื้อใจผู้ใช้งานต่อ ว่าเค้าอยากให้แก้ไข อะไรอย่างไร ก็ต้องรับข้อมูลจากส่วนนี้ มีความสำคัญมากเพราะว่า เว็บไซต์ คืองานบริการ หัวใจหลักของงานบริการคือ
ความพึงพอใจของผู้ใช้งานเว็บไซต์ คือเป้าหมายสูงสุด ^ ^ ว่ากันง่ายๆ

ก็ประมาณนี้มั้ง กว่าจะได้เว็บระบบดี ๆ ซักเว็บหนึ่ง เป็นแค่แนวทางน่ะครับเพราะส่วนใหญ่ผมก็ใช้ประมาณนี้ จากเด็กเก่า CGM01

iLhay · 03 ตุลาคม 2011, 02:55:54

เอาเป้นทางการมากไหมครับ ผมจะได้เขียนตามหลัก SA

narupot · 05 ตุลาคม 2011, 21:52:36

ขอความรู้สึกจิงๆครับ ถ้าอยากประชดไม่ต้องครับ เพราะเราแค่ ม.4 เอง จะทำได้ได้ ทำจูมล่าได้ก็บุญแล้วครับ ขอบคุณ

test5555 · 05 ตุลาคม 2011, 22:01:42

อ้างถึงจาก: aodonline ใน 03 ตุลาคม 2011, 00:55:58
HTML เป็นเพียงส่วนประกอบของเว็บไซต์

CSS เป็นเพียงส่วนในการจัดการ HTML

ถ้าจะ application จริงๆ ต้องลงไปถึง PHP , JAVA Script , AJAX , XML , XTML

พวกนี้ถ้านำมาประยุกต์ใช้ ถึงจะสามารถเป็นเว็บ application ได้

ลองศึกษาดูครับ ผมก็ทำอยู่ ทำจบ ป.โทด้วย งิงิ

โทษนะครับ ไม่ได้กวนหรืออะไรนะ

เว็บที่คุณให้บริการอยู่ มีลูกค้าบ้างเปล่าครับ

prakitservice เนี่ย...

aodonline · 05 ตุลาคม 2011, 22:48:39

อ้างถึงจาก: test5555 ใน 05 ตุลาคม 2011, 22:01:42
อ้างถึงจาก: aodonline ใน 03 ตุลาคม 2011, 00:55:58
HTML เป็นเพียงส่วนประกอบของเว็บไซต์

CSS เป็นเพียงส่วนในการจัดการ HTML

ถ้าจะ application จริงๆ ต้องลงไปถึง PHP , JAVA Script , AJAX , XML , XTML

พวกนี้ถ้านำมาประยุกต์ใช้ ถึงจะสามารถเป็นเว็บ application ได้

ลองศึกษาดูครับ ผมก็ทำอยู่ ทำจบ ป.โทด้วย งิงิ

โทษนะครับ ไม่ได้กวนหรืออะไรนะ

เว็บที่คุณให้บริการอยู่ มีลูกค้าบ้างเปล่าครับ

prakitservice เนี่ย...

หุหุ ถามตรงๆตอบตรงๆครับ

http://www.bangkokmyhome.com

ลูกค้าล่าสุดของผม

เจ้าของเว็บชื่อเจน

อยากรู้ว่าผมบริการยังไงไปถามเขาได้ครับ

ไปละเขาถามแค่นี้ก็ตอบแค่นี้แหละ

picharnan · 05 ตุลาคม 2011, 23:56:47

HTML >> CSS >> Javascript >> jQuery,mootools >> PHP >> Database Design (Normalization) >> Codeigniter,Yiiframework >> CSS3 >> HTML5

อันนี้เส้นทางเดินของผมครับ