ระบบติดต่อผู้ใช้ โครงการหนึ่ง ... · web...
TRANSCRIPT
ระบบโปรแกรมตนแบบ OTOP
ระบบตดตอผใช โครงการหนงตำาบลหนงผลตภณฑ
1. หนาแรก
รปท 1.1 หนาแรก โปรแกรมบนทกขอมลโครงการหนงตำาบลหนงผลตภณฑ
หนา 1
ระบบโปรแกรมตนแบบ OTOP
วตถประสงคเพอเปนหนาแรกทเชอมไปยงหนาจอตางๆ คนหาสนคา และเชอมไปยงหนาหลกของขาวประชาสมพนธและ
หนาหลกของหนาแสดงผลตภณฑ
สวนประกอบของหนาแรกสวนแสดงหวขอขาวประชาสมพนธสวนแสดงผลตภณฑ OTOP และ สวนคนหาสนคา OTOPมเมนดงน
1. เมน หนาแรก2. เมน ทะเบยนผผลต3. เมน สนคา OTOP4. เมน ขาวประชาสมพนธ5. เมน ขอมล กฎ ระเบยบ6. เมน ระดบดาวของสนคา OTOP
สวนแสดงหวขอขาวประชาสมพนธ1.1. คลกขอความ “อานตอ” ทหวขอขาวประชาสมพนธเมอตองการอานขาวประชาสมพนธทงหมด โดย
โปรแกรมจะแสดงหนาหลกของขาวประชาสมพนธ ผใชสามารถเลอกอานรายละเอยดจากหวขอขาวนนๆ ไดดวยการคลกทหวขอขาวนนจะปรากฏรายละเอยดของขาวประชาสมพนธ
รปท 1.2 หนาหลกขาวประชาสมพนธ
สวนแสดงผลตภณฑ OTOP และ สวนคนหาสนคา OTOP1.2. คลกขอความ “อานตอ” ทหวขอผลตภณฑเมอตองการชมผลตภณฑทงหมด โดยโปรแกรม จะ
แสดงหนาหลกของสนคารวม และทหนานผใชสามารถคนหา “Search” หาสนคาตามประเภทและชอของสนคาได
หนา 2
ระบบโปรแกรมตนแบบ OTOP
รปท 1.3 ผลการคนหาจาก Search ในเวบไซต
1.3. กรอก คำาคน จากนนใหผใชคลกปม “คนหา ” โปรแกรมจะคนหาขอมลตามคำาคนนนๆ
รปท 1.4 ตวอยางการคนหา
หนา 3
ระบบโปรแกรมตนแบบ OTOP
รปท 1.5 ตวอยางผลการคนหา
หมายเหต
สวนรายละเอยดสนคา1. รายละเอยดสนคา เมอผใชคลกชอผผลตกจะสามารถเหนรายละเอยดของผผลตสนคานนได
ดงรป 1.6 (โดยถาผผลตทานนน ยงมสนคาอนๆ กจะปรากฏใหเหน)2. รายละเอยดสนคา เมอผใชคลก ระดบดาว กจะสามารถเหนรายละเอยดของผผลตสนคาซง
ไดระดบดาว ระดบเดยวกนได ดงรป 1.7
รปท 1.6 ผลการคลกชอผผลต ของสนคาชนน (นำาพรกคณสำารวย)
หนา 4
ระบบโปรแกรมตนแบบ OTOP
หมายเหต
รปท 1.7 ผลการคลกชอระดบ ของสนคาชนน (นำาพรกคณสำารวย) มสนคาระดบดาวเดยวกนปรากฏใหเหน
การเลอนหนา1. คลกปม เมอผใชตองการไปยงหนาแรก ของขอมล2. คลกปม เมอผใชตองการกลบไปหนากอน หนาปจจบน ของขอมล3. คลกปม เมอผใชตองการไปยงหนาถดไปของหนาปจจบน 4. คลกปม เมอผใชตองการไปยงหนาสดทาย ของขอมล
5. ผใชสามารถทราบเลขหนาปจจบน /จำานวนหนาทงหมดไดจาก
การเลอนหนา (กรณมเลขแตเลขหนา)1. คลกเลขหนาทตองการ โปรแกรมจะแสดงขอมลหนานนๆ
หนา 5
ระบบโปรแกรมตนแบบ OTOP
2. ทะเบยนผผลต
รปท 2.1 หนาหลกของทะเบยนผผลต
วตถประสงคเพอเปนหนาหลกทใชในการคนหาผผลตสนคา OTOP
วธการใช2.1 คลกทภาคทตองการหาผผลตสนคา OTOP จะเขาหนาจอซงแสดงรายชอผผลตภาคนน หากผใช
ตองการใชขอมลแคบ หรอทราบแหลงทตองการคนหาใหเลอกจงหวด
หนา 6
ระบบโปรแกรมตนแบบ OTOP
รปท 2.2 ผลการคนหาผผลตระดบภาค สามารถคนหาผผลตระดบจงหวดดวยการเลอกจงหวดทหวขอ “จงหวด”
2.2 จากนนจงเลอกขอมลระดบแคบลงมาจนถงระดบตำาบล ตามตองการ
รปท 2.3 ผลการคนหาผผลตระดบจงหวดสามารถคนหาผผลตระดบอำาเภอและตำาบล
2.3 เมอผใชตองการทราบรายละเอยดของผผลตรายใด ใหคลกทชอของผผลตรายนน
หนา 7
ระบบโปรแกรมตนแบบ OTOP
รปท 2.4 แสดงรายละเอยดผผลตระดบจงหวด
3. ทะเบยนรานคา
รปท 3.1 หนาหลกของทะเบยนรานคา
วตถประสงคเพอเปนหนาหลกทใชในการคนหาทะเบยนรานคา
วธการใช3.1 คลกทภาคทตองการหาทะเบยนรานคา OTOP จะเขาหนาจอซงแสดงรายชอรานคาภาคนนๆ หากผใช
ตองการใชขอมลแคบ หรอทราบแหลงทตองการคนหาใหเลอกจงหวด
หนา 8
ระบบโปรแกรมตนแบบ OTOP
รปท 3.2 ผลการคนหารานคาระดบภาค สามารถคนหารานคาระดบจงหวดดวยการเลอกจงหวดทหวขอ “จงหวด”
3.2 จากนนจงเลอกขอมลระดบแคบลงมาจนถงระดบตำาบล ตามตองการ
รปท 3.3 การคนหารานคาตามจงหวด ,อำาเภอ และตำาบล
3.3 เมอผใชตองการทราบรายละเอยดของรานคาใด ใหคลกทชอของรานคารายนน
หนา 9
ระบบโปรแกรมตนแบบ OTOP
รปท 3.4 แสดงรายละเอยดของรานคา
หนา 10
ระบบโปรแกรมตนแบบ OTOP
4. สนคา OTOP
รป 4.1 หนาแสดงรายการสนคา OTOPวตถประสงค
เพอแสดงรายการ และรายละเอยดของสนคา OTOP วธการใช
4.1 เมอคลกเมน “สนคา OTOP” จะปรากฏหนาหลกของสนคา จากนนเลอกคนหาสนคาทตองการ
รป 4.2 แสดงการคนหาสนคา OTOP
หนา 11
ระบบโปรแกรมตนแบบ OTOP
4.2 จะปรากฏกลมสนคาทคนหาขนมา
รป 4.3 แสดงกลมสนคา OTOP ทคนหาพบ
หมายเหต สามารถคนหาของมลของสนคา และดรายละเอยดของสนคา ไดเชนเดยวกบการใชงานในหวขอทะเบยนผผลต และทะเบยนรานคา
หนา 12
ระบบโปรแกรมตนแบบ OTOP
5. ขาวประชาสมพนธ
รปท 5.1 หนาหลกขาวประชาสมพนธ
วตถประสงคเพอแสดงขาวประชาสมพนธ
วธการใช 1.1 เมอคลกเมน “ขาวประสมพนธ ” จะปรากฏหนาหลกของขาวประชาสมพนธ จากนนเลอกทหวขอขาวนน
อานขาวตามตองการ ตามทไดอธบายในขอ 1.1
หนา 13
ระบบโปรแกรมตนแบบ OTOP
6. ขอมล กฎ ระเบยบ
รป 6.1 หนาหลกของขอมล กฎ ระเบยบ
วตถประสงคเพอรายการและรายละเอยดของขอมล กฎ ระเบยบ
วธการใช 6.1 เมอคลกเมน “ขอมล กฎ ระเบยบ ” จะปรากฏหนาหลกของขอมล กฎ ระเบยบ ผใชสามารถเลอกอานราย
ละเอยดจากหวขอ “ขอมล กฎ ระเบยบ ” ดวยการคลกทหวขอ กฎ นนจะปรากฏรายละเอยดของขอมล กฎ ระเบยบนน
รปท 6.2 รายละเอยด ขอมล กฎ และระเบยบ
หนา 14
ระบบโปรแกรมตนแบบ OTOP
7. ระดบดาวสนคา OTOP
รปท 7.1 หนาหลกระดบดาวสนคา OTOPวตถประสงค
เพอแสดงรายการสนคา OTOP ตามระดบดาว
วธการใช 7.1 เมอคลกเมน “ระดบดาวสนคา OTOP” จะปรากฏหนาหลกของสนคาระดบดาวตางๆของ OTOP จากนน
เลอกชมระดบดาวทตองการทราบวามสนคาใดอยในระดบน ตามตองการ
หนา 15
ระบบโปรแกรมตนแบบ OTOP
8. คนหาสนคา OTOP
วตถประสงคเพอสามารถคนหาสนคาภายในเวบไซตไดสะดวก
วธการใช
หนาแรก8.1 กรอกชอผลตภณฑ หรอ คำาคนสำาหรบผลตภณฑทตองการนน ในชอง “คนหาสนคา OTOP” จากนน
กด/คลก ปม ดงรป 8.1
รปท 8.1 สวนคนหาทหนาแรก
หนาหลกการคนหาสนคา8.2 คลกเมน “สนคา OTOP” ทหนาแรก จะปรากฏหนาหลกของสนคา OTOP8.3 เลอกประเภทสนคาทตองการชม หรอ กรอกชอผลตภณฑ (คำาคนสำาหรบผลตภณฑ)ทตองการ จากนน
กด/คลกปม ดงรป 8.2
รปท 8.2 แสดงสนคาทคนหา
หนา 16
ระบบโปรแกรมตนแบบ OTOP
ระบบเกบขอมล โครงการหนงตำาบลหนงผลตภณฑ
1. การลงทะเบยนผใช/ผผลต
รปท 1.1 หนา Log – in เขาระบบเกบขอมล
รปท 1.2 ตวอยางการ Log – in เขาระบบเกบขอมล
หนา 17
ระบบโปรแกรมตนแบบ OTOP
รปท 1.3 หนาหลกในการลงทะเบยนผผลต
วตถประสงคผใช(ทมสทธ)สามารถเพม แกไข และ ลบขอมลไดตามตองการ
วธการใช
การเพมขอมล1.1. ผมสทธในการลงทะเบยนผผลต กรอก ชอผใชและ รหสผาน เพอเขาไปยงหนาลงทะเบยน ดงรปท 1.1
– 1.21.2. กรอกรายละเอยดผผลต ดงน
Province กำาหนดใหผใช / ผลตแตละทานนน สามารถกรอกขอมลในจงหวดทลงทะเบยนไวเทานน เพอสะดวกในการคนหาขอมลในเวบไซต
User กำาหนดชอผใชPassword กำาหนดรหสผานของผใชIDCard กรอกขอมลบตรประจำาตวประชาชนAddress กรอกทอยทตดตอไดของผใชPosition กรอกตำาแหนงของผใช เชนตวอยางผใชทมสทธ Administrator (สามารถลง
ทะเบยนผผลตได)ใหกรอก Administrator ทชองน ดงรป 1.3Tel กรอกเบอรโทรศพททตดตอได
หนา 18
ระบบโปรแกรมตนแบบ OTOP
1.3. คลกทชอง q เพอกำาหนดสทธของผใช และผผลตรายอนๆ โดยมสทธตางดงนสนคา คอ ผใช/ผผลตทานนนมสทธกรอกขอมลสนคาคณภาพ คอ ผใช/ผผลตทานนนมสทธกำาหนดคณภาพสนคา ในเวบกำาหนดเปนดาวขาวสาร คอ ผใช/ผผลตทานนนมสทธกรอกขอมลขาวสารขอมล กฎ ระเบยบ คอ ผใช/ผผลตทานนนมสทธกรอกขอมล กฎ ระเบยบ
โดยเมอ Administrator ลงทะเบยนผใช/ผผลต ผใชทานนนจะสามารถ Log – in เขามาในระบบเพอกรอกขอมลตามทมสทธกำาหนด
การแกไขขอมล1.4. คลกปม ทแถวของขอมล โปรแกรมจะเรยกขอมลเดมของรายการนนๆมาแสดงทชองเดยวกบชอง
กรอกขอมล เพอใหผใชแกไข
1.5. คลกปม เมอแกไขขอมลถกตองตามตองการ
การลบขอมล1.6. คลกปม ทแถวของขอมลทตองการลบ โปรแกรมจะเรยกขอมลเดมของรายการนนๆมาแสดงทชอง
เดยวกบชองกรอกขอมล เพอใหผใชตรวจสอบขอมลกอนลบ
1.7. โปรแกรมจะมขอความยนยนการลบ ถาผใชไมตองการลบใหกดปม แตถาตองการลบใหกด
ปม
หนา 19
ระบบโปรแกรมตนแบบ OTOP
2. การบนทกขอมลสนคา
รปท 2.1 หนา Log – in เขาระบบขอมลสนคา
วตถประสงคผผลต สามารถเพม แกไข และ ลบขอมล ผคารายอนๆ และสนคาไดตามตองการ
วธการใช
การเพมขอมล2.1. ผผลต กรอก ชอผใชและ รหสผาน เพอเขาสระบบสนคา2.2. กรอกรายละเอยดผผลต ดงน
กระทรวง กำาหนดใหผใช / ผลตแตละทานนน ลงทะเบยนผานกระทรวงใดผตดตอ กำาหนดชอผตดตอIDCard กรอกขอมลบตรประจำาตวประชาชนประเภท กรอกประเภทของขนาดธรกจผผลต/ชมชน กรอกชอผผลต /ชมชนทผลตจงหวด ไมสามารถแกไขไดเนองจากกำาหนดไวตงแตการลงทะเบยน อำาเภอ เลอกอำาเภอตำาบล เลอกตำาบลโทรศพท กรอกเบอรโทรศพททตดตอไดแฟกซ กรอกเบอรแฟกซทตดตอได
2.3. คลกปม เพอบนทกขอมลผผลตในจงหวดนน2.4. คลกทคำาวา “สนคา” ของรายการผผลตนนๆ จะปรากฎหนาจอ เพอใหกรอกรายการสนคาทผผลตรายนน
ผลต และจำาหนาย
หนา 20
ระบบโปรแกรมตนแบบ OTOP
รปท 2.2 หนากรอกขอมลสนคา
2.5. กรอกรายละเอยดสนคาดงนประเภท กำาลงผลต / เดอนชอสนคา ขนตอนการผลตราคา / หนวย Storyขายสง / หนวย Star Award (รางวลทสนคาเคยไดรบ)ขนาด Other AwardUnit(หนวย) Approve by (รบรองโดย)นำาหนก เปนกรม รปภาพ
2.6. กดปม เมอผกรอกขอมลครบเพอบนทกขอมลสนคา
การแกไขขอมล2.7. คลกขอความ “แกไข” ทแถวของขอมล โปรแกรมจะเรยกขอมลเดมของรายการนนๆมาแสดงทชองเดยว
กบชองกรอกขอมล เพอใหผใชแกไข
2.8. คลกปม เมอแกไขขอมลถกตองตามตองการ
การลบขอมล2.9. คลกขอความ “ลบ” ทแถวของขอมลทตองการลบ โปรแกรมจะเรยกขอมลเดมของรายการนนๆมาแสดง
ทชองเดยวกบชองกรอกขอมล เพอใหผใชตรวจสอบขอมลกอนลบ
2.10. โปรแกรมจะมขอความยนยนการลบ ถาผใชไมตองการลบใหกดปม แตถาตองการลบใหกด
ปม
หนา 21
ระบบโปรแกรมตนแบบ OTOP
หมายเหต1. หากผใชไดรบสทธใด ๆ ในการกำาหนด / เพมขอมล จะปรากฎบนเมนดานบนดงรป
รปท 2.3 ตวอยางผใช (ในทนคอผผลต)ทไดรบสทธเฉพาะการกรอกขอมลผลตภณฑ (สนคา)
หนา 22
ระบบโปรแกรมตนแบบ OTOP
3. การบนทกขอมลคณภาพ
รปท 2.3 หนากำาหนดคณภาพสนคา เปนการใหดาว 5 ดาวคอสนคาทคณภาพดทสด 1 ดาวคอสนคาคณภาพตำาสด
วตถประสงคผใชทไดรบสทธ สามารถขอมลคณภาพสนคาไดตามตองการ
วธการใช
การกำาหนดขอมล3.1. ผใชกรอก ชอผใชและ รหสผาน เพอเขาสระบบ โดยจะปรากฏหนาจอดงน
รปท 2.4 หนาหลกการกำาหนดคณภาพสนคา
3.2. คลกรปบรเวณภาคทตองการกำาหนด คณภาพสนคาจะปรากฎหนาจอดงน
หนา 23
ระบบโปรแกรมตนแบบ OTOP
รปท 2.5 กำาหนดขอบเขต การคนหาสนคาทตองการกำาหนดคณภาพ ใหแคบลงจากระดบจงหวด เปนอำาเภอและตำาบลตามลำาดบ
3.3. คลกเลอกชอชมชน (ผผลต) เพอดขอมลสนคาของผผลตรายนน จะปรากฎหนาจอดงรป 3.1 3.4. กำาหนดคณภาพสนคาโดยคลกท ดาว ระดบตางๆ
3.5. กดปม เมอผกรอกขอมลครบเพอบนทกขอมลสนคา
การแกไขขอมล3.6. คลกเลอกชอชมชน (ผผลต) เพอดขอมลสนคาของผผลตรายนน จะปรากฏหนาจอ ดงรป 3.1(ทำาเชน
เดยวกบการกำาหนดคณภาพ)3.7. กำาหนดคณภาพสนคาโดยคลกท ดาว
3.8. คลกปม เมอแกไขขอมลถกตองตามตองการ
หนา 24
ระบบโปรแกรมตนแบบ OTOP
4. การบนทกขอมล กฎ ระเบยบ
รปท 2.6 หนากรอกขอมล – กฎระเบยบ และความเชอ
วตถประสงคผผลต)สามารถเพม แกไข และ ลบขอมล กฎ ระเบยบไดตามตองการ
วธการใช
การเพมขอมล4.1. ผผลต กรอก ชอผใชและ รหสผาน เพอเขาสระบบ4.2. กรอกรายละเอยด ดงน
หวขอรายละเอยดรปภาพ
4.3. คลกปม เพอบนทกขอมล กฎ ระเบยบนนๆ
การแกไขขอมล4.4. คลกขอความ “แกไข” ทแถวของขอมล โปรแกรมจะเรยกขอมลเดมของรายการนนๆมาแสดงทชองเดยว
กบชองกรอกขอมล เพอใหผใชแกไข
4.5. คลกปม เมอแกไขขอมลถกตองตามตองการ
การลบขอมล4.6. คลกขอความ “ลบ” ทแถวของขอมล โปรแกรมจะเรยกขอมลเดมของรายการนนๆมาแสดงทชองเดยว
กบชองกรอกขอมล เพอใหผใชตรวจสอบขอมลทตองการลบ4.7. คลกขอความ “ลบ ” จะปรากฏขอความถามยนยน
หนา 25