ผลต่างระหว่างรุ่นของ "วิธีการเริ่มใช้งานโปรแกรมคูนิฟ็อกซ์"

จาก คูนิฟ็อกซ์ วิกิ
 
(ไม่แสดง 29 รุ่นระหว่างกลางโดยผู้ใช้คนเดียวกัน)
บรรทัดที่ 1: บรรทัดที่ 1:
__FORCETOC__
{{คู่มือการใช้โปรแกรมคูนิฟ็อกซ์}}
== การลงชื่อเข้าใช้ ==
== การลงชื่อเข้าใช้ ==
<ul>
<ul>
   <ol>
   <ol>
     <li>เปิดโปรแกรมเว็บเบราว์เซอร์ที่มีเวอร์ชันขั้นต่ำตามที่ระบุในหัวข้อ[[ข้อมูลพื้นฐานของระบบคูนิฟ็อกซ์#เครื่องลูกข่าย|ความต้องการของระบบ]] (ในภาพตัวอย่างใช้โปรแกรม Mozilla Firefox 105.0)
     <li>เปิดโปรแกรมเว็บเบราว์เซอร์ (เวอร์ชันขั้นต่ำตามที่ระบุในหัวข้อ[[ข้อมูลพื้นฐานของระบบคูนิฟ็อกซ์#เครื่องลูกข่าย|ความต้องการของระบบ]]: ในภาพตัวอย่างใช้โปรแกรม Mozilla Firefox 105)</li>
[[ไฟล์:Browser address bar.png|940px|thumb||alt=ตำแหน่งของช่องที่อยู่ในเว็บเบราเซอร์|ตำแหน่งของช่องที่อยู่ในเว็บเบราเซอร์]]</li>
    <div id="img001">[[ไฟล์:Browser address bar.png|720px|thumb|center|alt=ตำแหน่งของช่องที่อยู่ในเว็บเบราเซอร์|ตำแหน่งของช่องที่อยู่ในเว็บเบราเซอร์]]</div>
     <li>dsdfsdfsdf<br>
     <li>ในช่องที่อยู่เว็บ (location/address bar: [[#img001|หมายเลข 1]]) กรอกข้อความตามตารางด้านล่าง แล้วกด {{key press|Enter}}<br>
{| class="wikitable" style="width:85%"
{| class="wikitable" style="width:85%"
|-
| style="width: 50%" |
<ruby lang="en" style="font-size:120%;ruby-align:center;ruby-position:under;">
'''{{mono|<nowiki>http://cuneifox.server</nowiki>}}'''<rp>(</rp>
<rt style="font-size:70%;">ชื่อหรือที่อยู่ IP ของเซิร์ฟเวอร์</rt><rp>)</rp>
</ruby>
| style="width: 50%" | กรณีใช้พอร์ต 80 ในการเข้าถึง
|-
|-
| style="width: 50%" |
| style="width: 50%" |
บรรทัดที่ 12: บรรทัดที่ 22:
<rt style="font-size:70%;">ชื่อหรือที่อยู่ IP ของเซิร์ฟเวอร์</rt><rp>)</rp>
<rt style="font-size:70%;">ชื่อหรือที่อยู่ IP ของเซิร์ฟเวอร์</rt><rp>)</rp>
</ruby>
</ruby>
| style="width: 50%" | กรณีใช้พอร์ต 80 ในการเข้าถึง
| style="width: 50%" | กรณีใช้พอร์ต 443 ในการเข้าถึง
|-
|-
|
|
<ruby style="font-size:120%;ruby-position:under;ruby-align:center;" lang="en">
<ruby style="font-size:120%;ruby-position:under;ruby-align:center;" lang="en">
<rb>'''{{mono|<nowiki>https://cuneifox.server</nowiki>}}'''</rb><rp>(</rp><rt style="font-size:70%;">ชื่อหรือที่อยู่ IP ของเซิร์ฟเวอร์</rt><rp>)</rp>''':'''</ruby><ruby style="font-size:120%;ruby-position:under;ruby-align:center;" lang="en"><rb>'''{{mono|5000}}'''</rb><rp>(</rp><rt style="font-size:70%;">เลขพอร์ต</rt><rp>)</rp>
<rb>'''{{mono|<nowiki>cuneifox.server</nowiki>}}'''</rb><rp>(</rp><rt style="font-size:70%;">ชื่อหรือที่อยู่ IP ของเซิร์ฟเวอร์</rt><rp>)</rp>''':'''</ruby><ruby style="font-size:120%;ruby-position:under;ruby-align:center;" lang="en"><rb>'''{{mono|5000}}'''</rb><rp>(</rp><rt style="font-size:70%;">เลขพอร์ต</rt><rp>)</rp>
</ruby>
</ruby>
|| กรณีใช้พอร์ตอื่นที่ไม่ใช่พอร์ต 80 ในการเข้าถึง
|| กรณีใช้พอร์ตอื่นที่ไม่ใช่พอร์ต 80 หรือ 443 ในการเข้าถึง
|}
|}
sdfef</li>
{{3stars}} ข้อมูลเซิร์ฟเวอร์และพอร์ต เป้นไปตามที่ตกลงร่วมกันระหว่างทีมติดตั้งกับผู้ใช้บริการแต่ละราย</li>
     <li>ghi</li>
    <div id="img002">[[ไฟล์:Login page fields.png|720px|thumb|center|alt=รายละเอียดเพจลงชื่อเข้าใช้|รายละเอียดเพจลงชื่อเข้าใช้]]</div>
    <li>ระบบจะแสดงหน้าลงชื่อเข้าใช้ ให้ผู้ใช้กรอก'''รหัสบริษัท''' ([[#img002|หมายเลข 2]]), '''รหัสผู้ใช้''' ([[#img002|หมายเลข 3]]), และ'''รหัสผ่าน''' ([[#img002|หมายเลข 4]]) จากนั้นคลิกปุ่ม '''"ลงชื่อเข้าใช้"'''</li>
    <li>หากข้อมูลการเข้าใช้ไม่ถูกต้อง จะปรากฏข้อความแจ้งเตือนในตำแหน่ง[[#img002|หมายเลข 5]]
* หากผู้ใช้ใส่'''รหัสบริษัทไม่ถูกต้อง''' ระบบจะแจ้งเตือนว่า "ไม่พบบริษัท!"
* หากผู้ใช้ใส่'''รหัสผู้ใช้ไม่ถูกต้อง''' ระบบจะแจ้งเตือนว่า "ไม่พบผู้ใช้!"
* หากผู้ใช้ใส่'''รหัสผ่านไม่ถูกต้อง''' ระบบจะแจ้งเตือนว่า "รหัสผ่านไม่ถูกต้อง!"</li>
     <li>เมื่อเข้าสู่ระบบสำเร็จ จะปรากฏเพจ home ของผู้ใช้ในบริษัทนั้น</li>
   </ol>
   </ol>
</ul>
</ul>


== หน้า Home ==
== เพจ Home ==
 
 
<div id="img002">[[ไฟล์:Pinned home page.png|720px|thumb|center|alt=องค์ประกอบของเพจ home|องค์ประกอบของเพจ home]]</div>
[[ไฟล์:Pinned home comparison.png|250px|thumb|right|alt=เปรียบเทียบเพจ home ที่ยังไม่ได้ปักหมุดฟังก์ชัน (บน) และเพจ home ที่ปักหมุดฟังก์ชันแล้ว (ล่าง)|เปรียบเทียบเพจ home ที่ยังไม่ได้ปักหมุดฟังก์ชัน (บน) และเพจ home ที่ปักหมุดฟังก์ชันแล้ว (ล่าง)]]
ส่วนประกอบของหน้า home ที่สำคัญมี 4 ส่วนด้วยกันดังนี้
<ul>
    <li>'''ปุ่ม home''' ([[#img002|หมายเลข 6]]): ผู้ใช้สามารถกดปุ่มนี้เพื่อกลับเพจ home ได้ทันทีจากทุกๆ เพจในโปรแกรม</li>
    <li>'''ชื่อบริษัทและผู้ใช้''' ([[#img002|หมายเลข 7]]): แสดงข้อมูลการลงชื่อเข้าใช้งานสำหรับ session ปัจจุบัน<br>
{{3stars}} เมื่อคลิกที่ชื่อบริษัท ระบบจะเข้าสู่เพจ [[เมนู_"การใช้งาน"#เลือกบริษัท/สาขา|"เลือกบริษัท/สาขา"]] เพื่ออำนวยความสะดวกให้กับผู้ใช้ที่ทำงานหลายบริษัท</li>
    <li>'''วันที่และเวลา''' ([[#img002|หมายเลข 8]]): แสดงวันที่และเวลาของ session
{{3stars}} เมื่อกดที่วันที่หรือเวลา ระบบจะเข้าสู่เพจ [[เมนู_"การใช้งาน"#กำหนดวันที่/เวลา|"กำหนดวันที่/เวลา"]]</li>
    <li>'''แถบเมนู''' ([[#img002|หมายเลข 9]]): ผู้ใช้สามารถใช้แถบเมนูนี้เพื่อเข้าถึงเพจใดก็ได้ในโปรแกรม (ตามที่ผู้ใช้มีสิทธิ์) โดยกลุ่มเมนูด้านขวาของหน้าจอเป็นเมนูของระบบกลาง และกลุ่มเมนูด้านซ้ายเป็นเมนูเฉพาะของแต่ละโมดูล</li>
    <li>'''แถบเครื่องมือสำหรับโปรแกรมโดยรวม''' ([[#img002|หมายเลข 10]]):
        <ul style="list-style-type:square;">
            <li>ปุ่ม [[ไฟล์:Cuneifox back btn.png|25px|frameless|alt=ปุ่มย้อนกลับ|ปุ่มย้อนกลับ]] (ย้อนกลับ): ย้อนกลับไปเพจในระดับสูงขึ้น</li>
            <li><p>ปุ่ม [[ไฟล์:Cuneifox pin btn.png|25px|frameless|alt=ปุ่มปักหมุด|ปุ่มปักหมุด]] (ปักหมุด): ปักหมุดหรือยกเลิกการปักหมุดเพจปัจจุบัน เพจที่ปักหมุดเอาไว้จะแสดงเป็นไอคอนในเพจ home ของผู้ใช้ เพื่อให้ผู้ใช้สามารถเข้าใช้งานได้ในคลิกเดียว ไม่จำเป็นต้องหาเมนูที่ต้องการจากแถบเมนู</p><p>ไอคอนของแต่ละโมดูลจะมีสีเฉพาะเป็นของตัวเอง:</p>
* ''โมดูลแยกประเภท'': สีม่วง
* ''โมดูลเจ้าหนี้/ลูกหนี้'': สีเทา/เขียว
* ''โมดูลสินค้าคงคลัง'': สีส้ม
* ''โมดูลสินทรัพย์'': สีเหลือง
* ''โมดูลค่าจ้าง'': สีฟ้า</li>
            <li>ปุ่ม [[ไฟล์:Cuneifox help btn.png|25px|frameless|alt=ปุ่มช่วยเหลือ|ปุ่มช่วยเหลือ]] (ติดต่อ/แจ้งปัญหา): ปุ่มแจ้งปัญหา (ดูวิธีใช้ใน[[#การใช้ปุ่มติดต่อ/แจ้งปัญหา|หัวข้อย่อยถัดไป]])</li>
        </ul>
    </li>
 
=== การใช้ปุ่มติดต่อ/แจ้งปัญหา ===
=== การใช้ปุ่มติดต่อ/แจ้งปัญหา ===
เพื่อช่วยให้ผู้ให้บริการเข้าใจสภาพปัญหาที่ผู้ใช้พบได้รวดเร็วและแม่นยำขึ้น ผู้ใช้สร้างรายงานปัญหาที่พบ พร้อมแนบภาพหน้าจอได้ง่ายๆ โดยมีขั้นตอนดังนี้
<ul>
    <ol>
        <li>กดปุ่ม [[ไฟล์:Cuneifox help btn.png|25px|frameless|alt=ปุ่มช่วยเหลือ|ปุ่มช่วยเหลือ]] เพื่อเริ่มการแจ้งปัญหา</li>
        [[ไฟล์:Cuneifox get screenshot.png|720px|thumb|center|alt=การให้สิทธิ์เก็บภาพหน้าจอ|การให้สิทธิ์เก็บภาพหน้าจอ]]
        <li>เว็บเบราว์เซอร์จะแสดงหน้าต่างขออนุญาตเก็บภาพหน้าจอ ให้ผู้ใช้กด '''Allow (อนุญาต)'''</li>
        [[ไฟล์:Help page w screen.png|720px|thumb|center|alt=เพจช่วยเหลือ พร้อมภาพหน้าจอ|เพจช่วยเหลือ พร้อมภาพหน้าจอ]]
        <li>ระบบจะเก็บภาพหน้าจอ พร้อมแนบลงในฟอร์มรายงานปัญหาให้โดยอัตโนมัติ ผู้ใช้สามารถอธิบายปัญหาเพื่อให้ข้อมูลกับผู้ให้บริการเพิ่มเติมในช่องคำอธิบาย เช่น
* ในขณะที่พบปัญหา ผู้ใช้'''กำลังทำอะไร'''อยู่ หรือ'''กำลังพยายามทำอะไร'''
* '''ปุ่มบนหน้าจอ หรือคีย์บอร์ดที่ผู้ใช้กดล่าสุด'''ก่อนพบปัญหา
* '''ข้อความเตือนบนหน้าจอ''' กรณีผู้ใช้ได้ปิดข้อความนั้นไปแล้ว
* ผู้ใช้'''พบปัญหานี้เป็นครั้งแรกหรือไม่'''
* มีผู้ใช้'''คนอื่นพบปัญหาเดียวกันนี้หรือไม่'''</li>
        <li>กดปุ่ม '''"สร้างไฟล์แจ้งอาการ"''' เพื่อสร้างรายงานปัญหา เพื่อพิมพ์ส่งให้ผู้ดูแลระบบภายใน หรือเพื่อส่งให้กับผู้ให้บริการ</li>
        [[ไฟล์:Create help report.png|720px|thumb|center|alt=รายงานปัญหา|รายงานปัญหา]]
    </ol>
</ul>
{{คู่มือการใช้โปรแกรมคูนิฟ็อกซ์}}

รุ่นแก้ไขปัจจุบันเมื่อ 09:35, 16 พฤษภาคม 2566

การลงชื่อเข้าใช้

    1. เปิดโปรแกรมเว็บเบราว์เซอร์ (เวอร์ชันขั้นต่ำตามที่ระบุในหัวข้อความต้องการของระบบ: ในภาพตัวอย่างใช้โปรแกรม Mozilla Firefox 105)
    2. ตำแหน่งของช่องที่อยู่ในเว็บเบราเซอร์
      ตำแหน่งของช่องที่อยู่ในเว็บเบราเซอร์
    3. ในช่องที่อยู่เว็บ (location/address bar: หมายเลข 1) กรอกข้อความตามตารางด้านล่าง แล้วกด ↵ Enter

      http://cuneifox.server( ชื่อหรือที่อยู่ IP ของเซิร์ฟเวอร์)

      กรณีใช้พอร์ต 80 ในการเข้าถึง

      https://cuneifox.server( ชื่อหรือที่อยู่ IP ของเซิร์ฟเวอร์)

      กรณีใช้พอร์ต 443 ในการเข้าถึง

      cuneifox.server(ชื่อหรือที่อยู่ IP ของเซิร์ฟเวอร์):5000(เลขพอร์ต)

      กรณีใช้พอร์ตอื่นที่ไม่ใช่พอร์ต 80 หรือ 443 ในการเข้าถึง
      *** ข้อมูลเซิร์ฟเวอร์และพอร์ต เป้นไปตามที่ตกลงร่วมกันระหว่างทีมติดตั้งกับผู้ใช้บริการแต่ละราย
    4. รายละเอียดเพจลงชื่อเข้าใช้
      รายละเอียดเพจลงชื่อเข้าใช้
    5. ระบบจะแสดงหน้าลงชื่อเข้าใช้ ให้ผู้ใช้กรอกรหัสบริษัท (หมายเลข 2), รหัสผู้ใช้ (หมายเลข 3), และรหัสผ่าน (หมายเลข 4) จากนั้นคลิกปุ่ม "ลงชื่อเข้าใช้"
    6. หากข้อมูลการเข้าใช้ไม่ถูกต้อง จะปรากฏข้อความแจ้งเตือนในตำแหน่งหมายเลข 5
      • หากผู้ใช้ใส่รหัสบริษัทไม่ถูกต้อง ระบบจะแจ้งเตือนว่า "ไม่พบบริษัท!"
      • หากผู้ใช้ใส่รหัสผู้ใช้ไม่ถูกต้อง ระบบจะแจ้งเตือนว่า "ไม่พบผู้ใช้!"
      • หากผู้ใช้ใส่รหัสผ่านไม่ถูกต้อง ระบบจะแจ้งเตือนว่า "รหัสผ่านไม่ถูกต้อง!"
    7. เมื่อเข้าสู่ระบบสำเร็จ จะปรากฏเพจ home ของผู้ใช้ในบริษัทนั้น

เพจ Home

องค์ประกอบของเพจ home
องค์ประกอบของเพจ home
เปรียบเทียบเพจ home ที่ยังไม่ได้ปักหมุดฟังก์ชัน (บน) และเพจ home ที่ปักหมุดฟังก์ชันแล้ว (ล่าง)
เปรียบเทียบเพจ home ที่ยังไม่ได้ปักหมุดฟังก์ชัน (บน) และเพจ home ที่ปักหมุดฟังก์ชันแล้ว (ล่าง)

ส่วนประกอบของหน้า home ที่สำคัญมี 4 ส่วนด้วยกันดังนี้

  • ปุ่ม home (หมายเลข 6): ผู้ใช้สามารถกดปุ่มนี้เพื่อกลับเพจ home ได้ทันทีจากทุกๆ เพจในโปรแกรม
  • ชื่อบริษัทและผู้ใช้ (หมายเลข 7): แสดงข้อมูลการลงชื่อเข้าใช้งานสำหรับ session ปัจจุบัน
    *** เมื่อคลิกที่ชื่อบริษัท ระบบจะเข้าสู่เพจ "เลือกบริษัท/สาขา" เพื่ออำนวยความสะดวกให้กับผู้ใช้ที่ทำงานหลายบริษัท
  • วันที่และเวลา (หมายเลข 8): แสดงวันที่และเวลาของ session *** เมื่อกดที่วันที่หรือเวลา ระบบจะเข้าสู่เพจ "กำหนดวันที่/เวลา"
  • แถบเมนู (หมายเลข 9): ผู้ใช้สามารถใช้แถบเมนูนี้เพื่อเข้าถึงเพจใดก็ได้ในโปรแกรม (ตามที่ผู้ใช้มีสิทธิ์) โดยกลุ่มเมนูด้านขวาของหน้าจอเป็นเมนูของระบบกลาง และกลุ่มเมนูด้านซ้ายเป็นเมนูเฉพาะของแต่ละโมดูล
  • แถบเครื่องมือสำหรับโปรแกรมโดยรวม (หมายเลข 10):
    • ปุ่ม ปุ่มย้อนกลับ (ย้อนกลับ): ย้อนกลับไปเพจในระดับสูงขึ้น
    • ปุ่ม ปุ่มปักหมุด (ปักหมุด): ปักหมุดหรือยกเลิกการปักหมุดเพจปัจจุบัน เพจที่ปักหมุดเอาไว้จะแสดงเป็นไอคอนในเพจ home ของผู้ใช้ เพื่อให้ผู้ใช้สามารถเข้าใช้งานได้ในคลิกเดียว ไม่จำเป็นต้องหาเมนูที่ต้องการจากแถบเมนู

      ไอคอนของแต่ละโมดูลจะมีสีเฉพาะเป็นของตัวเอง:

      • โมดูลแยกประเภท: สีม่วง
      • โมดูลเจ้าหนี้/ลูกหนี้: สีเทา/เขียว
      • โมดูลสินค้าคงคลัง: สีส้ม
      • โมดูลสินทรัพย์: สีเหลือง
      • โมดูลค่าจ้าง: สีฟ้า
    • ปุ่ม ปุ่มช่วยเหลือ (ติดต่อ/แจ้งปัญหา): ปุ่มแจ้งปัญหา (ดูวิธีใช้ในหัวข้อย่อยถัดไป)
  • การใช้ปุ่มติดต่อ/แจ้งปัญหา

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

      1. กดปุ่ม ปุ่มช่วยเหลือ เพื่อเริ่มการแจ้งปัญหา
      2. การให้สิทธิ์เก็บภาพหน้าจอ
        การให้สิทธิ์เก็บภาพหน้าจอ
      3. เว็บเบราว์เซอร์จะแสดงหน้าต่างขออนุญาตเก็บภาพหน้าจอ ให้ผู้ใช้กด Allow (อนุญาต)
      4. เพจช่วยเหลือ พร้อมภาพหน้าจอ
        เพจช่วยเหลือ พร้อมภาพหน้าจอ
      5. ระบบจะเก็บภาพหน้าจอ พร้อมแนบลงในฟอร์มรายงานปัญหาให้โดยอัตโนมัติ ผู้ใช้สามารถอธิบายปัญหาเพื่อให้ข้อมูลกับผู้ให้บริการเพิ่มเติมในช่องคำอธิบาย เช่น
        • ในขณะที่พบปัญหา ผู้ใช้กำลังทำอะไรอยู่ หรือกำลังพยายามทำอะไร
        • ปุ่มบนหน้าจอ หรือคีย์บอร์ดที่ผู้ใช้กดล่าสุดก่อนพบปัญหา
        • ข้อความเตือนบนหน้าจอ กรณีผู้ใช้ได้ปิดข้อความนั้นไปแล้ว
        • ผู้ใช้พบปัญหานี้เป็นครั้งแรกหรือไม่
        • มีผู้ใช้คนอื่นพบปัญหาเดียวกันนี้หรือไม่
      6. กดปุ่ม "สร้างไฟล์แจ้งอาการ" เพื่อสร้างรายงานปัญหา เพื่อพิมพ์ส่งให้ผู้ดูแลระบบภายใน หรือเพื่อส่งให้กับผู้ให้บริการ
      7. รายงานปัญหา
        รายงานปัญหา