ระบบติดต่อผู้ใช้ โครงการหนึ่ง ... · Web...

ระบบโปรแกรมตนแบบ 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